/* =====================================================================
   Gasterea · Vestido de marca para el banner de CookieYes
   Paleta y tipografías del manual de identidad. ARRA Asesores, 2026.
   ===================================================================== */
:root{
  --g-ink:#14120E; --g-ink-3:#4A4338;
  --g-bone:#F6F2E9; --g-bone-2:#EDE6D8; --g-bone-3:#DDD3C0;
  --g-gold:#A38356; --g-gold-deep:#7E6339;
  --g-rule:rgba(20,18,14,.14);
}

/* ---------- Contenedor del aviso ---------- */
.cky-consent-container .cky-consent-bar{
  background:var(--g-bone) !important;
  border:1px solid var(--g-rule) !important;
  border-radius:0 !important;
  box-shadow:0 18px 50px rgba(20,18,14,.18) !important;
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
  color:var(--g-ink) !important;
  padding:26px 26px 22px !important;
}

.cky-title{
  font-family:"Fraunces",Georgia,serif !important;
  font-weight:300 !important;
  font-size:23px !important;
  line-height:1.1 !important;
  letter-spacing:-.02em !important;
  color:var(--g-ink) !important;
  font-variation-settings:"SOFT" 0,"WONK" 1,"opsz" 144;
}

.cky-notice-des,
.cky-notice-des p,
.cky-preference-content-wrapper,
.cky-preference-content-wrapper p,
.cky-gpc-wrapper .cky-gpc-desc,
.cky-accordion-header-des p,
.cky-cookie-des-table li div:last-child{
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
  font-weight:300 !important;
  font-size:13.5px !important;
  line-height:1.66 !important;
  color:var(--g-ink-3) !important;
}
.cky-notice-des strong,
.cky-preference-content-wrapper strong{ font-weight:500 !important; color:var(--g-ink) !important; }

.cky-notice-des a,
.cky-preference-content-wrapper a,
.cky-policy{
  color:var(--g-gold-deep) !important;      /* el oro que sí contrasta sobre hueso */
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* ---------- Botones ---------- */
.cky-btn{
  border-radius:0 !important;
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
  font-weight:400 !important;
  font-size:11px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  padding:13px 22px !important;
  transition:background .45s cubic-bezier(.22,.61,.36,1),color .45s,border-color .45s !important;
}
.cky-btn-accept{
  background:var(--g-gold) !important;
  border:1px solid var(--g-gold) !important;
  color:#fff !important;
}
.cky-btn-accept:hover{ background:var(--g-ink) !important; border-color:var(--g-ink) !important; }

.cky-btn-reject{
  background:transparent !important;
  border:1px solid var(--g-ink) !important;
  color:var(--g-ink) !important;
}
.cky-btn-reject:hover{ background:var(--g-ink) !important; color:var(--g-bone) !important; }

.cky-btn-customize{
  background:transparent !important;
  border:1px solid var(--g-bone-3) !important;
  color:var(--g-ink-3) !important;
}
.cky-btn-customize:hover{ border-color:var(--g-ink) !important; color:var(--g-ink) !important; }

.cky-btn-preferences{
  background:var(--g-ink) !important;
  border:1px solid var(--g-ink) !important;
  color:var(--g-bone) !important;
  border-radius:0 !important;
}
.cky-btn-preferences:hover{ background:var(--g-gold) !important; border-color:var(--g-gold) !important; color:#fff !important; }

/* ---------- Reparto de botones: aceptar y rechazar al mismo nivel ----------
   La AEPD exige que rechazar sea tan visible y tan facil como aceptar.
   CookieYes deja «Aceptar todas» a doble ancho, asi que lo igualamos. */
.cky-notice-btn-wrapper{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
.cky-notice-btn-wrapper .cky-btn-reject{ order:1 !important; flex:1 1 0 !important; min-width:44% !important; margin:0 !important; }
.cky-notice-btn-wrapper .cky-btn-accept{ order:2 !important; flex:1 1 0 !important; min-width:44% !important; margin:0 !important; }
.cky-notice-btn-wrapper .cky-btn-customize{ order:3 !important; flex:1 1 100% !important; margin:0 !important; }

/* ---------- Panel de preferencias ---------- */
.cky-preference-center{
  background:var(--g-bone) !important;
  border:1px solid var(--g-rule) !important;
  border-radius:0 !important;
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
}
.cky-preference-title{
  font-family:"Fraunces",Georgia,serif !important;
  font-weight:300 !important;
  font-size:21px !important;
  letter-spacing:-.02em !important;
  color:var(--g-ink) !important;
  font-variation-settings:"SOFT" 0,"WONK" 1,"opsz" 144;
}
.cky-preference-header{ border-bottom:1px solid var(--g-rule) !important; }
.cky-footer-wrapper{ border-top:1px solid var(--g-rule) !important; }
.cky-prefrence-btn-wrapper{ background:var(--g-bone-2) !important; }

.cky-accordion{ border-bottom:1px solid var(--g-rule) !important; }
.cky-accordion-btn{
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
  font-weight:400 !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--g-ink) !important;
}
.cky-always-active{
  color:var(--g-gold-deep) !important;
  font-size:10.5px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
.cky-accordion-chevron i::before{ border-color:var(--g-ink-3) !important; }

/* Interruptores */
.cky-switch input[type="checkbox"]{ background:var(--g-bone-3) !important; }
.cky-switch input[type="checkbox"]:checked{ background:var(--g-gold) !important; }

/* Tabla de cookies */
.cky-cookie-des-table{
  border:1px solid var(--g-rule) !important;
  border-radius:0 !important;
  background:#fff !important;
}
.cky-cookie-des-table li div:first-child{
  font-weight:500 !important;
  color:var(--g-ink) !important;
  font-size:11px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

/* ---------- Botón flotante de volver a configurar ---------- */
.cky-btn-revisit-wrapper{
  background:var(--g-ink) !important;
  border-radius:0 !important;
  box-shadow:0 6px 20px rgba(20,18,14,.28) !important;
}
.cky-btn-revisit-wrapper:hover{ background:var(--g-gold) !important; }
.cky-revisit-bottom-left{ left:18px !important; bottom:18px !important; }
.cky-btn-revisit-wrapper .cky-btn-revisit img{ filter:brightness(0) invert(1) !important; }

/* ---------- Contenido bloqueado ---------- */
.cky-consent-container .cky-blocked-placeholder,
.video-placeholder-normal{
  background:var(--g-bone-2) !important;
  border:1px solid var(--g-rule) !important;
  border-radius:0 !important;
  color:var(--g-ink-3) !important;
  font-family:"Jost","Helvetica Neue",Arial,sans-serif !important;
}

/* ---------- Móvil ---------- */
@media (max-width:600px){
  .cky-consent-container .cky-consent-bar{ padding:20px 18px 18px !important; }
  .cky-title{ font-size:20px !important; }
  .cky-btn{ font-size:10.5px !important; padding:12px 16px !important; }
}