/* =========================================================
   EDIMIDIA — styles.css · V6 · base "Aura clara" (V3)
   ========================================================= */

/* ---------- 1. Tokens ---------- */
:root{
--bg:#F5F3EF;--paper:#FFFFFF;
--ink:#141414;--ink-2:#55514B;--muted:#66615D;
--accent:#FF451D;          /* laranja do logotipo */
--accent-ink:#C2310F;      /* laranja para texto pequeno (contraste AA) */
--accent-grad:linear-gradient(90deg,#E8380F,#FF451D 60%,#FF6A3D);
--peach:#FFB09A;--sand:#FFDCA8;--lilac:#C4CEFF;
--glass:rgba(255,255,255,.55);--glass-strong:rgba(255,255,255,.72);--glass-line:rgba(255,255,255,.9);
--line:rgba(20,20,20,.1);
--dark:#141414;--dark-ink:#F5F1EA;--dark-ink-2:#C9C2B8;
/* Fontes: Bricolage Grotesque + DM Sans (ver README para hospedar localmente) */
--f-display:"Bricolage Grotesque","DM Sans",system-ui,sans-serif;
--f-body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--wrap:1320px;--gut:clamp(1.25rem,4vw,3rem);--r:24px;--r-lg:32px;
--sec:clamp(4.5rem,10vw,8.5rem);
--ease:cubic-bezier(.2,.7,.2,1);
--shadow:0 30px 60px -30px rgba(20,20,20,.18)
}

/* ---------- 2. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:clamp(1rem,.96rem + .2vw,1.125rem);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40vw 40vw at 100% 0%,rgba(255,176,154,.35),transparent 70%),radial-gradient(36vw 36vw at 0% 55%,rgba(196,206,255,.35),transparent 70%),radial-gradient(40vw 30vw at 70% 100%,rgba(255,220,168,.35),transparent 70%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:radial-gradient(#000 1px,transparent 1px);background-size:4px 4px}
img,svg{display:block;max-width:100%}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--accent-ink)}
:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;letter-spacing:-.04em;line-height:1.02;margin:0;text-wrap:balance}
p,ul,ol{margin:0}
p{text-wrap:pretty}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.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:1rem;top:-100px;z-index:100;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:10px}
.skip:focus{top:1rem;color:#fff}

/* ---------- 3. Utilitários ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .9rem;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--f-body);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);line-height:1.3}
.eyebrow::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.h2{font-size:clamp(1.9rem,1.1rem + 3vw,3.9rem);line-height:1.02}
.h3{font-size:clamp(1.35rem,1rem + 1.3vw,2.1rem);line-height:1.08}
.lead{font-size:clamp(1.1rem,1rem + .45vw,1.3rem);color:var(--ink-2);line-height:1.55}
.hl{color:var(--accent-ink);font-style:normal}
@supports (-webkit-background-clip:text) or (background-clip:text){.hl{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}}
.glass{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

/* ---------- 4. Auras (fundo decorativo) ---------- */
.aura-bg{position:absolute;inset:-35vh 0;pointer-events:none;z-index:-1}
.aura-bg.is-dark{inset:0;overflow:hidden}
.aura{position:absolute;border-radius:50%;filter:blur(110px);opacity:.75;will-change:transform}
.aura.a1{width:min(46vw,560px);aspect-ratio:1;background:var(--peach);right:-6%;top:-12%}
.aura.a2{width:min(36vw,440px);aspect-ratio:1;background:var(--sand);right:22%;top:38%}
.aura.a3{width:min(34vw,420px);aspect-ratio:1;background:var(--lilac);left:-8%;bottom:-14%}
.aura-bg .aura{animation:drift 16s ease-in-out infinite alternate}
.aura-bg .a2{animation-delay:-6s}.aura-bg .a3{animation-delay:-11s}
@keyframes drift{to{translate:-50px 40px;scale:1.12}}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 70%);mask-image:radial-gradient(circle at 70% 30%,#000,transparent 70%)}
.glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(255,69,29,.18),transparent 62%);transform:translate(-50%,-50%);left:75%;top:40%;transition:left .35s ease-out,top .35s ease-out}
.is-dark .aura{opacity:.45;filter:blur(90px)}
.is-dark .aura.a1{background:var(--accent)}
.is-dark .aura.a2{background:#FF8A5B}
.is-dark .aura.a3{background:#5B6CFF}
.is-dark .grid-bg{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}

/* ---------- 5. Botões e links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:.8rem 1.6rem;border-radius:999px;font-family:var(--f-body);font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background .2s,color .2s,box-shadow .25s}
.btn .arr{transition:transform .25s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn:hover{transform:translateY(-2px)}
.btn--ink{background:var(--ink);color:#fff;box-shadow:0 14px 34px -14px rgba(20,20,20,.55)}
.btn--ink:hover{background:#000;color:#fff}
.btn--red{background:var(--accent);color:var(--ink);box-shadow:0 14px 34px -12px rgba(255,69,29,.6)}
.btn--red:hover{background:#FF5A35;color:var(--ink)}
.btn--glass,.btn--light{background:var(--glass-strong);color:var(--ink);border-color:var(--glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn--glass:hover,.btn--light:hover{background:#fff;color:var(--ink)}
.btn--sm{min-height:44px;padding:.5rem 1.15rem;font-size:.93rem}
.btn[aria-disabled="true"]{cursor:not-allowed;opacity:.9}
.btn[aria-disabled="true"]:hover{transform:none}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-weight:600;text-decoration:none;color:inherit}
.link-arrow span{border-bottom:1.5px solid currentColor;padding-bottom:1px}
.link-arrow:hover{color:inherit;opacity:.7}

/* ---------- 6. Header ---------- */
.site-header{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}
.site-header.is-scrolled{background:rgba(245,243,239,.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}
.header__in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1.1rem}
/* LOGO oficial — arquivo único em assets/brand/edimidia-logo.png */
.brand{display:block;flex:none;line-height:0}
.brand img{height:clamp(56px,6vw,84px);width:auto;transition:height .3s var(--ease)}
.site-header.is-scrolled .brand img{height:50px}
.site-header.is-scrolled .header__in{padding-block:.6rem}
.site-nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.site-nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
.site-nav ul a{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;border-radius:999px;font-weight:500;font-size:.98rem;text-decoration:none;color:var(--ink-2)}
.site-nav ul a:hover{background:var(--glass-strong);color:var(--ink)}
.menu-toggle{display:none}
@media (max-width:900px){
.js .menu-toggle{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;padding:0 1.1rem;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-family:var(--f-body);font-weight:600;font-size:.95rem;cursor:pointer}
.menu-toggle__bars{position:relative;width:16px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor;transition:box-shadow .2s,transform .2s}
.menu-toggle[aria-expanded="true"] .menu-toggle__bars{box-shadow:none;transform:rotate(45deg)}
.js .site-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:1.25rem;margin-top:.5rem;padding:1rem 1.25rem 1.5rem;border-radius:var(--r);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-line);box-shadow:var(--shadow)}
.js .site-nav.is-open{display:flex}
.js .site-nav ul{flex-direction:column}
.js .site-nav ul a{width:100%;min-height:56px;padding:0;border-radius:0;border-bottom:1px solid var(--line);font-family:var(--f-display);font-size:1.35rem;font-weight:600;color:var(--ink)}
.js .site-nav ul a:hover{background:none;color:var(--accent-ink)}
}

