/* ==========================================================================
   components/consent.css
   Aviso de cookies (solo aparece si hay IDs de medición en data.js).
   ========================================================================== */
.consent { position: fixed; z-index: 95; left: 50%; bottom: 20px; width: min(620px, calc(100% - 32px)); display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 20px; background: rgba(17,17,23,.96); border: 1px solid var(--line-2); backdrop-filter: blur(14px); box-shadow: 0 30px 60px -20px rgba(0,0,0,.9); transform: translate(-50%, 150%); transition: transform .6s var(--ease); }
.consent.show { transform: translate(-50%, 0); }
.consent p { margin: 0; font-size: .86rem; color: #d4d4dc; flex: 1; }
.consent__btns { display: flex; gap: 8px; flex: none; }
@media (max-width: 600px) { .consent { flex-direction: column; align-items: stretch; bottom: 90px; } .consent__btns .btn { flex: 1; } }