/* Imagen general de la campaña Black Days: la foto en blanco y negro de las dos caras, con velo oscuro, a pantalla completa tras el anuncio. */
.bfm, .bfm img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.bfm img { object-fit: cover; object-position: 60% 40%; filter: grayscale(1) contrast(1.05) brightness(.7); }
.bfm::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 12, 10, .45) 0%, rgba(14, 12, 10, .25) 45%, rgba(14, 12, 10, .6) 100%); }
@media (max-width: 699px) { .bfm img { object-position: 70% 40%; } }
.hx-bf .bfl-wrap { background: #15130F; overflow: hidden; }
.hx-bf .bfl-wrap::after { display: none; }
.hx-bf .bf-tarjeta { background: rgba(21, 19, 15, .62); color: #EEF3B7; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(238, 243, 183, .28); box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .7); }
.hx-bf .bf-marca { display: block; width: min(300px, 62%); height: auto; margin: 30px auto 0; }
.hx-bf .bf-t { color: rgba(238, 243, 183, .8); padding-top: 16px; }
.hx-bf h1, .hx-bf h1 b, .hx-bf .bf-x, .hx-bf .bf-hoy { color: #EEF3B7; }
.hx-bf .bf-bt { border-top-color: rgba(238, 243, 183, .3); }
.hx-bf .bf-bt > * { color: rgba(238, 243, 183, .85); } .hx-bf .bf-bt > * + * { color: #EEF3B7; border-left-color: rgba(238, 243, 183, .3); }
.hx-bf .bf-bt > *:hover, .hx-bf .bf-bt > *:focus-visible { background: rgba(238, 243, 183, .1); }
.bfp-recordatorio .bfp-fondo { background: #15130F; animation: none; transform: none; inset: 0; left: 0; top: 0; width: auto; display: block; }
.bfp-recordatorio .bfp-fondo .bfm { position: absolute; }
.bf-banda-fondo { position: absolute; inset: 0; width: auto; transform: none; animation: none; background: none; display: block; }
.bf-banda-a { background: #15130F; }
.bf-banda-a:hover .bf-banda-fondo { transform: none; }
.bf-banda-card { background: rgba(21, 19, 15, .66); color: #EEF3B7; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid rgba(238, 243, 183, .28); }
.bf-banda-b { border-top-color: rgba(238, 243, 183, .3); color: #EEF3B7; }
.bfp-recordatorio .bfp-card { background: rgba(244, 244, 232, .96); }
@media (min-width: 900px) { .hx-bf .hx-in { place-items: center start; padding-left: clamp(40px, 6vw, 110px); } .hx-bf .bfm img { object-position: 78% 40%; } }

/* ---------- Sin cajas: el anuncio va directamente sobre la foto, en amarillo #EEF3B7, como el cartel ---------- */
.hx-bf .bf-tarjeta { background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 0; overflow: visible; width: min(560px, 100%); text-shadow: 0 2px 22px rgba(0, 0, 0, .55); }
.hx-bf .bf-marca { width: min(340px, 70%); margin: 0 auto 6px; filter: drop-shadow(0 4px 24px rgba(0, 0, 0, .5)); }
.hx-bf .bf-t { letter-spacing: .28em; padding: 10px 0 0; }
.hx-bf h1 { padding: 0; }
.hx-bf .bf-x { padding: 0 0 8px; max-width: 46ch; margin-inline: auto; }
.hx-bf .bf-bt { display: flex; justify-content: center; gap: 14px 34px; flex-wrap: wrap; border: 0; margin-top: 22px; }
.hx-bf .bf-bt > * { display: inline-block; min-height: 0; padding: 4px 0; border: 0; background: none; color: #EEF3B7; font: 400 1rem var(--sans); text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.hx-bf .bf-bt > * + * { border: 0; font-weight: 700; }
.hx-bf .bf-bt > *:hover, .hx-bf .bf-bt > *:focus-visible { background: none; text-decoration-thickness: 2px; }
.hx-bf .bfm::after { background: linear-gradient(180deg, rgba(14, 12, 10, .5) 0%, rgba(14, 12, 10, .42) 50%, rgba(14, 12, 10, .72) 100%); }
@media (min-width: 900px) { .hx-bf .bf-tarjeta { text-align: left; } .hx-bf .bf-marca { margin-inline: 0; } .hx-bf .bf-bt { justify-content: flex-start; } .hx-bf .bf-x { margin-inline: 0; } }

/* aviso emergente */
.bfp-recordatorio .bfp-card { background: none; box-shadow: none; border-radius: 0; overflow: visible; width: min(480px, 100%); text-shadow: 0 2px 22px rgba(0, 0, 0, .6); }
.bfp-recordatorio .bfp-t { color: rgba(238, 243, 183, .8); }
.bfp-recordatorio .bfp-x, .bfp-recordatorio .bfp-x b { color: #EEF3B7; }
.bfp-recordatorio .bfp-bt { border: 0; display: flex; justify-content: center; gap: 14px 34px; margin-top: 8px; }
.bfp-recordatorio .bfp-bt > * { display: inline-block; min-height: 0; padding: 4px 0; background: none; border: 0; color: #EEF3B7; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.bfp-recordatorio .bfp-bt > * + * { border: 0; font-weight: 700; color: #EEF3B7; }
.bfp-recordatorio .bfp-bt > *:hover, .bfp-recordatorio .bfp-bt > *:focus-visible { background: none; text-decoration-thickness: 2px; }

/* banda de mitad de página */
.bf-banda-a { background: #15130F; }
.bf-banda-card { background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 0; overflow: visible; color: #EEF3B7; text-shadow: 0 2px 20px rgba(0, 0, 0, .55); }
.bf-banda-t, .bf-banda-a .bf-banda-x { color: #EEF3B7; }
.bf-banda-b { border: 0; min-height: 0; padding: 6px 0 0; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.bf-banda-a:hover .bf-banda-b, .bf-banda-a:focus-visible .bf-banda-b { background: none; text-decoration-thickness: 2px; }