.pre-hero{
  max-width:720px;margin:0 auto;padding:3rem 1.5rem 2.5rem;text-align:center;
}
.pre-hero-eyebrow{
  display:inline-block;color:var(--t-accent);background:var(--t-accent-faint);
  padding:.3rem .9rem;border-radius:999px;font-size:.82rem;font-weight:700;margin:0 0 1rem;
}
.pre-hero-cifra{font-size:2.6rem;font-weight:800;color:var(--t-text);margin:0 0 .6rem}
.pre-hero-cifra sup{font-size:1.1rem}
.pre-hero-gratis{color:var(--t-accent)}
.pre-hero-luego{font-size:1.1rem;color:var(--t-muted);margin:0 0 1.6rem}
.pre-hero-cta{font-size:1.02rem;padding:.85rem 2rem}

.pre-ventajas{
  max-width:960px;margin:0 auto;padding:0 1.5rem 3rem;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
}
.pre-ventaja{
  background:var(--t-panel);border:1px solid var(--t-line);border-radius:14px;
  padding:1.75rem 1.4rem;text-align:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pre-ventaja:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 26px rgba(0,0,0,.08);
  border-color:var(--t-accent-mid,var(--t-accent));
}
.pre-ventaja__icono{font-size:1.9rem;display:block;margin-bottom:.7rem;transition:transform .22s ease}
.pre-ventaja:hover .pre-ventaja__icono{transform:scale(1.18) rotate(-3deg)}
.pre-ventaja h3{color:var(--t-text);font-size:1rem;margin:0 0 .4rem}
.pre-ventaja p{color:var(--t-muted);font-size:.86rem;line-height:1.5;margin:0}

/* 2026-07-15: sustituye la parrilla semanal de FranjaHoraria (contradecia
   el modelo de profesor de IA 24/7) por disponibilidad + FAQ. */
.pre-disponibilidad{
  max-width:700px;margin:0 auto;padding:2.5rem 1.5rem;text-align:center;
  background:var(--t-accent-faint,rgba(15,122,92,.06));border-radius:1.25rem;
}
.pre-disponibilidad h2{color:var(--t-text);margin-bottom:.6rem}
.pre-disponibilidad p{color:var(--t-muted);margin:0;line-height:1.6}

.pre-faq{max-width:700px;margin:0 auto;padding:2.5rem 1.5rem}
.pre-faq h2{color:var(--t-text);margin-bottom:1.25rem;text-align:center}
.pre-faq__item{padding:1rem 0;border-bottom:1px solid var(--t-line)}
.pre-faq__item:last-child{border-bottom:none}
.pre-faq__item h3{color:var(--t-text);font-size:.95rem;margin:0 0 .3rem}
.pre-faq__item p{color:var(--t-muted);font-size:.86rem;margin:0}

@media (prefers-reduced-motion: reduce){
  .pre-ventaja, .pre-ventaja__icono, .pre-slot{transition:none !important}
  .pre-ventaja:hover{transform:none}
  .pre-ventaja:hover .pre-ventaja__icono{transform:none}
  .pre-slot:hover{transform:none}
}

.pre-cta-final{
  max-width:640px;margin:0 auto;padding:1rem 1.5rem 4rem;text-align:center;
}
.pre-cta-final h2{color:var(--t-text);margin:0 0 .4rem}
.pre-cta-final p{color:var(--t-muted);margin:0 0 1.3rem}

@media (max-width:700px){
  .pre-ventajas{grid-template-columns:1fr}
  .pre-hero-cifra{font-size:2.1rem}
}