/* ============================================================
   AULAS v2 (teste) — curta, direta, orçamento numa janela
   ============================================================ */

/* Abertura: credencial discreta no lugar de um bloco à parte */
.au-credencial { margin: 4px 0 26px; padding: 14px 0 0 18px; border-left: 2px solid var(--latao); }
.au-credencial-titulo { margin: 0 0 6px; font: 500 1.25rem/1.2 var(--serifa); color: var(--texto); }
.au-credencial-titulo em { color: var(--latao-2); }
.au-credencial-texto { margin: 0; font-size: .84rem; line-height: 1.6; font-weight: 300; color: var(--texto-3); }

/* Formatos */
.au-dica { display: none; }
.au-formatos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.au-formato { display: flex; flex-direction: column; gap: 10px; padding: clamp(24px, 2.6vw, 32px); background: var(--noite); border: 1px solid var(--linha); transition: border-color .35s var(--ease); }
.au-formato:hover { border-color: rgba(191, 165, 122, .5); }
.au-formato.destaque { border-color: rgba(191, 165, 122, .6); background: linear-gradient(160deg, rgba(191, 165, 122, .12), transparent 60%), var(--noite); }
.au-formato-num { margin: 0; font: 400 .74rem/1 var(--mono); color: var(--latao); }
.au-formato h3 { margin: 0; font: 500 clamp(1.6rem, 2.2vw, 2rem)/1.08 var(--serifa); }
.au-chamada { margin: 0; color: var(--latao-2); font-size: .98rem; }
.au-formato-texto { margin: 0 0 8px; color: var(--texto-2); font-weight: 300; font-size: .9rem; line-height: 1.6; }
.au-formato .btn { margin-top: auto; width: 100%; justify-content: center; }

