/* ==========================================================================
   Sistema de consentimiento de cookies — Patricia Córdoba
   Versión: 1.0.0
   Estética "Pop Show": bordes negros gruesos, sombras duras, amarillo y rojo.
   Variables propias con prefijo --pc-cookie- para no colisionar con popshow.css.
   ========================================================================== */

:root{
  --pc-cookie-yellow: #f4ee2a;
  --pc-cookie-red:    #e63946;
  --pc-cookie-blue:   #2257e9;
  --pc-cookie-ink:    #0a0a0a;
  --pc-cookie-paper:  #fffaf0;
  --pc-cookie-muted:  #5a5a5a;
}

/* ── Banner ───────────────────────────────────────────────────────────── */
/* La banda cruza toda la pantalla; el contenido va centrado y con ancho máximo. */
.pc-cookie-banner{
  position:fixed;bottom:0;left:0;right:0;z-index:9990;
  background:var(--pc-cookie-paper);
  border-top:4px solid var(--pc-cookie-ink);
  box-shadow:0 -10px 40px rgba(0,0,0,.18);
  transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.8,.3,1);
  font-family:"Archivo",system-ui,sans-serif;
}
.pc-cookie-banner.visible{transform:translateY(0)}

.pc-cookie-banner-content{
  padding:20px 28px;
  max-width:1280px;margin:0 auto;
  display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;
}
.pc-cookie-banner-header{display:flex;align-items:center;gap:12px;flex:none}
.pc-cookie-icon{font-size:30px;line-height:1}
.pc-cookie-banner-header h3{
  margin:0;font-family:"Archivo Black","Archivo",sans-serif;
  font-size:18px;letter-spacing:-0.02em;color:var(--pc-cookie-ink);
}
.pc-cookie-banner-text{flex:1;min-width:260px}
.pc-cookie-banner-text p{margin:0 0 6px;font-size:14.5px;line-height:1.5;color:var(--pc-cookie-muted)}
.pc-cookie-policy-link{
  color:var(--pc-cookie-blue);font-size:13px;font-weight:700;
  text-decoration:underline;text-underline-offset:2px;
}
.pc-cookie-policy-link:hover{color:var(--pc-cookie-red)}
.pc-cookie-banner-actions{display:flex;gap:10px;flex:none;flex-wrap:wrap}

