/* ==========================================================================
   clase.css · Landing de registro a la clase gratuita  (/lp/clase-gratuita/)
   Página de captación pura: el tráfico frío de los anuncios entra aquí.
   ========================================================================== */

.hero-c{background:var(--crema);border-bottom:1px solid var(--borde);padding:56px 0 60px}
.hero-c-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}
.hero-c h1{font-size:clamp(34px,5vw,56px)}
.hero-c .subtitulo{
  font-family:var(--serif);font-size:clamp(19px,2.2vw,25px);font-style:italic;
  color:var(--burdeos);margin:14px 0 0;line-height:1.35;max-width:26ch;font-weight:500;
}
.hero-c .claim{font-size:18px;max-width:52ch;margin-top:20px}

.sello{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--burdeos);color:var(--arena);
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  padding:7px 14px;border-radius:3px;margin-bottom:22px;
}
.sello .pdte{color:var(--arena);border-bottom-color:var(--arena)}

.puntos{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}
.puntos li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px}

/* --- caja de registro --------------------------------------------------- */
.registro{
  background:var(--blanco);border:1px solid var(--borde);border-radius:3px;
  padding:28px 28px 30px;position:sticky;top:24px;
}
.registro h2{font-size:24px;margin-bottom:6px}
.registro .sub{font-size:14.5px;color:var(--gris);margin-bottom:22px}

.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.campo label{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--burdeos)}
.campo input{
  font-family:var(--sans);font-size:16px;padding:13px 15px;
  border:1.5px solid var(--borde);border-radius:3px;background:var(--crema-claro);color:var(--tinta);
}
.campo input:focus{outline:2px solid var(--burdeos);outline-offset:1px;border-color:var(--burdeos);background:var(--blanco)}

.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#5a5e61;margin:4px 0 18px}
.consent input{margin-top:3px;accent-color:var(--burdeos)}
.registro .cta{width:100%;justify-content:center}
.legal{font-size:12px;color:#7a7e81;line-height:1.5;margin-top:16px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

#aviso{
  background:#fbe9e7;border:1px solid var(--rojo);color:#8c1a24;
  padding:11px 14px;border-radius:3px;font-size:14px;margin-bottom:16px;
}

/* --- confirmación ------------------------------------------------------- */
.hecho{display:none;text-align:center;padding:14px 0 6px}
.hecho.on{display:block}
.hecho .marca{
  width:52px;height:52px;border-radius:50%;background:var(--burdeos);
  margin:0 auto 20px;display:grid;place-items:center;
}
.hecho .marca::after{
  content:"";width:17px;height:9px;margin-top:-4px;
  border-left:3px solid var(--arena);border-bottom:3px solid var(--arena);
  transform:rotate(-45deg);
}
.hecho h2{font-size:25px;margin-bottom:12px}
.hecho p{font-size:15.5px}

/* --- resto -------------------------------------------------------------- */
.para-quien{padding:56px 0}
.autora-c{background:var(--crema);border-top:1px solid var(--borde);padding:52px 0}
.autora-c-grid{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:start}
.retrato{
  background:var(--arena);border-radius:3px;aspect-ratio:3/4;
  display:grid;place-items:center;text-align:center;padding:18px;
  font-size:13px;color:#5a3a2a;line-height:1.5;
}
.cierre-c{background:var(--burdeos);color:var(--crema);padding:56px 0;text-align:center}
.cierre-c h2{color:var(--crema);font-size:clamp(26px,3.6vw,36px)}
.cierre-c p{max-width:50ch;margin:14px auto 0;color:#efe6d2}
.cierre-c .cta{background:var(--arena);color:var(--burdeos);margin-top:26px}
.cierre-c .cta:hover{background:var(--arena-suave)}

@media (max-width:900px){
  .hero-c-grid{grid-template-columns:1fr;gap:34px}
  .registro{position:static}
  .autora-c-grid{grid-template-columns:1fr;gap:22px}
  .retrato{max-width:180px}
}


/* --- bloques añadidos con el copy real (10 sep) ------------------------- */
.bloque-texto{padding:56px 0;background:var(--crema-claro)}
.bloque-texto h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:20px}
.bloque-texto p{font-size:17px}

.trabajamos{background:var(--crema);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:56px 0}
.trabajamos h2{font-size:clamp(26px,3.4vw,36px)}

.para-quien h2{font-size:clamp(26px,3.4vw,36px)}
.autora-c h2{font-size:clamp(26px,3.4vw,36px)}

.retrato-wrap{border-radius:3px;overflow:hidden;background:var(--arena)}
.retrato-img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block}

.ficha-c{padding:56px 0;background:var(--crema-claro);border-top:1px solid var(--borde)}
.ficha-c h2{font-size:clamp(26px,3.4vw,36px)}
.ficha-tabla{
  width:100%;border-collapse:collapse;background:var(--blanco);
  border:1px solid var(--borde);border-radius:3px;overflow:hidden;margin-top:24px;
}
.ficha-tabla th{
  text-align:left;font-family:var(--sans);font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gris);font-weight:600;
  padding:14px 18px;width:34%;vertical-align:top;border-bottom:1px solid var(--borde);
}
.ficha-tabla td{padding:14px 18px;border-bottom:1px solid var(--borde);color:var(--tinta);font-size:16px}
.ficha-tabla tr:last-child th,.ficha-tabla tr:last-child td{border-bottom:0}
@media (max-width:640px){.ficha-tabla th{width:42%}}