/* ============================================================
   cookie-banner.css — gears.com.mx
   Adaptado del banner de cookies de cloudgears.com.mx: mismos
   colores base que el resto del sitio (var(--primary) navy en
   vez de #9333ea morado), misma funcionalidad y estructura.
   ============================================================ */
#cookie-banner{
    position:fixed;bottom:0;left:0;right:0;z-index:9999;
    background:rgba(11,15,23,.97);
    border-top:1px solid rgba(62,99,221,.35);
    padding:18px 24px;
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:14px;
    transform:translateY(100%);
    transition:transform .4s cubic-bezier(.4,0,.2,1);
    backdrop-filter:blur(12px);
}
#cookie-banner.show{transform:translateY(0);}
#cookie-banner p{
    margin:0;font-size:.85rem;color:rgba(255,255,255,.7);
    max-width:640px;line-height:1.6;
}
#cookie-banner p a{color:#90A8F0;text-decoration:underline;}
#cookie-banner p strong{color:#fff;}
.cookie-btns{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;}
#cookie-accept{
    background:var(--primary, #3E63DD);color:#fff;border:none;
    padding:9px 22px;border-radius:8px;font-size:.85rem;
    font-weight:700;cursor:pointer;transition:.2s;
    font-family:inherit;
}
#cookie-accept:hover{background:#3457c9;}
#cookie-reject{
    background:transparent;color:rgba(255,255,255,.5);
    border:1px solid rgba(255,255,255,.15);
    padding:9px 18px;border-radius:8px;font-size:.85rem;
    font-weight:600;cursor:pointer;transition:.2s;
    font-family:inherit;
}
#cookie-reject:hover{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.8);}