/* ---------- 7. Hero ---------- */
.hero{position:relative;margin-top:-1px;padding-block:clamp(2rem,5vw,4rem) clamp(3.5rem,7vw,6rem)}
.hero__in{position:relative;z-index:1}
.hero__title{font-size:clamp(2.5rem,.9rem + 6vw,6.1rem);line-height:.98;letter-spacing:-.05em;margin-top:1.5rem;max-width:14ch}
.hero__title .w{display:inline-block}
.js .hero__title .w{opacity:0;transform:translateY(.45em);filter:blur(8px);animation:word-in .9s var(--ease) forwards}
@keyframes word-in{to{opacity:1;transform:none;filter:none}}
.hero__sub{margin-top:1.75rem;max-width:42ch}
.hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:2.25rem}
.hero__cards{list-style:none;padding:0;display:grid;gap:.9rem;margin-top:3rem}
.hero__cards a{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:1.35rem 1.4rem;border-radius:var(--r);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .35s var(--ease),background .25s}
.hero__cards a:hover{background:var(--glass-strong);color:var(--ink);transform:translateY(-6px)}
.hero__cards small{font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.hero__cards strong{font-family:var(--f-display);font-weight:600;font-size:1.08rem;letter-spacing:-.03em;line-height:1.2}
@media (min-width:700px){.hero__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){
.hero__cards{position:absolute;right:var(--gut);bottom:0;width:min(920px,62%);margin:0}
.hero__cards li{animation:float 7s ease-in-out infinite}
.hero__cards li:nth-child(2){translate:0 -40px;animation-delay:-2.3s}
.hero__cards li:nth-child(3){translate:0 -80px;animation-delay:-4.6s}
.hero{padding-bottom:clamp(3rem,6vw,5rem)}
.hero__in{min-height:min(76vh,720px);padding-bottom:13rem}
}
@keyframes float{50%{transform:translateY(-10px)}}

/* ---------- Hero · busca ao vivo ---------- */
.live{position:relative;width:min(100%,520px);margin-top:2.75rem;display:grid;gap:.9rem}
.live__search{display:flex;align-items:center;gap:.75rem;min-height:64px;padding:0 1.4rem;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 50px -26px rgba(20,20,20,.4);font-size:1.12rem;font-weight:500;color:var(--ink)}
.live__search svg{flex:none;width:22px;height:22px;color:var(--muted)}
.live__q{white-space:nowrap;overflow:hidden;text-overflow:clip}
.live__caret{flex:none;width:2px;height:1.3em;margin-left:-.5rem;background:var(--accent);animation:live-blink 1s steps(1) infinite}
@keyframes live-blink{50%{opacity:0}}
.live__res{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.live__card{position:relative;display:flex;align-items:center;gap:.9rem;padding:1rem 1.15rem;border-radius:20px;background:rgba(255,255,255,.5);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .45s var(--ease),translate .55s var(--ease),scale .55s var(--ease)}
.live__card .live__info{display:grid;gap:.3rem;flex:1;min-width:0}
.live__card b{display:block;height:10px;border-radius:6px;background:rgba(20,20,20,.1)}
.live__dot{flex:none;width:34px;height:34px;border-radius:12px;background:rgba(20,20,20,.07)}
.live__card.is-you{padding:1.2rem 1.25rem;background:#fff;border-color:rgba(255,69,29,.35);box-shadow:0 0 0 4px rgba(255,69,29,.08),0 28px 60px -28px rgba(255,69,29,.55)}
.live__rank{position:absolute;top:-10px;right:14px;padding:.2rem .6rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em}
.live__pin{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--accent)}
.live__pin::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--accent);animation:live-ping 2.2s var(--ease) infinite}
@keyframes live-ping{from{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}
.live__pin svg{width:22px;height:22px}
.live__info strong{font-family:var(--f-display);font-size:1.15rem;line-height:1.1;letter-spacing:-.02em}
.live__stars{font-size:.85rem;letter-spacing:.08em;color:#E8A300;line-height:1}
.live__meta{font-size:.88rem;color:var(--ink-2);line-height:1.3}
.live__acts{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}
.live__acts i{font-style:normal;font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--line);color:var(--ink-2)}
.live__acts i:nth-child(3){background:var(--ink);border-color:var(--ink);color:#fff}
.live__tag{margin:.3rem 0 0 .4rem;font-size:.85rem;color:var(--muted)}
.live__card{transition:opacity .45s var(--ease),translate .55s var(--ease),scale .55s var(--ease),filter .45s var(--ease)}
.live.is-searching .live__card{opacity:.4;filter:blur(2px);translate:0 6px;scale:.99}
.live.is-searching .live__card.is-you{opacity:.7}
.live.is-searching .live__card:nth-child(2){transition-delay:.05s}
.live .live__card:nth-child(2){transition-delay:.12s}.live .live__card:nth-child(3){transition-delay:.22s}
@media (min-width:1100px){
.hero__title{max-width:10.5ch}
.hero__sub{max-width:36ch}
.live{position:absolute;right:var(--gut);top:clamp(2.5rem,5vw,4.5rem);width:min(500px,40%);margin:0}
}
@media (prefers-reduced-motion:reduce){.live__caret,.live__pin::after{animation:none}.live__card{transition:none}}




/* ---------- 8. Intro ---------- */
.intro{position:relative;padding-block:clamp(1rem,3vw,2rem)}
.intro__grid{display:grid;gap:1.25rem;padding:clamp(1.75rem,4vw,3.5rem);border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.intro__label{justify-self:start;align-self:start}
.intro__text{font-family:var(--f-display);font-weight:500;font-size:clamp(1.2rem,.95rem + 1.2vw,2rem);line-height:1.32;letter-spacing:-.03em;max-width:42ch}
.mk{background:linear-gradient(transparent 60%,var(--mk) 60%,var(--mk) 92%,transparent 92%)}
.mk--red{--mk:rgba(255,69,29,.28)}.mk--blue{--mk:rgba(196,206,255,.9)}.mk--orange{--mk:rgba(255,220,168,.95)}
@media (min-width:960px){
.intro__grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.intro__label{grid-column:1/span 3}
.intro__text{grid-column:4/span 9}
}

/* ---------- 9. Clientes ---------- */
.clients{padding-block:var(--sec) calc(var(--sec) * .5)}
.clients__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 2rem;margin-bottom:clamp(2rem,4vw,3rem)}
.clients__head .h2{max-width:16ch;margin-top:1.1rem}
.marquee{position:relative;overflow:hidden;padding-block:clamp(.75rem,1.5vw,1.25rem);background:var(--glass);border-block:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;width:max-content;animation:marquee 42s linear infinite}
.marquee:hover .marquee__track,.marquee:focus-within .marquee__track{animation-play-state:paused}
.marquee__list{display:flex;list-style:none;padding:0}
.marquee__list li{flex:none;padding-inline:clamp(.25rem,1.6vw,1.25rem)}
.marquee__list img{width:clamp(150px,17vw,230px);height:auto;aspect-ratio:480/180;object-fit:contain;opacity:.85;transition:opacity .25s}
.marquee__list li:hover img{opacity:1}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- 10. Serviços ---------- */
.services{position:relative;padding-block:calc(var(--sec) * .5) var(--sec)}
.services__head{display:grid;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.services__head .h2{max-width:17ch;margin-top:1.1rem}
.services__head .lead{max-width:44ch}
@media (min-width:960px){
.services__head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}
.services__head>div{grid-column:1/span 7}
.services__head .lead{grid-column:9/span 4}
}
.svc-grid{display:grid;gap:clamp(.75rem,1.5vw,1.25rem)}
.svc{position:relative;display:flex;flex-direction:column;gap:1.2rem;padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden;min-height:clamp(360px,32vw,440px);transition:transform .4s var(--ease),background .3s}
.svc:hover{transform:translateY(-4px);background:var(--glass-strong)}
.svc__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.svc__cat{display:flex;align-items:center;gap:.6rem;font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--ink-2)}
.svc__num{display:inline-grid;place-items:center;min-width:2.1rem;height:2.1rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.72rem;letter-spacing:0}
.svc__icon{flex:none;width:clamp(60px,6vw,84px);height:auto}
.svc__title{font-size:clamp(1.4rem,1rem + 1.4vw,2.15rem);line-height:1.08;letter-spacing:-.04em;max-width:18ch}
.svc__desc{color:var(--ink-2);max-width:44ch}
.svc__actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;padding-top:.5rem}
.svc--social{background:linear-gradient(150deg,rgba(196,206,255,.75),rgba(255,255,255,.5))}
.svc--ads{background:var(--dark);color:var(--dark-ink);border-color:rgba(255,255,255,.08)}
.svc--ads:hover{background:#1c1c1c}
.svc--ads .svc__cat,.svc--ads .svc__desc{color:var(--dark-ink-2)}
.svc--ads .svc__num{background:var(--accent);color:var(--ink)}
.svc--ads .link-arrow{color:#fff}
.svc--ia{background:linear-gradient(150deg,rgba(255,220,168,.7),rgba(255,255,255,.5))}
.svc--feature{display:grid;gap:2rem;align-items:center;background:linear-gradient(150deg,rgba(255,255,255,.75),rgba(255,176,154,.45))}
.svc--feature .svc__body{display:flex;flex-direction:column;gap:1.2rem;height:100%}
.svc--feature .svc__title{font-size:clamp(1.8rem,1.1rem + 2.6vw,3.3rem);max-width:15ch}
.svc--feature .svc__num{background:var(--accent);color:var(--ink)}
@media (min-width:900px){
.svc-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.svc--feature{grid-column:span 12;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:520px;padding:clamp(2rem,4vw,3.5rem)}
.svc--sites{grid-column:span 7}.svc--social{grid-column:span 5}
.svc--ads{grid-column:span 5}.svc--ia{grid-column:span 7}
}
/* ilustração Google Meu Negócio */
.gmn-ill{position:relative;border-radius:var(--r);aspect-ratio:5/4;overflow:hidden;background:rgba(255,255,255,.6);border:1px solid var(--glass-line)}
.gmn-ill>svg{width:100%;height:100%}
.gmn-search{position:absolute;top:6%;left:6%;right:6%;display:flex;align-items:center;gap:.7rem;background:#fff;border-radius:999px;padding:.75rem 1.1rem;box-shadow:0 10px 30px -14px rgba(20,20,20,.35);font-weight:500;font-size:clamp(.85rem,.7rem + .5vw,1.02rem)}
.gmn-search svg{width:18px;height:18px;flex:none}
.gmn-caret{width:2px;height:1.1em;background:var(--accent);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.gmn-card{position:absolute;left:6%;bottom:6%;display:flex;align-items:center;gap:.85rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:.8rem 1rem .8rem .8rem;box-shadow:0 14px 34px -16px rgba(20,20,20,.4);max-width:80%}
.gmn-card__pin{flex:none;width:40px;height:40px;border-radius:12px;background:var(--accent);display:grid;place-items:center}
.gmn-card__pin svg{width:18px;height:18px}
.gmn-card strong{display:block;font-family:var(--f-display);font-weight:600;font-size:.95rem;letter-spacing:-.02em;line-height:1.2}
.gmn-card__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}
.gmn-card__chips span{font-size:.72rem;line-height:1;padding:.35rem .55rem;border-radius:999px;background:#F1ECE4;color:var(--ink-2)}
.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.2);opacity:0}}

/* ---------- 11. Contato (momento de contraste) ---------- */
.contact{position:relative;z-index:0;overflow:hidden;background:var(--dark);color:var(--dark-ink);padding-block:var(--sec);border-radius:var(--r-lg) var(--r-lg) 0 0}
.contact .wrap{position:relative;z-index:1}
.contact a{color:#fff}
.contact .eyebrow,.cta-band .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:var(--dark-ink)}
.contact__title{font-size:clamp(2.6rem,.6rem + 8vw,8.6rem);line-height:.92;letter-spacing:-.055em;margin-top:1.4rem;max-width:11ch}
.contact__title,.cta-band h2{background:linear-gradient(90deg,#fff 0%,#fff 45%,#FFB09A 75%,#FF6A3D 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact__grid{display:grid;gap:2.5rem;margin-top:clamp(2.5rem,5vw,4rem)}
.contact__text{font-size:clamp(1.1rem,1rem + .45vw,1.3rem);line-height:1.55;max-width:36ch;color:var(--dark-ink-2)}
.contact__wa{margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
.contact__todo{font-size:.88rem;color:var(--dark-ink-2)}
@media (min-width:960px){
.contact__grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.contact__left{grid-column:1/span 5}
.form{grid-column:7/span 6}
}
.form{background:rgba(255,255,255,.94);color:var(--ink);border-radius:var(--r);padding:clamp(1.5rem,3vw,2.5rem);display:grid;gap:1.1rem;align-content:start;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.form h3{font-size:1.3rem;letter-spacing:-.03em}
.form__notice{background:#F5F1EA;border:1px dashed var(--muted);border-radius:12px;padding:.75rem 1rem;font-size:.9rem;line-height:1.45;color:var(--ink-2)}
.form__row{display:grid;gap:1.1rem}
@media (min-width:600px){.form__row{grid-template-columns:1fr 1fr}}
.field label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.92rem}
.field label .opt{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:.8rem 1rem;border:1.5px solid #D9D2C7;border-radius:14px;background:#FBF9F6;color:var(--ink);font:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:110px;resize:vertical}
.field select{-webkit-appearance:none;appearance:none;padding-right:2.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23141414' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,69,29,.15)}
.field.has-error input,.field.has-error select{border-color:#B3261E}
.field__err{display:none;margin-top:.35rem;font-size:.88rem;color:#B3261E}
.field.has-error .field__err{display:block}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__privacy{font-size:.85rem;line-height:1.5;color:var(--muted)}
.form__privacy a{color:var(--ink-2)}
.form .btn{width:100%}
.form__status{display:none;padding:.8rem 1rem;border-radius:12px;font-size:.95rem;line-height:1.45}
.form__status.is-visible{display:block}
.form__status[data-type="info"]{background:#F1ECE4;color:var(--ink)}
.form__status[data-type="success"]{background:#E3F1E6;color:#1B5E20}
.form__status[data-type="error"]{background:#FBE5E4;color:#B3261E}

/* ---------- 12. Rodapé ---------- */
.site-footer{background:var(--bg);color:var(--ink);padding-block:clamp(3.5rem,6vw,5rem) 2rem;position:relative}
.site-footer a{color:var(--ink-2);text-decoration:none}
.site-footer a:hover{color:var(--accent-ink)}
.footer__grid{display:grid;gap:2.5rem}
.footer__brand img{height:96px;width:auto}
.footer__tag{margin-top:1.1rem;max-width:30ch;color:var(--ink-2)}
.footer__col h2{font-family:var(--f-body);font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.footer__col ul{list-style:none;padding:0}
.footer__col li a,.footer__col li .link-btn{display:flex;align-items:center;width:100%;min-height:40px;height:auto;padding-block:.45rem;line-height:1.35;text-wrap:pretty}
.footer__col li{min-width:0}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
@media (min-width:768px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.contact+.site-footer,.cta-band+.site-footer{margin-top:0}

/* ---------- 13. Páginas internas ---------- */
.crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.88rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:.4rem}
.crumbs a{color:var(--ink-2)}
.page-hero{position:relative;padding-block:clamp(1rem,3vw,2rem) clamp(3rem,6vw,5rem)}
.page-hero>.wrap{position:relative;z-index:1}
.page-hero__grid{display:grid;gap:2.5rem;align-items:center;margin-top:clamp(1.75rem,4vw,3.5rem)}
.page-hero h1{font-size:clamp(2.1rem,1rem + 4.2vw,4.8rem);line-height:1;letter-spacing:-.05em;margin-top:1.3rem;max-width:16ch}
.page-hero .lead{margin-top:1.5rem;max-width:46ch}
.page-hero__ctas{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-top:2.25rem}
.page-hero__art{position:relative;width:min(100%,240px);aspect-ratio:1;display:grid;place-items:center;justify-self:start;border-radius:50%;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff,var(--shadow)}
.page-hero__art::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px dashed rgba(255,69,29,.4);animation:spin 40s linear infinite}
.page-hero__art svg{width:44%;height:auto;animation:float 7s ease-in-out infinite}
.page-hero__art.is-dark{background:var(--dark);border-color:rgba(255,255,255,.1)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (min-width:960px){
.page-hero__grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.page-hero__text{grid-column:1/span 8}
.page-hero__art{grid-column:9/span 4;width:min(100%,380px);justify-self:end}
}
.block{padding-block:clamp(3rem,6vw,5.5rem)}
.block+.block{border-top:1px solid var(--line)}
.block__grid{display:grid;gap:1.5rem 3rem}
.block__label .h3{margin-top:1rem;max-width:14ch}
@media (min-width:960px){
.block__grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.block__label{grid-column:1/span 4}
.block__body{grid-column:5/span 8}
}
.prose{color:var(--ink-2);max-width:64ch}
.prose p+p{margin-top:1rem}
.prose strong{color:var(--ink)}
.duo{display:grid;gap:1rem;margin-top:2rem}
@media (min-width:700px){.duo{grid-template-columns:1fr 1fr}}
.duo__item,.audience,.steps li{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--r)}
.duo__item{padding:1.75rem}
.duo__item h3{font-size:1.15rem;letter-spacing:-.03em;margin-bottom:.6rem}
.duo__item p{color:var(--ink-2);font-size:1rem}
.duo__item--ink{background:var(--dark);color:var(--dark-ink);border-color:transparent}
.duo__item--ink p{color:var(--dark-ink-2)}
.audience{margin-top:1rem;padding:1.75rem;background:linear-gradient(150deg,rgba(255,220,168,.6),rgba(255,255,255,.5))}
.audience h3{font-size:1.1rem;letter-spacing:-.025em;margin-bottom:.5rem}
.audience p{color:var(--ink-2)}
.deliver{list-style:none;padding:0;display:grid;border-top:1px solid var(--line)}
@media (min-width:768px){.deliver{grid-template-columns:1fr 1fr;column-gap:2.5rem}}
.deliver li{display:flex;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.deliver li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:.55em;box-shadow:0 0 0 4px rgba(255,69,29,.15)}
.steps{list-style:none;padding:0;display:grid;gap:1rem;counter-reset:step}
@media (min-width:640px){.steps{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{counter-increment:step;display:flex;flex-direction:column;gap:.75rem;padding:1.75rem;min-height:230px;box-shadow:var(--shadow)}
.steps li::before{content:counter(step,decimal-leading-zero);font-family:var(--f-display);font-weight:600;font-size:2.3rem;letter-spacing:-.05em;line-height:1;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps h3{font-size:1.1rem;letter-spacing:-.03em}
.steps p{color:var(--ink-2);font-size:.98rem}
.benefits{display:grid;gap:2rem}
@media (min-width:768px){.benefits{grid-template-columns:repeat(3,1fr)}}
.benefit{border-top:2px solid var(--ink);padding-top:1.25rem}
.benefit h3{font-size:1.15rem;letter-spacing:-.03em;margin-bottom:.5rem}
.benefit p{color:var(--ink-2);font-size:1rem}
.note{display:flex;gap:1rem;margin-top:2.5rem;padding:1.25rem 1.5rem;border-radius:var(--r);background:linear-gradient(150deg,rgba(196,206,255,.6),rgba(255,255,255,.5));border:1px solid var(--glass-line);color:var(--ink-2);font-size:.97rem}
.note::before{content:"i";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:.8rem;font-weight:700;font-style:italic;font-family:Georgia,serif}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:44px;padding:1.35rem 0;cursor:pointer;list-style:none;font-family:var(--f-display);font-weight:500;font-size:clamp(1rem,.95rem + .4vw,1.25rem);letter-spacing:-.03em;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--glass-strong);border:1px solid var(--glass-line);font-family:var(--f-body);font-size:1.4rem;font-weight:400;line-height:1;transition:transform .3s var(--ease),background .25s,color .25s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--ink);color:#fff}
.faq__a{padding-bottom:1.5rem;color:var(--ink-2);max-width:68ch}
.related ul{list-style:none;padding:0;display:grid;gap:1rem}
@media (min-width:600px){.related ul{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.related ul{grid-template-columns:repeat(4,1fr)}}
.related a{display:flex;flex-direction:column;gap:.6rem;height:100%;min-height:190px;padding:1.6rem;border-radius:var(--r);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-decoration:none;box-shadow:var(--shadow);transition:transform .35s var(--ease),background .25s}
.related a:hover{transform:translateY(-6px);background:var(--glass-strong);color:var(--ink)}
.related__cat{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.related__name{font-family:var(--f-display);font-weight:600;font-size:1.15rem;letter-spacing:-.03em;line-height:1.15}
.related__go{margin-top:auto;font-weight:600;color:var(--accent-ink)}
.cta-band{position:relative;z-index:0;overflow:hidden;background:var(--dark);color:var(--dark-ink);padding-block:clamp(4rem,9vw,7.5rem);border-radius:var(--r-lg) var(--r-lg) 0 0;margin-top:clamp(2rem,5vw,4rem)}
.cta-band .wrap{position:relative;z-index:1}
.cta-band h2{font-size:clamp(2.3rem,.8rem + 6vw,6.6rem);line-height:.92;letter-spacing:-.055em;margin-top:1.3rem;max-width:12ch}
.cta-band p{max-width:44ch;margin-top:1.5rem;font-size:1.15rem;color:var(--dark-ink-2)}
.cta-band .btn{margin-top:2rem}
.cta-band+.site-footer,.contact+.site-footer{border-top:0}
.legal{padding-block:clamp(3rem,7vw,6rem)}
.legal h1{font-size:clamp(2rem,1.1rem + 3.4vw,4rem);letter-spacing:-.05em;margin-top:1.2rem}
.legal .prose{margin-top:1.75rem}

/* ---------- 14. Revelação ao rolar ---------- */
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js [data-reveal].is-in{opacity:1;transform:none}


/* ---------- 16. Robustez: impressão / PDF e rótulos ---------- */
.eyebrow,.btn,.crumbs li{white-space:nowrap}
@media (max-width:420px){.eyebrow{white-space:normal}}
@media print{
.js [data-reveal],.js .hero__title .w{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.site-header{position:static}
.cookie,.aura-bg,.glow{display:none!important}
section,article,.steps li,.duo__item,.related li{break-inside:avoid}
}

/* ---------- 15. Movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.js [data-reveal],.js .hero__title .w{opacity:1;transform:none;filter:none}
.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.marquee__track{animation:none!important}
.marquee__list[aria-hidden="true"]{display:none}
}

/* ---------- Aviso de cookies (LGPD) ---------- */
.cookie{position:fixed;left:clamp(.75rem,2vw,1.5rem);bottom:clamp(.75rem,2vw,1.5rem);z-index:200;width:min(540px,calc(100% - 1.5rem));display:grid;gap:.9rem;padding:1.4rem 1.5rem 1.5rem;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow),0 10px 30px -10px rgba(20,20,20,.25);animation:cookie-in .45s var(--ease) both}
.cookie__title{font-family:var(--f-display);font-size:1.05rem;letter-spacing:-.03em;line-height:1.15}
.cookie p{font-size:.95rem;line-height:1.5;color:var(--ink-2)}
.cookie p a{color:var(--accent-ink)}
.cookie__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.cookie .btn{flex:1 1 140px;min-height:48px;font-size:.92rem}
@keyframes cookie-in{from{transform:translateY(20px);opacity:0}}
.link-btn{display:inline-flex;align-items:center;min-height:40px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.link-btn:hover{color:var(--accent-ink)}
.legal .link-btn{display:inline;min-height:0}
@media (prefers-reduced-motion:reduce){.cookie{animation:none}}

/* ---------- Cards de serviço: vidro fosco → sólido no hover ---------- */
.svc{isolation:isolate;--solid:#fff;background:rgba(255,255,255,.22)!important;-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);border-color:rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 20px 50px -30px rgba(20,20,20,.35);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.svc::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--solid);opacity:0;transition:opacity .45s var(--ease)}
.svc:hover,.svc:focus-within{transform:translateY(-4px);border-color:rgba(20,20,20,.06);box-shadow:0 28px 60px -30px rgba(20,20,20,.45)}
.svc:hover::before,.svc:focus-within::before{opacity:1}
.svc--feature{--solid:linear-gradient(150deg,#FFFFFF,#FFD9CD)}
.svc--social{--solid:linear-gradient(150deg,#DCE2FF,#FFFFFF)}
.svc--ia{--solid:linear-gradient(150deg,#FFEACB,#FFFFFF)}
.svc--ads{--solid:#141414;background:rgba(20,20,20,.74)!important;border-color:rgba(255,255,255,.12)}
.svc--ads:hover,.svc--ads:focus-within{border-color:rgba(255,255,255,.08)}
@media (hover:none){.svc::before{opacity:.55}}
@media (prefers-reduced-motion:reduce){.svc,.svc::before{transition:none}}

/* ---------- Redes sociais (rodapé) ---------- */
.social{list-style:none;padding:0;margin-top:1.4rem;display:flex;gap:.6rem}
.social a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--glass-strong);border:1px solid var(--glass-line);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .25s,color .25s,transform .25s var(--ease)}
.social a:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.social svg{width:21px;height:21px}

.contact__wa .btn--light{background:#F04927;border-color:#F04927;color:var(--ink)}
.contact__wa .btn--light:hover{background:#FF5A35;color:var(--ink)}