/* ═══════════════════════════════════════════════════════════
   FERNANDA GRABOSKI · AULA GRATUITA
   estilo.css · específico das duas LPs de aula gratuita
   Bebe do SG (global.css). Estilos específicos aqui.
   ═══════════════════════════════════════════════════════════ */


/* ─── HEADER ─── */
.ag-hdr{
  background:rgba(245,240,230,.92);backdrop-filter:blur(18px) saturate(1.3);
  border-bottom:1px solid var(--line);
  padding:16px var(--g);
  display:flex;align-items:center;justify-content:center;
}
.ag-hdr__inner img{height:36px;width:auto;display:block}


/* ─── WRAP ─── */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}


/* ─── HERO LP 1 (captação) ─── */
.ag-hero{
  background:radial-gradient(ellipse at 80% 20%,rgba(184,147,74,.10),transparent 60%),
            linear-gradient(180deg,var(--cream) 0%,var(--bone) 100%);
  padding:clamp(60px,8vw,100px) 0;
}
.ag-hero__inner{
  max-width:var(--max);margin:0 auto;padding:0 var(--g);
  display:grid;grid-template-columns:1.1fr 1fr;
  gap:clamp(48px,7vw,96px);align-items:start;
}
.ag-hero__tag{
  font-size:10px;letter-spacing:.32em;text-transform:uppercase;
  font-weight:500;color:var(--gold);margin-bottom:16px;
  display:inline-flex;align-items:center;gap:10px;
}
.ag-hero__tag::before{content:"";width:20px;height:1px;background:var(--gold)}
.ag-hero__title{
  font-family:var(--display);font-weight:300;
  font-size:clamp(36px,4.5vw,60px);line-height:1.02;
  letter-spacing:-.025em;color:var(--ink);margin-bottom:18px;
}
.ag-hero__title em{font-style:italic;color:var(--gold);font-family:inherit}
.ag-hero__sub{
  font-family:var(--serif);font-style:italic;
  font-size:clamp(16px,1.3vw,19px);color:var(--text-mute);
  line-height:1.6;margin-bottom:24px;max-width:480px;
}
.ag-hero__checks{
  list-style:none;padding:0;margin-bottom:32px;
  display:flex;flex-direction:column;gap:0;
}
.ag-hero__checks li{
  position:relative;padding:9px 0 9px 28px;
  font-size:15px;color:var(--text-mute);line-height:1.5;
  border-bottom:1px solid var(--line);
}
.ag-hero__checks li:last-child{border-bottom:none}
.ag-hero__checks li::before{
  content:"";position:absolute;left:0;top:15px;
  width:14px;height:8px;
  border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);
  transform:rotate(-45deg);
}
.ag-hero__cta{align-self:flex-start}
.ag-hero__note{
  margin-top:12px;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-soft);
}
@media(max-width:860px){
  .ag-hero__inner{grid-template-columns:1fr}
}

/* form wrap dentro do hero */
.ag-hero__form-wrap .form-card{
  position:sticky;top:24px;
}
.ag-form__privacy{
  margin-top:14px;font-size:11px;
  color:var(--text-soft);text-align:center;line-height:1.5;
}


/* ─── SEÇÃO GENÉRICA ─── */
.ag-sec{padding:clamp(64px,8vw,100px) 0}
.ag-sec--bone{background:var(--bone)}
.ag-sec--cream{background:var(--cream)}
.ag-sec--dark{background:var(--ink-2)}

.ag-sec__head{margin-bottom:clamp(36px,5vw,56px)}
.ag-sec__title{
  font-family:var(--display);font-weight:300;
  font-size:clamp(30px,4vw,52px);line-height:1.05;
  letter-spacing:-.02em;color:var(--ink);
}
.ag-sec__title em{font-style:italic;color:var(--gold)}
.ag-sec__lead{
  font-family:var(--serif);font-style:italic;
  font-size:clamp(16px,1.3vw,19px);color:var(--text-mute);
  line-height:1.6;margin-top:12px;max-width:560px;
}


