/* =================================================================
   LEGAL MODALS · aviso legal, privacidad, cookies
================================================================= */
.legal-modal { position: fixed; inset: 0; background: rgba(31,68,72,0.9); z-index: 10000; display: none; align-items: flex-start; justify-content: center; padding: 5vh 5%; overflow-y: auto; }
.legal-modal.show { display: flex; }
.legal-modal-content { background: var(--white); max-width: 800px; width: 100%; border-radius: 4px; padding: 3rem; position: relative; max-height: 90vh; overflow-y: auto; }
.legal-modal-close { position: absolute; top: 1rem; right: 1rem; background: var(--teal-dark); color: var(--white); border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; }
.legal-modal-close:hover { background: var(--orange); }
.legal-modal h2 { font-family: var(--serif); font-size: 2rem; color: var(--teal-dark); margin-bottom: 1.5rem; padding-right: 3rem; }
.legal-modal h3 { font-family: var(--serif); font-size: 1.3rem; color: var(--teal); margin: 1.5rem 0 0.8rem; }
.legal-modal p, .legal-modal li { font-size: 0.95rem; line-height: 1.7; color: var(--text-soft); margin-bottom: 1rem; }
.legal-modal ul { margin-left: 1.5rem; margin-bottom: 1rem; }
.legal-modal strong { color: var(--teal-dark); }
.legal-data-box { background: var(--cream); padding: 1.2rem 1.5rem; border-left: 3px solid var(--orange); border-radius: 4px; margin: 1rem 0; }
.legal-data-box p { margin-bottom: 0.5rem !important; }

/* Responsive — legal */
@media (max-width: 768px) {
    .legal-modal-content { padding: 2rem 1.5rem; }
}