/* HOSTLAB | profundidade, cartões, microinterações e movimento */
:root{--hl-shadow:0 16px 42px #143c591e;--hl-deep:0 30px 66px #10384a40;--hl-ease:cubic-bezier(.22,1,.36,1)}
body{background:linear-gradient(150deg,#f1f7fb,#fafcfe 48%,#eaf3f9)}
::selection{background:#f26a1b;color:#fff}
.site-header{backdrop-filter:blur(15px);box-shadow:0 9px 24px #08253d2e}
.brand,.client-link,.button,.hero-cta{transition:transform .35s var(--hl-ease),box-shadow .35s,filter .35s}
.brand:hover,.client-link:hover,.button:hover,.hero-cta:hover{transform:translateY(-4px);filter:brightness(1.06)}
.button:hover{box-shadow:0 16px 30px #ea762e55}.text-link{transition:color .2s,border-color .2s}
.text-link:hover{color:#f26a1b;border-color:#f26a1b}
.hero-art,.page-photo,.editorial-photo,.split-photo,.process-image,.service-hero .intro-text{box-shadow:var(--hl-deep);outline:1px solid #ffffff6b;outline-offset:-1px;transition:transform .5s var(--hl-ease),box-shadow .5s,filter .5s}
.hero-art:hover,.page-photo:hover,.editorial-photo:hover,.split-photo:hover,.process-image:hover,.service-hero .intro-text:hover{transform:translateY(-8px) scale(1.008);box-shadow:0 35px 75px #102f4d66;filter:saturate(1.1)}
/* Área inicial de Serviços, antes totalmente branca e sem moldura */
.service-hero{max-width:1280px;width:calc(100% - 64px);margin:46px auto 70px;min-height:0;padding:35px;gap:30px;grid-template-columns:1fr 1fr;border-radius:32px;background:linear-gradient(135deg,#e3f1f8,#fbfdff 50%,#daeaf4);border:1px solid #cbdfe9;box-shadow:0 15px 30px #12374d15,0 34px 76px #0e3c5a30;overflow:visible}
.service-hero>div:first-child{padding:clamp(28px,4vw,52px);border:1px solid #deebf2;border-radius:24px;background:linear-gradient(145deg,#fff,#f3f9fc);box-shadow:0 20px 44px #0c365523;transition:transform .4s,box-shadow .4s}
.service-hero>div:first-child:hover{transform:translateY(-5px);box-shadow:0 28px 56px #0c36553a}
.service-hero .intro-text{min-height:360px;max-width:none;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;border-radius:24px}
.service-hero .intro-text:before{opacity:.44}.service-hero h1{font-size:clamp(35px,3.5vw,54px);line-height:1.08;letter-spacing:-.052em}.service-hero .lede{font-size:17px}
.service-hero+.solutions{background:linear-gradient(120deg,#e3f0f7,#f6fbfd);border-top:1px solid #d4e4ef;border-bottom:1px solid #d4e4ef;padding-top:65px;padding-bottom:65px}
.service-hero+.solutions:after{opacity:.08}.service-grid{padding-top:46px}
.service-card{border:1px solid #ffffff78;box-shadow:0 16px 37px #082b453b;transition:transform .45s var(--hl-ease),box-shadow .45s,border-color .4s}
.service-card:hover{transform:translateY(-12px) scale(1.014);box-shadow:0 35px 68px #09284056;border-color:#ffac72}
.service-card:before{transition:transform .7s var(--hl-ease),filter .7s}.service-card:hover:before{transform:scale(1.09);filter:brightness(1.14)}
.service-card b{display:inline-block;transition:transform .3s}.service-card:hover b{transform:translate(5px,-5px)}
.feature-card,.info-card,.post-card,.article,.audience-list a,.contact-form,.service-end-inner{border:1px solid #d6e4ed;box-shadow:0 12px 22px #0e38521a,0 26px 50px #123b6214;transition:transform .42s var(--hl-ease),box-shadow .42s,border-color .3s}
.feature-card:hover,.info-card:hover,.post-card:hover,.article:hover,.audience-list a:hover{transform:translateY(-9px);border-color:#f7ae7e;box-shadow:0 24px 45px #10395436,0 36px 70px #123b622c}
.contact-form:hover,.service-end-inner:hover{box-shadow:var(--hl-deep)}
.feature-card,.info-card{position:relative;overflow:hidden}
.feature-card:after,.info-card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:#f26a1b;transition:width .45s}
.feature-card:hover:after,.info-card:hover:after{width:100%}
.intro:not(.service-hero){width:calc(100% - 64px);max-width:1280px;margin:64px auto;padding:63px 7%;border:1px solid #d7e7ef;border-radius:28px;background:linear-gradient(135deg,#fff,#f1f8fc);box-shadow:var(--hl-shadow);transition:transform .4s,box-shadow .4s}
.intro:not(.service-hero):hover{transform:translateY(-4px);box-shadow:var(--hl-deep)}
.hero{border-bottom:1px solid #cfe1ea}.article{overflow:hidden}.article-visual{transition:transform .6s,filter .6s}
.article:hover .article-visual{transform:scale(1.05);filter:brightness(1.07)}
.audience-list a{background:#fff}
.portal-band,.contact{isolation:isolate;overflow:hidden}
.portal-band:before,.contact:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.19;pointer-events:none;background:radial-gradient(circle at 12% 20%,#72a9c9,transparent 33%),radial-gradient(circle at 87% 83%,#f26a1b83,transparent 32%)}
.page-hero{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(115deg,#0b2b46,#135077 65%,#1c6690)}
.page-hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.27;background:radial-gradient(circle at 75% 16%,#f26a1b77,transparent 36%),repeating-linear-gradient(135deg,transparent 0 86px,#ffffff16 87px 88px)}
.content-section:not(.tone){background:linear-gradient(125deg,#fbfdfe,#f0f7fb)}.content-section.tone{background:linear-gradient(120deg,#e7f2f8,#f4f9fc)}
.content-inner.split>div:first-child:not(.editorial-photo){padding:clamp(25px,3.5vw,46px);border:1px solid #d7e7ef;border-radius:22px;background:#fff;box-shadow:var(--hl-shadow);transition:transform .4s,box-shadow .4s}
.content-inner.split>div:first-child:not(.editorial-photo):hover{transform:translateY(-4px);box-shadow:var(--hl-deep)}
.footer-col a{transition:transform .25s,color .25s}.footer-col a:hover{transform:translateX(5px)}
/* Conteúdo sempre visível; animação só começa após a seção entrar na viewport. */
@media(prefers-reduced-motion:no-preference){
@keyframes hl-rise-in{from{opacity:.72;transform:translate3d(0,23px,0);filter:blur(2px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}
body.hl-motion [data-hl-reveal].hl-shown{animation:hl-rise-in .78s var(--hl-ease) both;animation-delay:var(--hl-delay,0ms)}
}
@media(max-width:900px){.service-hero{grid-template-columns:1fr;width:calc(100% - 36px);margin:28px auto 43px;padding:20px;gap:20px}.service-hero>div:first-child{padding:35px 29px}.service-hero .intro-text{min-height:290px}.service-hero h1{font-size:clamp(35px,7vw,52px)}}
@media(max-width:750px){.service-hero{width:calc(100% - 24px);padding:14px;border-radius:22px}.service-hero>div:first-child{padding:26px 22px;border-radius:17px}.service-hero .intro-text{min-height:275px;padding:26px;border-radius:17px}.intro:not(.service-hero){width:calc(100% - 24px);margin:30px auto;padding:34px 6%;border-radius:20px}.content-inner.split>div:first-child:not(.editorial-photo){padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}