/* civ-cookies: aviso y panel de consentimiento (ver assets/js/cookies.js). Aceptar y Rechazar
   comparten estilo y tamano a proposito (guia AEPD: rechazar tan facil como aceptar). */
.civ-ck{font-family:'Sora',sans-serif;color:#1B2430;}
.civ-ck-banner{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9000;width:min(720px,calc(100vw - 48px));
  background:#fff;padding:30px 36px 28px;box-shadow:0 30px 70px -18px rgba(20,64,127,.5),0 8px 22px -8px rgba(20,64,127,.28),0 0 0 100vmax rgba(8,14,26,.35);
  border-top:3px solid #D8242F;}
.civ-ck.is-banner .civ-ck-banner{display:block;animation:civCkBannerIn .5s cubic-bezier(.22,1,.36,1) both;}
@keyframes civCkBannerIn{from{opacity:0;transform:translate(-50%,calc(-50% + 18px));}to{opacity:1;transform:translate(-50%,-50%);}}
@keyframes civCkIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
.civ-ck-bars{width:108px;height:10px;margin-bottom:14px;opacity:.5;
  background:repeating-linear-gradient(117deg,transparent 0,transparent 6.4px,#14407F 6.4px,#14407F 7.6px,transparent 7.6px,transparent 8px);}
.civ-ck-title{font:800 20px/1.25 'Grift',sans-serif;color:#14407F;margin:0 0 10px;}
.civ-ck-text{font:400 14px/1.65 'Sora',sans-serif;color:#4A5468;margin:0 0 20px;}
.civ-ck-text a{color:#14407F;font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.civ-ck-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.civ-ck-btn{all:unset;box-sizing:border-box;cursor:pointer;font:700 14px 'Sora',sans-serif;padding:13px 20px;text-align:center;
  transition:filter .2s ease,transform .2s cubic-bezier(.4,0,.2,1);}
.civ-ck-btn-solid{background:#14407F;color:#fff;}
.civ-ck-btn:hover{filter:brightness(1.15);transform:translateY(-1px);}
.civ-ck-link{all:unset;cursor:pointer;font:700 14px 'Sora',sans-serif;color:#14407F;text-decoration:underline;text-underline-offset:3px;padding:13px 6px;}
.civ-ck-btn:focus-visible,.civ-ck-link:focus-visible,.civ-ck-switch:focus-visible{outline:2px solid #D8242F;outline-offset:3px;}
.civ-ck-overlay{position:fixed;inset:0;z-index:9001;background:rgba(8,14,26,.55);display:flex;align-items:center;justify-content:center;padding:24px;}
.civ-ck-overlay[hidden]{display:none;}
.civ-ck-panel{background:#fff;width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:34px 36px 30px;border-top:3px solid #D8242F;
  animation:civCkIn .4s cubic-bezier(.22,1,.36,1) both;}
.civ-ck-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid rgba(20,30,45,.12);}
.civ-ck-row:last-of-type{border-bottom:1px solid rgba(20,30,45,.12);margin-bottom:24px;}
.civ-ck-row strong{display:block;font:700 16px 'Grift',sans-serif;color:#14407F;margin-bottom:4px;}
.civ-ck-row span{font:400 13px/1.6 'Sora',sans-serif;color:#4A5468;}
.civ-ck-always{flex:none;font:700 12px 'Sora',sans-serif !important;color:#7A8494 !important;text-transform:uppercase;letter-spacing:.06em;}
.civ-ck-switch{all:unset;box-sizing:border-box;flex:none;cursor:pointer;width:48px;height:26px;border-radius:13px;background:#C3C9D4;position:relative;transition:background .25s ease;}
.civ-ck-switch i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.22,1,.36,1);}
.civ-ck-switch[aria-checked="true"]{background:#D8242F;}
.civ-ck-switch[aria-checked="true"] i{transform:translateX(22px);}
/* mientras dura la intro del logo de la home, el aviso espera */
html.civ-intro-on .civ-ck-banner{display:none !important;}
@media (max-width:600px){
  .civ-ck-banner{width:calc(100vw - 24px);padding:22px 20px 20px;}
  .civ-ck-actions .civ-ck-btn{flex:1 1 auto;}
  .civ-ck-panel{padding:26px 22px 24px;}
  .civ-ck-panel .civ-ck-actions .civ-ck-btn{flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce){.civ-ck.is-banner .civ-ck-banner,.civ-ck-panel{animation:none;}}
