/*
Theme Name: AVN Marketing Premium
Theme URI: https://avndigitalmarketing.com.br/
Author: AVN Marketing Digital
Author URI: https://avndigitalmarketing.com.br/
Description: Tema personalizado, rápido e orientado à conversão para a AVN Marketing Digital. Acabamento premium em dourado sutil.
Version: 3.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: avn
*/

:root{
  --bg:#07090c;--surface:#0e1218;--surface2:#141a22;--text:#f5f7f8;--muted:#aab3bd;--line:#252d38;
  --green:#19e6a2;--green2:#08b87e;--white:#fff;
  --gold:#e2c88d;              /* texto dourado — contraste alto sobre fundo escuro */
  --gold-deep:#c8a45c;         /* dourado de superfície */
  --gold-dark:#8a6a2f;         /* sombra do metal */
  --gold-line:rgba(200,164,92,.28);
  --gold-glow:rgba(200,164,92,.14);
  --gold-grad:linear-gradient(135deg,#f6e3b0,#e2c88d 35%,#c8a45c 70%,#9a7636);
  --shadow:0 24px 70px rgba(0,0,0,.32);--radius:22px;--wrap:1180px
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-wrap:pretty}
body.admin-bar .site-header{top:32px}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none;transition:color .2s ease}
a:hover,a:focus-visible{color:#f6e3b0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
button,input,select,textarea{font:inherit}
::selection{background:rgba(226,200,141,.28);color:#fff}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}
.skip-link{position:fixed;left:12px;top:-80px;background:var(--gold);color:#120d02;padding:10px 16px;z-index:9999;font-weight:700}
.skip-link:focus{top:12px}

/* ---------- cabeçalho ---------- */
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,9,12,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(200,164,92,.12)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-family:Sora,Inter,sans-serif;font-weight:800;letter-spacing:.04em;color:var(--text)}
.brand:hover{color:var(--text)}
.brand-mark{width:38px;height:38px}
.brand-logo{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(228,200,141,.18))}
.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:.22em;text-transform:uppercase;opacity:.85}
.nav{display:flex;align-items:center;gap:28px}
.nav a{position:relative;color:#cad1d8;font-size:14px;font-weight:600}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--gold);transition:right .25s ease}
.nav a:hover,.nav a:focus-visible{color:var(--gold)}
.nav a:hover:after,.nav a:focus-visible:after{right:0}
.menu-toggle{display:none;background:none;border:1px solid var(--gold-line);color:#fff;border-radius:10px;padding:8px 12px}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,var(--green),#24d88e);color:#03110c;font-weight:800;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(25,230,162,.2);color:#03110c}
.btn-gold{background:linear-gradient(135deg,#f6e3b0,#d9bc7c 45%,#b98f45);color:#150f02;box-shadow:0 10px 30px rgba(200,164,92,.18),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-gold:hover{color:#150f02;box-shadow:0 16px 38px rgba(200,164,92,.28),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-outline{background:transparent;border-color:var(--gold-line);color:#fff}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 12px 28px rgba(200,164,92,.12)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:105px 0 80px;background:radial-gradient(circle at 16% 16%,rgba(25,230,162,.12),transparent 34%),radial-gradient(circle at 84% 8%,var(--gold-glow),transparent 32%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0}
.eyebrow:before{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
h1,h2,h3,h4{font-family:Sora,Inter,sans-serif;line-height:1.08;margin:0;letter-spacing:-.035em}
h1{font-size:clamp(42px,5.5vw,76px);margin-top:22px}
h1 span,h2 span{background:linear-gradient(135deg,#f6e3b0,#e2c88d 40%,#c8a45c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold)}
h2{font-size:clamp(32px,4vw,52px)}
h3{font-size:21px}
.lead{font-size:19px;color:#c3cbd3;max-width:690px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.microproof{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#a6b0ba;font-size:13px}
.microproof span:before{content:"✓";color:var(--gold);margin-right:7px;font-weight:800}
.hero-panel{position:relative;background:linear-gradient(145deg,#171d25,#0c1015);border:1px solid #2b3440;border-radius:28px;padding:26px;box-shadow:var(--shadow),0 0 0 1px var(--gold-line);transform:rotate(1.2deg)}
.hero-panel .screen{overflow:hidden;border-radius:16px;border:1px solid rgba(200,164,92,.22);background:#0a0d11}
.hero-panel img{aspect-ratio:16/10;object-fit:cover}
.panel-meta{display:flex;justify-content:space-between;gap:16px;margin-top:20px}
.metric strong{display:block;font:700 26px Sora;color:var(--gold)}
.metric span{font-size:12px;color:var(--muted)}

/* ---------- seções ---------- */
.section{padding:96px 0}
.section-alt{background:var(--surface);border-block:1px solid rgba(200,164,92,.1)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}
.section-head p{max-width:560px;color:var(--muted);margin:0}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{position:relative;background:linear-gradient(145deg,var(--surface2),#0d1116);border:1px solid var(--line);border-radius:var(--radius);padding:28px;overflow:hidden;transition:border-color .25s ease,transform .25s ease}
.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent);opacity:.9}
.card:hover{border-color:rgba(200,164,92,.4);transform:translateY(-3px)}
.card-num{color:var(--gold);font:700 13px Sora;letter-spacing:.12em}
.card p{color:var(--muted);margin:14px 0 0}
.service-card{min-height:280px}
.service-card h3{margin-top:42px}
.service-card a{position:absolute;inset:auto 28px 25px;color:var(--gold);font-weight:700}
.stats{padding:34px 0;border-block:1px solid var(--gold-line);background:linear-gradient(180deg,#090c10,#0b0e13)}
.stat{text-align:center}
.stat strong{display:block;font:700 clamp(30px,4vw,48px) Sora;background:linear-gradient(135deg,#f6e3b0,#c8a45c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat span{color:var(--muted);font-size:13px}

/* ---------- cases ---------- */
.cases{display:grid;gap:28px}
.case{display:grid;grid-template-columns:1fr 1fr;background:var(--surface2);border:1px solid var(--line);border-radius:28px;overflow:hidden;transition:border-color .25s ease}
.case:hover{border-color:rgba(200,164,92,.32)}
.case:nth-child(even) .case-media{order:2}
.case-media{position:relative;min-height:390px;background:#0a0c0f}
.case-media{display:flex;align-items:center;justify-content:center;padding:18px}
.case-media img{width:100%;height:auto;max-height:470px;object-fit:contain;border-radius:12px}
.case-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(200,164,92,.14)}
.case-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}
.badge{align-self:flex-start;padding:7px 12px;border-radius:999px;background:rgba(200,164,92,.1);border:1px solid var(--gold-line);color:var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.case-copy h3{font-size:32px;margin-top:18px}
.case-copy>p{color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.kpi{padding:14px;background:#090c10;border-radius:13px;border:1px solid var(--line);border-top-color:var(--gold-line)}
.kpi strong{display:block;font:700 21px Sora;color:var(--gold)}
.kpi span{font-size:11px;color:var(--muted)}
.proof-wall{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.proof-main,.proof-side{display:grid;gap:20px}
.proof-main img,.proof-side img{width:100%;border-radius:18px;border:1px solid var(--gold-line);box-shadow:var(--shadow)}
.reviews{background:#080d0f;border-block:1px solid rgba(200,164,92,.12)}
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.review-card{padding:26px;border:1px solid var(--line);border-top-color:rgba(226,200,141,.42);border-radius:20px;background:linear-gradient(145deg,var(--surface2),#0c1114)}
.review-meta{display:flex;justify-content:space-between;gap:16px}
.review-meta strong{font:700 16px Sora}
.review-meta span{color:var(--gold);font-size:11px;text-align:right}
.review-card>p{color:#d3d9da;min-height:78px}
.review-card>img{width:100%;margin-top:18px;border-radius:12px;border:1px solid #343d42}
.cta-question{font:700 clamp(20px,3vw,28px) Sora;color:var(--text)!important;margin-bottom:10px!important}
.cta-question strong{color:var(--green)}

/* ---------- sobre ---------- */
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.founder-portrait{position:relative;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:30px;background:#071321;border:1px solid var(--gold-line);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.founder-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 32%}
.founder-portrait:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,10,17,.9));pointer-events:none}
.founder-portrait figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:24px;display:grid;gap:4px}
.founder-portrait figcaption strong{font:700 22px Sora;color:#fff}
.founder-portrait figcaption span{font-size:14px;color:var(--gold)}
.about-list{display:grid;gap:14px;margin:28px 0}
.about-list div{display:flex;gap:12px;color:#c7cdd3}
.about-list div:before{content:"✓";color:var(--gold);font-weight:800}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:12px;max-width:900px}
.faq details{background:linear-gradient(145deg,var(--surface2),#0d1116);border:1px solid var(--line);border-radius:16px;padding:20px 24px;transition:border-color .2s ease}
.faq details[open]{border-color:var(--gold-line)}
.faq summary{cursor:pointer;font-family:Sora,Inter,sans-serif;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--gold);font-size:22px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq p{color:var(--muted);margin:14px 0 0}

/* ---------- CTA e rodapé ---------- */
.cta{position:relative;margin:0 auto 90px;width:min(calc(100% - 40px),var(--wrap));padding:64px;border-radius:30px;text-align:center;background:linear-gradient(135deg,rgba(200,164,92,.13),rgba(30,41,54,.72));border:1px solid var(--gold-line);overflow:hidden}
.cta:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(246,227,176,.6),transparent)}
.cta p{max-width:650px;margin:18px auto 28px;color:#c8d0d8}
.site-footer{padding:55px 0 30px;border-top:1px solid var(--gold-line);background:#05070a}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}
.footer-title{font:700 14px Sora;margin-bottom:14px;color:var(--gold)}
.footer-links{display:grid;gap:9px;font-size:14px}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:var(--gold)}
.footer-links span{color:var(--muted)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:30px;margin-top:36px;border-top:1px solid var(--line);color:#7f8994;font-size:12px}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:80;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.45);transition:transform .2s ease,box-shadow .2s ease}
.wa-float svg{width:32px;height:32px;fill:#fff}
.wa-float:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 44px rgba(37,211,102,.32)}

/* ---------- conteúdo ---------- */
.page-hero{padding:80px 0 55px}
.content{max-width:780px;margin:auto}
.content h1{font-size:clamp(34px,5vw,52px)}
.content h2{font-size:32px;margin-top:44px}
.content p,.content li{color:#bec6ce;font-size:17px}
.content blockquote{margin:28px 0;padding:18px 24px;border-left:2px solid var(--gold);background:rgba(200,164,92,.06);color:#d6dce2}
.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post-card{background:var(--surface2);border:1px solid var(--line);border-radius:20px;padding:24px;transition:border-color .2s ease}
.post-card:hover{border-color:var(--gold-line)}
.post-card h2{font-size:22px}
.post-card h2 a{color:var(--text)}
.post-card h2 a:hover{color:var(--gold)}
.post-card p{color:var(--muted)}
.breadcrumbs{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#7f8994;margin-bottom:18px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:var(--gold)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@media(max-width:900px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#090c10;padding:22px;flex-direction:column;border-bottom:1px solid var(--gold-line)}
.nav.open{display:flex}
.menu-toggle{display:block}
.header-cta{display:none}
.hero{padding-top:70px}
.hero-grid,.case,.about,.proof-wall{grid-template-columns:1fr}
.hero-panel{transform:none}
.case:nth-child(even) .case-media{order:0}
.grid-3,.grid-4,.post-list,.review-grid{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.section-head{align-items:start;flex-direction:column}
.case-media{min-height:320px}
}

@media(max-width:620px){body.admin-bar .site-header{top:46px}
.wrap{width:min(calc(100% - 28px),var(--wrap))}
.header-inner{height:68px}
.nav{top:68px}
.hero{padding:55px 0 60px}
h1{font-size:40px}
.lead{font-size:17px}
.hero-actions .btn{width:100%}
.hero-panel{padding:15px}
.grid-3,.grid-4,.post-list,.footer-grid,.review-grid{grid-template-columns:1fr}
.section{padding:70px 0}
.stats .grid-4{grid-template-columns:1fr 1fr}
.case-copy{padding:28px}
.case-copy h3{font-size:27px}
.kpis{grid-template-columns:1fr}
.case-media{min-height:240px}
.cta{padding:40px 22px}
.footer-bottom{flex-direction:column}
.about{gap:35px}
}