/* Banner de cookies (PD Cookie Consent) con el estilo de la web. Se carga después de pdcc.min.css.
   La posición sale de la configuración ("position": "bottom-left"); aquí van tipografía, colores y tamaños.
   Aceptar y Rechazar tienen el mismo tamaño y el mismo peso visual. El texto legal no se toca.
   StayWithUs tiene una copia exacta en staywithus/assets/css/cookies.css. */

#pdcc-modal-bg{
  --pdcc-font:'Raleway',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pdcc-link:#2F6D96;
  --pdcc-focus:#2F6D96;
  --pdcc-switch-on:#2F6D96;
  --pdcc-switch-locked:#5D6373;
  --pdcc-switch-border:transparent;
  --pdcc-switch-thumb:#fff;
  padding:24px;
  background-color:rgba(26,30,44,.28);
}
#pdcc-modal-bg::backdrop{background:transparent}

#pdcc-modal-bg #pdcc-modal-container{
  width:min(400px,100%);
  padding:22px 22px 14px;
  border-radius:18px;
  background:#fff;
  color:#1A1E2C;
  font-family:var(--pdcc-font);
  line-height:1.5;
  box-shadow:0 18px 50px rgba(26,30,44,.22),0 2px 6px rgba(26,30,44,.08);
  animation:mrh-pdcc-in .35s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes mrh-pdcc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#pdcc-modal-bg #pdcc-modal-container{animation:none}}

#pdcc-modal-bg #pdcc-modal-container #pdcc-modal-header{margin-bottom:8px}
#pdcc-modal-bg #pdcc-modal-container #pdcc-modal-header p.pdcc-title{
  font-size:17px;font-weight:700;line-height:1.3;color:#1A1E2C;padding-inline-end:36px;
}
#pdcc-modal-bg #pdcc-modal-container button#pdcc-close-modal{
  inset-block-start:12px;inset-inline-end:12px;width:30px;height:30px;color:#5D6373;transition:background-color .15s;
}
#pdcc-modal-bg #pdcc-modal-container button#pdcc-close-modal:hover{background:#F1EEE8;color:#1A1E2C}
#pdcc-modal-bg #pdcc-modal-container button#pdcc-close-modal svg{width:13px;height:13px}

#pdcc-modal-bg #pdcc-modal-container #pdcc-modal-description p{
  margin-bottom:8px;font-size:13.5px;font-weight:500;line-height:1.55;color:#3F4454;
}
#pdcc-modal-bg #pdcc-modal-container #pdcc-modal-description p:last-child{font-size:12.5px;color:#5D6373}
#pdcc-modal-bg #pdcc-modal-container a{color:#2F6D96;text-underline-offset:2px}

/* Aceptar y Rechazar, iguales y en la misma fila; Configurar debajo, como enlace */
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info .pdcc-actions,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings .pdcc-actions{
  display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;width:100%;gap:8px;margin-top:16px;margin-inline-start:0;
}
#pdcc-modal-bg #pdcc-modal-container .pdcc-btn{
  min-height:42px;padding:9px 16px;border:0;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.01em;
  transition:filter .15s,background-color .15s;
}
#pdcc-modal-bg #pdcc-modal-container .pdcc-btn:hover{filter:brightness(1.08)}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info .pdcc-actions #pdcc-modal-accept,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings .pdcc-actions #pdcc-modal-accept-all,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-save-settings{
  background-color:#2F6D96;color:#fff;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info .pdcc-actions #pdcc-modal-reject,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings .pdcc-actions #pdcc-modal-deny-all{
  background-color:#1A1E2C;color:#fff;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info .pdcc-actions #pdcc-modal-config.pdcc-btn-secondary{
  grid-column:1/-1;min-height:34px;padding:4px 8px;background:none;color:#1A1E2C;
  text-decoration:underline;text-underline-offset:3px;font-size:13.5px;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info .pdcc-actions #pdcc-modal-config.pdcc-btn-secondary:hover{filter:none;color:#2F6D96}

/* Configuración */
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings .pdcc-back{font-size:13.5px;color:#2F6D96}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services{border-color:#EDE9E2;border-radius:12px}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services p{font-size:13.5px;color:#1A1E2C}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services p:not(:last-child){border-bottom-color:#EDE9E2}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services p label.pdcc-btn-switch .pdcc-btn-slider{background-color:#C9CDD6}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services p label.pdcc-btn-switch .pdcc-btn-slider:before{box-shadow:0 1px 2px rgba(26,30,44,.25)}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-save-settings{width:100%;margin-top:12px}

/* Pie: la razón social, discreta */
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-footer{margin:10px 0 0;padding-top:10px;border-top:1px solid #EDE9E2;text-align:start}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-footer p.pdcc-eyebrow,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-footer p.pdcc-eyebrow:only-child{
  grid-column:1;margin:0;font-size:11px;font-weight:600;letter-spacing:.12em;color:#5D6373;text-align:start;
}

/* Móvil: hoja inferior compacta, con los dos botones en la misma fila */
@media (max-width:640px){
  #pdcc-modal-bg{padding:10px}
  #pdcc-modal-bg #pdcc-modal-container{padding:18px 18px 12px;border-radius:18px}
  #pdcc-modal-bg #pdcc-modal-container #pdcc-modal-header p.pdcc-title{font-size:16px}
  #pdcc-modal-bg #pdcc-modal-container #pdcc-modal-description p{font-size:13px;line-height:1.5}
  #pdcc-modal-bg #pdcc-modal-container #pdcc-modal-description p:last-child{font-size:12px}
  #pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info .pdcc-actions,
  #pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings .pdcc-actions{grid-template-columns:1fr 1fr;grid-auto-flow:row;margin-top:12px}
}