/* ── Botones ──────────────────────────────────────────────────────────── */
.pc-cookie-btn{
  font-family:"Archivo Black","Archivo",sans-serif;
  font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;
  padding:12px 20px;border-radius:999px;border:3px solid var(--pc-cookie-ink);
  cursor:pointer;line-height:1.1;background:transparent;color:var(--pc-cookie-ink);
  transition:transform .12s ease,box-shadow .12s ease,background .15s ease,color .15s ease;
}
.pc-cookie-btn:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--pc-cookie-ink)}
.pc-cookie-btn-accept{background:var(--pc-cookie-red);color:#fff}
.pc-cookie-btn-accept:hover{background:#d32f3c}
.pc-cookie-btn-reject{background:#fff}
.pc-cookie-btn-reject:hover{background:var(--pc-cookie-yellow)}
.pc-cookie-btn-preferences{background:transparent;border-style:dashed}
.pc-cookie-btn-preferences:hover{background:var(--pc-cookie-ink);color:var(--pc-cookie-yellow);border-style:solid}

/* ── Modal de preferencias ────────────────────────────────────────────── */
.pc-cookie-modal{
  position:fixed;inset:0;z-index:9995;
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;
  font-family:"Archivo",system-ui,sans-serif;
}
.pc-cookie-modal.visible{opacity:1;visibility:visible}
.pc-cookie-modal-overlay{position:absolute;inset:0;background:rgba(10,10,10,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.pc-cookie-modal-content{
  position:relative;background:var(--pc-cookie-paper);
  border:4px solid var(--pc-cookie-ink);box-shadow:12px 12px 0 var(--pc-cookie-red);
  width:92%;max-width:600px;max-height:86vh;
  display:flex;flex-direction:column;overflow:hidden;
  transform:translateY(16px) scale(.97);transition:transform .25s ease;
}
.pc-cookie-modal.visible .pc-cookie-modal-content{transform:translateY(0) scale(1)}

.pc-cookie-modal-header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 24px;background:var(--pc-cookie-ink);
}
.pc-cookie-modal-header h3{
  margin:0;font-family:"Archivo Black","Archivo",sans-serif;
  font-size:19px;letter-spacing:-0.02em;color:var(--pc-cookie-yellow);
}
.pc-cookie-modal-close{
  background:none;border:none;font-size:30px;line-height:1;padding:0 2px;
  color:var(--pc-cookie-yellow);cursor:pointer;opacity:.75;transition:opacity .15s,transform .15s;
}
.pc-cookie-modal-close:hover{opacity:1;transform:rotate(90deg)}

.pc-cookie-modal-body{padding:24px;overflow-y:auto;flex:1}
.pc-cookie-modal-intro{margin:0 0 20px;font-size:14.5px;line-height:1.6;color:var(--pc-cookie-muted)}
.pc-cookie-categories{display:flex;flex-direction:column;gap:12px}

.pc-cookie-category{
  background:#fff;border:2px solid var(--pc-cookie-ink);padding:14px 16px;
  transition:box-shadow .15s ease,transform .15s ease;
}
.pc-cookie-category:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pc-cookie-ink)}
.pc-cookie-category-header{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.pc-cookie-category-name{
  font-family:"Archivo",sans-serif;font-weight:800;font-size:14.5px;
  color:var(--pc-cookie-ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.pc-required-badge{
  font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:500;color:#fff;background:var(--pc-cookie-ink);padding:3px 8px;
}
.pc-cookie-category-desc{margin:0;font-size:13.5px;line-height:1.5;color:var(--pc-cookie-muted);padding-left:60px}

/* Interruptor */
.pc-cookie-toggle{position:relative;display:inline-block;width:46px;height:26px;flex:none}
.pc-cookie-toggle input{opacity:0;width:0;height:0;position:absolute}
.pc-cookie-toggle-slider{
  position:absolute;inset:0;cursor:pointer;background:#fff;
  border:2.5px solid var(--pc-cookie-ink);border-radius:999px;transition:background .2s ease;
}
.pc-cookie-toggle-slider::before{
  content:"";position:absolute;height:14px;width:14px;left:3px;top:3px;
  background:var(--pc-cookie-ink);border-radius:50%;transition:transform .2s ease;
}
.pc-cookie-toggle input:checked + .pc-cookie-toggle-slider{background:var(--pc-cookie-red)}
.pc-cookie-toggle input:checked + .pc-cookie-toggle-slider::before{transform:translateX(20px);background:#fff}
.pc-cookie-toggle input:disabled + .pc-cookie-toggle-slider{opacity:.55;cursor:not-allowed}

.pc-cookie-modal-footer{
  padding:16px 24px;border-top:3px solid var(--pc-cookie-ink);background:var(--pc-cookie-yellow);
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;
}
.pc-cookie-modal-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ── Botón flotante ───────────────────────────────────────────────────── */
.pc-cookie-floating-btn{
  position:fixed;bottom:20px;left:20px;z-index:9985;
  width:52px;height:52px;border-radius:50%;padding:0;line-height:1;font-size:24px;
  background:var(--pc-cookie-yellow);border:3px solid var(--pc-cookie-ink);
  box-shadow:4px 4px 0 var(--pc-cookie-ink);cursor:pointer;
  display:none;align-items:center;justify-content:center;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.pc-cookie-floating-btn.visible{display:flex}
.pc-cookie-floating-btn:hover{transform:translate(-2px,-2px) rotate(-8deg);box-shadow:7px 7px 0 var(--pc-cookie-ink);background:#fff}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width:900px){
  .pc-cookie-banner-content{flex-direction:column;align-items:stretch;gap:14px;padding:18px 18px 20px}
  .pc-cookie-banner-header{justify-content:flex-start}
  .pc-cookie-banner-text{min-width:0}
  .pc-cookie-banner-actions{justify-content:stretch}
  .pc-cookie-banner-actions .pc-cookie-btn{flex:1;text-align:center}
}
@media (max-width:560px){
  .pc-cookie-banner-actions{flex-direction:column}
  .pc-cookie-banner-actions .pc-cookie-btn{width:100%}
  .pc-cookie-modal-content{width:94%;max-height:90vh;box-shadow:8px 8px 0 var(--pc-cookie-red)}
  .pc-cookie-modal-header,.pc-cookie-modal-body,.pc-cookie-modal-footer{padding:16px}
  .pc-cookie-category-desc{padding-left:0;margin-top:8px}
  .pc-cookie-modal-footer{justify-content:stretch}
  .pc-cookie-modal-actions{flex-direction:column;width:100%}
  .pc-cookie-modal-actions .pc-cookie-btn{width:100%}
  .pc-cookie-floating-btn{bottom:16px;left:16px;width:46px;height:46px;font-size:21px}
}

/* ── Accesibilidad ────────────────────────────────────────────────────── */
.pc-cookie-btn:focus-visible,
.pc-cookie-modal-close:focus-visible,
.pc-cookie-floating-btn:focus-visible,
.pc-cookie-toggle input:focus-visible + .pc-cookie-toggle-slider{
  outline:3px solid var(--pc-cookie-blue);outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
  .pc-cookie-banner,.pc-cookie-modal,.pc-cookie-modal-content,.pc-cookie-btn,
  .pc-cookie-floating-btn,.pc-cookie-category,.pc-cookie-toggle-slider,
  .pc-cookie-toggle-slider::before,.pc-cookie-modal-close{transition:none}
}