/* MG Cookies · aviso de consentimiento
   Sistemas Digitales MG · https://sistemasmg.es
   Los tres botones comparten tamano y peso a proposito: la AEPD exige que
   aceptar y rechazar cuesten lo mismo. */

.mgck{
  --ck-ink:#0A0E14;
  --ck-ink-2:#47515F;
  --ck-ink-3:#6B7481;
  --ck-line:#E1E6EC;
  --ck-bg:#FFFFFF;
  --ck-bg-2:#F6F8FA;
  --ck-red:#B21E24;
  --ck-red-br:#CE2228;
  --ck-e:cubic-bezier(.33,1,.68,1);
  font-family:"Geist","Helvetica Neue",Arial,sans-serif;
  color:var(--ck-ink);
  line-height:1.55;
}
.mgck *{box-sizing:border-box;}
.mgck[hidden]{display:none !important;}
.mgck p{margin:0;}

/* ---------- primera capa ---------- */
.mgck-capa1{
  position:fixed;left:0;right:0;bottom:0;z-index:99990;
  background:var(--ck-bg);border-top:1px solid var(--ck-line);
  box-shadow:0 -12px 40px -24px rgba(10,14,20,.45);
  padding:13px max(14px,env(safe-area-inset-left)) calc(13px + env(safe-area-inset-bottom,0px));
  animation:mgckSube .45s var(--ck-e);
}
@keyframes mgckSube{from{transform:translateY(100%);}to{transform:translateY(0);}}
.mgck-capa1[hidden]{display:none;}
.mgck-in{
  max-width:1460px;margin-inline:auto;
  display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;
}
.mgck-texto{flex:1 1 400px;min-width:0;}
.mgck-texto h2{
  margin:0 0 2px;padding:0;font-size:14.5px;font-weight:600;
  letter-spacing:-0.02em;color:var(--ck-ink);line-height:1.3;
}
.mgck-texto p{font-size:13px;line-height:1.45;color:var(--ck-ink-2);max-width:92ch;}
.mgck-texto a{color:var(--ck-ink);text-decoration:underline;text-underline-offset:2px;}
.mgck-texto a:hover{color:var(--ck-red);}

/* Los tres botones van SIEMPRE en una fila, tambien en movil: repartidos a
   partes iguales para que ninguno parezca la opcion preferente. */
.mgck-botones{display:flex;flex-wrap:nowrap;gap:8px;flex:0 0 auto;}

