*{box-sizing:border-box}:root{--bg:#07090d;--bg2:#0c1017;--card:#101620;--gold:#f7b529;--gold2:#d99000;--text:#f7f8fb;--muted:#a5afbd;--line:rgba(255,255,255,.1);--shadow:0 24px 70px rgba(0,0,0,.34)}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:80;background:rgba(7,9,13,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-header.scrolled{background:rgba(7,9,13,.98);box-shadow:0 10px 30px #0006}.nav-shell{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:10px;letter-spacing:.28em;font-weight:500}.brand strong{font-family:Montserrat;font-size:18px;margin-top:4px}.main-nav{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700;color:#d6dce5}.main-nav>a{padding:36px 0;position:relative}.main-nav>a:hover,.main-nav>a.active{color:var(--gold)}.nav-estimate{padding:12px 14px!important;border:1px solid #f7b52977;border-radius:999px;color:#fff!important}.nav-estimate:hover{background:var(--gold);color:#111!important}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}.hero-portal{background:radial-gradient(circle at 78% 35%,#175fbe33,transparent 27%),linear-gradient(135deg,#06080b,#0b0f15 55%,#080a0e);overflow:hidden}.hero-portal-grid{min-height:720px;padding:80px 0;display:grid;grid-template-columns:1.1fr .7fr;gap:85px;align-items:center}.eyebrow,.section-kicker,.category{color:var(--gold);font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1,.page-hero h1,.article-hero h1{font-family:Montserrat;font-size:clamp(45px,6vw,76px);line-height:1.04;letter-spacing:-.045em;margin:16px 0 24px}.hero-copy h1 em{font-style:normal;color:#c8d0dc}.hero-copy p,.page-hero p{font-size:18px;color:#b4bdca;max-width:760px}.hero-actions,.library-actions,.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;min-height:50px;padding:0 22px;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#101114}.btn-outline{background:#fff1;border-color:#ffffff22;color:#fff}.btn-full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.hero-topics{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:40px;color:#7f8998;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.hero-topics i{width:4px;height:4px;background:var(--gold);border-radius:50%}.author-frame{aspect-ratio:4/5;max-width:400px;margin-left:auto;border-radius:220px 220px 20px 20px;border:1px solid #f7b52955;padding:10px;background:#fff1;overflow:hidden}.author-placeholder{height:100%;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#1c2531,#0b0f15 70%);border-radius:inherit;color:#66717f;text-align:center}.author-placeholder span{font:800 70px Montserrat;color:#344151}.author-caption{max-width:330px;margin:-35px 0 0 auto;padding:20px 24px;background:#0c1118;border:1px solid var(--line);position:relative;border-radius:12px;box-shadow:var(--shadow)}.author-caption small{color:var(--gold);font-size:9px;letter-spacing:.14em}.author-caption strong{display:block;font:700 22px Montserrat;margin:3px 0}.section{padding:95px 0}.section-soft,.portal-intro{background:#0b0f15}.section-dark{background:#06080b}.section-split,.content-rail,.video-feature,.academy-grid,.academy-page-grid,.author-profile,.estimate-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.section h2,.section-split h2,.section-head-row h2,.academy-grid h2,.author-profile h2,.estimate-band h2,.estimate-result h2{font-family:Montserrat;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.04em;margin:12px 0}.section p{color:var(--muted)}.section-head-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.text-link{color:var(--gold);font-weight:800;font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card,.product-card{background:#0e131b;border:1px solid var(--line);border-radius:18px;overflow:hidden}.article-image{height:220px;display:block}.article-image img,.article-list-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle,#17202b,#0b0f15);color:#334152;font:800 40px Montserrat}.article-body{padding:22px}.article-body h3{font:700 21px/1.2 Montserrat;margin:8px 0}.article-body p{font-size:13px;color:var(--muted)}.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:#7f8997;font-size:10px}.empty-state{border:1px dashed #ffffff2e;padding:35px;border-radius:18px;text-align:center;background:#fff1}.empty-state b{font:700 20px Montserrat}.empty-state p{max-width:700px;margin:8px auto}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-card{display:grid;grid-template-columns:85px 1fr;gap:15px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.mini-card img,.cover-placeholder{width:85px;height:115px;object-fit:cover;border-radius:8px;background:#111923;display:grid;place-items:center}.video-card{display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden}.video-card img,.video-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover}.video-placeholder{display:grid;place-items:center;background:#111923;color:var(--gold);font-size:55px}.video-card span{display:block;padding:16px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{padding:18px}.product-image{height:160px;background:#111923;border-radius:12px;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-card small{color:var(--gold);font-size:9px}.product-card h3{font-family:Montserrat}.academy{background:linear-gradient(135deg,#0b1017,#111722)}.academy-grid{grid-template-columns:220px 1fr}.academy-mark{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;border:1px solid #f7b52966;color:var(--gold);font:800 40px Montserrat}.academy-mark.large{width:250px;height:250px;font-size:56px}.estimate-band{background:#0e1218}.estimate-band-grid{display:flex;justify-content:space-between;align-items:center;gap:50px}.page-hero{padding:110px 0 80px;background:linear-gradient(135deg,#080a0e,#0c1118);border-bottom:1px solid var(--line)}.page-hero.compact{padding:90px 0}.search-bar{display:grid;grid-template-columns:1fr 300px auto;gap:12px;margin-bottom:40px}.search-bar input,.search-bar select,.public-form input,.public-form select,.public-form textarea,.admin-form input,.admin-form select,.admin-form textarea,.newsletter-mini input{width:100%;background:#0b1017;color:#fff;border:1px solid #ffffff22;border-radius:10px;padding:13px;outline:none}.article-list-item{display:grid;grid-template-columns:330px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line)}.article-list-image{height:210px}.article-list-item h2{font:700 30px/1.15 Montserrat}.article-hero{padding:100px 0 60px;background:#090d13}.article-narrow{max-width:820px}.article-cover img{width:100%;max-height:620px;object-fit:cover;border-radius:18px;margin-top:35px}.article-layout{display:grid;grid-template-columns:150px minmax(0,780px);gap:55px;justify-content:center}.share-box{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:8px}.share-box button{background:none;border:1px solid var(--line);color:#fff;border-radius:8px;padding:9px}.article-content{font-size:18px;color:#d6dbe3}.article-content h2,.article-content h3{font-family:Montserrat;color:#fff}.references,.author-box,.context-cta,.related{margin-top:50px;padding-top:28px;border-top:1px solid var(--line)}.author-box{display:grid;grid-template-columns:80px 1fr;gap:20px}.author-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;border:1px solid #f7b52955;color:var(--gold)}.context-cta div{display:flex;gap:8px;flex-wrap:wrap}.context-cta a{padding:9px;border:1px solid var(--line);border-radius:8px}.related a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}.related span{display:block;color:var(--muted);font-size:12px}.library-card,.equipment-card{display:grid;grid-template-columns:190px 1fr;gap:34px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#0c1118;margin-bottom:22px}.book-cover{width:190px;aspect-ratio:2/3;background:#111923;border-radius:12px;display:grid;place-items:center;font-size:50px}.book-cover img{width:100%;height:100%;object-fit:cover}.equipment-card{grid-template-columns:340px 1fr}.equipment-image{min-height:280px;background:#111923;border-radius:12px;display:grid;place-items:center;overflow:hidden}.equipment-image img{width:100%;height:100%;object-fit:cover}.type-badge{display:inline-block;color:var(--gold);border:1px solid #f7b52944;padding:6px 9px;border-radius:999px;font-size:9px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.spec-grid>div{padding:13px;border:1px solid var(--line);border-radius:9px}.author-profile{grid-template-columns:360px 1fr}.author-profile-image{height:470px;border-radius:180px 180px 18px 18px;overflow:hidden}.estimate-layout{grid-template-columns:.8fr 1.2fr;align-items:start}.duration-box,.estimate-warning,.estimate-form-wrap,.estimate-result{border:1px solid var(--line);border-radius:14px;background:#0c1118;padding:18px}.estimate-warning{background:#f7b52910;border-color:#f7b52944;color:#ded2b4;font-size:12px}.estimate-form-wrap,.estimate-result{padding:28px}.estimate-result{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:span 2}.public-form label,.admin-form label{font-size:12px;font-weight:700}.public-form label small,.admin-form label small{display:block;color:#7c8795;font-weight:400}.checkbox-line{display:flex!important;gap:10px!important;align-items:flex-start!important}.checkbox-line input,.check-admin input{width:18px!important;height:18px!important}.result-grid,.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.result-grid>div,.detail-grid>div{padding:14px;border:1px solid var(--line);border-radius:10px}.result-grid small,.detail-grid small{display:block;color:#7d8794;font-size:9px;text-transform:uppercase}.result-grid .value strong{color:var(--gold);font-size:24px}.expenses{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{padding:14px;border-radius:10px;margin-bottom:18px}.notice.error{background:#b33a3a22;border:1px solid #d75b5b55}.notice.success{background:#42a56b22;border:1px solid #55bd7d55}.notice.neutral{background:#fff1;border:1px solid var(--line)}.site-footer{padding:60px 0 105px;background:#05070a;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .8fr 1fr;gap:45px}.footer-brand img{width:85px;height:85px;border-radius:50%}.site-footer a,.site-footer p{display:block;color:#87919f;font-size:12px;margin:7px 0}.newsletter-mini{display:flex;gap:7px}.newsletter-mini button{background:var(--gold);border:0;border-radius:8px;font-weight:800}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#68717e;font-size:10px}.mobile-estimate-cta{display:none}.install-body,.login-body{min-height:100vh;display:grid;place-items:center;padding:30px}.install-card,.login-card{width:min(760px,100%);padding:32px;border:1px solid var(--line);border-radius:20px;background:#0d1219}.login-card{width:min(430px,100%)}.install-logo,.login-card>img{width:100px;height:100px;border-radius:50%;margin:auto}.install-card h1,.login-card h1{text-align:center;font-family:Montserrat}.admin-body{background:#0a0d12}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:#06080b;border-right:1px solid var(--line);display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:10px;font-family:Montserrat;font-weight:800}.admin-brand img{width:44px;height:44px;border-radius:50%}.admin-sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:24px}.admin-sidebar nav a{padding:9px 11px;border-radius:8px;color:#9ca5b2;font-size:12px}.admin-sidebar nav a:hover{background:#111720}.admin-sidebar-footer{margin-top:auto;display:flex;justify-content:space-between;font-size:11px}.admin-topbar{height:92px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.admin-topbar h1{font:700 22px Montserrat;margin:0}.admin-topbar small{font-size:8px;color:var(--gold)}.admin-content{padding:28px 32px}.admin-menu-btn{display:none}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card,.admin-panel{padding:20px;border:1px solid var(--line);border-radius:14px;background:#0f141c}.stat-card strong{display:block;color:var(--gold);font:700 36px Montserrat}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-head,.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #ffffff12;text-align:left;vertical-align:top}.admin-table th{font-size:9px;color:#7d8795}.admin-table td small{display:block;color:#6d7785}.actions{white-space:nowrap}.actions form{display:inline}.actions button,.admin-table button,.simple-list button{background:none;border:0;color:#d57a7a;cursor:pointer}.actions a{color:var(--gold)}.simple-list>div,.metric-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.check-admin{display:flex!important;align-items:center;gap:8px}.form-actions{justify-content:flex-end}.lead-note{padding:14px;border-left:3px solid var(--gold);background:#0b1017}.legal-copy h2{font-family:Montserrat}
@media(max-width:1050px){.main-nav{position:fixed;top:94px;left:0;right:0;display:none;flex-direction:column;background:#090d13;padding:15px 20px}.main-nav.open{display:flex}.main-nav>a{padding:12px 0}.menu-toggle{display:block}.hero-portal-grid,.section-split,.content-rail,.video-feature,.academy-grid,.academy-page-grid,.author-profile,.estimate-layout{grid-template-columns:1fr}.hero-author{order:-1}.author-frame{max-width:280px;margin:auto}.author-caption{margin:-30px auto 0}.article-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-270px;z-index:200;width:250px;transition:.2s}.admin-sidebar.open{left:0}.admin-menu-btn{display:block}.admin-cards{grid-template-columns:1fr 1fr}.admin-grid-2{grid-template-columns:1fr}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.nav-shell{min-height:78px}.brand span{display:none}.brand img{width:48px;height:48px}.main-nav{top:78px}.hero-portal-grid{min-height:auto;padding:50px 0 70px}.hero-copy h1,.page-hero h1{font-size:43px}.section{padding:70px 0}.section-head-row,.estimate-band-grid{flex-direction:column;align-items:flex-start}.article-grid,.product-grid,.mini-cards{grid-template-columns:1fr}.article-list-item,.library-card,.equipment-card,.article-layout{grid-template-columns:1fr}.article-list-image{height:220px}.search-bar{grid-template-columns:1fr}.share-box{position:static;flex-direction:row}.spec-grid,.form-grid,.result-grid,.detail-grid,.expenses{grid-template-columns:1fr}.span-2{grid-column:span 1}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.mobile-estimate-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;padding:12px;border-radius:999px;text-align:center;font-weight:800;font-size:12px}.admin-content{padding:18px 12px}.admin-cards{grid-template-columns:1fr 1fr}}
/* ==========================================================
   PALETA OFICIAL — UNIVERSO DETETIVE
   Azul-petróleo #12303F | Dourado #C3A15A | Marfim #F6F3EC
   Branco #FFFFFF | Grafite #263238
   ========================================================== */
:root{
  --petroleum:#12303F;
  --gold:#C3A15A;
  --gold2:#B88F42;
  --ivory:#F6F3EC;
  --white:#FFFFFF;
  --graphite:#263238;
  --bg:#F6F3EC;
  --bg2:#FFFFFF;
  --card:#FFFFFF;
  --text:#263238;
  --muted:#5E696E;
  --line:rgba(18,48,63,.14);
  --shadow:0 20px 55px rgba(18,48,63,.12);
}

body{background:var(--ivory);color:var(--graphite)}

/* Cabeçalho */
.site-header{background:rgba(18,48,63,.97);border-bottom-color:rgba(255,255,255,.12)}
.site-header.scrolled{background:#12303F;box-shadow:0 10px 28px rgba(18,48,63,.22)}
.brand b,.brand strong{color:#fff}
.main-nav{color:rgba(255,255,255,.86)}
.main-nav>a:hover,.main-nav>a.active{color:#fff}
.main-nav>a:after{background:var(--gold)}
.nav-estimate{background:var(--gold);border-color:var(--gold);color:var(--petroleum)!important}
.nav-estimate:hover{background:#D0B06B;color:var(--petroleum)!important}
.menu-toggle span{background:#fff}

/* Hero e títulos */
.hero-portal{background:linear-gradient(120deg,#F6F3EC 0%,#FFFFFF 70%,#F1EEE6 100%);border-bottom:1px solid var(--line)}
.hero-copy h1,.page-hero h1,.article-hero h1,.section h2,.section-split h2,.section-head-row h2,.academy-grid h2,.author-profile h2,.estimate-band h2,.estimate-result h2,.article-list-item h2,.library-card h2,.equipment-copy h2,.legal-copy h2{color:var(--petroleum)}
.hero-copy h1 em{color:var(--graphite)}
.hero-copy p,.page-hero p,.section p,.article-body p,.article-list-item p,.library-card p,.equipment-copy p,.muted{color:var(--graphite)}
.eyebrow,.section-kicker,.category{color:var(--petroleum)}
.hero-topics{color:#647277}
.hero-topics i{background:var(--gold)}

/* CTAs */
.btn-gold{background:var(--gold);color:var(--petroleum);box-shadow:0 10px 24px rgba(195,161,90,.22)}
.btn-gold:hover{background:#D0B06B}
.btn-outline{background:#fff;border-color:rgba(18,48,63,.24);color:var(--petroleum)}
.btn-outline:hover{border-color:var(--petroleum);background:#F8F9F7}
.text-link{color:var(--petroleum);text-decoration:underline;text-decoration-color:rgba(195,161,90,.7);text-underline-offset:4px}

/* Autor */
.author-frame{border-color:rgba(18,48,63,.20);background:#fff;box-shadow:var(--shadow)}
.author-placeholder{background:linear-gradient(145deg,#FFFFFF,#ECE8DE);color:#657278}
.author-placeholder span{color:var(--petroleum)}
.author-caption{background:var(--white);border-color:var(--line);box-shadow:var(--shadow)}
.author-caption small{color:var(--petroleum)}
.author-caption strong{color:var(--petroleum)}
.author-caption a{color:var(--graphite)}

/* Áreas editoriais claras */
.portal-intro,.section-soft,.about-portal{background:var(--ivory);border-color:var(--line)}
.section{background:var(--ivory)}
.article-card,.library-card,.equipment-card,.mini-card,.video-card,.empty-state,.estimate-form-wrap,.estimate-result,.duration-box,.notice.neutral{background:var(--white);border-color:var(--line);color:var(--graphite);box-shadow:0 8px 26px rgba(18,48,63,.06)}
.article-card:hover{border-color:rgba(18,48,63,.28);box-shadow:var(--shadow)}
.article-body h3,.article-body h3 a,.mini-card span,.video-card span,.product-card h3{color:var(--petroleum)}
.article-meta{color:#718087}
.image-placeholder,.cover-placeholder,.product-image,.equipment-image{background:#ECEAE3;color:var(--petroleum)}
.video-placeholder{background:var(--petroleum);color:#fff}

/* Seção azul-petróleo */
.section-dark{background:var(--petroleum);border-color:rgba(255,255,255,.10)}
.section-dark h2,.section-dark .section-kicker,.section-dark .text-link{color:#fff}
.section-dark .text-link{text-decoration-color:var(--gold)}
.section-dark .empty-state{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);box-shadow:none;color:#fff}
.section-dark .empty-state p{color:rgba(255,255,255,.78)}
.product-card{background:#fff;border-color:rgba(255,255,255,.30);color:var(--graphite)}
.product-card small{color:var(--petroleum)}
.product-card p{color:var(--graphite)}
.product-card a{color:var(--petroleum);font-weight:800}

/* Formação */
.academy{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.academy-mark{border-color:var(--gold);color:var(--petroleum);background:var(--ivory);box-shadow:0 0 0 16px rgba(195,161,90,.08)}

/* Faixa de estimativa */
.estimate-band{background:var(--petroleum)}
.estimate-band h2,.estimate-band .section-kicker,.estimate-band p{color:#fff}
.estimate-band .btn-gold{color:var(--petroleum)}

/* Cabeçalhos internos */
.page-hero,.article-hero{background:var(--ivory);border-bottom-color:var(--line)}
.article-hero .lead{color:var(--graphite)}

/* Busca e formulários */
.search-bar input,.search-bar select,.public-form input,.public-form select,.public-form textarea,.admin-form input,.admin-form select,.admin-form textarea,.newsletter-mini input{
  background:#fff;color:var(--graphite);border-color:rgba(18,48,63,.20)
}
.search-bar input:focus,.search-bar select:focus,.public-form input:focus,.public-form select:focus,.public-form textarea:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{
  border-color:var(--petroleum);box-shadow:0 0 0 3px rgba(18,48,63,.08)
}
.public-form label,.admin-form label{color:var(--graphite)}
.public-form label small,.admin-form label small{color:#66757A}

/* Artigos: leitura branca sobre fundo marfim */
.article-reading{background:var(--ivory)}
.article-content{background:#fff;color:var(--graphite);padding:clamp(24px,4vw,48px);border-radius:18px;box-shadow:0 12px 36px rgba(18,48,63,.08)}
.article-content h2,.article-content h3{color:var(--petroleum)}
.article-content a{color:var(--petroleum);text-decoration-color:var(--gold)}
.article-content blockquote{background:var(--ivory);border-left-color:var(--gold);color:var(--graphite)}
.references,.author-box,.context-cta,.related{border-top-color:var(--line)}
.author-avatar{border-color:var(--gold);color:var(--petroleum);background:var(--ivory)}
.author-box small{color:var(--petroleum)}
.context-cta a{background:var(--ivory);border-color:var(--line);color:var(--petroleum)}
.related a{border-bottom-color:var(--line)}
.related span{color:#68767B}
.share-box button{background:#fff;border-color:var(--line);color:var(--petroleum)}

/* Produtos e equipamentos */
.type-badge{color:var(--petroleum);border-color:rgba(18,48,63,.22);background:var(--ivory)}
.spec-grid>div{background:#fff;border-color:var(--line)}
.spec-grid b{color:var(--petroleum)}

/* Estimativa */
.estimate-warning{background:#F1E8D5;border-color:rgba(195,161,90,.55);color:var(--graphite)}
.result-grid>div,.expenses>div{background:#fff;border-color:var(--line)}
.result-grid small,.detail-grid small{color:#65747A}
.result-grid .value strong{color:var(--petroleum)}
.result-explain{color:var(--graphite)}
.checkbox-line{color:var(--graphite)!important}
.notice.success{background:#E7F0EA;border-color:#B7CEBE;color:#234B31}
.notice.error{background:#F8E9E7;border-color:#E8C4BE;color:#793A31}

/* Rodapé */
.site-footer{background:var(--petroleum);border-top-color:rgba(255,255,255,.10)}
.site-footer strong,.site-footer .footer-brand p,.site-footer a,.site-footer p,.site-footer small,.footer-bottom{color:rgba(255,255,255,.86)}
.footer-bottom{border-top-color:rgba(255,255,255,.13)}
.newsletter-mini input{background:#fff;color:var(--graphite)}
.newsletter-mini button{background:var(--gold);color:var(--petroleum)}
.mobile-estimate-cta{background:var(--gold)!important;color:var(--petroleum)!important}

/* Instalação e login */
.install-body,.login-body{background:var(--ivory);color:var(--graphite)}
.install-card,.login-card{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.install-card h1,.login-card h1{color:var(--petroleum)}
.login-card>span{color:var(--petroleum)}
.login-card>a{color:var(--petroleum)}

/* Painel administrativo na mesma identidade */
.admin-body{background:var(--ivory);color:var(--graphite)}
.admin-sidebar{background:var(--petroleum);border-right-color:rgba(255,255,255,.10)}
.admin-brand,.admin-sidebar nav a,.admin-sidebar-footer a{color:rgba(255,255,255,.88)}
.admin-sidebar nav a:hover{background:rgba(255,255,255,.10);color:#fff}
.admin-topbar{background:#fff;border-bottom-color:var(--line)}
.admin-topbar h1{color:var(--petroleum)}
.admin-topbar small{color:var(--petroleum)}
.admin-user{color:var(--graphite)}
.stat-card,.admin-panel{background:#fff;border-color:var(--line);box-shadow:0 6px 22px rgba(18,48,63,.05)}
.stat-card small,.admin-toolbar p,.admin-toolbar small,.admin-table td small,.simple-list small{color:#65747A}
.stat-card strong{color:var(--petroleum)}
.admin-panel h2,.panel-head h2{color:var(--petroleum)}
.admin-table th{color:var(--petroleum);border-bottom-color:var(--line)}
.admin-table td{color:var(--graphite);border-bottom-color:rgba(18,48,63,.08)}
.actions a{color:var(--petroleum);font-weight:700}
.metric-list>div,.simple-list>div{border-bottom-color:var(--line)}
.lead-note{background:var(--ivory);border-left-color:var(--gold)}

@media(max-width:1050px){
  .main-nav{background:var(--petroleum)}
}


/* ==========================================================
   TIPOGRAFIA OFICIAL — UNIVERSO DETETIVE / RVH ACADEMY
   Cormorant Garamond: títulos, frases, destaques institucionais
   Montserrat: subtítulos, navegação, informações e textos de apoio
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-ui:"Montserrat", Arial, sans-serif;
}

/* Base, leitura, navegação e elementos funcionais */
html,
body,
button,
input,
select,
textarea{
  font-family:var(--font-ui);
}

body{
  font-weight:400;
  letter-spacing:0;
}

/* Títulos editoriais e institucionais */
h1,
h2,
h3,
.hero-copy h1,
.page-hero h1,
.article-hero h1,
.section h2,
.section-split h2,
.section-head-row h2,
.academy-grid h2,
.author-profile h2,
.estimate-band h2,
.estimate-result h2,
.article-list-item h2,
.article-body h3,
.product-card h3,
.article-content h2,
.article-content h3,
.library-card h2,
.equipment-copy h2,
.install-card h1,
.login-card h1{
  font-family:var(--font-display)!important;
  font-weight:600;
}

/* Grandes títulos: aparência editorial semelhante ao guia RVH */
.hero-copy h1,
.page-hero h1,
.article-hero h1{
  font-weight:500;
  letter-spacing:-0.025em;
  line-height:.98;
}

.section h2,
.section-split h2,
.section-head-row h2,
.academy-grid h2,
.author-profile h2,
.estimate-band h2,
.estimate-result h2{
  font-weight:600;
  letter-spacing:-0.015em;
  line-height:1.02;
}

/* Subtítulos, legendas, menus, metadados e botões */
.eyebrow,
.section-kicker,
.category,
.main-nav,
.btn,
.text-link,
.article-meta,
.type-badge,
.author-caption small,
.site-footer,
.public-form label,
.admin-form label,
.admin-sidebar,
.admin-topbar,
.admin-table,
.notice{
  font-family:var(--font-ui)!important;
}

/* Marca textual e elementos institucionais */
.brand strong,
.author-caption strong,
.academy-mark,
.author-placeholder span,
.author-avatar{
  font-family:var(--font-display)!important;
}

.brand b,
.hero-topics,
.author-caption small,
.section-kicker,
.eyebrow,
.category{
  letter-spacing:.16em;
}

/* Frases de destaque recebem a serifada institucional */
.hero-copy h1 em,
.article-content blockquote,
.context-cta h3{
  font-family:var(--font-display)!important;
}

/* Corpo editorial com Montserrat confortável para tela */
.hero-copy p,
.page-hero p,
.section p,
.article-body p,
.article-content p,
.article-content li,
.library-card p,
.equipment-copy p,
.estimate-copy p,
.estimate-result p,
.legal-copy p{
  font-family:var(--font-ui)!important;
}

/* Painel: mantém clareza e objetividade */
.admin-body,
.admin-body button,
.admin-body input,
.admin-body select,
.admin-body textarea{
  font-family:var(--font-ui)!important;
}
.admin-topbar h1,
.admin-panel h2{
  font-family:var(--font-display)!important;
  font-weight:600;
}


/* ==========================================================
   HERO EDITÁVEL — UNIVERSO DETETIVE
   ========================================================== */
.hero-detective{
  position:relative;
  background:
    radial-gradient(circle at 50% 18%, rgba(27,58,88,.45), transparent 26%),
    linear-gradient(180deg, #040608 0%, #05080d 44%, #020304 100%);
  overflow:hidden;
}
.hero-detective:before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.3));
  pointer-events:none;
}
.hero-detective-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(210px,26%) 1fr minmax(260px,30%);
  min-height:760px;
}
.hero-left-panel,
.hero-right-card{
  position:relative;
  background:#0a0f15;
  overflow:hidden;
}
.hero-left-panel.has-photo,
.hero-right-card.has-photo{
  background-size:cover;
  background-position:center;
}
.hero-panel-shade{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.36), rgba(0,0,0,.72)),
    linear-gradient(90deg, rgba(0,0,0,.42), transparent 55%);
}
.hero-left-panel{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:40px 34px;
}
.hero-left-copy,
.hero-right-note,
.hero-right-textlines{
  position:relative; z-index:2;
}
.hero-left-copy p,
.hero-right-note p{
  margin:0;
  color:#EDE8DD;
  font-family:var(--font-ui);
  font-size:clamp(12px,1.05vw,16px);
  letter-spacing:.18em;
  text-transform:uppercase;
  line-height:1.75;
  max-width:270px;
}
.hero-mini-line{
  display:block;
  width:56px; height:3px;
  border-radius:999px;
  background:var(--gold);
  margin-top:14px;
}
.hero-center-panel{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:90px 40px 160px;
}
.hero-center-backdrop{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 50% 28%, rgba(13,39,66,.55), transparent 26%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.18));
}
.hero-center-content{
  position:relative;
  z-index:3;
  width:min(920px,100%);
}
.hero-logo-art{
  max-width:min(860px,100%);
  max-height:260px;
  margin:0 auto 18px;
  object-fit:contain;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.32));
}
.hero-brand-text{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
}
.hero-brand-top{
  color:#F4F0E7;
  font-family:var(--font-ui);
  font-size:clamp(40px,4.4vw,76px);
  letter-spacing:.35em;
  text-transform:uppercase;
  line-height:1;
}
.hero-brand-main{
  color:#FFFFFF;
  font-family:var(--font-ui);
  font-weight:800;
  font-size:clamp(62px,8vw,148px);
  letter-spacing:-.05em;
  line-height:.92;
}
.hero-topic-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin-top:26px;
  color:#EEE9DF;
}
.hero-topic-row span,
.hero-bottom-slogan{
  font-family:var(--font-ui);
  text-transform:uppercase;
  letter-spacing:.22em;
}
.hero-topic-row span{
  font-size:clamp(12px,1.1vw,20px);
}
.hero-topic-row i{
  width:8px; height:8px;
  border-radius:50%;
  background:var(--gold);
}
.hero-actions-centered{
  justify-content:center;
  margin-top:24px;
}
.hero-actions-centered .btn-outline{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
  color:#fff;
}
.hero-bottom-slogan{
  margin-top:34px;
  color:rgba(237,232,221,.85);
  font-size:clamp(11px,1vw,18px);
}
.hero-center-planet{
  position:absolute;
  left:0; right:0; bottom:0;
  height:250px;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
}
.hero-center-planet img,
.hero-planet-fallback{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-planet-fallback{
  background:
    radial-gradient(ellipse at center bottom, rgba(207,156,73,.5) 0%, rgba(207,156,73,.16) 14%, transparent 40%),
    radial-gradient(ellipse at center top, rgba(33,78,118,.5), rgba(7,13,22,0) 55%),
    linear-gradient(180deg, transparent 0 45%, rgba(7,13,22,.2) 45% 100%);
  mask-image: radial-gradient(ellipse at center bottom, black 0 55%, transparent 56% 100%);
  -webkit-mask-image: radial-gradient(ellipse at center bottom, black 0 55%, transparent 56% 100%);
}
.hero-right-panel{
  display:grid;
  grid-template-rows:1.02fr .9fr 1.08fr;
}
.hero-right-top,
.hero-right-middle,
.hero-right-bottom{
  min-height:180px;
}
.hero-right-top{
  padding:34px 28px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
}
.hero-right-textlines{
  text-align:left;
  color:#F0E8DA;
  font-family:var(--font-ui);
  font-size:clamp(11px,1vw,17px);
  letter-spacing:.22em;
  text-transform:uppercase;
  line-height:1.85;
  padding-left:14px;
  border-left:3px solid var(--gold);
}
.hero-right-middle{
  background-color:#11161c;
  background-size:cover;
  background-position:center;
}
.hero-right-bottom{
  padding:22px 24px 26px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.hero-file-tags{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:9px;
  max-width:220px;
  margin-left:auto;
}
.hero-file-tags span{
  display:block;
  padding:5px 14px;
  background:rgba(245,241,233,.88);
  color:#101214;
  font-family:var(--font-ui);
  font-size:clamp(10px,.92vw,16px);
  letter-spacing:.14em;
  text-transform:uppercase;
  transform:rotate(7deg);
  box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.hero-file-tags span:nth-child(even){ transform:rotate(-7deg); }
.hero-right-note{
  align-self:flex-end;
  text-align:left;
}
.hero-right-note p{
  max-width:220px;
}
@media(max-width:1200px){
  .hero-detective-grid{ grid-template-columns:24% 1fr 30%; min-height:700px; }
  .hero-center-panel{ padding-inline:26px; }
}
@media(max-width:980px){
  .hero-detective-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-left-panel,
  .hero-right-top,
  .hero-right-middle,
  .hero-right-bottom{
    min-height:220px;
  }
  .hero-center-panel{
    order:-1;
    padding:64px 22px 140px;
    min-height:520px;
  }
  .hero-right-panel{
    grid-template-columns:1fr;
  }
  .hero-right-top{
    justify-content:flex-start;
  }
  .hero-file-tags{
    margin:0 0 30px 0;
    max-width:100%;
    align-self:flex-start;
  }
}
@media(max-width:640px){
  .hero-brand-top{ letter-spacing:.22em; }
  .hero-brand-main{ font-size:clamp(50px,18vw,88px); }
  .hero-topic-row{ gap:10px; }
  .hero-topic-row i{ width:6px; height:6px; }
  .hero-actions-centered{ flex-direction:column; }
  .hero-actions-centered .btn{ width:100%; }
  .hero-center-panel{ min-height:480px; padding-bottom:120px; }
  .hero-center-planet{ height:180px; }
}


/* ==========================================================
   HERO V6 — FUNDO UNIFORME + COMPOSIÇÃO REFINADA
   ========================================================== */
.hero-detective{
  --hero-bg-image:none;
  min-height:700px;
  background-color:#05080b !important;
  background-image:
    linear-gradient(180deg, rgba(2,4,7,.18), rgba(2,4,7,.38)),
    radial-gradient(ellipse at 50% 44%, rgba(21,47,71,.48) 0%, rgba(8,17,27,.18) 38%, transparent 68%),
    var(--hero-bg-image) !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
}
.hero-detective:before{
  background:
    linear-gradient(90deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.08) 25%, rgba(0,0,0,.04) 70%, rgba(0,0,0,.30) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.30));
}
.hero-detective-grid{
  grid-template-columns:minmax(190px,23%) minmax(520px,54%) minmax(210px,23%);
  min-height:700px;
  max-width:1600px;
  margin:0 auto;
}

/* Remove a sensação de blocos separados: todos os painéis compartilham o mesmo fundo */
.hero-left-panel,
.hero-right-panel,
.hero-right-card,
.hero-center-panel{
  background-color:transparent !important;
}
.hero-left-panel,
.hero-right-card{
  background-blend-mode:luminosity,normal;
}
.hero-left-panel.has-photo,
.hero-right-card.has-photo{
  background-color:rgba(5,8,11,.48) !important;
  background-blend-mode:luminosity,multiply;
}
.hero-panel-shade{
  background:
    linear-gradient(180deg, rgba(3,6,9,.22), rgba(3,6,9,.56)),
    linear-gradient(90deg, rgba(3,6,9,.34), transparent 64%);
}
.hero-center-backdrop{
  background:
    radial-gradient(ellipse at 50% 36%, rgba(14,37,59,.38), transparent 48%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.10));
}

/* Centro: logo/título mais alto e tópicos logo abaixo, como na referência */
.hero-center-panel{
  align-items:flex-start;
  padding:78px 26px 150px;
}
.hero-center-content{
  width:min(920px,100%);
  padding-top:14px;
}
.hero-logo-art{
  max-width:min(900px,100%);
  max-height:245px;
  margin:0 auto 14px;
}
.hero-brand-top{
  font-size:clamp(34px,3.8vw,64px);
  letter-spacing:.34em;
  margin-bottom:4px;
}
.hero-brand-main{
  font-size:clamp(68px,7.4vw,132px);
  line-height:.86;
}
.hero-topic-row{
  margin-top:22px;
  gap:16px;
}
.hero-topic-row span{
  font-size:clamp(11px,.95vw,17px);
}
.hero-topic-row i{
  width:7px;
  height:7px;
}
.hero-actions-centered{
  margin-top:22px;
}
.hero-actions-centered .btn{
  min-height:44px;
  padding:0 18px;
  font-size:12px;
}
.hero-bottom-slogan{
  position:absolute;
  left:50%;
  bottom:116px;
  transform:translateX(-50%);
  width:100%;
  margin:0;
  font-size:clamp(11px,.95vw,16px);
  z-index:4;
}
.hero-center-planet{
  height:235px;
  opacity:.95;
}

/* Esquerda: frase mais próxima da posição da referência */
.hero-left-panel{
  padding:0;
}
.hero-left-copy{
  position:absolute;
  left:clamp(22px,3vw,48px);
  bottom:30%;
  width:min(270px,78%);
}
.hero-left-copy p{
  font-size:clamp(11px,.88vw,15px);
  line-height:1.7;
}

/* Direita: informações reposicionadas e integradas ao fundo */
.hero-right-panel{
  position:relative;
  display:block;
  min-height:700px;
  overflow:hidden;
}
.hero-right-card{
  position:absolute;
  left:0;
  right:0;
  border:0;
}
.hero-right-top{
  top:0;
  height:34%;
  min-height:0;
  padding:30px 24px;
  justify-content:flex-start;
  align-items:flex-start;
}
.hero-right-middle{
  top:24%;
  height:36%;
  min-height:0;
  background-position:center 45%;
}
.hero-right-bottom{
  top:51%;
  bottom:0;
  min-height:0;
  height:auto;
  padding:16px 26px 34px;
}
.hero-right-textlines{
  margin-left:6%;
  margin-top:0;
  font-size:clamp(10px,.82vw,14px);
  line-height:1.72;
  letter-spacing:.20em;
}
.hero-file-tags{
  position:absolute;
  top:8%;
  right:9%;
  width:min(220px,74%);
  margin:0;
  gap:7px;
}
.hero-file-tags span{
  padding:5px 12px;
  font-size:clamp(9px,.76vw,13px);
  transform:rotate(5deg);
}
.hero-file-tags span:nth-child(even){
  transform:rotate(-5deg);
}
.hero-right-note{
  position:absolute;
  right:9%;
  bottom:10%;
  align-self:auto;
}
.hero-right-note p{
  font-size:clamp(10px,.78vw,13px);
  max-width:180px;
}

/* Faz as fotos opcionais se dissolverem no fundo em vez de formarem caixas */
.hero-left-panel.has-photo{
  background-position:center;
}
.hero-right-top.has-photo{
  background-position:center top;
}
.hero-right-middle.has-photo{
  background-position:center center;
}
.hero-right-bottom.has-photo{
  background-position:center bottom;
}
.hero-left-panel.has-photo:after,
.hero-right-card.has-photo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,8,11,.20),rgba(5,8,11,.05) 50%,rgba(5,8,11,.32));
}

/* Desktop largo: mais espaço visual sem afastar os conteúdos */
@media(min-width:1500px){
  .hero-detective-grid{min-height:740px}
  .hero-right-panel{min-height:740px}
  .hero-center-panel{padding-top:86px}
  .hero-left-copy{bottom:31%}
}

/* Tablet: mantém composição organizada, sem blocos contrastantes */
@media(max-width:980px){
  .hero-detective{
    min-height:auto;
    background-position:center top !important;
  }
  .hero-detective-grid{
    grid-template-columns:1fr;
    max-width:none;
  }
  .hero-center-panel{
    order:0;
    min-height:500px;
    padding:54px 20px 135px;
  }
  .hero-left-panel{
    min-height:230px;
  }
  .hero-left-copy{
    position:relative;
    left:auto;
    bottom:auto;
    padding:46px 28px;
    width:min(560px,100%);
  }
  .hero-right-panel{
    min-height:520px;
  }
  .hero-right-top{height:32%}
  .hero-right-middle{top:24%;height:36%}
  .hero-right-bottom{top:52%}
  .hero-bottom-slogan{bottom:92px}
}

/* Mobile: textos centralizados e legíveis, preservando o fundo único */
@media(max-width:640px){
  .hero-center-panel{
    min-height:470px;
    padding:46px 16px 124px;
  }
  .hero-brand-top{
    font-size:28px;
    letter-spacing:.25em;
  }
  .hero-brand-main{
    font-size:clamp(52px,18vw,82px);
  }
  .hero-topic-row{
    margin-top:18px;
    gap:9px;
  }
  .hero-topic-row span{
    font-size:9px;
    letter-spacing:.13em;
  }
  .hero-topic-row i{
    width:5px;
    height:5px;
  }
  .hero-bottom-slogan{
    bottom:72px;
    font-size:10px;
  }
  .hero-center-planet{
    height:165px;
  }
  .hero-right-panel{
    min-height:500px;
  }
  .hero-right-textlines{
    margin-left:0;
  }
  .hero-file-tags{
    right:7%;
    width:64%;
  }
  .hero-right-note{
    right:7%;
  }
}


/* ==========================================================
   HERO V7 — RECRIADA NO ESTILO EXATO DA REFERÊNCIA
   ========================================================== */
.hero-detective{
  min-height:760px;
  background-color:#030507!important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.34)),
    radial-gradient(ellipse at center 58%, rgba(20,48,76,.24), transparent 38%),
    var(--hero-bg-image)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
.hero-detective-grid{
  grid-template-columns:minmax(230px,25%) minmax(620px,50%) minmax(260px,25%);
  min-height:760px;
  align-items:stretch;
}

/* esquerda */
.hero-left-panel{
  position:relative;
  padding:0;
}
.hero-left-panel .hero-panel-shade{
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.68)),
    linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.12) 52%, rgba(0,0,0,.44));
}
.hero-left-copy{
  position:absolute;
  left:48px;
  bottom:142px;
  width:240px;
}
.hero-left-copy p{
  color:#efebe3;
  font-size:14px;
  line-height:1.72;
  letter-spacing:.18em;
}
.hero-mini-line{
  width:46px;
  height:3px;
  margin-top:12px;
}

/* centro */
.hero-center-panel{
  align-items:flex-start;
  padding:108px 14px 175px;
}
.hero-center-backdrop{
  background:
    radial-gradient(ellipse at 50% 26%, rgba(17,38,60,.36), transparent 42%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.08));
}
.hero-center-content{
  width:min(980px,100%);
}
.hero-brand-lockup{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}
.hero-brand-top{
  color:#f3f0ea;
  font-family:var(--font-ui)!important;
  text-transform:uppercase;
  letter-spacing:.34em;
  font-weight:500;
  font-size:clamp(40px,4.1vw,78px);
  line-height:1;
  margin-bottom:18px;
}
.hero-brand-mainline{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
  width:100%;
  line-height:.82;
}
.hero-brand-d,
.hero-brand-rest{
  color:#fff;
  font-family:var(--font-ui)!important;
  font-weight:800;
  letter-spacing:-.06em;
  font-size:clamp(110px,10vw,188px);
}
.hero-brand-e{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:17px;
  padding-top:26px;
}
.hero-brand-e i{
  display:block;
  width:86px;
  height:22px;
  border-radius:2px;
  background:linear-gradient(180deg, #f4c24b, #d39500);
  box-shadow:0 2px 8px rgba(0,0,0,.16);
}
.hero-brand-underline{
  display:block;
  width:min(520px,64%);
  height:3px;
  background:linear-gradient(90deg, rgba(211,149,0,0), rgba(211,149,0,.95) 18%, rgba(211,149,0,.95) 82%, rgba(211,149,0,0));
  margin-top:18px;
}
.hero-topic-row{
  margin-top:26px;
  gap:18px;
}
.hero-topic-row span{
  color:#ece6da;
  font-size:clamp(13px,.98vw,19px);
  letter-spacing:.22em;
}
.hero-topic-row i{
  width:8px;height:8px;
}
.hero-actions-centered{
  margin-top:18px;
}
.hero-bottom-slogan{
  bottom:102px;
  color:rgba(236,230,218,.82);
  font-size:clamp(15px,1.18vw,22px);
  letter-spacing:.28em;
}
.hero-center-planet{
  height:255px;
}
.hero-center-planet img,
.hero-planet-fallback{
  object-position:center bottom;
}

/* direita */
.hero-right-panel{
  position:relative;
  min-height:760px;
}
.hero-right-top{
  top:0;
  height:29%;
  padding:36px 24px 0;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.hero-right-textlines{
  margin-left:30px;
  color:#efe8dc;
  font-size:13px;
  line-height:1.78;
  letter-spacing:.20em;
}
.hero-right-middle{
  top:20%;
  height:35%;
  clip-path:polygon(0 10%,100% 0,100% 88%,0 100%);
  overflow:hidden;
}
.hero-right-bottom{
  top:51%;
  padding:0;
}
.hero-file-tags{
  position:absolute;
  top:10px;
  right:28px;
  width:230px;
  gap:8px;
}
.hero-file-tags span{
  background:rgba(245,241,233,.94);
  font-size:13px;
  letter-spacing:.14em;
  padding:6px 14px;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.hero-right-note{
  position:absolute;
  left:auto;
  right:32px;
  bottom:34px;
}
.hero-right-note p{
  color:#ece5d8;
  font-size:13px;
  line-height:1.72;
  letter-spacing:.16em;
  max-width:188px;
}
.hero-right-note .hero-mini-line{
  margin-left:0;
}

/* fallback planet more like horizon */
.hero-planet-fallback{
  background:
    radial-gradient(ellipse at 76% 52%, rgba(231,159,48,.95) 0%, rgba(231,159,48,.42) 5%, rgba(231,159,48,.12) 12%, transparent 18%),
    radial-gradient(ellipse at center top, rgba(44,111,172,.52) 0%, rgba(15,28,41,.10) 34%, transparent 52%),
    linear-gradient(180deg, transparent 0 42%, rgba(2,6,10,.06) 42% 100%);
  mask-image: radial-gradient(ellipse at center bottom, black 0 56%, transparent 57%);
  -webkit-mask-image: radial-gradient(ellipse at center bottom, black 0 56%, transparent 57%);
  position:relative;
}
.hero-planet-fallback:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:76%;
  background:
    radial-gradient(circle at 18% 62%, rgba(255,215,112,.75) 0 1px, transparent 2px),
    radial-gradient(circle at 26% 50%, rgba(255,215,112,.75) 0 1px, transparent 2px),
    radial-gradient(circle at 30% 66%, rgba(255,215,112,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 48% 54%, rgba(255,215,112,.75) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 60%, rgba(255,215,112,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 48%, rgba(255,215,112,.75) 0 1px, transparent 2px),
    radial-gradient(circle at 58% 72%, rgba(255,215,112,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 40% 76%, rgba(255,215,112,.7) 0 1px, transparent 2px);
  opacity:.8;
}

/* responsiveness */
@media(max-width:1180px){
  .hero-detective-grid{
    grid-template-columns:23% 54% 23%;
  }
  .hero-brand-d,.hero-brand-rest{
    font-size:clamp(92px,9vw,154px);
  }
  .hero-brand-e i{
    width:70px;
    height:18px;
    gap:12px;
  }
}
@media(max-width:980px){
  .hero-detective-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-center-panel{
    order:0;
    min-height:510px;
    padding:68px 18px 150px;
  }
  .hero-left-panel{
    min-height:270px;
  }
  .hero-left-copy{
    left:28px;
    bottom:34px;
    width:min(320px,80%);
  }
  .hero-right-panel{
    min-height:560px;
  }
  .hero-brand-d,.hero-brand-rest{
    font-size:clamp(72px,14vw,120px);
  }
  .hero-brand-e{
    gap:12px;
    padding-top:18px;
  }
  .hero-brand-e i{
    width:56px;
    height:16px;
  }
}
@media(max-width:640px){
  .hero-center-panel{
    min-height:470px;
    padding:54px 12px 120px;
  }
  .hero-brand-top{
    font-size:clamp(24px,7vw,34px);
    letter-spacing:.22em;
    margin-bottom:12px;
  }
  .hero-brand-mainline{
    gap:6px;
  }
  .hero-brand-d,.hero-brand-rest{
    font-size:clamp(54px,15vw,84px);
  }
  .hero-brand-e{
    gap:8px;
    padding-top:10px;
  }
  .hero-brand-e i{
    width:34px;
    height:10px;
  }
  .hero-brand-underline{
    margin-top:12px;
    width:min(240px,70%);
  }
  .hero-topic-row{
    gap:10px;
    margin-top:18px;
  }
  .hero-topic-row span{
    font-size:9px;
    letter-spacing:.13em;
  }
  .hero-bottom-slogan{
    font-size:10px;
    letter-spacing:.16em;
    bottom:66px;
  }
  .hero-center-planet{
    height:170px;
  }
  .hero-left-copy{
    left:18px;
    width:80%;
  }
  .hero-left-copy p,
  .hero-right-textlines,
  .hero-right-note p,
  .hero-file-tags span{
    font-size:10px;
  }
  .hero-file-tags{
    width:65%;
    right:16px;
  }
  .hero-right-note{
    right:18px;
  }
}


/* ==========================================================
   HERO V8 — TEXTOS PREENCHIDOS E VISÍVEIS
   ========================================================== */
.hero-left-copy p,
.hero-right-textlines,
.hero-right-note p,
.hero-topic-row span,
.hero-bottom-slogan,
.hero-file-tags span{
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.hero-left-copy p{
  font-weight:500;
}
.hero-right-textlines{
  font-weight:500;
}
.hero-topic-row span{
  font-weight:500;
}
.hero-bottom-slogan{
  font-weight:500;
}
.hero-file-tags span{
  font-weight:600;
}


/* ==========================================================
   HERO V9 — CORREÇÃO DE CARREGAMENTO
   ========================================================== */

/* A marca principal é sempre HTML, portanto nunca vira imagem quebrada. */
.hero-brand-lockup{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
}
.hero-brand-top,
.hero-brand-d,
.hero-brand-rest{
  text-shadow:0 3px 18px rgba(0,0,0,.38);
}

/* Textos laterais continuam visíveis mesmo sem dados válidos no banco. */
.hero-left-copy,
.hero-right-textlines,
.hero-file-tags,
.hero-right-note,
.hero-bottom-slogan,
.hero-topic-row{
  opacity:1!important;
  visibility:visible!important;
}

/* Imagens padrão misturam-se ao fundo em vez de parecer caixas. */
.hero-left-panel.has-photo,
.hero-right-card.has-photo{
  background-color:transparent!important;
  background-blend-mode:luminosity,normal!important;
}
.hero-left-panel.has-photo:before,
.hero-right-card.has-photo:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,4,6,.08),rgba(2,4,6,.44));
  pointer-events:none;
}

/* Centro e marca mais próximos da referência. */
.hero-center-panel{
  z-index:3;
}
.hero-brand-mainline{
  position:relative;
  z-index:4;
}
.hero-brand-top{
  color:#fff!important;
}
.hero-brand-d,
.hero-brand-rest{
  color:#fff!important;
}
.hero-brand-e i{
  background:linear-gradient(180deg,#F3C34F 0%,#C98B00 100%)!important;
}
.hero-topic-row span,
.hero-bottom-slogan,
.hero-left-copy p,
.hero-right-textlines,
.hero-right-note p{
  color:#ECE8E0!important;
}

/* Evita que estilos antigos da paleta clara afetem a hero. */
.hero-detective .btn,
.hero-detective .section-kicker,
.hero-detective .text-link{
  color:inherit;
}

.hero-brand-main-custom{
  color:#fff!important;
  font-family:var(--font-ui)!important;
  font-weight:800;
  font-size:clamp(82px,8vw,156px);
  line-height:.88;
  letter-spacing:-.05em;
  text-transform:uppercase;
  text-shadow:0 3px 18px rgba(0,0,0,.38);
}
@media(max-width:640px){
  .hero-brand-main-custom{font-size:clamp(50px,15vw,82px);}
}


/* ==========================================================
   HERO V10 — TEXTOS AJUSTADOS E SEM IMAGENS DE FUNDO
   ========================================================== */
.hero-detective{
  min-height:760px;
  background:
    radial-gradient(ellipse at center 84%, rgba(33,86,136,.18) 0%, rgba(8,18,29,.04) 34%, transparent 58%),
    linear-gradient(180deg, #020406 0%, #04070b 55%, #020406 100%) !important;
}
.hero-detective:before{
  background:
    linear-gradient(90deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.05) 22%, rgba(0,0,0,.05) 78%, rgba(0,0,0,.22) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.20));
}
.hero-detective-grid{
  grid-template-columns:minmax(240px,24%) minmax(660px,52%) minmax(240px,24%);
  max-width:1600px;
  margin:0 auto;
}
.hero-left-panel,
.hero-right-card,
.hero-center-panel,
.hero-right-panel{
  background:transparent !important;
}
.hero-left-panel .hero-panel-shade,
.hero-right-card .hero-panel-shade,
.hero-center-backdrop{
  display:none;
}

/* center */
.hero-center-panel{
  padding:86px 18px 155px;
  align-items:flex-start;
}
.hero-center-content{
  width:min(1000px,100%);
}
.hero-brand-top{
  font-size:clamp(40px,4vw,74px);
  letter-spacing:.32em;
  margin-bottom:22px;
}
.hero-brand-mainline{
  gap:12px;
}
.hero-brand-d,
.hero-brand-rest{
  font-size:clamp(100px,9.4vw,174px);
  line-height:.86;
}
.hero-brand-e{
  gap:16px;
  padding-top:24px;
}
.hero-brand-e i{
  width:84px;
  height:20px;
}
.hero-brand-underline{
  width:min(460px,58%);
  margin-top:16px;
}
.hero-topic-row{
  margin-top:28px;
  gap:18px;
  justify-content:center;
}
.hero-topic-row span{
  font-size:clamp(14px,1.05vw,20px);
  letter-spacing:.20em;
}
.hero-bottom-slogan{
  position:static !important;
  transform:none !important;
  display:block;
  width:100%;
  margin-top:34px;
  color:rgba(235,229,220,.84) !important;
  font-size:clamp(14px,1.06vw,20px);
  letter-spacing:.24em;
  text-align:center;
}
.hero-center-planet{
  height:230px;
}
.hero-planet-fallback{
  opacity:.96;
  background:
    radial-gradient(ellipse at 76% 48%, rgba(231,159,48,.92) 0%, rgba(231,159,48,.36) 5%, rgba(231,159,48,.10) 12%, transparent 19%),
    radial-gradient(ellipse at center top, rgba(46,111,171,.50) 0%, rgba(15,28,41,.10) 34%, transparent 54%),
    linear-gradient(180deg, transparent 0 42%, rgba(2,6,10,.06) 42% 100%);
}

/* left */
.hero-left-panel{
  position:relative;
}
.hero-left-copy{
  left:36px;
  bottom:158px;
  width:220px;
}
.hero-left-copy p{
  font-size:15px;
  line-height:1.76;
  letter-spacing:.18em;
  color:#f0ebe2 !important;
}

/* right */
.hero-right-panel{
  min-height:760px;
}
.hero-right-top{
  top:0;
  height:28%;
  padding:36px 0 0 0;
}
.hero-right-textlines{
  margin-left:46px;
  font-size:14px;
  line-height:1.86;
  letter-spacing:.20em;
  border-left:3px solid var(--gold);
  padding-left:14px;
}
.hero-right-middle{
  top:25%;
  height:18%;
  clip-path:none;
  background:transparent !important;
}
.hero-right-bottom{
  top:41%;
  bottom:0;
  padding:0;
}
.hero-file-tags{
  top:76px;
  right:26px;
  width:222px;
  gap:12px;
}
.hero-file-tags span{
  font-size:12px;
  letter-spacing:.14em;
  padding:8px 16px;
  transform:rotate(6deg);
}
.hero-file-tags span:nth-child(even){
  transform:rotate(-6deg);
}
.hero-right-note{
  right:28px;
  bottom:34px;
}
.hero-right-note p{
  font-size:13px;
  line-height:1.86;
  letter-spacing:.16em;
  max-width:178px;
}

/* ensure no legacy photo styling appears */
.hero-left-panel.has-photo,
.hero-right-card.has-photo{
  background-image:none !important;
}
.hero-left-panel.has-photo:before,
.hero-right-card.has-photo:before,
.hero-left-panel.has-photo:after,
.hero-right-card.has-photo:after{
  display:none !important;
}

/* responsive */
@media (max-width: 1100px){
  .hero-brand-d, .hero-brand-rest{font-size:clamp(86px,9vw,140px);}
  .hero-brand-e i{width:68px;height:18px;}
  .hero-left-copy{left:26px;bottom:130px;}
}
@media (max-width: 980px){
  .hero-detective-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-center-panel{
    order:0;
    min-height:500px;
    padding:64px 18px 138px;
  }
  .hero-left-panel{
    min-height:240px;
  }
  .hero-left-copy{
    left:24px;
    bottom:36px;
    width:min(320px,82%);
  }
  .hero-right-panel{
    min-height:520px;
  }
  .hero-file-tags{
    top:52px;
  }
}
@media (max-width: 640px){
  .hero-center-panel{
    min-height:450px;
    padding:48px 12px 114px;
  }
  .hero-brand-top{
    font-size:clamp(24px,7vw,34px);
    letter-spacing:.22em;
    margin-bottom:14px;
  }
  .hero-brand-d,
  .hero-brand-rest{
    font-size:clamp(54px,15vw,84px);
  }
  .hero-brand-e{
    gap:8px;
    padding-top:12px;
  }
  .hero-brand-e i{
    width:36px;
    height:10px;
  }
  .hero-brand-underline{
    width:min(230px,70%);
    margin-top:12px;
  }
  .hero-topic-row{
    gap:10px;
    margin-top:20px;
  }
  .hero-topic-row span{
    font-size:9px;
    letter-spacing:.13em;
  }
  .hero-bottom-slogan{
    margin-top:20px;
    font-size:10px;
    letter-spacing:.16em;
  }
  .hero-center-planet{
    height:170px;
  }
  .hero-left-copy p,
  .hero-right-textlines,
  .hero-right-note p,
  .hero-file-tags span{
    font-size:10px;
  }
}


/* ==========================================================
   HERO V11 — TEXTOS NO BANCO + FUNDO ÚNICO PELO ADMIN
   ========================================================== */
.hero-detective{
  --hero-bg-image:none;
  --hero-bg-position:center center;
  --hero-overlay:.42;

  position:relative;
  min-height:720px;
  background-color:#030608 !important;
  background-image:
    linear-gradient(180deg, rgba(2,5,8,var(--hero-overlay)), rgba(2,5,8,calc(var(--hero-overlay) + .10))),
    var(--hero-bg-image) !important;
  background-size:cover !important;
  background-position:center center, var(--hero-bg-position) !important;
  background-repeat:no-repeat !important;
}
.hero-detective:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.22),transparent 24%,transparent 76%,rgba(0,0,0,.22)),
    radial-gradient(ellipse at center 45%,rgba(10,30,48,.16),transparent 56%);
}
.hero-detective-grid{
  min-height:720px;
  grid-template-columns:minmax(230px,24%) minmax(620px,52%) minmax(230px,24%);
  max-width:1600px;
  margin:0 auto;
}
.hero-left-panel,
.hero-center-panel,
.hero-right-panel,
.hero-right-top,
.hero-right-bottom{
  background:transparent !important;
}

/* A imagem do sol/planeta foi removida completamente. */
.hero-center-planet,
.hero-planet-fallback{
  display:none !important;
}

/* centro */
.hero-center-panel{
  align-items:flex-start;
  padding:88px 18px 70px;
}
.hero-center-content{
  width:min(1000px,100%);
}
.hero-brand-top{
  font-size:clamp(40px,4vw,74px);
  letter-spacing:.32em;
  margin-bottom:22px;
}
.hero-brand-mainline{
  gap:12px;
}
.hero-brand-d,
.hero-brand-rest{
  font-size:clamp(100px,9.2vw,172px);
  line-height:.86;
}
.hero-brand-e{
  gap:16px;
  padding-top:24px;
}
.hero-brand-e i{
  width:82px;
  height:20px;
}
.hero-brand-underline{
  width:min(470px,58%);
  margin-top:16px;
}
.hero-topic-row{
  margin-top:30px;
  gap:18px;
}
.hero-topic-row span{
  font-size:clamp(13px,1vw,19px);
  letter-spacing:.20em;
}
.hero-bottom-slogan{
  position:static !important;
  transform:none !important;
  width:100%;
  margin-top:38px;
  text-align:center;
  font-size:clamp(14px,1.05vw,20px);
  letter-spacing:.24em;
}

/* esquerda */
.hero-left-panel{
  position:relative;
}
.hero-left-copy{
  left:38px;
  bottom:86px;
  width:230px;
}
.hero-left-copy p{
  font-size:14px;
  line-height:1.78;
  letter-spacing:.18em;
}

/* direita */
.hero-right-panel{
  position:relative;
  min-height:720px;
}
.hero-right-top{
  position:absolute;
  top:34px;
  left:0;
  right:0;
  height:auto;
  padding:0;
}
.hero-right-textlines{
  margin-left:42px;
  padding-left:14px;
  font-size:13px;
  line-height:1.84;
  letter-spacing:.20em;
}
.hero-right-bottom{
  position:absolute;
  inset:0;
  padding:0;
}
.hero-file-tags{
  top:245px;
  right:28px;
  width:220px;
  gap:11px;
}
.hero-file-tags span{
  font-size:12px;
  padding:7px 15px;
}
.hero-right-note{
  right:30px;
  bottom:78px;
}
.hero-right-note p{
  font-size:13px;
  line-height:1.84;
  max-width:180px;
}

/* remove definitivamente qualquer imagem lateral herdada */
.hero-left-panel,
.hero-right-top,
.hero-right-bottom,
.hero-right-middle{
  background-image:none !important;
}
.hero-right-middle{
  display:none !important;
}

/* painel admin do fundo */
.hero-admin-background{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.hero-admin-background h3{
  margin:0 0 4px;
  font-family:var(--font-display);
  font-size:24px;
}
.hero-admin-background > div > p{
  margin-top:0;
  color:var(--muted);
}
.hero-bg-preview{
  width:100%;
  min-height:220px;
  margin:18px 0;
  border:1px solid var(--line);
  border-radius:14px;
  background-size:cover;
  background-position:center;
  background-color:#080b0e;
}
.hero-bg-preview.empty{
  display:grid;
  place-items:center;
  border-style:dashed;
  color:#7c8794;
}

@media(max-width:980px){
  .hero-detective-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-center-panel{
    min-height:470px;
    padding:64px 18px 60px;
  }
  .hero-left-panel{
    min-height:225px;
  }
  .hero-left-copy{
    left:26px;
    bottom:32px;
  }
  .hero-right-panel{
    min-height:480px;
  }
  .hero-file-tags{
    top:155px;
  }
}
@media(max-width:640px){
  .hero-detective{
    min-height:auto;
  }
  .hero-center-panel{
    min-height:420px;
    padding:46px 12px 48px;
  }
  .hero-brand-top{
    font-size:clamp(24px,7vw,34px);
    letter-spacing:.22em;
    margin-bottom:14px;
  }
  .hero-brand-d,
  .hero-brand-rest{
    font-size:clamp(54px,15vw,84px);
  }
  .hero-brand-e{
    gap:8px;
    padding-top:12px;
  }
  .hero-brand-e i{
    width:36px;
    height:10px;
  }
  .hero-topic-row{
    margin-top:20px;
    gap:10px;
  }
  .hero-topic-row span{
    font-size:9px;
    letter-spacing:.13em;
  }
  .hero-bottom-slogan{
    margin-top:24px;
    font-size:10px;
    letter-spacing:.16em;
  }
  .hero-left-copy p,
  .hero-right-textlines,
  .hero-right-note p,
  .hero-file-tags span{
    font-size:10px;
  }
}


/* ==========================================================
   HERO V12 — CORREÇÃO DEFINITIVA DO FUNDO PELO ADMIN
   ========================================================== */

/*
  O fundo enviado pelo painel agora é aplicado diretamente via
  style inline em .hero-detective. Não misturamos mais a imagem
  com um gradiente que usa calc() no alpha, evitando que navegadores
  invalidem toda a declaração background-image.
*/
.hero-detective{
  background-color:#030608 !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* Escurecimento separado da imagem de fundo. */
.hero-detective:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.20),transparent 24%,transparent 76%,rgba(0,0,0,.20)),
    rgba(2,5,8,var(--hero-overlay));
}

/* Conteúdo sempre fica acima da camada de escurecimento. */
.hero-detective-grid{
  position:relative;
  z-index:1;
}

/* Nenhuma outra seção interna pode apagar o fundo principal. */
.hero-left-panel,
.hero-center-panel,
.hero-right-panel,
.hero-right-top,
.hero-right-bottom{
  background-color:transparent !important;
  background-image:none !important;
}

/* Mantém o fundo legível também no celular. */
@media(max-width:980px){
  .hero-detective{
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
}


/* ==========================================================
   V13 — SEÇÃO DE SERVIÇOS EDITÁVEIS ABAIXO DA HERO
   ========================================================== */
.services-home{
  position:relative;
  padding:92px 0 100px;
  background:#F6F3EC;
  color:#263238;
  border-bottom:1px solid rgba(18,48,63,.10);
}
.services-home-head{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:70px;
  align-items:end;
  margin-bottom:44px;
}
.services-home .section-kicker{
  color:#C3A15A;
}
.services-home h2{
  margin:10px 0 0;
  max-width:760px;
  color:#12303F;
  font-family:var(--font-display);
  font-size:clamp(40px,4.6vw,64px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.025em;
}
.services-home-head > p{
  margin:0;
  color:#52616A;
  font-family:var(--font-ui);
  font-size:15px;
  line-height:1.8;
  max-width:520px;
}
.services-home-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.service-home-card{
  position:relative;
  min-height:320px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(18,48,63,.12);
  border-radius:16px;
  background:#FFFFFF;
  box-shadow:0 16px 42px rgba(18,48,63,.06);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.service-home-card:hover{
  transform:translateY(-5px);
  border-color:rgba(195,161,90,.46);
  box-shadow:0 24px 52px rgba(18,48,63,.11);
}
.service-home-image{
  height:180px;
  overflow:hidden;
  background:#12303F;
}
.service-home-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.service-home-card:hover .service-home-image img{
  transform:scale(1.035);
}
.service-home-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin:28px 28px 0;
  border:1px solid rgba(195,161,90,.55);
  border-radius:50%;
  color:#C3A15A;
  font-family:var(--font-ui);
  font-weight:700;
  letter-spacing:.08em;
  background:#F9F7F1;
}
.service-home-content{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:25px 28px 28px;
}
.service-home-card:has(.service-home-icon) .service-home-content{
  padding-top:21px;
}
.service-home-content h3{
  margin:0 0 11px;
  color:#12303F;
  font-family:var(--font-display);
  font-size:29px;
  line-height:1.05;
  font-weight:600;
}
.service-home-content p{
  margin:0 0 24px;
  color:#5C6970;
  font-size:13px;
  line-height:1.72;
}
.service-home-link{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  color:#12303F;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.service-home-link span{
  color:#C3A15A;
  font-size:18px;
  transition:transform .2s ease;
}
.service-home-link:hover span{
  transform:translateX(4px);
}

/* Admin */
.service-status-btn{
  border:0;
  border-radius:999px;
  padding:6px 10px;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
}
.service-status-btn.is-active{
  background:rgba(62,180,107,.12);
  color:#9FE0B6;
}
.service-status-btn.is-inactive{
  background:rgba(220,95,95,.12);
  color:#E6A6A6;
}
.service-admin-preview{
  max-width:520px;
  height:220px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:#090D12;
}
.service-admin-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media(max-width:980px){
  .services-home-head{
    grid-template-columns:1fr;
    gap:22px;
  }
  .services-home-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .services-home{
    padding:70px 0 76px;
  }
  .services-home h2{
    font-size:42px;
  }
  .services-home-grid{
    grid-template-columns:1fr;
  }
  .service-home-card{
    min-height:280px;
  }
}


/* ==========================================================
   V14 — BOTÕES DE AÇÃO NA HERO
   ========================================================== */
.hero-cta-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}
.hero-cta{
  min-width:190px;
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border-radius:10px;
  font-family:var(--font-ui);
  font-size:12px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.hero-cta:hover{
  transform:translateY(-2px);
}
.hero-cta-primary{
  background:linear-gradient(135deg,#C3A15A,#A87E2D);
  color:#0B1820;
  border:1px solid #C3A15A;
  box-shadow:0 12px 30px rgba(195,161,90,.18);
}
.hero-cta-primary:hover{
  box-shadow:0 16px 34px rgba(195,161,90,.28);
}
.hero-cta-secondary{
  background:rgba(255,255,255,.04);
  color:#F6F3EC;
  border:1px solid rgba(246,243,236,.34);
  backdrop-filter:blur(4px);
}
.hero-cta-secondary:hover{
  border-color:#C3A15A;
  color:#C3A15A;
}
@media(max-width:640px){
  .hero-cta-row{
    flex-direction:column;
    width:100%;
    margin-top:24px;
  }
  .hero-cta{
    width:min(100%,320px);
    min-width:0;
  }
}


/* ==========================================================
   V15 — FLUXO DE ESTIMATIVA E ATENDIMENTO
   ========================================================== */
.estimate-flow-section{
  background:#F6F3EC;
  color:#263238;
}
.estimate-flow-section .section-kicker{
  color:#C3A15A;
}
.estimate-form-shell{
  display:grid;
  grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);
  gap:48px;
  align-items:start;
}
.estimate-flow-intro{
  position:sticky;
  top:120px;
}
.estimate-flow-intro h2,
.estimate-result-v2 h2{
  color:#12303F;
  font-family:var(--font-display);
  font-size:clamp(40px,4.2vw,58px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.025em;
  margin:10px 0 18px;
}
.estimate-flow-intro>p{
  color:#59676E;
  line-height:1.78;
  font-size:14px;
}
.estimate-flow-steps{
  margin-top:32px;
  display:grid;
  gap:10px;
}
.estimate-flow-steps>div{
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid rgba(18,48,63,.10);
}
.estimate-flow-steps span{
  width:36px;height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(195,161,90,.55);
  color:#C3A15A;
  font-size:10px;
  font-weight:700;
}
.estimate-flow-steps p{
  margin:0;
  color:#12303F;
  font-size:12px;
  font-weight:700;
}

.estimate-form-card,
.estimate-result-v2{
  background:#FFFFFF;
  border:1px solid rgba(18,48,63,.11);
  border-radius:18px;
  box-shadow:0 22px 55px rgba(18,48,63,.08);
  padding:34px;
}
.estimate-form-block{
  padding:0 0 28px;
  margin:0 0 28px;
  border-bottom:1px solid rgba(18,48,63,.10);
}
.estimate-form-block:last-of-type{
  border-bottom:0;
  margin-bottom:10px;
}
.estimate-form-block-title{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}
.estimate-form-block-title>span{
  width:40px;height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#12303F;
  color:#F6F3EC;
  font-size:10px;
  font-weight:700;
}
.estimate-form-block-title small{
  display:block;
  color:#C3A15A;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.estimate-form-block-title h3{
  margin:2px 0 0;
  color:#12303F;
  font-family:var(--font-display);
  font-size:27px;
  line-height:1.05;
}
.estimate-public-form label{
  color:#12303F;
  font-size:12px;
  font-weight:700;
}
.estimate-public-form input,
.estimate-public-form select,
.estimate-public-form textarea{
  margin-top:7px;
  background:#FBFAF7;
  color:#263238;
  border:1px solid rgba(18,48,63,.18);
}
.estimate-public-form input:focus,
.estimate-public-form select:focus,
.estimate-public-form textarea:focus{
  border-color:#C3A15A;
  box-shadow:0 0 0 3px rgba(195,161,90,.12);
}
.estimate-public-form label small{
  color:#758087;
  margin-top:6px;
  line-height:1.55;
}
.channel-options{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-bottom:16px;
}
.channel-option{
  position:relative;
  margin:0!important;
}
.channel-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.channel-option span{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:52px;
  border:1px solid rgba(18,48,63,.18);
  border-radius:10px;
  background:#FBFAF7;
  color:#12303F;
}
.channel-option input:checked+span{
  border-color:#C3A15A;
  background:rgba(195,161,90,.10);
  box-shadow:0 0 0 2px rgba(195,161,90,.12);
}
.single-channel{
  padding:14px 16px;
  margin-bottom:16px;
  border-radius:10px;
  background:#F3F0E7;
  color:#52616A;
  font-size:12px;
}
.single-channel strong{color:#12303F}
.channel-field[hidden]{display:none!important}
.privacy-help{
  margin:14px 0 0;
  color:#6B767C;
  font-size:11px;
}
.privacy-help a{
  color:#12303F;
  text-decoration:underline;
}
.estimate-warning-v2{
  margin:20px 0;
  padding:17px;
  border:1px solid rgba(195,161,90,.38);
  border-radius:12px;
  background:#FAF5E9;
  color:#665D4C;
  font-size:12px;
  line-height:1.65;
}
.estimate-public-form .checkbox-line{
  color:#4C5960;
  font-size:11px;
}
.estimate-public-form .checkbox-line input{
  margin-top:2px;
}
.estimate-submit-btn{
  margin-top:16px;
  min-height:54px;
}
.estimate-submit-error{
  margin-top:10px;
  color:#A44C4C;
  font-size:11px;
}

/* result */
.estimate-result-v2{
  max-width:1120px;
  margin:auto;
}
.estimate-result-head{
  max-width:760px;
}
.estimate-result-head>p{
  color:#637078;
  font-size:15px;
}
.estimate-summary-v2{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:30px 0;
}
.estimate-summary-v2>div{
  padding:15px;
  border:1px solid rgba(18,48,63,.10);
  border-radius:10px;
  background:#FAF9F5;
}
.estimate-summary-v2 small{
  display:block;
  margin-bottom:5px;
  color:#849096;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.estimate-summary-v2 strong{
  color:#12303F;
  font-size:13px;
}
.estimate-package-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:26px 0;
}
.estimate-package-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:205px;
  padding:23px 18px;
  border:1px solid rgba(18,48,63,.14);
  border-radius:14px;
  background:#FFFFFF;
  cursor:pointer;
  transition:.2s ease;
}
.estimate-package-card:hover{
  transform:translateY(-3px);
  border-color:rgba(195,161,90,.55);
  box-shadow:0 14px 32px rgba(18,48,63,.08);
}
.estimate-package-card input{
  position:absolute;
  opacity:0;
}
.estimate-package-card:has(input:checked){
  border-color:#C3A15A;
  background:#FFFCF5;
  box-shadow:0 0 0 2px rgba(195,161,90,.12);
}
.estimate-package-days{
  color:#C3A15A;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.estimate-package-card strong{
  margin:13px 0 6px;
  color:#12303F;
  font-family:var(--font-display);
  font-size:34px;
  line-height:1;
}
.estimate-package-card small{
  color:#657178;
  font-size:11px;
}
.package-select-label{
  margin-top:auto;
  color:#12303F;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.estimate-conditions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:22px 0;
}
.estimate-conditions>div{
  padding:16px;
  border-radius:10px;
  background:#F6F3EC;
}
.estimate-conditions b{
  color:#12303F;
  font-size:11px;
}
.estimate-conditions p{
  margin:6px 0 0;
  color:#667278;
  font-size:11px;
  line-height:1.55;
}
.estimate-delivery-status{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:16px 0 26px;
  padding:14px 16px;
  border-radius:10px;
  font-size:11px;
}
.estimate-delivery-status.sent{
  background:#EAF5EE;
  color:#36634A;
}
.estimate-delivery-status.failed{
  background:#FFF0ED;
  color:#8B4C42;
}
.consultant-invite,
.review-form{
  margin-top:30px;
  padding:30px;
  border-radius:16px;
  background:#12303F;
  color:#F6F3EC;
}
.consultant-invite h3{
  margin:8px 0 12px;
  font-family:var(--font-display);
  font-size:37px;
  line-height:1.03;
}
.consultant-invite>p{
  color:#D5DEE0;
  font-size:13px;
  line-height:1.75;
}
.consultant-form{
  margin-top:22px;
}
.consultant-authorize{
  color:#DDE4E5!important;
  font-size:11px!important;
  line-height:1.6;
}
.consultant-btn{
  margin-top:18px;
  background:#C3A15A!important;
  color:#12303F!important;
}
.estimate-result-actions{
  margin-top:24px;
}
.estimate-success-banner{
  max-width:1120px;
  margin:0 auto 20px;
  padding:20px 22px;
  border-radius:14px;
  background:#EAF5EE;
  color:#325E46;
}
.estimate-success-banner strong{
  display:block;
  font-size:18px;
}
.estimate-success-banner p{
  margin:5px 0 0;
  font-size:12px;
  line-height:1.65;
}

/* admin flow */
.admin-estimate-values{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:20px 0;
}
.admin-estimate-values>div{
  padding:15px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0B1016;
}
.admin-estimate-values small,
.admin-estimate-values span{
  display:block;
  color:#7E8996;
  font-size:9px;
}
.admin-estimate-values strong{
  display:block;
  color:var(--gold);
  font-size:20px;
}
.inline-resend-form{
  margin:18px 0;
}
.admin-service-flow{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.estimate-history{
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.estimate-history h3{
  font-family:var(--font-display);
  font-size:25px;
}
.estimate-history>div{
  display:grid;
  grid-template-columns:100px 190px 1fr;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid var(--line);
}
.estimate-history span,
.estimate-history small{
  color:#7E8996;
  font-size:10px;
}

@media(max-width:980px){
  .estimate-form-shell{
    grid-template-columns:1fr;
  }
  .estimate-flow-intro{
    position:static;
  }
  .estimate-summary-v2{
    grid-template-columns:repeat(2,1fr);
  }
  .estimate-package-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .estimate-conditions{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .estimate-form-card,
  .estimate-result-v2{
    padding:20px;
    border-radius:14px;
  }
  .estimate-flow-intro h2,
  .estimate-result-v2 h2{
    font-size:39px;
  }
  .estimate-form-block-title h3{
    font-size:24px;
  }
  .estimate-public-form .form-grid{
    grid-template-columns:1fr;
  }
  .channel-options{
    grid-template-columns:1fr;
  }
  .estimate-summary-v2,
  .estimate-package-grid{
    grid-template-columns:1fr;
  }
  .estimate-package-card{
    min-height:165px;
  }
  .consultant-invite,
  .review-form{
    padding:22px;
  }
  .consultant-invite h3{
    font-size:32px;
  }
  .admin-estimate-values{
    grid-template-columns:1fr 1fr;
  }
  .estimate-history>div{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   V16 — CIDADES CARREGADAS AUTOMATICAMENTE POR ESTADO
   ========================================================== */
.city-loading{
  margin-top:8px;
  padding:9px 11px;
  border-radius:8px;
  background:rgba(195,161,90,.10);
  color:#7A663C;
  font-size:10px;
  font-weight:600;
}
.city-manual-wrap,
.df-locality-wrap{
  margin-top:10px;
}
.city-manual-wrap[hidden],
.df-locality-wrap[hidden],
.city-loading[hidden]{
  display:none!important;
}
.city-manual-wrap input,
.df-locality-wrap input{
  margin-top:0!important;
}


/* ==========================================================
   V18 — FORMULÁRIO MOBILE + BUSCA DE CIDADES NO DROPDOWN
   ========================================================== */
.city-combobox{
  position:relative;
  margin-top:7px;
}
.city-search-box{
  position:relative;
  display:flex;
  align-items:center;
}
.city-search-box input{
  margin-top:0!important;
  padding-left:42px!important;
  padding-right:44px!important;
}
.city-search-icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  color:#829096;
  font-size:22px;
  pointer-events:none;
}
.city-clear{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#607079;
  font-size:22px;
  cursor:pointer;
}
.city-clear:hover{
  background:rgba(18,48,63,.07);
}
.city-clear[hidden]{
  display:none!important;
}
.city-dropdown{
  position:absolute;
  z-index:60;
  top:calc(100% + 7px);
  left:0;
  right:0;
  overflow:hidden;
  border:1px solid rgba(18,48,63,.16);
  border-radius:12px;
  background:#FFFFFF;
  box-shadow:0 20px 50px rgba(18,48,63,.16);
}
.city-dropdown[hidden]{
  display:none!important;
}
.city-dropdown-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 14px;
  border-bottom:1px solid rgba(18,48,63,.09);
  background:#F8F6F0;
}
.city-dropdown-head strong{
  color:#12303F;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.city-dropdown-head span{
  color:#7A858B;
  font-size:10px;
}
.city-options{
  max-height:280px;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:5px;
}
.city-option{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  padding:9px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#263238;
  text-align:left;
  cursor:pointer;
  font-size:14px;
}
.city-option:hover,
.city-option:focus{
  outline:none;
  background:#F5F1E8;
  color:#12303F;
}
.city-option.selected{
  background:rgba(195,161,90,.13);
  color:#12303F;
  font-weight:700;
}
.city-option-empty,
.city-option-more{
  padding:16px 12px;
  color:#7A858B;
  font-size:12px;
  text-align:center;
}
.city-combobox[hidden]{
  display:none!important;
}

/* toque e leitura melhores em telas pequenas */
@media(max-width:640px){
  .estimate-hero{
    padding:58px 0 44px!important;
  }
  .estimate-hero h1{
    font-size:39px!important;
    line-height:1.02!important;
  }
  .estimate-hero p{
    font-size:14px!important;
    line-height:1.65!important;
  }

  .estimate-flow-section{
    padding:34px 0 70px!important;
  }
  .estimate-form-shell{
    gap:24px!important;
  }
  .estimate-flow-intro{
    padding:0 2px;
  }
  .estimate-flow-intro h2{
    font-size:34px!important;
  }
  .estimate-flow-intro>p{
    font-size:13px!important;
  }
  .estimate-flow-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:20px;
  }
  .estimate-flow-steps>div{
    align-items:flex-start;
    padding:10px;
    border:1px solid rgba(18,48,63,.09);
    border-radius:10px;
    background:#FBFAF7;
  }
  .estimate-flow-steps span{
    flex:0 0 32px;
    width:32px;
    height:32px;
  }
  .estimate-flow-steps p{
    font-size:10px;
    line-height:1.35;
  }

  .estimate-form-card{
    width:calc(100% + 12px);
    margin-left:-6px;
    padding:18px!important;
    border-radius:14px!important;
  }
  .estimate-form-block{
    margin-bottom:22px!important;
    padding-bottom:22px!important;
  }
  .estimate-form-block-title{
    align-items:flex-start!important;
    margin-bottom:16px!important;
  }
  .estimate-form-block-title>span{
    flex:0 0 36px;
    width:36px!important;
    height:36px!important;
  }
  .estimate-form-block-title h3{
    font-size:23px!important;
  }

  .estimate-public-form label{
    font-size:13px!important;
  }
  .estimate-public-form input,
  .estimate-public-form select,
  .estimate-public-form textarea{
    min-height:52px;
    padding:13px!important;
    font-size:16px!important;
    border-radius:10px!important;
  }
  .estimate-public-form textarea{
    min-height:110px;
  }
  .estimate-public-form label small{
    font-size:10px!important;
    line-height:1.45!important;
  }

  .city-search-box input{
    padding-left:42px!important;
    padding-right:44px!important;
  }
  .city-dropdown{
    position:fixed;
    z-index:999;
    left:12px;
    right:12px;
    top:auto;
    bottom:12px;
    max-height:62vh;
    border-radius:16px;
    box-shadow:0 24px 70px rgba(0,0,0,.26);
  }
  .city-dropdown-head{
    position:sticky;
    top:0;
    z-index:2;
    padding:13px 14px;
  }
  .city-options{
    max-height:calc(62vh - 48px);
    padding:7px;
  }
  .city-option{
    min-height:50px;
    padding:11px 13px;
    font-size:15px;
  }

  .channel-option span{
    min-height:54px!important;
    font-size:14px;
  }
  .single-channel{
    font-size:13px!important;
    padding:14px!important;
  }

  .estimate-warning-v2{
    padding:14px!important;
    font-size:11px!important;
  }
  .estimate-submit-btn{
    min-height:56px!important;
    font-size:13px!important;
    position:sticky;
    bottom:10px;
    z-index:12;
    box-shadow:0 14px 34px rgba(195,161,90,.28);
  }

  .estimate-package-card{
    min-height:150px!important;
  }
  .estimate-package-card strong{
    font-size:31px!important;
  }
}


/* ==========================================================
   V19 — FORMULÁRIO EM STEPS + WHATSAPP OBRIGATÓRIO
   ========================================================== */
.estimate-step-form{
  position:relative;
}
.estimate-step-progress{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin:0 0 34px;
  padding:0 5px;
}
.estimate-progress-line{
  position:absolute;
  top:18px;
  left:12.5%;
  right:12.5%;
  height:2px;
  background:rgba(18,48,63,.11);
  overflow:hidden;
}
.estimate-progress-line>span{
  display:block;
  width:0;
  height:100%;
  background:#C3A15A;
  transition:width .28s ease;
}
.estimate-step-dot{
  position:relative;
  z-index:2;
  appearance:none;
  border:0;
  padding:0;
  background:transparent;
  text-align:center;
}
.estimate-step-dot>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  margin:0 auto 7px;
  border:1px solid rgba(18,48,63,.16);
  border-radius:50%;
  background:#F9F8F4;
  color:#77838A;
  font-size:11px;
  font-weight:800;
  transition:.2s ease;
}
.estimate-step-dot>small{
  display:block;
  color:#8B969B;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.estimate-step-dot.active>span{
  border-color:#C3A15A;
  background:#C3A15A;
  color:#12303F;
  box-shadow:0 0 0 5px rgba(195,161,90,.12);
}
.estimate-step-dot.active>small{
  color:#12303F;
}
.estimate-step-dot.done>span{
  border-color:#12303F;
  background:#12303F;
  color:#F6F3EC;
}
.estimate-step{
  animation:estimateStepIn .24s ease;
}
.estimate-step[hidden]{
  display:none!important;
}
@keyframes estimateStepIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
.estimate-step-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(18,48,63,.10);
}
.estimate-step-actions.only-next{
  justify-content:flex-end;
}
.estimate-step-actions .btn{
  min-height:50px;
}
.step-next span{
  margin-left:7px;
}
.step-whatsapp-info{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:18px 0 4px;
  padding:14px 15px;
  border-radius:11px;
  background:#EDF6F0;
  color:#3A6550;
}
.step-whatsapp-info>span{
  flex:0 0 26px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#D8ECDF;
  font-size:12px;
  font-weight:900;
}
.step-whatsapp-info p{
  margin:2px 0 0;
  font-size:11px;
  line-height:1.55;
}
.estimate-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:22px 0;
}
.estimate-review-grid>div{
  padding:15px;
  border:1px solid rgba(18,48,63,.10);
  border-radius:10px;
  background:#F9F8F4;
}
.estimate-review-grid>div:last-child{
  grid-column:1/-1;
}
.estimate-review-grid small{
  display:block;
  margin-bottom:5px;
  color:#879197;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.estimate-review-grid strong{
  color:#12303F;
  font-size:13px;
}
.estimate-delivery-review{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin:18px 0;
  padding:17px;
  border-radius:12px;
  background:#12303F;
  color:#F6F3EC;
}
.estimate-delivery-icon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(195,161,90,.16);
  color:#C3A15A;
  font-size:18px;
}
.estimate-delivery-review strong{
  display:block;
  margin-bottom:4px;
  font-size:12px;
}
.estimate-delivery-review p{
  margin:0;
  color:#D5DEE0;
  font-size:10px;
  line-height:1.55;
}
.final-actions .estimate-submit-btn{
  flex:1;
  margin-top:0;
}

@media(max-width:640px){
  .estimate-form-shell{
    display:block!important;
  }

  /* no mobile o resumo lateral é reduzido para o formulário ficar direto */
  .estimate-flow-intro{
    margin-bottom:18px;
  }
  .estimate-flow-intro .estimate-flow-steps{
    display:none;
  }
  .estimate-flow-intro h2{
    font-size:30px!important;
  }
  .estimate-flow-intro>p{
    margin-bottom:0;
  }

  .estimate-step-progress{
    margin-bottom:24px;
  }
  .estimate-progress-line{
    top:16px;
  }
  .estimate-step-dot>span{
    width:34px;
    height:34px;
    margin-bottom:5px;
  }
  .estimate-step-dot>small{
    font-size:8px;
  }

  .estimate-step-actions{
    position:sticky;
    bottom:8px;
    z-index:20;
    margin-left:-6px;
    margin-right:-6px;
    padding:12px 6px 4px;
    border-top:0;
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%);
  }
  .estimate-step-actions .btn{
    min-height:54px;
  }
  .estimate-step-actions .step-next{
    flex:1;
  }
  .estimate-step-actions .step-prev{
    flex:0 0 auto;
    padding-left:14px;
    padding-right:14px;
  }
  .estimate-step-actions.only-next .step-next{
    width:100%;
  }
  .final-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }
  .final-actions .step-prev,
  .final-actions .estimate-submit-btn{
    width:100%;
  }

  .estimate-review-grid{
    grid-template-columns:1fr;
  }
  .estimate-review-grid>div:last-child{
    grid-column:auto;
  }
  .estimate-delivery-review{
    padding:14px;
  }
}


/* ==========================================================
   V20 — WHATSAPP CLOUD API OFICIAL DA META
   ========================================================== */
.meta-api-box{
  padding:22px;
  border:1px solid rgba(195,161,90,.24);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(195,161,90,.045),rgba(195,161,90,.015));
}
.meta-api-help{
  margin:20px 0 0;
  padding:15px 17px;
  border-left:3px solid var(--gold);
  background:rgba(195,161,90,.07);
  color:#AEB8C3;
}
.meta-api-help strong{
  display:block;
  margin-bottom:5px;
  color:var(--gold);
}
.meta-api-help p{
  margin:0;
  font-size:11px;
  line-height:1.6;
}
.meta-template-guide{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.meta-template-guide h3{
  margin:0 0 14px;
  font-family:var(--font-display);
  font-size:26px;
}
.template-guide-card{
  padding:15px 17px;
  margin-top:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0A0F15;
}
.template-guide-card strong{
  color:var(--gold);
}
.template-guide-card p{
  margin:6px 0;
  color:#A4AFBA;
  font-size:11px;
}
.template-guide-card code{
  display:block;
  white-space:normal;
  color:#D7DEE4;
  font-size:10px;
  line-height:1.7;
}
.meta-company-copy,
.meta-commercial-settings{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
@media(max-width:640px){
  .meta-api-box{
    padding:16px;
  }
}


/* ==========================================================
   V21 — META API TOGGLE + WHATSAPP DA EMPRESA SALVO SEPARADO
   ========================================================== */
.meta-status-head{
  align-items:center;
}
.meta-status-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.meta-toggle-form{
  margin:0;
}
.meta-status-badge,
.saved-number-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}
.meta-status-badge.is-on{
  background:rgba(72,190,120,.13);
  color:#9FE0B6;
  border:1px solid rgba(72,190,120,.24);
}
.meta-status-badge.is-off{
  background:rgba(220,95,95,.12);
  color:#E5A0A0;
  border:1px solid rgba(220,95,95,.22);
}
.saved-number-badge{
  background:rgba(195,161,90,.12);
  color:var(--gold);
  border:1px solid rgba(195,161,90,.22);
}
.btn-danger-soft{
  border:1px solid rgba(220,95,95,.35);
  background:rgba(220,95,95,.08);
  color:#E5A0A0;
}
.btn-danger-soft:hover{
  background:rgba(220,95,95,.16);
}
.company-whatsapp-panel{
  border-color:rgba(195,161,90,.20);
}
.meta-config-form{
  margin-top:8px;
}
@media(max-width:700px){
  .meta-status-head{
    align-items:flex-start;
  }
  .meta-status-wrap{
    width:100%;
    justify-content:flex-start;
  }
  .meta-toggle-form{
    width:100%;
  }
  .meta-toggle-form .btn{
    width:100%;
  }
  .saved-number-badge{
    margin-top:8px;
  }
}


/* ==========================================================
   V22 — FORMULÁRIO PÚBLICO LIMPO + CONTATO DIRETO
   ========================================================== */
.consultant-click-note{
  margin:0 0 14px;
  color:#DDE4E5;
  font-size:11px;
  line-height:1.6;
}
.needs-review .consultant-click-note{
  color:#DDE4E5;
}
@media(max-width:640px){
  .consultant-click-note{
    font-size:10px;
  }
}


/* ==========================================================
   V23 — ESTIMATIVA NÃO BLOQUEADA POR FALHA DO WHATSAPP
   ========================================================== */
.estimate-delivery-status.pending{
  background:#F5F1E8;
  color:#675E4D;
}
.meta-message-id{
  display:block;
  margin-top:4px;
  color:#7E8996;
  font-size:9px;
  word-break:break-all;
}


/* ==========================================================
   V25 — DIAGNÓSTICO E ENVIO DIRETO PARA WHATSAPP DA EMPRESA
   ========================================================== */
.company-send-status{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
}
.company-send-status>div{
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0A0F15;
}
.company-send-status small{
  display:block;
  margin-bottom:5px;
  color:#7E8996;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}
.company-send-status strong{
  color:#D7DEE4;
  font-size:11px;
  word-break:break-word;
}
@media(max-width:700px){
  .company-send-status{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   V26 — GREEN-API GRATUITA
   ========================================================== */
.green-api-help{
  margin:18px 0 0;
  padding:15px 17px;
  border-left:3px solid var(--gold);
  background:rgba(195,161,90,.07);
}
.green-api-help strong{
  display:block;
  margin-bottom:5px;
  color:var(--gold);
}
.green-api-help p{
  margin:0;
  color:#AEB8C3;
  font-size:11px;
  line-height:1.6;
}


/* ==========================================================
   V27 — WHATSAPP VIA WA.ME, SEM API
   ========================================================== */
.company-whatsapp-panel .panel-head b{
  color:var(--gold);
}
.estimate-package-card strong{
  margin-bottom:8px;
}


/* ==========================================================
   V28 — ESCOLHA OBRIGATÓRIA DE DIAS, SEM VALORES PÚBLICOS
   ========================================================== */
.no-public-prices .estimate-result-head{
  max-width:760px;
}
.days-required-copy{
  margin:4px 0 18px;
  color:#69777C;
  font-size:12px;
  line-height:1.55;
}
.period-choice-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.period-choice-card{
  position:relative;
  cursor:pointer;
}
.period-choice-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.period-choice-card>span{
  transition:.2s ease;
}
.period-choice-card{
  min-height:112px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(18,48,63,.13);
  border-radius:13px;
  background:#FBFAF7;
  box-shadow:0 8px 24px rgba(18,48,63,.04);
}
.period-choice-number{
  color:#12303F;
  font-family:var(--font-display);
  font-size:39px;
  line-height:1;
}
.period-choice-text{
  margin-top:5px;
  color:#718087;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.period-choice-card:hover{
  border-color:rgba(195,161,90,.55);
  transform:translateY(-1px);
}
.period-choice-card:has(input:checked){
  border-color:#C3A15A;
  background:rgba(195,161,90,.11);
  box-shadow:0 0 0 3px rgba(195,161,90,.11);
}
.period-choice-card:has(input:checked) .period-choice-number{
  color:#9A752C;
}
.period-choice-card:has(input:focus-visible){
  outline:3px solid rgba(195,161,90,.22);
  outline-offset:2px;
}
.consultant-value-info{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:16px 0 20px;
  padding:14px 15px;
  border-radius:11px;
  background:#F3F0E8;
}
.consultant-value-info>span{
  flex:0 0 27px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#C3A15A;
  color:#12303F;
  font-family:serif;
  font-weight:800;
}
.consultant-value-info p{
  margin:2px 0 0;
  color:#59686E;
  font-size:11px;
  line-height:1.55;
}
.days-required-form .consultant-btn{
  width:100%;
  min-height:54px;
}
@media(max-width:640px){
  .period-choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .period-choice-card{
    min-height:96px;
  }
  .period-choice-number{
    font-size:34px;
  }
}