/* Páginas de texto (aviso, términos) y guía de marca: tema claro, cabecera sencilla con el logo. */
.wrap{width:min(1100px,100% - 2.5rem);margin-inline:auto}
.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--fondo) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.top .wrap{display:flex;align-items:center;gap:1rem;justify-content:space-between;min-height:64px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;min-height:44px}
.brand img{height:44px;width:auto}
.links{display:flex;gap:1.25rem;flex-wrap:wrap}
.links a{color:var(--tinta);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.links a[aria-current="page"]{color:var(--marca-texto);font-weight:600}
h1,h2{font-family:var(--display);font-weight:500}
h1{font-size:var(--t-1);line-height:1.05;margin:2rem 0 .5rem}
.legal{max-width:760px;padding-bottom:3rem}
.legal h2{font-size:1.6rem;margin:2rem 0 .5rem}
.legal a,.pie a{color:var(--marca-texto)}
.legal-meta{color:var(--tinta-2);font-size:var(--t-chico)}
.borrador{background:color-mix(in srgb,var(--aviso) 12%,var(--superficie));color:var(--aviso);border-radius:12px;padding:.8rem 1rem;margin-top:1.5rem}
.pie{border-top:1px solid var(--linea);padding:1.5rem 0 calc(1.5rem + env(safe-area-inset-bottom));color:var(--tinta-2);font-size:var(--t-chico)}
.pie nav{display:flex;gap:1.25rem;flex-wrap:wrap}
.pie nav a{min-height:44px;display:inline-flex;align-items:center}
.hero p{max-width:720px;color:var(--tinta-2)}
.emojis{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}
.emojis figure{margin:0;display:grid;justify-items:center;gap:.35rem;background:var(--superficie);border-radius:var(--radio);padding:1rem .5rem;box-shadow:var(--sombra);font-size:var(--t-chico)}
.emojis img{width:72px;height:72px}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 1.35rem;border-radius:999px;border:0;background:var(--marca);color:var(--sobre-marca);cursor:pointer}
.lg img{max-height:120px;width:auto}
.lg.noche{background:var(--noche);color:var(--marfil)}
.lg figcaption a{display:inline-flex;align-items:center;min-height:44px;padding:0 .35rem}