/* ===========================================
   CABECERA BLACK FRIDAY – VERSIÓN ESCRITORIO
   =========================================== */

@media (min-width: 1024px) {

  /* Compensar la barra fija */
  body {
  /*  padding-top: 80px !important; */
  }

  /* Barra fija estilo premium */
  .tw-announcement-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    padding: 0 !important;
    overflow: visible !important;

    background:
      radial-gradient(circle at 0% 0%, rgba(120, 190, 255, 0.20) 0, transparent 48%),
      radial-gradient(circle at 100% 100%, rgba(6, 24, 56, 0.85) 0, transparent 55%),
      linear-gradient(120deg, #02040a 0%, #050b16 32%, #071528 58%, #0f2744 78%, #1f5893 100%) !important;

    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
  }

  /* Texturas: grid + scanlines suaves */
  .tw-announcement-bar::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    opacity: 0.08 !important;
    mix-blend-mode: soft-light !important;

    background-image:
      linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
      linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
      linear-gradient(to right, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size:
      120px 120px,
      120px 120px,
      3px 100%;
  }

  /* Brillo deslizante premium */
  .tw-announcement-bar::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;

    background: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.08) 36%,
      rgba(255, 255, 255, 0.16) 50%,
      rgba(255, 255, 255, 0.08) 64%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
    filter: blur(1px) !important;

    animation: tw-bf-header-shine 9s linear infinite !important;
    transform: translateX(-60%) !important;
  }

  @keyframes tw-bf-header-shine {
    0%   { transform: translateX(-60%); }
    100% { transform: translateX(620%); }
  }

  /* Área clicable central (no pisa menú ni logo) */
  .tw-announcement-clickarea {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    padding: 14px 0 13px !important;
    position: relative !important;
    z-index: 3 !important;
    cursor: pointer !important;
    transition: background 0.25s ease, transform 0.15s ease !important;
  }

  .tw-announcement-clickarea:hover {
    background: rgba(255, 255, 255, 0.03) !important;
  }

  .tw-announcement-inner {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
  }

  /* Layout del contenido */
  .tw-announcement-inner p {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;

    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #eef3f8 !important;
    text-align: center !important;

    flex-wrap: wrap !important;
    row-gap: 6px !important;
  }

  /* Separador vertical */
  .tw-sep {
    opacity: 0.7 !important;
    font-size: 18px !important;
    transform: translateY(0.3px) !important;
  }

  /* Píldora "BLACK FRIDAY" dorada */
  .tw-bf-pill {
    padding: 5px 18px !important;
    border-radius: 999px !important;

    font-weight: 800 !important;
    font-size: 13px !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;

    color: #181614 !important;
    background: linear-gradient(135deg, #f9df94 0%, #f5c759 50%, #f0b941 100%) !important;

    border: 1px solid rgba(0, 0, 0, 0.28) !important;
    box-shadow:
      0 1px 5px rgba(0, 0, 0, 0.32),
      inset 0 1px 1px rgba(255, 255, 255, 0.60) !important;
  }

  /* Texto principal "Ahorra 200 €..." */
  .tw-highlight-text {
    text-transform: uppercase !important;
    letter-spacing: 0.9px !important;
    font-weight: 600 !important;
    color: #f4f6fb !important;
  }

  .tw-highlight-amount {
    color: #f5d06f !important;
    font-size: 26px !important;
    letter-spacing: 0.9px !important;
    font-weight: 800 !important;
    margin: 0 4px !important;
    line-height: 1 !important;
    transform: translateY(1.5px) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  /* CTA "Ver tiendas con descuento" */
  .tw-announcement-cta {
    color: #f5d06f !important;
    font-weight: 600 !important;
    padding-bottom: 2px !important;
    border-bottom: 1px solid rgba(245, 208, 111, 0.75) !important;
    transition: color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease !important;
  }

  .tw-announcement-clickarea:hover .tw-announcement-cta {
    color: #ffe9ad !important;
    border-color: rgba(255, 233, 173, 1) !important;
    opacity: 1 !important;
  }

}






/* ======================================================
   BLACK FRIDAY – BANNER MÓVIL ULTRA PREMIUM & COMPACTO
   Versión B – tw-bf-bar-B  (NO CAMBIA NINGUNA CLASE)
   ====================================================== */

@media (max-width: 1023px) {

  .tw-bf-bar-B.tw-bf-compact {
    width: 100% !important;
    text-decoration: none !important;
    color: #ffffff !important;
    box-sizing: border-box !important;

    padding: 10px 16px 12px !important; /* <<< REDUCE ALTURA */
    text-align: center !important;

    background:
      radial-gradient(circle at 12% 0%, rgba(255,255,255,0.12) 0%, transparent 38%),
      radial-gradient(circle at 100% 90%, rgba(0,0,0,0.40) 0%, transparent 50%),
      linear-gradient(125deg, #0b1421 0%, #13263c 45%, #1a4474 85%, #1f5ca3 100%) !important;

    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: 0 3px 9px rgba(0,0,0,0.28) !important;
  }

  .tw-bf-B-inner {
    max-width: 760px !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important; /* <<< MÁS COMPACTO */
  }

  /* PILL – más premium, más delgada, menos alta */
  .tw-bf-B-pill {
    padding: 4px 18px !important; /* <<< MÁS PEQUEÑA */
    border-radius: 999px !important;

    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.65px !important;
    text-transform: uppercase !important;

    background: linear-gradient(135deg, #f8d98a 0%, #f4c353 55%, #eab03b 100%) !important;
    color: #1b1a17 !important;

    box-shadow:
      0 1px 4px rgba(0,0,0,0.25),
      inset 0 1px 1px rgba(255,255,255,0.45) !important;
  }

  /* Texto principal – una línea más estética */
  .tw-bf-B-text {
    margin-top: 5px !important;

    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.28 !important; /* <<< IDEAL PARA NO SALTAR */
    color: #f4f6fb !important;

    text-shadow: 0 1px 2px rgba(0,0,0,0.32) !important;
    text-wrap: balance !important;

    padding: 0 6px !important; 
  }

  /* 200 € más premium, más grande pero sin romper líneas */
  .tw-bf-B-amount {
    font-size: 17.5px !important; /* <<< +1.5 pero sigue compacto */
    font-weight: 800 !important;
    color: #ffdf9e !important;

    text-shadow: 0 1px 3px rgba(0,0,0,0.35) !important;
  }

  /* CTA premium – elegante y ultracompacto */
  .tw-bf-B-cta {
    margin-top: 0px !important;
    padding-bottom: 1px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffdf9e !important;

    border-bottom: 1px solid rgba(255,223,158,0.7) !important;

    display: inline-flex !important;
    align-items: center !important;
  }

  .tw-bf-B-cta:hover {
    color: #ffeec3 !important;
    border-color: #ffeec3 !important;
  }
}



/* =========================================
   BLACK FRIDAY — Versión premium refinada
   ========================================= */

.category-id-40 .product-price-and-shipping {
  font-family: 'Inter', system-ui, sans-serif;
  display: block;
  line-height: 1.28;
  white-space: nowrap;
}

.category-id-40 .product-price-and-shipping > * {
  display: inline-block;
  vertical-align: middle;
}

/* Precio tachado mejorado */
.category-id-40 .product-price-and-shipping .regular-price {
  font-size: 0.92rem;
  color: rgba(0,0,0,0.55);
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
  margin-right: 8px;
  vertical-align: -1px;
}

/* Precio actual */
.category-id-40 .product-price-and-shipping .price {
  font-size: 1.36rem;
  font-weight: 700;
  color: #1c273a;
  margin-right: 6px;
  vertical-align: -2px;
}

/* IVA */
.category-id-40 .product-price-and-shipping .tax-shipping-delivery-label {
  font-size: 0.78rem;
  color: rgba(0,0,0,0.55);
  margin: 0 10px 0 4px;
  vertical-align: -1px;
}


/* =========================================
   BLACK FRIDAY — Pill con icono premium
   ========================================= */

.category-id-40 .product-price-and-shipping .bf-discount-pill {
  background: #f9d474; /* oro claro legible */
  color: #1c273a;
  font-size: 0.76rem;
  font-weight: 700;
  padding: 3px 10px 3px 10px;
  border-radius: 6px;
  line-height: 1;
  white-space: nowrap;
  vertical-align: -1px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  display: inline-flex;
  align-items: center;
  gap: 4px; /* separación icono-texto */
}

.category-id-40 .product-price-and-shipping .bf-discount-pill::before {
  content: "★";
  font-size: 0.78rem;
  font-weight: 700;
  color: #1c273a; /* mismo color que el texto */
  margin-top: -1px; /* micro ajuste óptico */
}