.aviso-almacenamiento{--aviso-color:#175db7;--aviso-fondo:#edf4ff;color:#142c49;font:15px/1.5 system-ui,sans-serif}
.calleapp-footer{position:relative;box-sizing:border-box;width:100%;margin:0;padding:38px 24px 24px;border:0;border-top:1px solid #224567;background:linear-gradient(115deg,#091d35,#103557);color:#d6e6f6;font:14px/1.5 system-ui,sans-serif;text-align:left}
.calleapp-footer *{box-sizing:border-box}
.calleapp-footer-inner{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1fr auto;gap:24px 40px}
.calleapp-footer-brand img{display:block;width:160px;max-width:100%;height:auto}
.calleapp-footer-brand p{margin:12px 0 0;color:#b3cce2;font-size:13px}
.calleapp-footer nav{display:flex;max-width:510px;justify-content:flex-end;align-content:start;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;background:none;border:0}
.calleapp-footer :is(a,button){display:inline-flex;align-items:center;min-height:44px;color:#e1eefb;font:500 14px/1.4 system-ui,sans-serif;text-decoration:none;overflow-wrap:anywhere}
.calleapp-footer button{width:auto;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;text-align:left}
.calleapp-footer :is(a,button):hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.calleapp-footer :is(a,button):focus-visible{outline:3px solid #83c5ff;outline-offset:4px;border-radius:3px}
.calleapp-footer-credit{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;padding-top:18px;border-top:1px solid #ffffff24;color:#9fbad4;font-size:12px}
.calleapp-footer-access{--footer-access-padding:clamp(22px,5vw,36px);margin:24px calc(-1 * var(--footer-access-padding)) calc(-1 * var(--footer-access-padding));width:calc(100% + 2 * var(--footer-access-padding));padding:22px 28px}
.calleapp-footer-access .calleapp-footer-inner{grid-template-columns:1fr;gap:14px}
.calleapp-footer-access .calleapp-footer-brand{display:none}
.login:has(.calleapp-footer-access){align-items:safe center}
.calleapp-footer-access nav{justify-content:flex-start;gap:2px 18px}
@media(max-width:700px){.calleapp-footer{padding:28px 20px 20px}.calleapp-footer-inner{grid-template-columns:1fr;gap:20px}.calleapp-footer nav{justify-content:flex-start;gap:6px 20px}.calleapp-footer-credit{display:block}.calleapp-footer-credit span{display:block;margin-top:4px}.calleapp-footer-access{padding:20px 24px}}
.aviso-almacenamiento[data-aplicacion="prl"]{--aviso-color:#087763;--aviso-fondo:#e5f6f1;color:#123a33}
.aviso-almacenamiento *{box-sizing:border-box}
.aviso-almacenamiento-control{display:flex;justify-content:center;padding:16px;background:var(--aviso-fondo)}
.aviso-almacenamiento[data-contexto="app"][data-aviso-abierto="false"] .aviso-almacenamiento-control{position:fixed;z-index:10000;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:0;border:1px solid var(--aviso-color);border-radius:8px;box-shadow:0 3px 16px #102d4926}
.aviso-almacenamiento button,.aviso-almacenamiento a{font:inherit}
.aviso-almacenamiento-control button{color:var(--aviso-color);background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:10px;min-height:44px}
.aviso-almacenamiento-panel{position:fixed;z-index:10000;bottom:16px;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:24px;background:#fff;border:2px solid var(--aviso-color);border-radius:16px;box-shadow:0 8px 36px #102d4933}
.aviso-almacenamiento-panel[hidden]{display:none}
.aviso-almacenamiento-panel h2{font:700 22px/1.3 system-ui,sans-serif;margin:0 0 12px;color:inherit}
.aviso-almacenamiento-panel p{margin:0 0 12px;overflow-wrap:anywhere}
.aviso-almacenamiento-nota{font-size:13px}
.aviso-almacenamiento-acciones{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.aviso-almacenamiento-acciones button,.aviso-almacenamiento-acciones a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border-radius:8px}
.aviso-almacenamiento-acciones button{border:2px solid var(--aviso-color);background:var(--aviso-color);color:#fff;font-weight:700;cursor:pointer}
.aviso-almacenamiento-acciones a{border:2px solid var(--aviso-color);color:var(--aviso-color);background:#fff;text-decoration:underline;text-underline-offset:3px}
.aviso-almacenamiento :is(button,a):focus-visible{outline:3px solid #a64b00;outline-offset:3px}
@media(max-width:420px){.aviso-almacenamiento-panel{padding:18px;bottom:12px}.aviso-almacenamiento-acciones{align-items:stretch;flex-direction:column}.aviso-almacenamiento-acciones>*{width:100%}}

