/* Página pública de Almanaque. Colores y fuentes: marca.css (sale de marcas/<marca>/marca.json) */
*{box-sizing:border-box}
html,body{margin:0;background:var(--fondo)}
body{color:var(--texto);font:17px/1.6 var(--fuente-texto);background:radial-gradient(ellipse 70% 40% at 80% 0%,var(--resplandor),transparent) no-repeat,var(--fondo)}
a{color:var(--lila)}
main,footer{max-width:640px;margin:auto;padding:0 20px}
h1,h2,h3{font-family:var(--titulos);color:var(--crema);font-weight:600;margin:0}
h1{font-size:52px;line-height:1}
h2{font-size:32px;margin-bottom:12px}
h3{font-size:22px}
p{margin:0 0 12px}
section{padding:36px 0;border-top:1px solid var(--linea)}
.portada{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:56px 0 40px}
.sello{width:170px;height:170px}
.firma{margin:-6px 0 0;font:italic 500 24px var(--titulos);color:var(--oxido)}
.lema{font:italic 500 22px/1.35 var(--titulos);color:var(--claro);max-width:420px}
.boton{display:inline-block;margin-top:10px;padding:14px 26px;border-radius:16px;background:var(--lila);color:var(--fondo);font-weight:500;text-decoration:none}
.tarjetas{display:grid;gap:12px}
.tarjetas article,.plan{padding:16px 18px;border-radius:16px;background:var(--tarjeta)}
.tarjetas p{margin:6px 0 0;font-size:15px;color:var(--suave)}
.planes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.plan.destacado{border:1px solid var(--lila)}
.precio{margin:8px 0 0;font:600 26px var(--titulos);color:var(--crema)}
.precio span{font:15px var(--fuente-texto);color:var(--suave)}
.ahorro{display:inline-block;margin:6px 0 0;padding:3px 9px;border-radius:999px;background:var(--lila);color:var(--fondo);font-size:12px}
.nota{font-size:14px;color:var(--tenue)}
footer{padding:28px 20px 48px;border-top:1px solid var(--linea);font-size:14px;color:var(--suave)}
footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px}
.legal h1{font-size:40px;margin:40px 0 8px}
.legal .pendiente{padding:14px 16px;border:1px dashed var(--borde);border-radius:14px;color:var(--tenue)}
@media (max-width:420px){h1{font-size:44px}.planes{grid-template-columns:1fr}}
.obligatorios{margin-top:4px}
.boton-borde{display:inline-block;padding:9px 14px;border:1px solid var(--lila);border-radius:12px;text-decoration:none}
.pedido{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.pedido label{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--suave)}
.pedido input{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--borde);background:var(--tarjeta);color:var(--crema)}
.pedido .boton{border:0;cursor:pointer;font:inherit;font-weight:500;align-self:flex-start}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.listo{margin-top:20px;padding:16px 18px;border-radius:16px;background:var(--tarjeta)}