/* Estilos del banner de cookies. Usa las variables de color del sitio
   (--crema, --papel, --gato, --gato-osc, --costra, --suave, --linea, --tinte),
   así que hereda el mismo estilo tanto en la web principal como en el blog. */

#gatroig-cookies{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:14px;display:flex;justify-content:center}
#gatroig-cookies .gc-card{width:100%;max-width:640px;background:var(--papel);border:1.5px solid var(--linea);border-radius:16px;box-shadow:0 10px 32px rgba(74,44,26,.18);padding:18px 20px}
#gatroig-cookies .gc-text{margin:0 0 14px;font-size:.92rem;line-height:1.5;color:var(--costra)}
#gatroig-cookies .gc-text a{color:var(--gato-osc);text-decoration:underline}

#gatroig-cookies .gc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
#gatroig-cookies .gc-btn{all:unset;box-sizing:border-box;cursor:pointer;flex:1 1 auto;text-align:center;min-width:120px;padding:11px 16px;border-radius:999px;font-weight:600;font-size:.92rem;border:1.5px solid transparent}
/* Aceptar y Rechazar llevan exactamente el mismo color, tamaño y peso —
   ninguno debe destacar más que el otro. */
#gatroig-cookies .gc-btn--solid,
#gatroig-cookies .gc-btn--outline{background:var(--gato);color:var(--papel)}
#gatroig-cookies .gc-btn--solid:hover,
#gatroig-cookies .gc-btn--outline:hover{background:var(--gato-osc)}
#gatroig-cookies .gc-links{margin:0 0 12px;font-size:.85rem;text-align:center}
#gatroig-cookies .gc-links a{color:var(--gato-osc);text-decoration:underline}
#gatroig-cookies .gc-btn--ghost{display:block;width:100%;background:transparent;color:var(--suave);border-color:var(--linea)}
#gatroig-cookies .gc-btn--ghost:hover{background:var(--tinte);color:var(--gato-osc)}
#gatroig-cookies .gc-btn:focus-visible,
#gatroig-cookies .gc-switch input:focus-visible + span{outline:3px solid var(--gato);outline-offset:2px}

#gatroig-cookies .gc-panel{border-top:1px solid var(--linea);margin-top:4px;margin-bottom:14px;padding-top:14px}
#gatroig-cookies .gc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}
#gatroig-cookies .gc-row b{display:block;font-size:.92rem;color:var(--costra)}
#gatroig-cookies .gc-row small{display:block;color:var(--suave);font-size:.82rem;margin-top:2px;line-height:1.4}

#gatroig-cookies .gc-switch{position:relative;display:inline-block;width:42px;height:24px;flex:none}
#gatroig-cookies .gc-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
#gatroig-cookies .gc-switch span{position:absolute;inset:0;background:var(--linea);border-radius:999px;transition:background .15s}
#gatroig-cookies .gc-switch span::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--papel);border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#gatroig-cookies .gc-switch input:checked + span{background:var(--gato)}
#gatroig-cookies .gc-switch input:checked + span::before{transform:translateX(18px)}
#gatroig-cookies .gc-switch--locked{opacity:.65}
#gatroig-cookies .gc-switch--locked input{cursor:not-allowed}

#gatroig-cookies .gc-save{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;text-align:center;margin-top:6px;padding:10px 16px;border-radius:999px;font-weight:600;font-size:.9rem;background:var(--gato);color:var(--papel)}
#gatroig-cookies .gc-save:hover{background:var(--gato-osc)}
#gatroig-cookies .gc-save:focus-visible{outline:3px solid var(--costra);outline-offset:2px}

#gc-reopen{all:unset;box-sizing:border-box;cursor:pointer;position:fixed;left:14px;bottom:14px;z-index:9998;background:var(--papel);border:1.5px solid var(--linea);color:var(--suave);font-size:.78rem;font-weight:600;border-radius:999px;padding:7px 13px;box-shadow:0 2px 10px rgba(74,44,26,.12)}
#gc-reopen:hover{border-color:var(--gato);color:var(--gato-osc)}
#gc-reopen:focus-visible{outline:3px solid var(--gato);outline-offset:2px}

@media (max-width:480px){
  #gatroig-cookies{padding:10px}
  #gatroig-cookies .gc-card{padding:16px}
}