/* Ótima Agência — sistema visual das páginas (SEO Criação, out/2026)
   Usa a paleta e a fonte do tema Gaaga. Sem JavaScript, sem imagens pesadas. */
.oa{--oa-bg:#15171C;--oa-surface:#1B1E25;--oa-surface2:#20242C;--oa-line:#2C313B;--oa-accent:#DD4242;--oa-accent-d:#B73232;--oa-text:#B5B5B5;--oa-white:#fff;--oa-radius:16px;
  font-family:'Prompt',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--oa-text);font-size:17px;line-height:1.7;font-weight:400}
.oa *{box-sizing:border-box}
.oa a{color:inherit}
.oa-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.oa-sec{padding:clamp(56px,8vw,104px) 0;position:relative}
.oa-sec.alt{background:var(--oa-surface)}
.oa-sec.tight{padding:clamp(40px,5vw,64px) 0}
.oa-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--oa-text);font-weight:500;margin:0 0 18px}
.oa-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--oa-accent);display:inline-block}
.oa h1,.oa h2,.oa h3,.oa h4{font-family:'Prompt',system-ui,sans-serif;color:var(--oa-white);line-height:1.15;margin:0;font-weight:600;letter-spacing:-.01em}
.oa h1{font-size:clamp(2.1rem,4.9vw,4rem);font-weight:700}
.oa h2{font-size:clamp(1.7rem,3.3vw,2.6rem);margin-bottom:18px}
.oa h3{font-size:1.2rem;margin-bottom:10px;line-height:1.3}
.oa h1 em,.oa h2 em{font-style:normal;color:var(--oa-accent)}
.oa p{margin:0 0 16px}
.oa .lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:#CFCFCF;max-width:46em}
.oa-head{max-width:760px;margin-bottom:44px}
.oa-head.center{margin-left:auto;margin-right:auto;text-align:center}
.oa-head.center .oa-label{justify-content:center}

