/* CMP AEPD-compliant · botones misma prominencia · sin dark patterns */
.pex-cc{position:fixed;left:0;right:0;bottom:0;z-index:99999;padding:16px;pointer-events:none;font-family:inherit;-webkit-font-smoothing:antialiased}
.pex-cc__panel{max-width:720px;margin:0 auto;background:#fff;color:#1a1a1a;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.15);padding:22px 24px;pointer-events:auto;border:1px solid rgba(0,0,0,.08)}
.pex-cc__title{font-size:17px;font-weight:700;margin:0 0 8px;color:#1a1a1a}
.pex-cc__desc{font-size:13.5px;line-height:1.55;color:#333;margin:0 0 16px}
.pex-cc__link{color:#CC2200;text-decoration:underline;font-weight:600;margin-left:4px}
.pex-cc__actions{display:flex;gap:10px;flex-wrap:wrap}
.pex-cc__btn{flex:1 1 auto;min-width:140px;padding:12px 18px;border-radius:8px;border:2px solid transparent;font-weight:700;font-size:14px;cursor:pointer;transition:transform .1s,box-shadow .15s,background .15s;font-family:inherit;line-height:1.2}
.pex-cc__btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.15)}
.pex-cc__btn:active{transform:translateY(0)}
/* MISMA prominencia: 3 botones idéntico peso visual · solo cambia color de fondo */
.pex-cc__btn--accept{background:#CC2200;color:#fff;border-color:#CC2200}
.pex-cc__btn--reject{background:#404040;color:#fff;border-color:#404040}
.pex-cc__btn--prefs{background:#fff;color:#404040;border-color:#404040}
.pex-cc__cat{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.pex-cc__cat:last-of-type{border-bottom:none}
.pex-cc__cat-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pex-cc__cat-label{font-weight:700;font-size:14px;color:#1a1a1a}
.pex-cc__cat-desc{margin:6px 0 0;font-size:12.5px;color:#666;line-height:1.5}
.pex-cc__badge{background:#1E7C1E;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.3px}
.pex-cc__badge--on{background:#1E7C1E}
/* Toggle switch */
.pex-cc__switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}
.pex-cc__switch input{opacity:0;width:0;height:0}
.pex-cc__slider{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:999px;transition:.2s}
.pex-cc__slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}
.pex-cc__switch input:checked+.pex-cc__slider{background:#CC2200}
.pex-cc__switch input:checked+.pex-cc__slider::before{transform:translateX(20px)}
.pex-cc__switch input:focus-visible+.pex-cc__slider{box-shadow:0 0 0 3px rgba(204,34,0,.35)}
/* Mobile: apila botones sin perder prominencia */
@media (max-width:520px){
  .pex-cc{padding:10px}
  .pex-cc__panel{padding:18px 18px}
  .pex-cc__actions{flex-direction:column}
  .pex-cc__btn{width:100%;min-width:0}
}
/* Respetar sistema oscuro del usuario si viene del OS */
@media (prefers-color-scheme:dark){
  .pex-cc__panel{background:#1a1a1a;color:#f0f0f0;border-color:rgba(255,255,255,.1)}
  .pex-cc__title{color:#fff}
  .pex-cc__desc{color:#d0d0d0}
  .pex-cc__cat-label{color:#fff}
  .pex-cc__cat-desc{color:#aaa}
  .pex-cc__btn--prefs{background:#1a1a1a;color:#f0f0f0;border-color:#666}
}