/* ---------- botones (mismo peso visual) ---------- */
.mgck .mgck-btn{
  font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.2;
  padding:10px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;
  border:1px solid var(--ck-line);background:var(--ck-bg);color:var(--ck-ink);
  transition:background .22s var(--ck-e),border-color .22s var(--ck-e),color .22s var(--ck-e);
  min-width:118px;text-align:center;
}
.mgck .mgck-btn-sec:hover,.mgck .mgck-btn-sec:focus-visible{background:var(--ck-bg-2);border-color:var(--ck-ink);}
.mgck .mgck-btn-ppal{background:var(--ck-red);border-color:var(--ck-red);color:#FFFFFF;}
.mgck .mgck-btn-ppal:hover,.mgck .mgck-btn-ppal:focus-visible{background:var(--ck-red-br);border-color:var(--ck-red-br);color:#FFFFFF;}
.mgck .mgck-btn:focus-visible{outline:2px solid var(--ck-ink);outline-offset:2px;}

/* ---------- segunda capa ---------- */
.mgck-capa2{
  position:fixed;inset:0;z-index:99991;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(10,14,20,.5);
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  animation:mgckAparece .3s var(--ck-e);
}
@keyframes mgckAparece{from{opacity:0;}to{opacity:1;}}
.mgck-capa2[hidden]{display:none;}
.mgck-panel{
  width:100%;max-width:620px;max-height:min(86vh,760px);
  background:var(--ck-bg);border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 40px 90px -36px rgba(10,14,20,.6);
  animation:mgckEntra .4s var(--ck-e);
}
@keyframes mgckEntra{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
.mgck-panel-cab{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 20px;border-bottom:1px solid var(--ck-line);flex:0 0 auto;
}
.mgck-panel-cab h2{margin:0;padding:0;font-size:18px;font-weight:600;letter-spacing:-0.025em;}
.mgck .mgck-x{
  width:36px;height:36px;flex:0 0 auto;border:none;background:none;cursor:pointer;
  font-size:24px;line-height:1;color:var(--ck-ink-3);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s var(--ck-e),color .2s var(--ck-e);
}
.mgck .mgck-x:hover{background:var(--ck-bg-2);color:var(--ck-red);}

.mgck-panel-cuerpo{padding:4px 20px 10px;overflow-y:auto;flex:1 1 auto;}
.mgck-cat{padding:15px 0;border-bottom:1px solid var(--ck-line);}
.mgck-cat:last-child{border-bottom:none;}
.mgck-cat-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;}
.mgck-cat h3{margin:0;padding:0;font-size:15.5px;font-weight:600;letter-spacing:-0.02em;}
.mgck-cat p{font-size:13.5px;color:var(--ck-ink-2);margin:0 0 6px;}
.mgck-cat .mgck-detalle{font-size:12.5px;color:var(--ck-ink-3);margin:0;}
.mgck-siempre{
  font-size:12px;font-weight:600;color:var(--ck-ink-3);
  background:var(--ck-bg-2);border:1px solid var(--ck-line);
  padding:5px 12px;border-radius:999px;white-space:nowrap;flex:0 0 auto;
}

/* interruptor */
.mgck-switch{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;cursor:pointer;}
.mgck-switch input{position:absolute;opacity:0;width:46px;height:26px;margin:0;cursor:pointer;}
.mgck-slider{
  width:46px;height:26px;border-radius:999px;background:#C9CFD6;display:block;
  position:relative;transition:background .25s var(--ck-e);
}
.mgck-slider::after{
  content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:#FFFFFF;box-shadow:0 1px 3px rgba(10,14,20,.3);
  transition:transform .25s var(--ck-e);
}
.mgck-switch input:checked + .mgck-slider{background:var(--ck-red);}
.mgck-switch input:checked + .mgck-slider::after{transform:translateX(20px);}
.mgck-switch input:focus-visible + .mgck-slider{outline:2px solid var(--ck-ink);outline-offset:2px;}
.mgck-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

.mgck-panel-pie{
  display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end;
  padding:14px 20px;border-top:1px solid var(--ck-line);background:var(--ck-bg-2);flex:0 0 auto;
}

/* ---------- enlace del pie para cambiar la decision ---------- */
.mgck-abrir{
  font-family:inherit;font-size:inherit;color:inherit;
  background:none;border:none;padding:0;cursor:pointer;
  text-decoration:underline;text-underline-offset:2px;
}
.mgck-abrir:hover{color:#B21E24;}

@media (max-width:860px){
  .mgck-in{flex-direction:column;align-items:stretch;gap:10px;}
  /* En columna, el flex-basis de 400px pasa a ser ALTURA y dejaba el aviso
     ocupando media pantalla con espacio vacio. Aqui el bloque mide lo que
     mide su texto. */
  .mgck-texto{flex:0 0 auto;}
  .mgck-botones{width:100%;}
  .mgck .mgck-btn{flex:1 1 0;min-width:0;padding:10px 6px;}
  .mgck-panel-pie .mgck-btn{flex:1 1 0;min-width:0;padding:10px 6px;}
}
@media (max-width:480px){
  .mgck-capa1{padding:11px 12px calc(11px + env(safe-area-inset-bottom,0px));}
  .mgck-texto h2{font-size:13.5px;margin-bottom:1px;}
  .mgck-texto p{font-size:12px;line-height:1.38;}
  .mgck .mgck-btn{font-size:12px;padding:9px 4px;letter-spacing:-0.01em;}
  .mgck-botones{gap:6px;}
  .mgck-in{gap:9px;}
}

@media (prefers-reduced-motion:reduce){
  .mgck-capa1,.mgck-capa2,.mgck-panel{animation:none;}
  .mgck *{transition-duration:.01ms !important;}
}


/* ---------- pie legal en todas las paginas ----------
   El tema deja su <footer> vacio; esta linea la imprime el plugin para que el
   enlace de revocacion este donde la politica de cookies dice que esta. */
.mgck-pie{
  border-top:1px solid #E6E1DF;
  background:#F7F4F3;
  padding:20px max(16px,env(safe-area-inset-left)) calc(20px + env(safe-area-inset-bottom,0px));
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:13px;line-height:1.55;color:#4A4441;
}
.mgck-pie-in{
  max-width:1200px;margin-inline:auto;
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;
}
.mgck-pie-in > * + *::before{
  content:"·";display:inline-block;margin:0 12px;color:#6E6561;opacity:.55;
}
.mgck-pie a,
.mgck-pie button.mgck-abrir{
  color:#4A4441;font-size:13px;font-family:inherit;font-weight:400;
  text-decoration:none;white-space:nowrap;
  background:none;border:0;padding:0;margin:0;cursor:pointer;line-height:inherit;
}
.mgck-pie a:hover,
.mgck-pie button.mgck-abrir:hover{color:#B21E24;text-decoration:underline;}
.mgck-pie p{
  max-width:1200px;margin:8px auto 0 !important;
  font-size:12.5px;color:#6E6561;
}
@media (max-width:560px){
  .mgck-pie-in{flex-direction:column;align-items:flex-start;gap:8px;}
  .mgck-pie-in > * + *::before{content:none;margin:0;}
  .mgck-pie p{text-align:left;}
}