#lila-consent{position:fixed;inset:auto 16px 20px;width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:0 auto;padding:26px;border:1px solid #d9e5e9;border-radius:16px;background:#fff;color:#294655;box-shadow:0 15px 60px #00335340;z-index:20000;font:15px/1.5 Arial,sans-serif}
#lila-consent:not([open]){display:none}
#lila-consent::backdrop{background:#002d4659}
#lila-consent h2{font-size:24px;color:#00558b;margin:0 0 12px}
.lila-consent-option{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid #e3ebed;cursor:pointer}
.lila-consent-option input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#00558b}
.lila-consent-option span{flex:1}.lila-consent-option small{display:block;font-size:13px;margin-top:4px}.lila-consent-option em{font-size:11px;font-style:normal;color:#42762c}
.lila-consent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.lila-consent-actions button{flex:1;min-width:150px;padding:12px;border:1px solid #00558b;border-radius:8px;background:#fff;color:#00558b;font-weight:bold;cursor:pointer}
.lila-consent-actions button:hover{background:#eef6f9}.lila-consent-actions button:focus-visible,#lila-consent a:focus-visible{outline:3px solid #6ba743;outline-offset:3px}
.lila-consent-note{margin:14px 0 0;font-size:13px}.lila-consent-note a{text-decoration:underline;color:#00558b}
.lila-consent-placeholder{padding:28px;text-align:center;background:#edf4f6;color:#274b60;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.lila-consent-placeholder button{padding:10px 16px;border:1px solid #00558b;border-radius:8px;background:white;color:#00558b;cursor:pointer}
[data-cookie-category][hidden],.lila-consent-placeholder[hidden]{display:none!important}
.lila-consent-link{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
@media(max-width:520px){#lila-consent{padding:20px;bottom:12px;max-height:calc(100dvh - 24px)}.lila-consent-actions{flex-direction:column}.lila-consent-option em{display:none}}

/* Aviso compacto; las preferencias se despliegan a petición del visitante. */
#lila-consent { inset: auto auto 18px 18px; width: min(440px,calc(100% - 36px)); margin: 0; padding: 20px; font-size: 13px; max-height: calc(100dvh - 36px); }
#lila-consent h2 { font-size: 20px; margin-bottom: 8px; }
#lila-consent > p { margin-bottom: 12px; }
#lila-consent::backdrop { background: transparent; }
#lila-consent [hidden] { display: none !important; }
#lila-consent .lila-consent-actions { gap: 8px; margin-top: 10px; }
#lila-consent .lila-consent-actions button { min-width: 100px; padding: 9px 8px; font-size: 12px; }
#lila-consent .lila-consent-option { padding: 10px 0; }
#lila-consent .lila-consent-option small { font-size: 12px; }
#lila-consent .lila-consent-note { margin: 10px 0 0; font-size: 11px; }
@media(prefers-reduced-motion:no-preference) { #lila-consent[open] { animation: lilaCookieRise .35s ease-out both; } @keyframes lilaCookieRise { from { opacity: 0; transform: translateY(35px); } to { opacity: 1; transform: translateY(0); } } }
@media(max-width:520px) { #lila-consent { left: 12px; bottom: 82px; width: calc(100% - 24px); max-height: calc(100dvh - 100px); padding: 17px; } #lila-consent .lila-consent-actions { flex-direction: row; } }
