/* Memoravel Studio · site estático (recriação do layout do Framer, escrito à mão) */
@font-face{font-family:"Memoravel Titulo";src:url(/assets/fonts/PPTelegraf-Ultrabold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Memoravel Titulo";src:url(/assets/fonts/PPTelegraf-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

@font-face{font-family:"Soleil Fallback";src:local("Arial");size-adjust:104%;ascent-override:96%;descent-override:26%}
:root{
  --preto:#000;--off:#fff;--laranja:#D95411;--laranja-marca:#FF5A1F;--vermelho:#D7261E;
  --muted:rgba(255,255,255,.5);--card:#0f0f0f;
  --titulo:"Memoravel Titulo","Helvetica Neue",Arial,sans-serif;
  --texto:soleil,"Soleil Fallback",Arial,sans-serif;
  --pad:40px;--r:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#000;color:#fff;font-family:var(--texto);font-size:17px;line-height:27px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--laranja-marca);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:#000;padding:8px 14px;border-radius:10px;font-weight:600}
.skip:focus{top:12px}
.d-only{display:inline}.m-only{display:none}

/* Tipografia */
.t-hero{font-family:var(--titulo);font-weight:800;font-size:72px;line-height:82px;letter-spacing:-.03em}
.t-big{font-family:var(--titulo);font-weight:800;font-size:64px;line-height:74px;letter-spacing:-.03em;text-wrap:balance}
.t-h2{font-family:var(--titulo);font-weight:800;font-size:48px;line-height:58px;letter-spacing:-.03em;text-wrap:balance}
.t-h4{font-family:var(--titulo);font-weight:700;font-size:21px;line-height:31px;letter-spacing:-.03em}
.muted{color:var(--muted)}
.center{text-align:center}
.wrap{padding-left:var(--pad);padding-right:var(--pad);max-width:1440px;margin-left:auto;margin-right:auto}

/* Navegação */
.nav{position:fixed;z-index:50;top:20px;left:30px;right:30px;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 20px;border-radius:20px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 .6px 1.6px rgba(0,0,0,.02),0 2.3px 5.9px rgba(0,0,0,.05),0 10px 26px rgba(0,0,0,.1)}
.nav__logo{display:block;width:166px;height:43px}
.nav__logo img{width:166px;height:43px;object-fit:contain}
.nav__links{display:flex;align-items:center;gap:0}
.nav__links a.lk{font-size:16px;line-height:26px;font-weight:500;letter-spacing:-.01em;color:var(--muted);padding:0 26px;transition:color .2s}
.nav__links a.lk:hover,.nav__links a.lk[aria-current=page]{color:#fff}
.btn-contato{position:relative;display:block;width:91px;height:42px;margin-left:10px;border-radius:10px;background:rgba(255,255,255,.15);overflow:hidden}
.btn-contato::before{content:"";position:absolute;inset:0;border-radius:10px;background:radial-gradient(25% 50% at 43% 8%,#fff 0%,rgba(255,255,255,0) 100%);transition:background-position .4s}
.btn-contato span{position:absolute;inset:2px;border-radius:8px;background:#000;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:26px;font-weight:500;color:var(--muted);transition:color .2s,background .2s}
.btn-contato:hover span{color:#fff}
.btn-contato[aria-current=page]::before{background:rgba(255,255,255,.5)}
.btn-contato[aria-current=page] span{background:#CC4A0E;color:#fff}
.nav__burger{display:none;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;position:relative}
.nav__burger i{position:absolute;left:12px;width:20px;height:2px;border-radius:1px;background:#fff;transition:transform .3s,top .3s}
.nav__burger i:first-child{top:16px}.nav__burger i:last-child{top:26px}
.nav.open .nav__burger i:first-child{top:21px;transform:rotate(45deg)}
.nav.open .nav__burger i:last-child{top:21px;transform:rotate(-45deg)}

/* Fundo animado do topo (CSS puro, só transform/opacity) */
.hero{position:relative;min-height:817px;padding-top:20px}
.mm-bg{position:absolute;left:0;right:0;top:-1px;height:817px;overflow:hidden;background:#050505;-webkit-mask-image:linear-gradient(#000 0%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(#000 0%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:0}
.mm-bg i{position:absolute;display:block;will-change:transform}
.mm-a{width:260%;height:260%;left:-80%;top:-80%;background:linear-gradient(118deg,rgba(5,5,5,0) 30%,#6e0b07 36%,#FA2412 41%,#ff3a1a 43%,#2a0403 47.5%,#EE5A2E 51%,#F3A052 53%,#FA2412 56%,#3a0604 61%,rgba(5,5,5,0) 68%);animation:mm-sweep 16s ease-in-out infinite alternate}
.mm-b{width:120%;height:150%;left:-35%;top:-55%;background:radial-gradient(closest-side,rgba(250,36,18,.85),rgba(215,38,30,.35) 55%,rgba(5,5,5,0) 100%);animation:mm-glow 11s ease-in-out infinite alternate}
.mm-c{width:90%;height:120%;right:-30%;top:10%;background:radial-gradient(closest-side,rgba(238,90,46,.55),rgba(5,5,5,0) 100%);animation:mm-glow2 13s ease-in-out infinite alternate}
@keyframes mm-sweep{0%{transform:translate3d(-14%,8%,0) rotate(-2deg)}100%{transform:translate3d(12%,-6%,0) rotate(3deg)}}
@keyframes mm-glow{0%{transform:translate3d(0,0,0) scale(1);opacity:.75}100%{transform:translate3d(12%,6%,0) scale(1.15);opacity:1}}
@keyframes mm-glow2{0%{transform:translate3d(0,0,0) scale(1.1);opacity:.4}100%{transform:translate3d(-15%,-10%,0) scale(.9);opacity:.8}}
.hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:711px;padding:80px var(--pad);gap:30px}
.ham-sec{display:flex;flex-direction:column;gap:60px;padding-top:11px}
.ham-sec+.ham-sec{padding-top:60px}
.ham-intro{display:flex;flex-direction:column;align-items:center;gap:60px;text-align:center}
.ham-intro h2{max-width:960px}
.ham-intro p{max-width:720px;color:var(--muted)}
.ham-sec .cards{margin-top:53px}
.ham-sec+.ham-sec .cards{margin-top:43px}
.hero__inner h1{max-width:815px;text-align:center}
.hero__inner .lead{max-width:815px;text-align:center;color:var(--muted)}
.hero__inner .lead strong{font-weight:700}
.pill-aberto{display:inline-flex;align-items:center;gap:10px;padding:3px 12px;border-radius:20px;background:radial-gradient(50% 75% at 50% 0,rgba(255,255,255,.1) 0%,#000 98.6%);font-size:15px;line-height:25px;letter-spacing:-.03em;white-space:nowrap}
.pill-aberto::before{content:"";width:10px;height:10px;border-radius:5px;background:#FF9C66;flex:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}

/* Faixa de ferramentas */
.ticker{position:absolute;z-index:1;left:0;right:0;top:731px;height:35px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12.5%,#000 87.5%,transparent 100%)}
.ticker ul{display:flex;gap:100px;margin:0;padding:0;list-style:none;width:max-content;animation:tick 30s linear infinite}
.ticker li{flex:none;width:35px;height:35px}
.ticker img{width:35px;height:35px;object-fit:cover}
@keyframes tick{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Cards de projeto */
.cards{display:flex;flex-direction:column;gap:20px}
.card{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:1360/812;background:#111;isolation:isolate}
.card picture,.card>img{position:absolute;inset:0}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,0) 49.7%,rgba(0,0,0,.75) 100%);pointer-events:none}
.card__txt{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}
.card__txt h2,.card__txt h3{font-family:var(--titulo);font-weight:700;font-size:21px;line-height:31px;letter-spacing:-.03em}
.card__txt p{font-weight:500;color:var(--muted)}
.card__ver{position:absolute;z-index:3;left:50%;top:50%;display:flex;align-items:center;gap:16px;transform:translate(-31px,-31px) scale(.6);opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.card__ver i{position:relative;width:62px;height:62px;border-radius:31px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.1)}
.card__ver i::before{content:"";position:absolute;inset:2px;border-radius:20px;background:var(--laranja)}
.card__ver svg{position:relative;width:42px;height:42px;fill:#fff}
.card__ver b{font-family:var(--titulo);font-weight:700;font-size:17px;line-height:27px;letter-spacing:-.05em;white-space:nowrap}
.card:hover img,.card:focus-visible img{transform:scale(1.04)}
.card:hover .card__ver,.card:focus-visible .card__ver{opacity:1;transform:translate(-31px,-31px) scale(1)}

/* Pílulas */
.pill-link{display:inline-flex;align-items:center;gap:7px;padding:12px 21px;border-radius:21px;background:rgba(255,255,255,.07);font-weight:600;font-size:17px;line-height:17px;transition:background .25s}
.pill-link span{display:inline-block;margin:-2.5px 0;background:linear-gradient(90deg,#D95411 -39.7%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2.5px 0}
.pill-link svg{width:0;height:18px;margin-left:-7px;stroke:#D95411;opacity:0;transition:width .25s,margin .25s,opacity .25s}
.pill-link:hover{background:rgba(255,255,255,.12)}
.pill-link:hover svg,.pill-link:focus-visible svg{width:18px;margin-left:0;opacity:1}
.pill-mob{display:none}
.tag{display:inline-flex;padding:8px 16px;border-radius:50px;border:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:17px;line-height:20px}

/* Seções da Home */
.home-cards{padding-top:61px}
.more{display:flex;flex-direction:column;align-items:center;gap:60px;padding-top:60px}
.more .lk-ham{color:var(--muted);text-align:center;transition:color .2s}
.more .lk-ham:hover{color:#fff}
.metodo{display:flex;justify-content:space-between;gap:30px;padding-top:160px}
.metodo__side{position:sticky;top:128px;align-self:flex-start;width:665px;display:flex;flex-direction:column;align-items:flex-start;gap:48px}
.metodo__side .tag{margin-bottom:-11px}
.metodo__list{width:665px;display:flex;flex-direction:column;gap:30px}
.etapa{display:grid;grid-template-columns:54px 1fr;padding:30px 38px 30px 30px;border-radius:20px;background:linear-gradient(rgba(15,15,15,.5) 0%,#D95411 100%);box-shadow:inset 0 0 2px rgba(255,255,255,.5)}
.etapa h3{display:contents}
.etapa .n,.etapa .t{font-family:var(--titulo);font-weight:700;font-size:21px;line-height:31px;letter-spacing:-.03em}
.etapa p{grid-column:2;margin-top:20px;color:var(--muted)}
.faq{padding-top:93px}
.faq h2{text-align:center;margin-bottom:48px}
.faq__list{max-width:768px;margin:0 auto;display:flex;flex-direction:column;gap:15px}
.faq details{border-radius:17px;background:radial-gradient(67.8% 100% at 50% 100%,rgba(217,84,17,.6) 0%,rgba(15,15,15,0) 100%);padding:21px 21px 21px 24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font-family:var(--texto);font-weight:400;font-size:17px;line-height:27px;letter-spacing:-.01em}
.faq summary svg{flex:none;width:27px;height:27px;margin:0 -4px 0 0;stroke:#fff;stroke-width:1.6;transform:rotate(45deg);transition:transform .3s}
.faq details:not([open]) summary svg{transform:rotate(0)}
.faq details p{margin-top:17px;color:var(--muted)}
.faq details:not([open]){padding-bottom:21px}

/* CTA */
.cta{margin-top:96px;position:relative;border-radius:20px;padding:56px 32px;display:flex;flex-direction:column;align-items:center;gap:56px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(34.6% 25% at 50% 0,rgba(0,0,0,0) 0%,rgba(196,98,0,.0) 51%,rgba(255,172,117,0) 100%);pointer-events:none}
.cta__txt{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:834px;text-align:center}
.cta__txt .t-big{letter-spacing:-.01em}
.cta__txt .sub{color:var(--muted);letter-spacing:-.03em}
.btn-wa{position:relative;display:flex;justify-content:center;padding:24px 48px;border-radius:200px;width:854px;max-width:100%;isolation:isolate}
@property --gx{syntax:"<percentage>";inherits:true;initial-value:70%}
@property --gy{syntax:"<percentage>";inherits:true;initial-value:85%}
.btn-wa::before,.btn-wa::after{content:"";position:absolute;inset:0;border-radius:70px;z-index:-2}
.btn-wa{animation:wa-orbit 9s ease-in-out infinite}
.btn-wa::before{background:radial-gradient(28% 50% at var(--gx) var(--gy),#FFC49E 0%,rgba(171,171,171,0) 100%);filter:blur(20px)}
.btn-wa::after{background:radial-gradient(50% 50% at var(--gx) var(--gy),#FFECDF 0%,#D95411 66%,rgba(255,255,255,0) 100%);filter:blur(2px)}
.btn-wa>.in{position:absolute;inset:5px;border-radius:70px;background:#000;z-index:-1}
.btn-wa b{font-family:var(--titulo);font-weight:800;font-size:64px;line-height:74px;letter-spacing:-.01em;transition:transform .3s}
.btn-wa:hover b{transform:scale(1.02)}
@keyframes wa-orbit{0%{--gx:72%;--gy:88%}25%{--gx:45%;--gy:95%}50%{--gx:22%;--gy:70%}75%{--gx:50%;--gy:92%}100%{--gx:72%;--gy:88%}}

/* Rodapé */
.footer{padding-top:112px;padding-bottom:41px}
.footer__grid{display:grid;grid-template-columns:2.94fr 1.41fr 1fr;padding:0 11px}
.footer__about{max-width:440px;font-size:19px;line-height:26.6px;text-wrap:balance}
.social{display:flex;gap:22px;margin:29px 0 0;padding:0;list-style:none}
.social a{width:42px;height:42px;border-radius:50px;background:#0C0E12;display:flex;align-items:center;justify-content:center;transition:background .2s}
.social a:hover{background:#1c1f26}
.social svg{width:16px;height:16px}
.footer__col h2{font-family:var(--texto);font-weight:400;font-size:19px;line-height:26.6px;color:#fff;margin-bottom:19px;opacity:.6}
.footer__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9.5px}
.roll{display:block;height:26px;overflow:hidden;font-size:20px;line-height:25.6px;letter-spacing:-.025em}
.roll span{display:block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.roll span::after{content:attr(data-t);display:block}
.roll:hover span,.roll:focus-visible span{transform:translateY(-25.6px)}
.footer__logo{display:block;grid-column:1/-1;margin:10px -3px 0 -1px;padding:0}
.footer__logo img{width:100%;height:auto}
.footer__copy{margin-top:50px;padding:0 11px;font-size:19px;line-height:26.6px}

/* Páginas internas */
.page-top{padding-top:176px}
.page-h1{text-align:center}
.portfolio-cards{padding-top:56px}

/* Projeto */
.proj-head{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:176px}
.proj-head p{color:var(--muted)}
.proj{padding:55px 43px 0;max-width:1440px;margin:0 auto}
.proj__img{border-radius:20px;overflow:hidden;background:#111}
.proj__img img{width:100%;height:auto;object-fit:cover}
.proj__img:not(.wide){aspect-ratio:1354/765}
.proj__img:not(.wide) img{height:100%}
.proj__desc{padding:55px 0;text-align:center;color:var(--muted)}
.proj__desc p{min-height:27px}
.proj__desc strong{font-weight:700}
.proj__gallery{display:flex;flex-direction:column;gap:55px}
.proj-cta{padding:0 40px;max-width:1440px;margin:0 auto}
.proj-cta .cta{margin-top:90px}

/* Sobre */
.sobre-h1{padding:176px var(--pad) 0}
.sobre-cols{display:grid;grid-template-columns:618px 1fr;gap:75px;padding-top:56px;color:var(--muted)}
.sobre-cols p{max-width:618px}
.stats{margin-top:188px;display:flex;justify-content:space-between;background:#0f0f0f;border-radius:20px;padding:18px 36px;text-align:center}
.stats b{display:block;font-family:var(--titulo);font-weight:800;font-size:48px;line-height:58px;letter-spacing:-.03em;background:linear-gradient(0deg,#fff 0%,#D95411 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2px 0}
.stats span{color:var(--muted)}
.sec-h{padding-top:96px}
.processo{margin:56px 0 0;padding:0;list-style:none}
.processo li{display:grid;grid-template-columns:544px 1fr;padding:32px 0;border-top:1px solid rgba(255,255,255,.15)}
.processo li:first-child{border-top:0;padding-top:0}
.processo li:last-child{padding-bottom:0}
.processo .n{color:var(--muted);text-align:center}
.processo h3{font-family:var(--titulo);font-weight:700;font-size:21px;line-height:31px;letter-spacing:-.03em}
.processo .s{font-size:15px;line-height:25px;color:var(--muted);margin-top:5px}
.processo .d{color:#9a9a9a;margin-top:32px}
.servicos{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.servicos li{display:flex;gap:32px;padding:30px;border-radius:20px;background:#101010;font-family:var(--titulo);font-weight:700;font-size:21px;line-height:31px;letter-spacing:-.03em;color:var(--muted)}
.skills{margin-top:56px;background:#0f0f0f;border-radius:20px;height:95px;position:relative}
.skills .ticker{top:30px}

/* Contato */
.contato{max-width:785px;margin:0 auto;padding:176px 0 0;text-align:center}
.contato .lead{color:var(--muted);margin-top:24px}
.contato .lead a{color:#fff}
.form{margin-top:96px;display:grid;grid-template-columns:1fr 1fr;gap:14px 13px;text-align:left}
.form label{display:block}
.form input,.form textarea{display:block;width:100%;border:0;border-radius:14px;background:#0f0f0f;color:#fff;font:inherit;font-size:15px;line-height:20px;padding:12px 20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0);transition:box-shadow .2s}
.form input{height:44px}
.form textarea{height:99px;resize:vertical;grid-column:1/-1}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.5);font-weight:500}
.form input:focus,.form textarea:focus{outline:none;box-shadow:inset 0 0 0 1px var(--laranja)}
.form .full{grid-column:1/-1}
.form button{height:44px;border:0;border-radius:14px;background:#CC4A0E;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:filter .2s}
.form button:hover{filter:brightness(1.1)}
.form .ok{grid-column:1/-1;text-align:center;font-size:15px;color:#fff;min-height:25px}
.hp{position:absolute;left:-9999px}
.ou{margin:32px 0 0;color:var(--muted);font-size:15px}
.btn-wa-sm{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:12px 24px;border-radius:50px;background:rgba(255,255,255,.07);font-weight:600;transition:background .2s}
.btn-wa-sm:hover{background:rgba(255,255,255,.14)}
.btn-wa-sm svg{width:20px;height:20px;fill:#fff}
.contato-gap{height:120px}

/* Blog */
.post{max-width:700px;margin:0 auto;padding:140px 0 190px}
.post h1{font-family:var(--titulo);font-weight:800;font-size:72px;line-height:82px;letter-spacing:-.03em;text-align:center}
.post__cover{width:720px;max-width:none;margin:40px -10px 0;aspect-ratio:1200/630;background:#111}
.post__cover img{width:100%;height:100%;object-fit:cover}
.post__meta{text-align:center;color:var(--muted);font-size:15px;margin-top:20px}
.post__body{margin-top:60px;font-size:18px;line-height:1.65;letter-spacing:-.02em;color:var(--muted)}
.post__body>*+*{margin-top:20px}
.post__body h2{font-family:var(--titulo);font-weight:800;font-size:34px;line-height:1.2;letter-spacing:-.04em;color:#fff;margin-top:40px}
.post__body ul,.post__body ol{margin-top:32px}
.post__body ul+p,.post__body ol+p{margin-top:21px}
.post__body h3{font-family:var(--titulo);font-weight:800;font-size:22px;line-height:1.3;letter-spacing:-.03em;color:#fff;margin-top:40px}
.post__body h2+*,.post__body h3+*{margin-top:20px}
.post__body h2+h3{margin-top:40px}
.post__body h2+ol,.post__body h2+ul{margin-top:32px}
.post__body ul,.post__body ol{padding-left:20px;margin-bottom:0}
.post__body li+li{margin-top:0}
.post__body strong{font-weight:700}
.post__body a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}

.post__body a:hover{text-decoration-color:#fff}
.post__body hr{border:0;height:0;margin:20px 0 0}
.post__body hr+h2{margin-top:20px}
.blog-list{max-width:1040px;margin:56px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,510px));justify-content:center;gap:40px 20px}
.blog-item{display:block}
.blog-item .img{border-radius:20px;overflow:hidden;aspect-ratio:1200/630;background:#111}
.blog-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.blog-item:hover img{transform:scale(1.03)}
.blog-item h2{margin-top:20px;text-wrap:balance}
.blog-item p{margin-top:8px;color:var(--muted);text-wrap:pretty}
.blog-item time{display:block;margin-top:8px;font-size:15px;color:var(--muted)}

/* 404 */
.nf{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:176px var(--pad) 0;text-align:center}

/* Revelar ao rolar (só com JS; sem JS tudo aparece) */
.js .rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* Tablet */
.cta-m{display:none}
@media (max-width:1199px){
  .cta-d{display:none}.cta-m{display:inline}
  .cta{padding:30px;gap:40px;background:radial-gradient(100% 100% at 50% 0,rgba(0,0,0,0) 0%,#C44B00 51%,#FFB375 100%);box-shadow:none}
  .cta__txt .t-big{font-size:48px;line-height:58px}
  .btn-wa{width:auto;padding:24px 48px}
  .btn-wa b{font-size:48px;line-height:58px}
}
@media (min-width:810px) and (max-width:1199px){
  .wrap{max-width:750px;padding-left:0;padding-right:0}
  .nav{left:calc(50% - 385px);right:calc(50% - 385px)}
  .nav__links a.lk{font-size:14px;line-height:24px}
  .btn-contato{width:83px;height:40px}
  .btn-contato span{font-size:14px}
  .hero__inner h1{max-width:563px}
  .t-hero{font-size:48px;line-height:58px}
  .hero__inner .lead{max-width:675px;line-height:26px}
  .pill-aberto{font-size:14px;line-height:24px}
  .card{aspect-ratio:750/448;border-radius:16px}
  .card::after{background:linear-gradient(0deg,rgba(255,255,255,0) 49.7%,rgba(0,0,0,.6) 100%)}
  .card__txt{top:16px;left:16px;bottom:auto}
  .card__txt p{font-size:16px;line-height:26px}
  .more .pill-link,.metodo__side .pill-link{background:#fff;border-radius:24px}
  .more .pill-link span,.metodo__side .pill-link span{background-image:linear-gradient(90deg,#D95411 -39.7%,#FF9C66 100%)}
  .t-h2{font-size:38px;line-height:48px}
  .metodo__side,.metodo__list{width:360px;flex:none}
  .metodo__side{gap:40px}
  .etapa p{line-height:26px}
  .faq__list{max-width:none}
  .footer__grid{grid-template-columns:423px 1fr;padding:0 4px}
  .footer__grid>div:first-child{grid-column:1/-1}
  .footer__col{margin-top:40px}
  .footer__logo{margin-top:32px;padding:0}
  .footer__copy{padding:0 4px;max-width:380px;margin-top:64px}
  .processo li{grid-template-columns:200px 1fr}
  .servicos{grid-template-columns:repeat(2,1fr)}
  .sobre-cols{gap:40px}
  .stats{padding:18px 12px}
  .proj{padding-left:var(--pad);padding-right:var(--pad)}
}
/* Celular */
@media (max-width:809px){
  @font-face{font-family:"Soleil Fallback";src:local("Arial");size-adjust:104%;ascent-override:96%;descent-override:26%}
:root{--pad:19px}
  body{font-size:16px}
  .d-only{display:none}.m-only{display:inline}
  .nav{top:0;left:0;right:0;height:80px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.12);padding:0 16px 0 30px;flex-wrap:wrap;align-content:flex-start}
  .nav__logo{width:164px;height:43px;margin-top:19px}
  .nav__logo img{width:164px}
  .nav__burger{display:block;margin-top:18px}
  .nav__links{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:24px 14px 30px 0;gap:6px}
  .nav.open{height:auto;background:rgba(0,0,0,.92)}
  .nav.open .nav__links{display:flex}
  .nav__links a.lk{padding:6px 0;font-size:20px;line-height:30px}
  .btn-contato{margin:12px 0 0}
  .hero{padding-top:0}
  .hero__inner{padding:113px var(--pad) 0;gap:48px;min-height:0;justify-content:flex-start}
  .ham-intro h2{font-size:32px;line-height:42px}
  .ham-sec,.ham-intro{gap:32px}
  .ham-sec .cards,.ham-sec+.ham-sec .cards{margin-top:24px}
  .hero__inner h1{order:1}.hero__inner .lead{order:2}.pill-aberto{order:3}
  .t-hero{font-size:48px;line-height:58px}
  .hero__inner .lead{font-size:16px}
  .pill-aberto{font-size:14px;line-height:24px}
  .ticker ul{gap:80px}
  .t-big{font-size:32px;line-height:32px}
  .t-h2{font-size:32px;line-height:42px}
  .cards{gap:48px}
  .card{aspect-ratio:auto;background:none;overflow:visible;border-radius:0;display:flex;flex-direction:column}
  .card picture,.card>img{position:relative;inset:auto;order:2;margin-top:24px;border-radius:16px;overflow:hidden;aspect-ratio:338/216}
  .card::after{display:none}
  .card__txt{position:static;order:1}
  .card__txt h2,.card__txt h3{font-size:20px;line-height:30px}
  .card__txt p{font-size:14px;line-height:24px}
  .card__ver{display:none}
  .home-cards{padding-top:61px}
  .more{gap:50px;padding-top:49px}
  .more .pill-link{width:100%;justify-content:center;background:#fff;border-radius:24px}
  .more .pill-link span,.metodo .pill-mob span{background-image:linear-gradient(90deg,#D95411 -39.7%,#FF9C66 100%)}
  .more .pill-link svg{display:none}
  .metodo{flex-direction:column;align-items:center;padding-top:169px;gap:48px}
  .metodo__side{position:static;width:100%;align-items:center;gap:40px}
  .metodo__side .tag{margin-bottom:-8px;font-size:16px}
  .metodo__side .pill-link{display:none}
  .metodo__list{width:100%;gap:20px}
  .metodo .pill-mob{display:flex;width:100%;justify-content:center;background:#fff;border-radius:24px;margin-top:4px}
  .metodo .pill-mob svg{display:none}
  .etapa{padding:30px}
  .etapa .n,.etapa .t{font-size:20px;line-height:30px}
  .etapa p{font-size:16px}
  .faq{padding-top:96px}
  .faq__list{gap:15px}
  .faq summary h3{font-size:16px}
  .faq summary svg{width:27px;height:27px;stroke-width:2}
  .faq details p{font-size:16px;padding-right:0}
  .cta{margin-top:96px;padding:30px 30px;gap:48px;background:radial-gradient(100% 100% at 50% 0,rgba(0,0,0,0) 0%,#C44B00 51%,#FFB375 100%);box-shadow:none}
  .cta__txt{gap:30px}
  .cta__txt .t-big{font-size:32px;line-height:42px;letter-spacing:-.01em}
  .cta__txt .sub{font-size:14px;line-height:20px}
  .btn-wa{width:284px;padding:24px 20px}
  .btn-wa b{font-size:32px;line-height:42px}
  .footer{padding-top:30px;padding-bottom:17px}
  .footer__grid{grid-template-columns:1fr;padding:0 10px;gap:0}
  .footer__logo{order:-1;padding:0;width:307px;max-width:100%;margin:0 0 16px 6px}
  .footer__wrap{display:flex;flex-direction:column}
  .footer__about{font-size:19px}
  .social{margin-top:32px;gap:20px}
  .footer__col{margin-top:35px}
  .footer__col.pg{order:3}.footer__col.em{order:2}
  .footer__col h2{margin-bottom:16px}
  .roll{font-size:19px;line-height:24.3px;height:24.3px}
  .roll:hover span{transform:translateY(-24.3px)}
  .footer__copy{margin-top:59px;padding:0 10px}
  .page-top{padding-top:108px}
  .portfolio-cards{padding-top:48px}
  .proj-head{padding-top:179px}
  .proj-head h1{font-size:32px;line-height:32px}
  .proj{padding:102px 30px 0}
  .proj__desc{padding:37px 0;margin:0 -15px;font-size:16px}
  .proj__gallery{gap:35px}
  .proj__img,.proj__img:not(.wide){aspect-ratio:315/197}
  .proj__img img,.proj__img:not(.wide) img{height:100%}
  .proj-cta{padding:0 30px}
  .proj-cta .cta{margin-top:45px;padding-left:15px;padding-right:15px}
  .sobre-h1{padding:108px 20px 0}
  .sobre-h1 h1{text-align:center}
  .sobre-cols{grid-template-columns:1fr;gap:59px;padding-top:48px;text-align:center}
  .stats{grid-template-columns:1fr;gap:44px;margin-top:86px;padding:18px 20px 20px}
  .sec-h{padding-top:96px}
  .sec-h>.t-h2{text-align:center}
  .processo{margin-top:48px}
  .processo li{grid-template-columns:1fr;padding:32px 0}
  .processo .n{margin-bottom:24px;font-size:16px}
  .processo h3{font-size:20px;line-height:30px}
  .processo .s{font-size:14px;line-height:24px}
  .processo .d{margin-top:32px;font-size:16px}
  .servicos{grid-template-columns:1fr;gap:16px;margin-top:48px}
  .servicos li{font-size:20px;line-height:30px;padding:22px 24px;gap:21px}
  .stats{display:grid}
  .contato{padding:108px 20px 0}
  .contato .lead{margin-top:32px}
  .form{grid-template-columns:1fr 1fr;gap:14px;margin-top:96px}
  .form input,.form textarea,.form button{border-radius:16px}
  .contato-gap{height:96px}
  .post{padding:140px 20px 102px}
  .post h1{font-size:48px;line-height:58px}
  .post__cover{width:auto;margin:40px -7px 0}
  .post__body{margin-top:60px}
  .post__body ul,.post__body ol{padding-left:20px}
  .blog-list{grid-template-columns:1fr;gap:40px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
}