/* Constante · pie común de la web, páginas legales y «Tu cuenta». Va después de constante.css; los colores son los de tema.css
   y los estados (pasar el ratón, pulsar, foco), los de constante.css. */
.pie-web{border-top:1px solid var(--linea);margin-top:56px;padding:22px 0 8px;font-size:13.5px;color:var(--tinta-2);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:baseline}
.pie-web nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.pie-web a{color:var(--tinta-2);text-decoration:underline;text-decoration-color:var(--verde);text-decoration-thickness:1.5px;text-underline-offset:3px}
@media print{.pie-web{display:none}}

/* Textos legales */
.legal{max-width:68ch}
.legal h1{margin-bottom:6px}
.legal .fecha{font-size:13.5px;color:var(--tinta-3);margin-bottom:28px}
.legal h2{font-size:21px;margin:30px 0 8px}
.legal p,.legal li{font-size:15.5px;margin-bottom:10px}
.legal ul{padding-left:20px;margin-bottom:12px}
.legal table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:14.5px}
.legal th,.legal td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linea);padding:8px 10px 8px 0}
.legal th{font-weight:600;color:var(--tinta-2);white-space:nowrap}
.legal .resumen{background:var(--hoja);border:1px solid var(--linea);border-radius:var(--r-md);padding:18px 20px;margin-bottom:8px}
.legal .resumen li{margin-bottom:6px}
.legal .scroll{overflow-x:auto}
/* Datos del titular que aún hay que rellenar: bien visibles para que nadie los publique sin completar */
.pendiente{background:var(--marcador);color:var(--marcador-tinta);font-weight:600;padding:0 4px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Tu cuenta: una sola hoja con sus cuatro partes (.una-hoja, en constante.css); la de eliminar, con el título en --rojo */
.cuenta .card h2{margin-bottom:10px}
.cuenta dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:4px 0 4px}
.cuenta dt{font-weight:600;color:var(--tinta-2);font-size:14.5px}
.cuenta dd{font-size:15px;overflow-wrap:anywhere}
.cuenta .peligro h2{color:var(--rojo)}
.btn.rojo{background:var(--rojo);color:var(--sobre-tinta)}
@media (hover:hover){ .btn.rojo:hover:not(:disabled){box-shadow:0 8px 22px -10px var(--rojo)} }   /* el resto de estados, en constante.css */
.aviso-cuenta{border-radius:var(--r-sm);padding:10px 14px;font-size:14.5px;margin-top:12px}
.aviso-cuenta.bien{background:var(--verde-suave);color:var(--verde)}
.aviso-cuenta.mal{background:var(--rojo-suave);color:var(--rojo)}
@media(max-width:620px){.cuenta dl{grid-template-columns:1fr;gap:0 0}.cuenta dd{margin-bottom:8px}}
.cuenta .consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-weight:400;font-size:14px}
.cuenta .consent input{width:auto;margin-top:4px}
.cuenta .lead{margin-bottom:20px}
.cuenta .card .hint{margin:12px 0 0}
.cuenta form{margin-top:16px}
.cuenta a,.legal a{color:var(--tinta);text-decoration-color:var(--verde);text-decoration-thickness:1.5px;text-underline-offset:3px}