.barrio-cookie[hidden], .barrio-cookie-settings[hidden] { display: none !important; }
.barrio-cookie { position: fixed; z-index: 99999; right: 18px; bottom: 18px; left: 18px; max-width: 720px; margin: 0 auto; padding: 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: #111; color: #fff; box-shadow: 0 20px 70px rgba(0,0,0,.5); }
.barrio-cookie__content { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.barrio-cookie strong { display: block; margin-bottom: 6px; font-size: 18px; }
.barrio-cookie p { margin: 0; color: #c8c8c8; font-size: 14px; line-height: 1.55; }
.barrio-cookie__actions { display: flex; flex: 0 0 auto; gap: 10px; }
.barrio-cookie button, .barrio-cookie-settings { min-height: 42px; padding: 10px 17px; border-radius: 9px; font: inherit; font-weight: 800; cursor: pointer; }
.barrio-cookie__accept { border: 1px solid #df2b20; background: #df2b20; color: #fff; }
.barrio-cookie__reject { border: 1px solid #555; background: transparent; color: #fff; }
.barrio-cookie-settings { position: fixed; z-index: 99998; left: 14px; bottom: 14px; min-height: 34px; padding: 7px 11px; border: 1px solid #444; background: #111; color: #ddd; font-size: 12px; }
@media (max-width: 620px) { .barrio-cookie__content { align-items: stretch; flex-direction: column; gap: 16px; } .barrio-cookie__actions { width: 100%; } .barrio-cookie__actions button { flex: 1; } }