/* Páginas educativas: notas, glosario, blog, registro del glosario. Se suma a marca.css. */
.miga{font-size:14px;color:var(--celeste-2);margin-bottom:12px}
.miga a{color:var(--celeste-2);text-decoration:none} .miga a:hover{color:#fff}
.hero__meta{font-size:15px!important;color:#9fb8d3!important;margin:0}
.centrado{text-align:center}
.titulo-seccion{margin-top:0}
.sobretitulo{font-family:var(--f-titulo);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--azul);font-size:14px;margin:0}
.seccion .centrado .boton{margin:6px}

/* Nota */
.nota{font-size:18px}
.nota h2{font-size:clamp(22px,2.6vw,28px)}
.nota h3{font-size:21px}
.nota h4{font-size:18px;margin-bottom:.4em}
.nota figure{margin:0 0 1.4em;text-align:center}
.nota figure img{display:inline-block}
.nota figcaption{font-size:14px;color:var(--texto-suave);margin-top:6px}
.nota li{margin-bottom:.35em}
.nota .cta{text-align:center;margin:1.6em 0}
.nota__portada img{width:100%;border-radius:var(--radio)}
.nota .incrustado{display:flex;justify-content:center;margin:0 0 1.2em}
.nota .caja-form{background:var(--fondo-2);border:1px solid var(--borde);border-radius:var(--radio);padding:22px;margin:0 0 1.6em}
.nota .caja-form .form{max-width:none;grid-template-columns:1fr auto}
.nota .caja-form .form__aviso{grid-column:1/-1}
.nota table{display:block;overflow-x:auto}
@media (max-width:560px){.nota .caja-form .form{grid-template-columns:1fr}}

/* Tarjetas de notas */
.tarjeta--nota{padding:0;overflow:hidden;display:flex;flex-direction:column}
.tarjeta__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--fondo-2)}
.tarjeta__cuerpo{padding:20px 22px}
.tarjeta__cat{display:inline-block;font-size:12px;font-family:var(--f-titulo);font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:var(--azul);margin-bottom:6px}
.tarjeta--nota p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* Glosario */
.buscador{max-width:560px;margin:0 auto 28px;text-align:center}
.buscador label{display:block;font-family:var(--f-titulo);font-weight:700;font-size:20px;color:var(--noche);margin-bottom:10px}
.buscador input{width:100%;padding:14px 18px;border:1px solid var(--borde);border-radius:999px;font:inherit}
.buscador input:focus{outline:2px solid var(--celeste-2);border-color:transparent}
.contadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:26px}
.contador strong{display:block;font-family:var(--f-titulo);font-weight:800;font-size:44px;color:var(--noche);line-height:1.1}
.contador span{color:var(--texto-suave)}

/* Registro del glosario */
.hero--registro{padding:48px 0}
.registro{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:start}
.registro__caja{background:#fff;color:var(--texto);border-radius:var(--radio);padding:30px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.registro__caja h1,.registro__caja h2{color:var(--noche);font-size:clamp(24px,3vw,32px);margin:0 0 10px}
.registro__caja h1 span,.registro__caja h2 span{color:var(--azul);font-weight:600;display:block;font-size:.7em}
.registro__caja p{color:var(--texto)!important;font-size:16px!important}
.registro__caja--secundaria{background:#f3f7fb}
.registro .form{max-width:none}
.registro .form label{display:grid;gap:4px;font-size:14px;font-weight:500;color:var(--noche)}
.registro__legal{font-size:13px!important;color:#9fb8d3!important;margin-top:18px}
.registro__caja .registro__legal{color:var(--texto-suave)!important}
.registro__legal a{color:inherit}
.trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px}
@media (max-width:820px){.registro{grid-template-columns:1fr}}
/* campos siempre claros (si el navegador está en modo oscuro los pintaba negros) */
.buscador input,.registro .form input,.nota .form input{background:#fff;color:var(--texto);color-scheme:light}