/* Subl3D Barra de Oferta */
.s3bo{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px;padding:6px 16px;background-color:var(--s3bo-bg);background-size:cover;background-position:center;overflow:hidden;font-family:var(--s3bo-font-text,Quicksand,ui-rounded,"Segoe UI",system-ui,sans-serif);line-height:1.1;text-align:center}
.s3bo[hidden]{display:none!important}
.s3bo--hide-announce:not([hidden])~.s3-announce{display:none!important}
.s3bo-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 28px;max-width:1200px}
.s3bo-head{display:flex;flex-direction:column;align-items:center;gap:2px}
.s3bo p{margin:0!important;padding:0}
.s3bo .s3bo-title{font-family:var(--s3bo-font-title,inherit)!important;font-size:clamp(22px,2.6vw,36px)!important;font-weight:700!important;color:var(--s3bo-title)!important;letter-spacing:.01em;line-height:1!important}
.s3bo .s3bo-title a{color:inherit!important;text-decoration:none!important}
.s3bo .s3bo-sub{font-family:var(--s3bo-font-text,inherit)!important;font-size:14px!important;font-weight:700!important;color:var(--s3bo-sub)!important;line-height:1.2!important}
.s3bo--upper .s3bo-title,.s3bo--upper .s3bo-sub,.s3bo--upper .s3bo-code-txt{text-transform:uppercase}
.s3bo-timer{display:flex;align-items:flex-start;gap:6px;color:var(--s3bo-timer);font-variant-numeric:tabular-nums}
.s3bo-unit{display:flex;flex-direction:column;align-items:center;min-width:44px}
.s3bo-num{font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1}
.s3bo-lbl-s{display:none}
.s3bo-lbl{margin-top:3px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.s3bo-sep{font-size:22px;line-height:1.3;opacity:.7}
.s3bo .s3bo-code{position:relative;display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 20px!important;border:0!important;border-radius:999px!important;background:var(--s3bo-badge-bg)!important;color:var(--s3bo-badge)!important;font:inherit!important;font-family:var(--s3bo-font-text,inherit)!important;font-size:clamp(16px,1.7vw,22px)!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:none;line-height:1!important;cursor:pointer;box-shadow:none!important;transition:transform .15s ease}
.s3bo .s3bo-code:hover{transform:translateY(-1px)}
.s3bo .s3bo-code:focus-visible{outline:3px solid var(--s3bo-badge);outline-offset:2px}
.s3bo-tag{width:22px;height:22px;flex:none}
.s3bo-copied{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.s3bo-deco{position:absolute;top:50%;transform:translateY(-50%);max-height:100%;width:auto;max-width:22%;object-fit:contain;pointer-events:none}
.s3bo-deco--l{left:8px}.s3bo-deco--r{right:8px}
.s3bo-flag{position:absolute;top:2px;left:50%;transform:translateX(-50%);z-index:2;font:600 10px/1.4 system-ui,sans-serif;padding:0 6px;border-radius:0 0 4px 4px;background:#3b2a1e;color:#fff;opacity:.8}
@media (max-width:1100px){.s3bo-deco{max-width:14%}}
@media (max-width:767px){
  /* Móvil compacto: título arriba y, debajo, contador y código en una sola fila */
  .s3bo{min-height:0;padding:6px 10px 7px}
  .s3bo--no-mobile{display:none!important}
  .s3bo--no-mobile.s3bo--hide-announce~.s3-announce{display:block!important}
  .s3bo-deco{display:none}
  .s3bo-inner{gap:4px 10px;flex-wrap:wrap}
  .s3bo-head{flex-basis:100%;flex-direction:row;justify-content:center;align-items:baseline;gap:6px}
  .s3bo .s3bo-title{font-size:17px!important}
  .s3bo .s3bo-sub{display:none!important}
  .s3bo-timer{gap:2px;align-items:center}
  .s3bo-unit{flex-direction:row;align-items:baseline;gap:1px;min-width:0}
  .s3bo-num{font-size:16px;font-weight:700}
  .s3bo-lbl{margin:0;font-size:9px;letter-spacing:0;text-transform:none;opacity:.9}
  .s3bo-lbl-l{display:none}.s3bo-lbl-s{display:inline}
  .s3bo-sep{font-size:12px;line-height:1;opacity:.5;margin:0 1px}
  .s3bo .s3bo-code{padding:5px 10px!important;gap:5px;font-size:12.5px!important}
  .s3bo-tag{width:13px;height:13px}
}
@media (max-width:359px){
  .s3bo .s3bo-title{font-size:15px!important}
  .s3bo-num{font-size:14px}
  .s3bo .s3bo-code{padding:4px 8px!important;font-size:11.5px!important}
}
@media (prefers-reduced-motion:reduce){.s3bo .s3bo-code{transition:none}}