/* ============================================================
   cookies.css
   Estilos del banner y el panel de configuración de cookies.
   Archivo ÚNICO y compartido por las 3 páginas del proyecto.
   Reutiliza las variables de color ya definidas en :root
   dentro de styles.css (--plum, --gold, --cream, etc.).
   ============================================================ */

.rc-cookie-banner{
  position:fixed; left:0; right:0; bottom:0; z-index:9999;
  background:var(--plum);
  padding:18px 24px;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:16px 28px;
  box-shadow:0 -14px 30px -18px rgba(0,0,0,0.45);
  font-family:'Cormorant Garamond', serif;
}
.rc-cookie-banner.rc-cookie-hidden{ display:none; }

.rc-cookie-text{
  max-width:560px; font-size:16px; line-height:1.5; color:#E6DCC6; margin:0;
}

.rc-cookie-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

.rc-cookie-btn{
  font-family:'Playfair Display', serif; font-weight:600; font-size:15px;
  padding:10px 22px; border-radius:24px; border:1.5px solid var(--gold-light);
  cursor:pointer; transition:transform .15s ease, opacity .15s ease;
  line-height:1.2;
}
.rc-cookie-btn:hover{ transform:translateY(-1px); }
.rc-cookie-btn:focus-visible{ outline:2px solid var(--gold-light); outline-offset:3px; }

/* Aceptar y Rechazar con el mismo peso visual, tal y como se pidió */
.rc-cookie-accept{
  background:linear-gradient(135deg, var(--gold) 0%, #8f6c30 100%);
  color:#fff8ec; border-color:var(--gold);
}
.rc-cookie-reject{
  background:transparent; color:#F3E9D8; border-color:#F3E9D8;
}
.rc-cookie-config{
  background:transparent; color:#D9C08A; border-color:transparent;
  text-decoration:underline; text-underline-offset:3px; padding:10px 8px;
}

/* Panel de configuración (overlay centrado) */
.rc-cookie-panel-overlay{
  position:fixed; inset:0; background:rgba(57,42,71,0.55); z-index:10000;
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.rc-cookie-panel-overlay.rc-cookie-hidden{ display:none; }
.rc-cookie-panel{
  background:var(--cream); color:var(--plum); border-radius:14px;
  max-width:440px; padding:34px 30px; text-align:center;
  box-shadow:0 30px 60px -20px rgba(0,0,0,0.4);
  font-family:'Cormorant Garamond', serif;
}
.rc-cookie-panel h3{
  font-family:'Playfair Display', serif; font-size:22px; font-style:italic;
  font-weight:600; margin:0 0 14px;
}
.rc-cookie-panel p{ font-size:16px; color:var(--plum-soft); margin-bottom:24px; }
.rc-cookie-panel .rc-cookie-actions{ justify-content:center; }

/* Enlace discreto en el pie de página */
.rc-configurar-link{
  display:inline-block; margin-top:12px; font-size:13px;
  color:var(--plum-soft); text-decoration:underline; text-underline-offset:2px;
  cursor:pointer;
}
.rc-configurar-link:hover{ color:var(--plum); }

@media (max-width:600px){
  .rc-cookie-banner{ flex-direction:column; text-align:center; padding:18px 16px; }
  .rc-cookie-actions{ width:100%; justify-content:center; }
  .rc-cookie-btn{ flex:1 1 auto; min-width:110px; }
}