.cvia-theme .overflow-hidden:has(.cvia-gallery),
.cvia-theme .overflow-hidden:has(.cvia-quote){overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.cvia-theme .cvia-tile,
.cvia-theme figure.basis-full{scroll-snap-align:start}
dialog.cvia-lead{--cv-acc:#b43f00;width:min(28rem,calc(100% - 2rem));border:0;border-radius:28px;padding:1.4rem;background:#fbfaf8;color:#111008}
dialog.cvia-lead::backdrop{background:rgba(17,16,8,.55)}
dialog.cvia-lead form{display:grid;gap:.8rem}
dialog.cvia-lead h2{margin:0;font-size:1.7rem}
dialog.cvia-lead p{margin:0;color:#5c5852}
dialog.cvia-lead label{display:grid;gap:.3rem;font-size:.85rem}
dialog.cvia-lead input:not([type="checkbox"]){width:100%;min-height:48px;border-radius:14px;border:1px solid rgba(17,16,8,.16);padding:0 .9rem;background:#fff;color:#111}
dialog.cvia-lead label.cvia-lgpd{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;color:#5c5852}
dialog.cvia-lead label.cvia-lgpd input{margin-top:.15rem;accent-color:#ff5900}
dialog.cvia-lead .cvia-lead__fechar{position:absolute;top:.8rem;right:.8rem;border:0;background:transparent;font-size:1.4rem;cursor:pointer}
.cvia-stat{font-family:var(--fonte-destaque),"Quadon",sans-serif}
.mcia-page .cvia-h1{font-family:var(--fonte-destaque),"Quadon",sans-serif}
.mcia-page .cvia-h1 .text-\[\#FF5900\]{color:#FF5500!important}
.cvia-theme [hidden]{display:none !important}
.cvia-theme [role=region][data-state="open"]{height:auto !important;overflow:visible !important;animation:none !important}
/* contraste AA das landings */
/* O laranja com contraste AA nas duas landings, como no resto do site (decisao do Ricardo de 03/11/2026, opcao A):
   #B43F00 no texto e nos botoes sobre o claro; o #FF5900 volta nas areas escuras, onde ele ja' passa. */
.cvia-theme{--cv-acc:#B43F00}
.cvia-dark,.cvia-on-dark{--cv-acc:#FF5900}
.cvia-theme .text-\[\#FF5900\],.cvia-theme .\!text-\[\#FF5900\]{color:#B43F00!important}
.cvia-theme .cvia-dark .text-\[\#FF5900\],.cvia-theme .cvia-dark .\!text-\[\#FF5900\],.cvia-theme .cvia-on-dark .text-\[\#FF5900\],.cvia-theme .cvia-on-dark .\!text-\[\#FF5900\]{color:#FF5900!important}
.cvia-theme .bg-\[\#FF5900\]{background-color:#B43F00}
.cvia-theme .cvia-btn-primary:hover{background:#963400}
/* Na pagina de marketing, botao e numero da estrutura usam o laranja oficial. O texto pequeno fica no tom escuro. */
.mcia-page .cvia-btn-primary{background:#FF5500}
.mcia-page .cvia-btn-primary:hover{background:#E64D00}
.mcia-page #aulas .cvia-outline-num{-webkit-text-stroke-color:#FF5500}
.mcia-page #aulas [data-state=open] .cvia-outline-num{color:#FF5500;-webkit-text-stroke-color:#FF5500}
#turmas-da-landing > .cvia-wrap > .max-w-3xl{display:none}
.mcia-page #turmas-da-landing{padding-top:0;border-top:0}
.mcia-page #turmas-da-landing #investimento.m1-secao{border-top:0}
.mcia-temas{display:grid;gap:1rem;margin-top:1.75rem}
.mcia-tema{display:grid;gap:.4rem;align-content:start;padding:1.25rem 1.3rem;border-radius:24px;background:#FBFAF8;border:1px solid color-mix(in srgb,#111008 8%,transparent);transition:border-color .3s,transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.mcia-tema:hover{border-color:color-mix(in srgb,var(--cv-acc) 55%,transparent);transform:translateY(-4px);box-shadow:0 16px 36px color-mix(in srgb,var(--cv-acc) 12%,transparent)}
.mcia-tema svg{width:1.5rem;height:1.5rem;fill:none;stroke:var(--cv-acc);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mcia-tema h3{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#111008}
.mcia-tema p{margin:0;color:#111008;line-height:1.45;font-size:1rem}
@media (min-width:1024px){
  .mcia-temas{grid-template-columns:1fr 1fr}
  .mcia-page #curso .cvia-wrap > .reveal:first-child{position:sticky;top:6rem;align-self:start}
}