:root { --legal-petroleo:#123b4a; --legal-turquesa:#16a6a1; --legal-arena:#f8ecd4; --legal-fondo:#f4f8f7; }
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body.legal-page { width: 100% !important; max-width: none !important; min-height: 100vh; margin: 0; color: #294951; background: radial-gradient(circle at 50% 0%, #1b5365 0%, #123b4a 48%, #0b2834 100%) !important; font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; }
.legal-page .portal-shell { width: min(calc(100% - 32px), 820px) !important; margin: 0 auto !important; padding: 56px 0 64px !important; }
.legal-page .portal-shell::before { content: ''; display: block; width: 300px; height: 98px; margin: 0 auto 24px; background: url('./img/LOGO-TURISTAPLUS.png') center / contain no-repeat; filter: drop-shadow(0 5px 10px rgba(18,59,74,.14)); }
.legal-page .portal-shell::after { display: none; }
.legal-page .portal-section { padding: clamp(22px, 5vw, 42px); background: rgba(255,255,255,.98); border: 1px solid rgba(22,166,161,.24); border-top: 0; border-radius: 20px; box-shadow: 0 18px 42px rgba(18,59,74,.16); }
.legal-page h1 { margin: 0 0 20px; color: var(--legal-petroleo); font-size: clamp(1.55rem, 4vw, 2.2rem); line-height: 1.12; }
.legal-page p { margin: 0 0 15px; font-size: .95rem; line-height: 1.65; }
.legal-page a { color: #087f7b; font-weight: 750; text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }
@media (max-width: 600px) { .legal-page .portal-shell { width: min(100% - 20px, 820px); padding-top: 22px; } .legal-page .portal-shell::before { width: 240px; height: 78px; margin-bottom: 18px; } .legal-page .portal-section { border-radius: 15px; padding: 22px 18px; } .legal-page p { font-size: .88rem; } }