/* PicaPau — barra de cookies opcionales y enlace «Configurar cookies».
   Archivo aparte a propósito: no modifica styles.css (que en producción tiene retoques propios). */

.consent{position:fixed;left:0;right:0;bottom:0;z-index:210;
  background:var(--peach,#f9e2d2);color:var(--ink,#1f2a30);
  border-top:1px solid rgba(0,24,32,.18);box-shadow:0 -10px 26px -20px rgba(0,24,32,.45);
  padding:12px var(--gutter,16px) calc(12px + env(safe-area-inset-bottom,0px))}
.consent[hidden]{display:none}
.consent__inner{max-width:var(--maxw,1200px);margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;flex-wrap:wrap;gap:10px 28px}
.consent__text{margin:0;flex:1 1 420px;font-size:.92rem;line-height:1.45}
.consent__text a{color:var(--navy,#001820);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.consent__state{font-weight:700}
.consent__state[hidden]{display:none}
.consent__actions{display:flex;gap:10px;flex:0 0 auto}
/* Aceptar y Rechazar con el mismo peso visual. */
.consent__btn{min-height:44px;min-width:116px;padding:.55em 1.3em;border:1px solid var(--navy,#001820);
  background:var(--navy,#001820);color:#fff;font:inherit;font-weight:700;font-size:.95rem;
  border-radius:var(--radius-control,3px);cursor:pointer;transition:background-color var(--dur-fast,180ms)}
@media (hover:hover){.consent__btn:hover{background:#0b2d3a}}
.consent__btn:focus-visible{outline:2px solid var(--navy,#001820);outline-offset:3px}

/* Mientras la barra está visible: el contenido final no queda tapado y el WhatsApp flotante sube. */
html.has-consent body{padding-bottom:var(--consent-h,0px)}
html.has-consent .wa-float{bottom:calc(var(--consent-h,0px) + 18px)}

/* Enlace «Configurar cookies» del footer (botón real, con aspecto de enlace discreto). */
.site-footer .footer-bottom{flex-wrap:wrap;align-items:center;gap:4px 18px}
.footer-cookies{background:none;border:0;padding:0 2px;min-height:44px;font:inherit;font-size:.85rem;
  color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.footer-cookies[hidden]{display:none}
.footer-cookies:focus-visible{outline:2px solid var(--navy,#001820);outline-offset:2px}

@media (max-width:560px){
  .consent__text{flex-basis:100%;font-size:.88rem}
  .consent__actions{width:100%}
  .consent__btn{flex:1 1 0;min-width:0}
}