/* ─── GRID APRENDER (6 num-cards) ─── */
.ag-learn-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(14px,2vw,20px);
}
@media(max-width:860px){.ag-learn-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ag-learn-grid{grid-template-columns:1fr}}


/* ─── SOBRE ─── */
.ag-sobre{
  display:grid;grid-template-columns:1fr 1.2fr;
  gap:clamp(40px,6vw,80px);align-items:center;
}
.ag-sobre__img{
  border-radius:6px;overflow:hidden;
  aspect-ratio:4/5;
  box-shadow:0 40px 80px -24px rgba(15,13,10,.4);
}
.ag-sobre__img img{width:100%;height:100%;object-fit:cover;display:block}
.ag-sobre__title{
  font-family:var(--display);font-weight:300;
  font-size:clamp(32px,4vw,52px);line-height:1.05;
  letter-spacing:-.025em;color:var(--bone);margin-bottom:16px;
}
.ag-sobre__title em{font-style:italic;color:var(--gold-bright);font-family:inherit}
.ag-sobre__lead{
  font-family:var(--serif);font-style:italic;
  font-size:clamp(16px,1.3vw,19px);color:rgba(245,240,230,.7);
  line-height:1.6;margin-bottom:24px;
}
.ag-sobre__list li{color:rgba(245,240,230,.75)}
.ag-sobre__list li::before{
  border-color:var(--gold-bright);
}
@media(max-width:860px){
  .ag-sobre{grid-template-columns:1fr}
  .ag-sobre__img{aspect-ratio:unset;max-height:none}
  .ag-sobre__img img{height:auto;object-fit:cover}
}


/* ─── VIDEO ─── */
.ag-video-sec{
  background:var(--ink);
  padding:clamp(48px,6vw,80px) 0;
}
.ag-video-wrap{
  position:relative;width:100%;
  max-width:860px;margin:0 auto;
  padding-bottom:56.25%;
  height:0;overflow:hidden;border-radius:8px;
  box-shadow:0 40px 80px -24px rgba(0,0,0,.6);
}
.ag-video-wrap iframe{
  position:absolute;top:0;left:0;
  width:100%;height:100%;border:0;
}
@media(max-width:900px){
  .ag-video-wrap{max-width:100%}
}


/* ─── CURSO DESTAQUE ─── */
.ag-curso-card{margin-bottom:clamp(20px,3vw,32px)}


/* ─── EBOOKS GRID ─── */
.ag-ebooks-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(14px,2vw,20px);
}
@media(max-width:640px){.ag-ebooks-grid{grid-template-columns:1fr}}


/* ─── LANG CHIPS (num-card escuro) ─── */
.num-card--dark .num-card__langs{
  border-top-color:rgba(245,240,230,.08);
}


/* ─── FOOTER ─── */
.ft{background:#000;color:rgba(245,240,230,.5);padding:48px 0;text-align:center}
.ft__inner{
  max-width:var(--max);margin:0 auto;padding:0 var(--g);
  display:flex;flex-direction:column;align-items:center;gap:20px;
}
.ft__logo{height:48px;width:auto;opacity:.85}
.ft__cr{font-size:12px;letter-spacing:.04em;line-height:1.6}


/* ─── FORM · erros inline ─── */
.ag-field-error{
  font-size:12px;color:#A32D2D;margin-top:4px;
  display:none;align-items:center;gap:6px;
}
.ag-field-error.is-visible{display:flex}
.form-input.is-error{border-bottom-color:#A32D2D}


/* ─── FLAGS SVG · chips e modal ─── */
.lang-chip{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;letter-spacing:.1em;font-weight:500;
  color:var(--text-soft);
}
.lang-chip__flag{display:inline-flex;align-items:center;flex-shrink:0}
.lang-chip__label{line-height:1}
.lang-btn__flag{display:flex;align-items:center;flex-shrink:0}
.num-card__langs{display:flex;gap:10px;flex-wrap:wrap}