/* Conversite ADIMCO: Anunciar (design "ADIMCO Anunciar"), sobre pagina.css e formulario-brain.css.
   Hero com as três escolhas, cadastro em 3 passos com resumo, como funciona (abas) e dúvidas. */

.cva-an { display: block; }
.cva-an-sec { max-width: 1440px; margin: 0 auto; padding: 104px var(--cva-margem) 0; }
.cva-an-h2 { color: var(--cva-tinta); font: 500 clamp(38px, 4.6vw, 58px)/1 var(--cva-serif); }
.cva-an-h2--m { font-size: clamp(36px, 4.4vw, 54px); }

/* 1. Hero ------------------------------------------------------------------- */
.cva-an-hero { padding: 12px; }
.cva-an-hero__cx { position: relative; display: flex; align-items: flex-end; min-height: 640px; overflow: hidden; border-radius: var(--cva-raio-3); background: var(--cva-tinta); color: var(--cva-papel); }
.cva-an-hero__fundo { position: absolute; inset: 0; }
.cva-an-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.cva-an-hero__fundo .cva-ph { opacity: .55; }
.cva-an-hero__veu { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 12, 11, .9) 0%, rgba(12, 12, 11, .55) 55%, rgba(12, 12, 11, .2) 100%); pointer-events: none; }
.cva-an-hero__in { position: relative; display: flex; flex-direction: column; gap: 36px; width: 100%; max-width: 1440px; margin: 0 auto; padding: 96px var(--cva-margem) clamp(24px, 4vw, 48px); }
.cva-an-hero__txt { display: flex; flex-direction: column; gap: 20px; max-width: 820px; }
.cva-an-hero__olho { display: flex; align-items: center; gap: 10px; color: var(--cva-ouro-claro); font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.cva-an-hero__olho span { width: 28px; height: 1px; background: var(--cva-ouro-claro); }
.cva-an-hero__h1 { color: var(--cva-papel); font: 500 clamp(46px, 6.6vw, 96px)/.95 var(--cva-serif); letter-spacing: -.02em; text-wrap: balance; }
.cva-an-hero__h1 em { color: var(--cva-ouro-claro); }
.cva-an-hero__lead { max-width: 560px; color: #dcdad5; font-size: clamp(15px, 1.4vw, 18px); line-height: 1.65; }
.cva-an-hero__escolhas { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 10px; max-width: 980px; }
.cva-an-escolha { display: flex; align-items: center; gap: 14px; height: 100%; padding: 18px 20px; border: 1px solid rgba(247, 245, 241, .22); border-radius: var(--cva-raio-2); background: rgba(247, 245, 241, .08); color: var(--cva-papel); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background-color 140ms, color 140ms, border-color 140ms; }
@media (hover: hover) { .cva-an-escolha:hover { border-color: var(--cva-papel); color: var(--cva-tinta); background: var(--cva-papel); } }
.cva-an-escolha__ic { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--cva-ouro-claro); border-radius: 999px; color: var(--cva-ouro-claro); }
.cva-an-escolha:hover .cva-an-escolha__ic { color: var(--cva-ouro-texto); border-color: var(--cva-ouro); }
.cva-an-escolha__txt { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.cva-an-escolha__rot { font-size: 16px; font-weight: 700; }
.cva-an-escolha__sub { font-size: 13px; opacity: .8; }
.cva-an-hero__selos { display: flex; flex-wrap: wrap; gap: 10px 24px; color: #c9ccd0; font-size: 13px; font-weight: 600; }
.cva-an-hero__selos li { display: flex; align-items: center; gap: 8px; }
.cva-an-hero__selos .cva-ic { color: var(--cva-ouro-claro); }
.cva-an-hero :focus-visible { outline-color: var(--cva-papel); }

/* 2. Cadastro --------------------------------------------------------------- */
.cva-an-cad { padding-top: 88px; }
.cva-an-cad__topo { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }
.cva-an-cad__grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
@media (min-width: 1024px) {
  .cva-js .cva-an-cad__grade { grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr); }
  .cva-an-resumo { position: sticky; top: 96px; }
}
.cva-an-card { min-width: 0; padding: clamp(22px, 3.4vw, 44px); border: 1px solid var(--cva-linha); border-radius: var(--cva-raio-3); background: var(--cva-branco); }
.cva-an-card .cvbe-form-form { gap: 28px; }
.cva-an-card:not(.is-pronto) .cvbe-form-form { gap: 20px; }

/* Objetivo: cartões de rádio */
.cva-an-objs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 10px; }
.cva-an-obj { position: relative; display: flex; }
.cva-an-obj input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.cva-an-obj__cx { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; padding: 20px; border: 1px solid var(--cva-linha); border-radius: var(--cva-raio-2); background: var(--cva-branco); color: var(--cva-tinta); transition: background-color 140ms, border-color 140ms, box-shadow 140ms; }
.cva-an-obj input:hover + .cva-an-obj__cx { border-color: var(--cva-linha-2); }
.cva-an-obj input:checked + .cva-an-obj__cx { border-color: var(--cva-tinta); background: var(--cva-ouro-suave); box-shadow: 0 0 0 1px var(--cva-tinta); }
.cva-an-obj input:focus-visible + .cva-an-obj__cx { outline: 2px solid var(--cva-tinta); outline-offset: 3px; }
.cva-fm__grupo.is-erro .cva-an-obj input:not(:checked) + .cva-an-obj__cx { border-color: var(--cva-ouro); box-shadow: 0 0 0 3px rgba(184, 150, 62, .18); }
.cva-an-obj__topo { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.cva-an-obj__ic { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid var(--cva-ouro-claro); border-radius: 999px; background: var(--cva-branco); color: var(--cva-ouro-texto); }
.cva-an-obj__radio { width: 20px; height: 20px; border: 1.5px solid #b9bcc0; border-radius: 999px; background: var(--cva-branco); transition: border 140ms; }
.cva-an-obj input:checked + .cva-an-obj__cx .cva-an-obj__radio { border: 6px solid var(--cva-tinta); }
.cva-an-obj__rot { font-size: 17px; font-weight: 700; }
.cva-an-obj__sub { color: var(--cva-cinza); font-size: 13px; line-height: 1.5; }

.cva-an-outro { max-width: 360px; margin-top: 12px; }
.cva-an-outro > .cvbe-form-campo > label { font-size: 13px; }

/* Resumo */
.cva-an-resumo { min-width: 0; }
.cva-an-resumo__cx { display: flex; flex-direction: column; gap: 22px; min-width: 0; padding: clamp(22px, 3vw, 36px); border-radius: var(--cva-raio-3); background: var(--cva-tinta); color: var(--cva-papel); }
.cva-an-resumo__topo { display: flex; flex-direction: column; gap: 6px; }
.cva-an-resumo__olho { color: var(--cva-ouro-claro); font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.cva-an-resumo__titulo { color: var(--cva-papel); font: 500 32px/1.05 var(--cva-serif); }
.cva-an-resumo__lista { display: flex; flex-direction: column; margin: 0; border-top: 1px solid #2e2e2b; }
.cva-an-resumo__lista > div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid #2e2e2b; font-size: 14px; }
.cva-an-resumo__lista dt { color: #9c9a95; }
.cva-an-resumo__lista dd { margin: 0; color: var(--cva-papel); font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }
.cva-an-resumo__lista dd.is-vazio { color: #8d8a84; }
.cva-an-resumo__depois { display: flex; flex-direction: column; gap: 12px; }
.cva-an-resumo__sub { color: var(--cva-papel); font-size: 13px; font-weight: 700; }
.cva-an-resumo__depois ol { display: flex; flex-direction: column; gap: 12px; }
.cva-an-resumo__depois li { display: flex; align-items: flex-start; gap: 12px; color: #c9ccd0; font-size: 13px; line-height: 1.5; }
.cva-an-resumo__n { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1px solid var(--cva-ouro-claro); border-radius: 999px; color: var(--cva-ouro-claro); font-size: 11px; font-weight: 700; }

/* 3. Como funciona ---------------------------------------------------------- */
.cva-an-como__topo { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.cva-an-como__tit { display: flex; flex-direction: column; gap: 12px; }
.cva-an-como__grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px; }
.cva-an-como__card { display: flex; flex-direction: column; gap: 16px; padding: 26px; border: 1px solid var(--cva-linha); border-radius: var(--cva-raio-3); background: var(--cva-branco); animation: cva-fm-entra 240ms cubic-bezier(.16, 1, .3, 1); }
.cva-an-como__card-topo { display: flex; align-items: center; justify-content: space-between; }
.cva-an-como__n { color: var(--cva-ouro-titulo); font: 600 44px/1 var(--cva-serif); font-variant-numeric: tabular-nums; }
.cva-an-como__ic { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; background: var(--cva-campo); }
.cva-an-como__titulo { font: 700 18px/1.3 var(--cva-sans); letter-spacing: -.01em; }
.cva-an-como__txt { color: var(--cva-cinza-2); font-size: 14px; line-height: 1.6; }

/* 4. Dúvidas (<details> exclusivos) ------------------------------------------ */
.cva-an-faq { padding-bottom: 104px; }
.cva-an-faq__grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 32px 88px; align-items: start; }
.cva-an-faq__intro { display: flex; flex-direction: column; gap: 14px; }
.cva-an-faq__lead { max-width: 380px; color: var(--cva-cinza); font-size: 15px; line-height: 1.6; }
.cva-an-faq__lead a { color: var(--cva-tinta); font-weight: 600; text-decoration: underline; text-decoration-color: var(--cva-ouro); text-underline-offset: 2px; white-space: nowrap; }
.cva-faq { display: flex; flex-direction: column; border-top: 1px solid var(--cva-linha); }
.cva-faq__item { border-bottom: 1px solid var(--cva-linha); }
.cva-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; color: var(--cva-tinta); font-size: 17px; font-weight: 600; line-height: 1.4; list-style: none; cursor: pointer; }
.cva-faq__q::-webkit-details-marker { display: none; }
.cva-faq__q::marker { content: ""; }
.cva-faq__ic { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--cva-linha-2); border-radius: 999px; transition: transform 200ms cubic-bezier(.16, 1, .3, 1), border-color 140ms; }
@media (hover: hover) { .cva-faq__q:hover { color: var(--cva-ouro-texto); } }
.cva-faq__q:hover .cva-faq__ic { border-color: var(--cva-tinta); }
.cva-faq__item[open] .cva-faq__ic { transform: rotate(45deg); }
.cva-faq__a { padding: 0 48px 22px 0; color: var(--cva-cinza-2); font-size: 15px; line-height: 1.7; animation: cva-fm-entra 200ms cubic-bezier(.16, 1, .3, 1); }

@media (max-width: 639px) {
  .cva-an-hero__cx { min-height: 600px; border-radius: var(--cva-raio-3); }
  .cva-an-hero__in { padding-top: 72px; gap: 28px; }
  .cva-an-sec { padding-top: 80px; }
  .cva-an-cad { padding-top: 64px; }
  .cva-an-faq { padding-bottom: 80px; }
  .cva-faq__a { padding-right: 0; }
  .cva-an-como__topo .cva-seg { width: 100%; }
  .cva-an-como__topo .cva-seg__op { flex: 1; justify-content: center; }
}

/* Coluna curta ao lado de uma longa: no computador o título acompanha a rolagem até o fim da seção (sem vazio embaixo) */
@media (min-width: 1024px) { .cva-an-faq__intro { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 96px); align-self: start; } }