/* botões */
.oa-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none!important;transition:transform .2s,background .2s,border-color .2s,color .2s;border:1.5px solid transparent;cursor:pointer;line-height:1.2}
.oa-btn.primary{background:var(--oa-accent);color:#fff!important}
.oa-btn.primary:hover{background:var(--oa-accent-d);transform:translateY(-2px)}
.oa-btn.ghost{border-color:#4a4f5a;color:#fff!important;background:transparent}
.oa-btn.ghost:hover{border-color:var(--oa-accent);color:var(--oa-accent)!important;transform:translateY(-2px)}
.oa-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}

/* hero */
.oa-hero{padding:clamp(48px,5vw,84px) 0 clamp(56px,7vw,96px);background:radial-gradient(1000px 520px at 85% 8%,rgba(221,66,66,.16),transparent 60%),var(--oa-bg);overflow:hidden}
.oa-hero .oa-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center}
.oa-hero.single .oa-wrap{grid-template-columns:1fr;max-width:980px}
.oa-hero h1{margin-bottom:22px}
.oa-bullets{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px}
.oa-bullets li{display:flex;gap:12px;align-items:flex-start;color:#D6D6D6}
.oa-bullets li::before{content:"";flex:0 0 20px;height:20px;margin-top:5px;border-radius:50%;background:var(--oa-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.oa-visual{width:100%;max-width:520px;justify-self:end}
.oa-visual svg{width:100%;height:auto;display:block}
.oa-crumbs{font-size:13px;color:#8d929c;margin-bottom:18px}
.oa-crumbs a{text-decoration:none}.oa-crumbs a:hover{color:var(--oa-accent)}

/* grades e cards */
.oa-grid{display:grid;gap:22px}
.oa-grid.c2{grid-template-columns:repeat(2,1fr)}
.oa-grid.c3{grid-template-columns:repeat(3,1fr)}
.oa-grid.c4{grid-template-columns:repeat(4,1fr)}
.oa-card{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:var(--oa-radius);padding:30px 28px;transition:transform .25s,border-color .25s,background .25s;position:relative}
.oa-sec.alt .oa-card{background:var(--oa-surface2)}
a.oa-card{text-decoration:none;display:block}
a.oa-card:hover,.oa-card.hover:hover{transform:translateY(-4px);border-color:var(--oa-accent)}
.oa-card .ico{width:48px;height:48px;border-radius:12px;background:rgba(221,66,66,.12);color:var(--oa-accent);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.oa-card .ico svg{width:24px;height:24px}
.oa-card p{margin:0;font-size:15.5px}
.oa-card .more{display:inline-block;margin-top:16px;color:var(--oa-accent);font-weight:600;font-size:14px}
.oa-num{font-size:13px;font-weight:600;color:var(--oa-accent);letter-spacing:.14em;margin-bottom:14px;display:block}

/* passos */
.oa-steps{display:grid;gap:18px;counter-reset:s}
.oa-steps.c3{grid-template-columns:repeat(3,1fr)}
.oa-steps.c2{grid-template-columns:repeat(2,1fr)}
.oa-step{counter-increment:s;background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:var(--oa-radius);padding:28px 26px 26px}
.oa-sec.alt .oa-step{background:var(--oa-surface2)}
.oa-step::before{content:counter(s,decimal-leading-zero);display:block;font-size:34px;font-weight:700;color:var(--oa-accent);line-height:1;margin-bottom:16px;opacity:.95}
.oa-step h3{font-size:1.1rem}
.oa-step p{margin:0;font-size:15.5px}
.oa-step .when{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8d929c;margin-bottom:8px}

/* lista com marcadores */
.oa-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.oa-list li{padding-left:30px;position:relative}
.oa-list li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:2px;background:var(--oa-accent);border-radius:2px}
.oa-list b,.oa-list strong{color:#fff;font-weight:600}
.oa-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.oa-split.wide-l{grid-template-columns:1.2fr .8fr}
.oa-prose p{color:#C3C3C3}
.oa-prose h2{margin-top:8px}
.oa-prose h3{margin-top:26px}
.oa-note{border-left:3px solid var(--oa-accent);background:var(--oa-surface);padding:18px 22px;border-radius:0 12px 12px 0;color:#CFCFCF;margin:22px 0}
.oa-sec.alt .oa-note{background:var(--oa-surface2)}

/* planos */
.oa-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.oa-plan{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:20px;padding:34px 30px;display:flex;flex-direction:column;position:relative}
.oa-plan.feat{border-color:var(--oa-accent);background:linear-gradient(180deg,rgba(221,66,66,.10),var(--oa-surface) 55%)}
.oa-plan .tag{position:absolute;top:-13px;left:30px;background:var(--oa-accent);color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:999px}
.oa-plan h3{font-size:1.4rem;margin-bottom:4px}
.oa-plan .for{font-size:14px;color:#8d929c;margin-bottom:22px;min-height:44px}
.oa-price{font-size:clamp(2.2rem,3.6vw,3rem);font-weight:700;color:#fff;line-height:1}
.oa-price small{font-size:15px;font-weight:400;color:#8d929c;margin-left:4px}
.oa-price .rs{font-size:.5em;vertical-align:.7em;margin-right:4px;font-weight:500;color:var(--oa-text)}
.oa-plan ul{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px;flex:1}
.oa-plan li{padding-left:28px;position:relative;font-size:15.5px;color:#D0D0D0}
.oa-plan li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:rgba(221,66,66,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.3 8.3l2.4 2.4 5-5.6' fill='none' stroke='%23DD4242' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.oa-plan li.off{color:#6f747d}
.oa-plan li.off::before{background:#2a2e36 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 8h6' stroke='%236f747d' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
.oa-plan .oa-btn{justify-content:center;width:100%}

/* FAQ nativo (details) */
.oa-faq{display:grid;gap:12px;max-width:900px}
.oa-faq.center{margin:0 auto}
.oa-faq details{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:14px;transition:border-color .2s}
.oa-sec.alt .oa-faq details{background:var(--oa-surface2)}
.oa-faq details[open]{border-color:var(--oa-accent)}
.oa-faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;color:#fff;font-weight:600;font-size:1.05rem;position:relative;line-height:1.4}
.oa-faq summary::-webkit-details-marker{display:none}
.oa-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--oa-accent);font-weight:400;line-height:1}
.oa-faq details[open] summary::after{content:"–"}
.oa-faq .ans{padding:0 24px 22px;color:#C3C3C3}
.oa-faq .ans p:last-child{margin:0}

/* faixa de chamada */
.oa-cta{background:linear-gradient(120deg,#1d1f26,#251a1d);border:1px solid var(--oa-line);border-radius:24px;padding:clamp(34px,5vw,64px);display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;position:relative;overflow:hidden}
.oa-cta::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(221,66,66,.28),transparent 70%);pointer-events:none}
.oa-cta h2{margin-bottom:12px}
.oa-cta p{margin:0}
.oa-cta .oa-actions{margin:0;justify-content:flex-end;position:relative;z-index:1}

/* depoimentos */
.oa-quote{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:var(--oa-radius);padding:30px 28px;display:flex;flex-direction:column;gap:20px}
.oa-quote p{margin:0;font-size:15.5px;color:#CFCFCF}
.oa-quote .by{margin-top:auto;display:flex;flex-direction:column}
.oa-quote .by b{color:#fff;font-weight:600}
.oa-quote .by span{font-size:13.5px;color:#8d929c}

/* blog (shortcode) */
.oa-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.oa-post{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:var(--oa-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s;text-decoration:none}
.oa-post:hover{transform:translateY(-4px);border-color:var(--oa-accent)}
.oa-post .ph{aspect-ratio:16/9;background:linear-gradient(135deg,#232730,#1a1c22);display:flex;align-items:flex-end;padding:18px;position:relative}
.oa-post .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oa-post .ph span{position:relative;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--oa-accent);font-weight:600}
.oa-post .bd{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.oa-post h3{font-size:1.1rem;margin:0}
.oa-post p{margin:0;font-size:14.5px;color:#a9a9a9}
.oa-post time{font-size:12.5px;color:#7e838d}

/* formulário (Contact Form 7) */
.oa-form .wpcf7 form p{margin:0 0 16px}
.oa-form label{display:block;font-size:14px;color:#cfcfcf;margin-bottom:6px;font-weight:500}
.oa-form input[type=text],.oa-form input[type=email],.oa-form input[type=tel],.oa-form input[type=url],.oa-form select,.oa-form textarea{width:100%;background:var(--oa-surface2);border:1px solid var(--oa-line);border-radius:12px;color:#fff;padding:14px 16px;font-family:inherit;font-size:16px}
.oa-form textarea{min-height:130px}
.oa-form input:focus,.oa-form textarea:focus,.oa-form select:focus{outline:none;border-color:var(--oa-accent)}
.oa-form input[type=submit]{background:var(--oa-accent);color:#fff;border:0;border-radius:999px;padding:15px 32px;font-weight:600;font-size:15px;cursor:pointer;font-family:inherit}
.oa-form input[type=submit]:hover{background:var(--oa-accent-d)}
.oa-form .wpcf7-not-valid-tip{color:#ff8a8a;font-size:13px}
.oa-form .wpcf7-response-output{border-color:var(--oa-line)!important;color:#ddd;border-radius:12px}

/* contato */
.oa-contact-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.oa-contact-list li{display:flex;gap:16px;align-items:flex-start}
.oa-contact-list .ico{flex:0 0 46px;height:46px;border-radius:12px;background:rgba(221,66,66,.12);color:var(--oa-accent);display:flex;align-items:center;justify-content:center}
.oa-contact-list .ico svg{width:22px;height:22px}
.oa-contact-list b{display:block;color:#fff;font-weight:600}
.oa-contact-list a{text-decoration:none}.oa-contact-list a:hover{color:var(--oa-accent)}

/* texto legal / prosa longa */
.oa-legal{max-width:820px}
.oa-legal h2{font-size:1.5rem;margin-top:36px}
.oa-legal ul{padding-left:20px}
.oa-legal li{margin-bottom:6px}

/* responsivo */
@media (max-width:1024px){
 .oa-hero .oa-wrap{grid-template-columns:1fr}
 .oa-visual{justify-self:start;max-width:440px}
 .oa-grid.c4{grid-template-columns:repeat(2,1fr)}
 .oa-grid.c3,.oa-steps.c3,.oa-plans,.oa-posts{grid-template-columns:repeat(2,1fr)}
 .oa-split,.oa-split.wide-l,.oa-cta{grid-template-columns:1fr}
 .oa-cta .oa-actions{justify-content:flex-start}
}
@media (max-width:680px){
 .oa{font-size:16px}
 .oa-grid.c2,.oa-grid.c3,.oa-grid.c4,.oa-steps.c3,.oa-steps.c2,.oa-plans,.oa-posts{grid-template-columns:1fr}
 .oa-wrap{padding:0 18px}
 .oa-btn{width:100%;justify-content:center}
 .oa-actions{flex-direction:column}
 .oa-card,.oa-step,.oa-quote{padding:24px 22px}
}
@media (prefers-reduced-motion:reduce){.oa *{transition:none!important}}

/* ===== fase 2: selo giratório, mapa e contato ===== */
.oa-visual{position:relative}
.oa-badge{position:absolute;top:-34px;right:-20px;width:132px;height:132px;border-radius:50%;background:rgba(21,23,28,.86);border:1px solid #2C313B;display:block;z-index:3;text-decoration:none!important;box-shadow:0 14px 34px rgba(0,0,0,.45);transition:transform .25s,border-color .25s}
.oa-badge:hover{transform:scale(1.07);border-color:var(--oa-accent)}
.oa-badge svg{width:100%;height:100%;display:block;overflow:visible}
.oa-badge .spin{transform-origin:66px 66px;animation:oa-spin 18s linear infinite}
@keyframes oa-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.oa-badge .spin{animation:none}}
@media (max-width:1024px){.oa-badge{right:8px;top:-26px;width:104px;height:104px}}
.oa-groups{display:grid;gap:56px}
.oa-group h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:6px}
.oa-group>p{margin:0 0 22px;color:#9a9fa8}
.oa-map{border-radius:24px;overflow:hidden;border:1px solid var(--oa-line);background:var(--oa-surface);position:relative}
.oa-map iframe{display:block;width:100%;height:500px;border:0}
.oa-mapbar{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin-top:22px}
.oa-mapbar .oa-actions{margin:0;justify-content:flex-end}
.oa-addr{font-style:normal;color:#d6d6d6;line-height:1.6}
.oa-addr b{display:block;color:#fff;font-weight:600;margin-bottom:4px}
.oa-hero.single.compact{padding-bottom:clamp(30px,4vw,56px)}
@media (max-width:1024px){.oa-mapbar{grid-template-columns:1fr}.oa-mapbar .oa-actions{justify-content:flex-start}.oa-map iframe{height:380px}}

/* ===== fase 3: carrossel de artigos, clientes, números ===== */
.oa-carousel{position:relative}
.oa-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.oa-track::-webkit-scrollbar{display:none}
.oa-track .oa-post{scroll-snap-align:start}
.oa-car-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
.oa-car-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid #4a4f5a;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:border-color .2s,color .2s,background .2s;font-family:inherit;padding:0 0 3px}
.oa-car-btn:hover{border-color:var(--oa-accent);color:var(--oa-accent)}
.oa-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:46px 0 22px}
.oa-subhead h3{margin:0;font-size:1.25rem}
.oa-clients{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.oa-client{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.oa-sec.alt .oa-client{background:var(--oa-surface2)}
.oa-client:hover{transform:translateY(-4px);border-color:var(--oa-accent)}
.oa-client .lg{height:150px;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px}
.oa-client .lg img{max-width:76%;max-height:72px;width:auto;height:auto;display:block}
.oa-client .bd{padding:26px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.oa-client .seg{color:var(--oa-accent);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.oa-client h3{margin:0}
.oa-client p{margin:0;font-size:15.5px}
.oa-client blockquote{margin:6px 0 0;padding-left:16px;border-left:3px solid var(--oa-accent);color:#d2d2d2;font-size:15px;line-height:1.6}
.oa-client blockquote cite{display:block;margin-top:10px;font-style:normal;font-size:13.5px;color:#8d929c}
.oa-client .go{margin-top:auto;padding-top:6px;color:var(--oa-accent);font-weight:600;font-size:14px;text-decoration:none}
.oa-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.oa-stats.c4{grid-template-columns:repeat(4,1fr)}
.oa-stat{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:18px;padding:26px 24px}
.oa-sec.alt .oa-stat{background:var(--oa-surface2)}
.oa-stat b{display:block;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1;font-weight:700;color:#fff;margin-bottom:8px}
.oa-stat b em{font-style:normal;color:var(--oa-accent)}
.oa-stat span{font-size:14.5px;color:#a9a9a9;line-height:1.4;display:block}
@media (max-width:1024px){.oa-clients{grid-template-columns:repeat(2,1fr)}.oa-track{grid-auto-columns:calc((100% - 22px)/2)}.oa-stats.c4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.oa-clients{grid-template-columns:1fr}.oa-track{grid-auto-columns:86%}.oa-stats{grid-template-columns:1fr 1fr}}

/* etiqueta de categoria nos cartões de artigo: topo direito, para não cobrir a capa */
.oa-post .ph{align-items:flex-start;justify-content:flex-end}
.oa-post .ph span{position:absolute;top:10px;right:10px;z-index:2;background:rgba(21,23,28,.88);border:1px solid #2C313B;padding:3px 11px;border-radius:999px;font-size:11px;letter-spacing:.1em}

.oa-car-btn:disabled{opacity:.3;cursor:default;border-color:#3a3f49;color:#fff}
.oa-car-btn:disabled:hover{border-color:#3a3f49;color:#fff}

/* tema deixa 100px de margem sob o cabeçalho; o hero já tem respiro próprio */
#header-wrapper.header-top-absolute{margin-bottom:0}

/* passos (Como trabalhamos): 4 colunas > 2 > carrossel de deslizar no celular */
.oa-steps.c4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.oa-steps.c4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){
 .oa-steps.c4{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin-right:-18px;padding-right:18px}
 .oa-steps.c4::-webkit-scrollbar{display:none}
 .oa-steps.c4 .oa-step{scroll-snap-align:start}
}
.oa-dots{display:none;justify-content:center;gap:8px;margin:16px 0 0}
.oa-dots i{width:8px;height:8px;border-radius:50%;background:#3a3f49;transition:background .2s,width .2s}
.oa-dots i.on{background:var(--oa-accent);width:22px;border-radius:8px}
@media (max-width:680px){.oa-dots{display:flex}}

/* bloco de números ao lado do texto: centralizado na vertical */
.oa-split>.oa-stats{align-self:center}
@media (max-width:1024px){.oa-split>.oa-stats{align-self:start}}
/* cartão ao lado do texto (ex.: "Como chegar"): centralizado na vertical */
.oa-split>.oa-prose+.oa-card{align-self:center}
@media (max-width:1024px){.oa-split>.oa-prose+.oa-card{align-self:start}}

/* ===== fase 6: versão humanizada ===== */
.oa-checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 36px}
.oa-checks li{position:relative;padding-left:34px;color:#E3E3E3;line-height:1.5}
.oa-checks li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:rgba(221,66,66,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DD4242' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.oa-related{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;color:var(--oa-text);font-size:15px}
.oa-related b{color:#fff;font-weight:600}
.oa-related a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(221,66,66,.55);padding-bottom:1px}
.oa-related a:hover{color:var(--oa-accent)}
.oa-hero .lead{max-width:34em}
.oa-intro{max-width:640px}
.oa-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:1024px){.oa-two{grid-template-columns:1fr}.oa-checks{grid-template-columns:1fr}}
.oa-small{font-size:14.5px;color:var(--oa-mut,#8d929c)}

/* Ilustrações das páginas e capas (HTML/CSS, sem imagem, sem IA). Tudo dentro de .v */
.v{--v-sf:#1B1E25;--v-sf2:#20242C;--v-ln:#2C313B;--v-ac:#DD4242;--v-tx:#B5B5B5;--v-mut:#8d929c;
 font-family:'Prompt',system-ui,sans-serif;font-size:14px;line-height:1.35;color:var(--v-tx);display:grid;gap:12px;width:100%;max-width:480px;position:relative;text-align:left;font-weight:400;text-transform:none;letter-spacing:0}
.v *{box-sizing:border-box;margin:0;padding:0}
.v svg{display:block}
.v .c{background:var(--v-sf);border:1px solid var(--v-ln);border-radius:18px;padding:16px 18px;box-shadow:0 26px 50px -30px rgba(0,0,0,.75)}
.v .c.hl{border-color:rgba(221,66,66,.7);background:linear-gradient(180deg,rgba(221,66,66,.11),var(--v-sf) 70%)}
.v .c.dim{opacity:.62}
.v .r{display:flex;align-items:center;gap:12px}
.v .r.top{align-items:flex-start}
.v .r.sb{justify-content:space-between}
.v .col{display:grid;gap:6px;min-width:0}
.v .ic{flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:rgba(221,66,66,.14);color:var(--v-ac);display:grid;place-items:center}
.v .ic svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v .ic.sm{flex-basis:30px;width:30px;height:30px;border-radius:9px}.v .ic.sm svg{width:16px;height:16px}
.v .ic.wa{background:rgba(74,222,128,.14);color:#4ade80}
.v .ic.g{background:rgba(255,255,255,.07);color:#cfd2d8}
.v .t{color:#fff;font-weight:600;font-size:15px;line-height:1.3}
.v .t.l{font-size:18px}.v .t.xl{font-size:22px;line-height:1.2}
.v .s{color:var(--v-mut);font-size:13px;line-height:1.4}
.v .tx{color:#d6d8dc;font-size:14px;line-height:1.5}
.v .tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.03em;background:rgba(221,66,66,.16);color:#ff8f8f;white-space:nowrap}
.v .tag.g{background:rgba(255,255,255,.07);color:#cfd2d8}
.v .tag.ok{background:rgba(74,222,128,.14);color:#6ee7a0}
.v .tag.warn{background:rgba(251,191,36,.14);color:#fbbf24}
.v .tag.sol{background:var(--v-ac);color:#fff}
.v .sp{margin-left:auto}
.v .stars{color:#f5b942;letter-spacing:1.5px;font-size:13px}
.v .btnv{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:999px;background:var(--v-ac);color:#fff;font-weight:600;font-size:13px;white-space:nowrap}
.v .btnv.g{background:transparent;border:1px solid #4a4f5a;color:#fff}
.v .chips{display:flex;flex-wrap:wrap;gap:8px}
.v .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--v-ln);background:var(--v-sf2);font-size:12.5px;color:#d6d8dc}
.v .chip svg{width:14px;height:14px;stroke:var(--v-ac);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v .ln{height:8px;border-radius:4px;background:#3a3f49}.v .ln.w{background:#e6e7ea}.v .ln.a{background:var(--v-ac)}
.v .note{font-size:12px;color:#7b808a;text-align:right}
.v .g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v .kpi b{display:block;color:#fff;font-size:22px;font-weight:700;line-height:1.1}
.v .kpi span{display:block;font-size:12.5px;color:var(--v-mut);margin-top:3px}
.v .kpi i{font-style:normal;font-size:12px;font-weight:600;color:#6ee7a0}
.v .sep{height:1px;background:var(--v-ln);margin:2px 0}
.v .bub{padding:11px 14px;border-radius:16px;background:var(--v-sf2);border:1px solid var(--v-ln);color:#e8e9ec;font-size:14px;line-height:1.45;max-width:88%}
.v .bub.me{margin-left:auto;background:rgba(74,222,128,.14);border-color:rgba(74,222,128,.35)}
.v .num{flex:0 0 26px;height:26px;border-radius:50%;background:var(--v-ac);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center}
.v .num.g{background:#3a3f49}
.v .bar{height:8px;border-radius:4px;background:#2c313b;overflow:hidden}.v .bar>i{display:block;height:100%;background:var(--v-ac);border-radius:4px}
.v .win{display:flex;gap:6px;padding:0 0 12px}.v .win i{width:9px;height:9px;border-radius:50%;background:#3a3f49}
.v .url{flex:1;background:var(--v-sf2);border:1px solid var(--v-ln);border-radius:999px;padding:5px 12px;font-size:12px;color:#aab}
.v .map{position:relative;height:150px;border-radius:12px;background:#171a20;border:1px solid var(--v-ln);overflow:hidden;background-image:linear-gradient(var(--v-ln) 1px,transparent 1px),linear-gradient(90deg,var(--v-ln) 1px,transparent 1px);background-size:36px 36px}
.v .pin{position:absolute;width:26px;height:26px;margin:-26px 0 0 -13px;color:var(--v-ac)}
.v .pin svg{width:26px;height:26px;fill:currentColor;stroke:#15171C;stroke-width:1.2}
.v .pin.d{color:#59606b}
.v .road{position:absolute;left:-10%;width:130%;height:10px;background:#242933;transform:rotate(-14deg)}
.v svg.sk{width:100%;height:64px}
.v .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v .tl .c{padding:14px}
.v .li{display:flex;gap:9px;align-items:flex-start;color:#d6d8dc;font-size:13.5px;line-height:1.35}
.v .li svg{flex:0 0 16px;width:16px;height:16px;margin-top:1px;stroke:var(--v-ac);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.v .li.x svg{stroke:#59606b}
.v .stack{display:grid;gap:8px}
.v .pr{display:flex;align-items:baseline;gap:4px;color:#fff;font-weight:700;font-size:24px;line-height:1}.v .pr small{font-size:12.5px;font-weight:500;color:var(--v-mut)}.v .pr sup{font-size:12px;font-weight:500;color:var(--v-mut);margin-right:3px}
.v .ph{border-radius:12px;background:linear-gradient(135deg,#2a2f39,#20242C);display:grid;place-items:center;color:#59606b}
.v .ph svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.v .sw{display:flex;gap:8px}.v .sw i{flex:1;height:34px;border-radius:9px}
.v .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.7;color:#d6d8dc;background:#14161b;border:1px solid var(--v-ln);border-radius:12px;padding:12px 14px}
.v .code b{color:#7ee0a2;font-weight:500}.v .code u{text-decoration:none;color:#ff8f8f}
.v .cap{display:grid;gap:7px}
/* contêiner dentro das páginas */
.oa-visual .v{margin:0 auto}
@media (max-width:1024px){.oa-visual{justify-self:start;max-width:480px}.oa-visual .v{margin:0}}

.oa-hero h1{font-size:clamp(2rem,3.9vw,3.2rem)!important;line-height:1.12}
.oa-hero.single h1{font-size:clamp(2rem,4vw,3.4rem)!important}

@media (max-width:1024px){.oa-hero .oa-visual{margin-top:44px}.oa-badge{top:-44px!important;width:92px!important;height:92px!important}}