/* Páginas legales (Términos, Privacidad, Baja, Aceptar términos). */
.legal {
  max-width: 820px;
  margin: 0 auto;
  padding: 2rem 16px 3rem;
  color: #e6e6e6;
  line-height: 1.6;
}
.legal.angosta { max-width: 520px; }
.legal h1 { margin-bottom: .3rem; }
.legal h2 { font-size: 1.1rem; margin-top: 1.6rem; color: #d4a93c; }
.legal a { color: #93c5fd; }
.legal .gris { color: #9ca3af; font-size: .88rem; }
.legal .volver a { color: #9ca3af; text-decoration: none; font-size: .9rem; }
.legal .aaip {
  margin-top: 2rem; padding: .8rem 1rem; border: 1px solid rgba(212, 169, 60, .35);
  border-radius: 12px; font-size: .8rem; color: #9ca3af;
}
.legal .casilla { display: flex; gap: .6rem; align-items: flex-start; margin: .8rem 0; cursor: pointer; }
.legal .casilla input { width: auto; margin-top: .3rem; flex: none; }
.legal textarea {
  width: 100%; padding: .55rem; margin: .35rem 0; border-radius: var(--radio); border: none;
  background: #15181d; color: #e6e6e6; font-family: inherit; resize: vertical;
  box-shadow: inset 5px 5px 10px rgba(0,0,0,.65), inset -4px -4px 8px rgba(255,255,255,.07);
}
.legal .boton-baja { background: #b91c1c; }
.legal .error { color: #f87171; font-size: .85rem; min-height: 1.2em; margin-top: .4rem; }
.legal .oculto { display: none !important; }
.legal button:disabled { opacity: .5; cursor: not-allowed; }
/* Términos y Privacidad adentro de la pantalla de aceptar: desplegables chicos. */
.desplegable-legal {
  margin: .5rem 0; border: 1px solid rgba(212, 169, 60, .35); border-radius: 12px;
  background: rgba(13, 16, 20, .55);
}
.desplegable-legal summary {
  cursor: pointer; padding: .55rem .9rem; font-size: .9rem; color: #d4a93c; font-weight: 600;
}
.desplegable-legal .texto-legal {
  max-height: 260px; overflow-y: auto; padding: 0 .9rem .8rem;
  font-size: .78rem; line-height: 1.5; color: #cbd5e1;
}
.desplegable-legal .texto-legal h2 { font-size: .85rem; margin-top: .9rem; }
.desplegable-legal .texto-legal .aaip { font-size: .7rem; margin-top: 1rem; }
.pie-legal {
  margin-top: 1.4rem; text-align: center; font-size: .75rem; color: #9ca3af; line-height: 1.5;
}
.pie-legal a { color: #9ca3af; }
.pie-legal .aaip-corta { margin-top: .5rem; font-size: .68rem; opacity: .85; }