/* Programa: título à esquerda, 4 fundamentos em grade à direita */
.au-programa { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.au-programa .ha-lead { margin: 0; color: var(--texto-2); font-weight: 300; }
.au-programa .ha-titulo { margin-bottom: 18px; }
.au-fundamentos { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; padding: 0; list-style: none; }
.au-fundamentos li { display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; row-gap: 4px; padding: 20px; background: var(--noite-2); border: 1px solid var(--linha); }
.au-fundamentos .px-ic { grid-row: span 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(191, 165, 122, .5); background: rgba(191, 165, 122, .08); }
.au-fundamentos .px-ic::before { content: ''; width: 22px; height: 22px; background: var(--latao-2); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.au-fundamentos b { font: 500 1.2rem/1.2 var(--serifa); color: var(--texto); }
.au-fundamentos p { margin: 0; color: var(--texto-2); font-weight: 300; font-size: .87rem; line-height: 1.55; }

/* Como funciona: resumos + perguntas lado a lado */
.au-funciona { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.au-funciona .ha-titulo { margin-bottom: 18px; }
.au-funciona .ha-lead { margin: 0 0 24px; color: var(--texto-2); font-weight: 300; }
.au-resumos { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid var(--linha); }
.au-resumos > div { padding: 16px 16px 16px 0; border-bottom: 1px solid var(--linha); }
.au-resumos > div:nth-child(even) { padding-left: 16px; border-left: 1px solid var(--linha); }
.au-resumos dt { margin-bottom: 6px; font: 600 .68rem/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--latao); }
.au-resumos dd { margin: 0; color: var(--texto); font-size: .88rem; line-height: 1.5; }
.au-faq-titulo { margin: 0 0 12px; font: 500 clamp(1.4rem, 2vw, 1.7rem)/1.1 var(--serifa); }
.au-faq .sanfona-corpo p { color: var(--texto-2); font-weight: 300; line-height: 1.7; }
.au-faq-cta { margin-top: 26px; }

/* Janela do orçamento */
.au-janela { width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: clamp(22px, 3vw, 36px); border: 1px solid rgba(191, 165, 122, .5); background: var(--noite); color: var(--texto); box-shadow: 0 40px 100px rgba(0, 0, 0, .7); overflow: auto; overscroll-behavior: contain; }
.au-janela::backdrop { background: rgba(4, 8, 12, .78); backdrop-filter: blur(3px); }
.au-janela[open] { animation: au-entra .35s var(--ease); }
@keyframes au-entra { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.au-janela-topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.au-janela-titulo { margin: 6px 0 0; font: 500 clamp(1.7rem, 3vw, 2.3rem)/1.05 var(--serifa); }
.au-janela-titulo em { color: var(--latao-2); }
.au-janela-texto { margin: 12px 0 18px; color: var(--texto-2); font-weight: 300; font-size: .92rem; }
.au-fechar { flex: 0 0 auto; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--linha); border-radius: 50%; background: transparent; color: var(--texto); cursor: pointer; }
.au-fechar:hover { border-color: var(--latao); }
.au-fechar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
html body .au-form { padding: 0; border: 0; background: transparent; }
.au-form label { margin-bottom: 14px; }
.au-form .btn { width: 100%; justify-content: center; }
.form label[hidden] { display: none; }
.au-aviso { margin: 10px 0 0; font-size: .8rem; line-height: 1.5; color: var(--texto-3); }
body.janela-aberta { overflow: hidden; }
body.janela-aberta .barra-apoio, body.janela-aberta .barra-chat { visibility: hidden; }

@media (max-width: 900px) {
  .au-programa, .au-funciona { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .au-credencial { margin-bottom: 22px; }
  .au-abrir.btn { width: 100%; justify-content: center; }
  /* formatos em fileira deslizante */
  .au-dica { display: block; margin: -8px 0 12px; font: 500 .72rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--latao); }
  .au-formatos { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-right: calc(var(--gutter) * -1); padding: 0 var(--gutter) 6px 0; }
  .au-formatos::-webkit-scrollbar { display: none; }
  .au-formato { flex: 0 0 84%; scroll-snap-align: start; padding: 22px 20px; }
  .au-fundamentos { grid-template-columns: 1fr; gap: 10px; }
  .au-fundamentos li { padding: 16px; grid-template-columns: 40px 1fr; }
  .au-fundamentos .px-ic { width: 40px; height: 40px; }
  /* janela vira painel de baixo para cima */
  .au-janela { width: 100vw; max-width: 100vw; max-height: 92dvh; margin: auto 0 0; padding: 20px 18px 28px; border-width: 1px 0 0; }
  html body .au-janela .dupla { grid-template-columns: 1fr; gap: 0; }
}

/* Ícones dos fundamentos */
.au-fundamentos li:nth-child(1) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%2015c2.5%200%202.5-2%205-2s2.5%202%205%202%202.5-2%205-2%202.5%202%205%202%27%2F%3E%3Cpath%20d%3D%27M2%2019c2.5%200%202.5-2%205-2s2.5%202%205%202%202.5-2%205-2%202.5%202%205%202%27%2F%3E%3Cpath%20d%3D%27M4%2011c1-4%204-7%208-7%202.5%200%204.5%201%205.5%203-2-.5-4%20.5-4.5%202.5%27%2F%3E%3C%2Fsvg%3E"); }
.au-fundamentos li:nth-child(2) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202c3.5%203.5%204.5%209%203.6%2013.5C14.9%2019%2013.4%2022%2012%2022s-2.9-3-3.6-6.5C7.5%2011%208.5%205.5%2012%202z%27%2F%3E%3Cpath%20d%3D%27M12%207v11%27%2F%3E%3C%2Fsvg%3E"); }
.au-fundamentos li:nth-child(3) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2714%27%20cy%3D%275%27%20r%3D%272%27%2F%3E%3Cpath%20d%3D%27M4%2020l5-6%203%202%204-5%27%2F%3E%3Cpath%20d%3D%27M9%2014l2-5%204%202%27%2F%3E%3Cpath%20d%3D%27M2%2022h20%27%2F%3E%3C%2Fsvg%3E"); }
.au-fundamentos li:nth-child(4) .px-ic::before { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2017l6-6%204%204%208-8%27%2F%3E%3Cpath%20d%3D%27M15%207h6v6%27%2F%3E%3C%2Fsvg%3E"); }