.elementor-element-297c28cf, .elementor-element-5a816cd {display: none;}





/* ============================================================
   ESTRUCTURA RESPONSIVE LIMPIA Y DEFINITIVA
   ============================================================ */

#category #left-column {
	display: none !important;
}

#category #main {
	margin-bottom: 20px;
}

.view_list .product-desc-wrap {
	padding: 0 !important;
}

/* Expandir la columna derecha / wrapper de contenido */
#category #content-wrapper-left {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}


/* Reset para evitar arrastres de Alysum */
article.product-miniature {
    width: auto;
    box-sizing: border-box;
}

/* ============================================
   GRID PRINCIPAL (2 columnas por defecto)
============================================ */
#category .product-list-container {
    display: flex;
    flex-wrap: wrap;
    gap: 34px;
}

/* Cada card ocupa la mitad del ancho */
article.product-miniature {
    width: calc(50% - 17px);
}

/* ============================================================
   < 700px → 1 COLUMNA (VERTICAL)
============================================================ */
@media (max-width: 699px) {

    article.product-miniature {
        width: 100% !important;
        display: block !important;
        flex-direction: column !important;
    }

    .product-thumbnail,
    .thumbnail-container {
        width: 100% !important;
        min-width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 18px !important;
        display: block !important;
    }

    .product-desc-wrap {
        width: 100% !important;
    }

    .product-description {
        display: block !important;
        width: 100% !important;
    }
}

/* ============================================================
   700px – 1399px → 2 COLUMNAS (VERTICAL)
============================================================ */
@media (min-width: 700px) and (max-width: 1399px) {

    article.product-miniature {
        width: calc(50% - 17px) !important;
        display: block !important;
        flex-direction: column !important;
    }

    /* Imagen arriba, full width */
    .product-thumbnail,
    .thumbnail-container {
        width: 100% !important;
        min-width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 18px !important;
        display: block !important;
    }

    /* Info debajo */
    .product-desc-wrap {
        width: 100% !important;
        display: block !important;
    }

    .product-description {
        display: block !important;
        width: 100% !important;
    }
}


/* ============================================================
   ≥ 1400px → 2 COLUMNAS HORIZONTALES (ALYSUM ORIGINAL)
   ============================================================ */
@media (min-width: 1400px) {

    /* Card horizontal REAL */
    article.product-miniature {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 30px !important; /* opcional: separa imagen/info */
    }

    /* Imagen fija a la izquierda */
    .product-thumbnail {
		width: 28%;
    }
    .thumbnail-container {
		width: 100%;
    }

    /* Imagen interna */
    .product-thumbnail img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* BLOQUE INFO — este es el correcto */
    .product-desc-wrap {
        flex: 1 !important;
        width: auto !important;
        display: block !important;
    }

    /* Nunca tocar product-description en horizontal */
    .product-description {
        display: block !important;
        width: 100% !important;
    }
}



/* ========================================================================== */
/*  ESTILO PREMIUM FINAL CONSOLIDADO (2025)                                   */
/*  Opción 2A – Premium clean & profesional                                   */
/* ========================================================================== */


/* -------------------------------------------------------------------------- */
/*  CARD BASE                                                                  */
/* -------------------------------------------------------------------------- */
article.product-miniature {
  position: relative;
  padding: 26px 26px 32px;
margin-bottom: 1.8rem;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(10, 37, 64, 0.06);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  overflow: hidden;
}

article.product-miniature:hover {
  border-color: rgba(10, 37, 64, 0.14);
  box-shadow: 0 24px 54px rgba(0,0,0,0.14);
  transform: translateY(-4px);
}

/* Accesibilidad: si un link dentro recibe focus */
article.product-miniature:has(a:focus-visible) {
  outline: 2px solid rgba(255, 199, 58, 0.55);
  outline-offset: 3px;
}



/* -------------------------------------------------------------------------- */
/*  RIBBON OFERTA ESPECIAL — V5 Carbon Black Pro (máxima legibilidad)        */
/* -------------------------------------------------------------------------- */
/*
article.product-miniature::before {
  content: "OFERTA ESPECIAL";
  position: absolute;
  top: 21px;
  left: 28px;

  padding: 4px 13px !important;
  border-radius: 10px;

  /* Fondo oscuro premium */
  background: linear-gradient(
  to bottom,
  rgba(11, 26, 50, 0.95),
  rgba(11, 26, 50, 0.88)
);

  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(3px);
  font-size: 0.69rem;
  font-weight: 600;
  color: #ffffff;                        
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.22);
  z-index: 6;
  transform: translateY(0);
  transition: transform .22s ease, box-shadow .22s ease;
}

article.product-miniature:hover::before {
  transform: translateY(-1px);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.28);
}

/* Responsive móvil */
@media (max-width:480px){
  article.product-miniature::before {
    top: 10px;
    left: 16px;
    font-size: .75rem;
    padding: 5px 11px !important;
  }
}
*/



/* -------------------------------------------------------------------------- */
/*  BADGE DESCUENTO — VARIANTE 3 · Apple Store Edition · Ultra Visible       */
/* -------------------------------------------------------------------------- */

.product-miniature .product-flags {
  position: absolute;
  top: 32px;
  right: 22px !important;
	left: unset !important;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 5;
}

.product-miniature .product-flags .product-flag.discount {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 7px 20px;                   
  border-radius: 14px;             
  white-space: nowrap;

  background: linear-gradient(135deg, #ffd56a, #ffb935) !important;
  color: #0b1a32 !important;

  font-size: 0.95rem;                 
  font-weight: 700;
  letter-spacing: -0.015em;

  box-shadow:
    0 4px 14px rgba(0,0,0,0.16),
    inset 0 1px 1px rgba(255,255,255,0.45);

  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease;
}

/* Hover desde la card */
.product-miniature:hover .product-flags .product-flag.discount {
  transform: translateY(-4px);
  box-shadow:
    0 8px 20px rgba(0,0,0,0.22),
    inset 0 1px 1px rgba(255,255,255,0.55);
}


/* -------------------------------------------------------------------------- */
/*  IMAGEN                                                                     */
/* -------------------------------------------------------------------------- */

.thumbnail-container,
.product-thumbnail {
  border-radius: 18px;
}
.product-thumbnail {
	  overflow: hidden;
}
.thumbnail-container img,
.product-thumbnail img {
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  transition: transform .25s ease, box-shadow .25s ease;
  display: block;
}

article.product-miniature:hover .thumbnail-container img {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 16px 32px rgba(0,0,0,0.12);
}


/* -------------------------------------------------------------------------- */
/*  TÍTULO + PROVEEDOR                                                         */
/* -------------------------------------------------------------------------- */
h4.product-title a {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 1.50rem;
  font-weight: 850;
  color: #0A2540 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.18;
  text-decoration: none !important;
}

.product-brand a {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: .80rem;
  background: #F2F4F8;
  color: #4B5565 !important;
  margin-top: 2px;
  letter-spacing: .01em;
	opacity: .66;
}


/* -------------------------------------------------------------------------- */
/*  BLOQUE PRECIO + BLACK FRIDAY — ESPACIADO                                  */
/* -------------------------------------------------------------------------- */

#category .product-price-and-shipping {
font-family: 'Inter', system-ui, sans-serif;
  white-space: nowrap;
  line-height: 1.28;
    background: #F5F5F7 !important;
    box-shadow:
      0 4px 10px rgba(0,0,0,0.10),
      0 1px 3px rgba(0,0,0,0.08);
  padding: 14px 18px;
  border-radius: 14px;
  margin: 18px 0 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 18px;
  transition: box-shadow .22s ease, transform .22s ease;
}


/* Hover — más “elevación”, sin volverse agresivo */
article.product-miniature:hover .product-price-and-shipping {
    box-shadow: 0 8px 22px rgba(0,0,0,0.06), 
            0 4px 12px rgba(0,0,0,0.04);
    transform: translateY(-1px);
}


/* Precio anterior */
.regular-price {
  color: #CC4444;
  text-decoration: line-through;
  font-size: 0.95rem;
  margin-right: 4px;
}

/* Precio actual */
#category .price {
  font-size: 1.82rem;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 850;
  color: #0A2540;
  letter-spacing: -0.035em;
  line-height: 1;
  margin-right: 6px;
}

/* IVA */
.tax-shipping-delivery-label {
  font-size: .76rem;
  opacity: .7;
  margin-left: 0;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

/* pill BF – versión original exacta */
.product-price-and-shipping .bf-discount-pill {
  background: rgb(249, 212, 116);
  color: rgb(26, 36, 47);
  font-size: 0.76rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 7px;
  line-height: 1;
  white-space: nowrap;
  vertical-align: 1px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 2px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: transform 0.18s;
}

.product-price-and-shipping .bf-discount-pill::before {
  content: "★";
  font-size: 0.78rem;
  font-weight: 700;
  color: rgb(26, 36, 47);
  margin-top: -1px;
}

/* efecto hover suavísimo */
article.product-miniature:hover .bf-discount-pill {
  transform: translateX(1px);
}


/* -------------------------------------------------------------------------- */
/*  BULLETS                                                                    */
/* -------------------------------------------------------------------------- */
.product-description-short ul {
  padding-left: 18px;
  margin: 8px 0 14px;
}

.product-description-short li {
  font-size: .92rem;
  line-height: 1.32;
  margin-bottom: 5px;
  color: #2C3643;
}


/* -------------------------------------------------------------------------- */
/*  CTAs (con SVG premium minimalista)                                        */
/* -------------------------------------------------------------------------- */

.btn-list {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* VISITAR */
#category .btn-list-visit {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  padding: 12px 18px !important;
	margin-top: 0.3rem;
  background: #F5F7FB !important;
  border: 1px solid #D8DEE7 !important;
  color: #0A2540 !important;
  border-radius: 14px;
  font-size: .94rem;
  font-weight: 680;
  text-transform: uppercase;
  transition: background .22s ease, transform .22s ease, box-shadow .22s ease;
}

#category .btn-list-visit:hover {
  background: #E9EDF4 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(10, 37, 64, 0.18);
}

/* Icono flecha SVG minimalista */
#category .btn-list-visit::after {
  content: "";
  width: 15px;
  height: 15px;
  background: #0A2540;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M7 5l5 5-5 5'/></svg>");
  transition: transform .22s ease;
}

.btn-list-visit:hover::after {
  transform: translateX(2px);
}

/* COMPRAR AHORA */
#category .btn-list-mas {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  padding: 13px 20px !important;
	margin-top: 0.5rem;
  background: #FFC73A !important;
  color: #0A2540 !important;
  border-radius: 14px;
  font-size: .98rem;
  font-weight: 780;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  border: none !important;
  transition: background .22s ease, transform .22s ease, box-shadow .22s ease;
}

#category .btn-list-mas:hover {
  background: #EFB52F !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(185, 191, 194, 0.51);
}

/* Icono carrito SVG minimalista */
.btn-list-mas::after {
  content: "";
  width: 17px;
  height: 17px;
  background: #0A2540;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4 4.5h2l1.5 9.3a1.6 1.6 0 0 0 1.6 1.3h8.1a1.6 1.6 0 0 0 1.6-1.2L20 7H7.1'/><circle cx='9' cy='20' r='1.3'/><circle cx='17' cy='20' r='1.3'/></svg>");
  transition: transform .22s ease;
}

.btn-list-mas:hover::after {
  transform: translateX(2px);
}


/* OCULTAR ACCIONES NATIVAS DE ALYSUM */
.product-actions,
.product-add-to-cart-mini,
.quick-view {
  display: none !important;
}


/* -------------------------------------------------------------------------- */
/*  RESPONSIVE                                                                 */
/* -------------------------------------------------------------------------- */
@media (max-width: 767px) {

  article.product-miniature {
    padding: 20px 18px 24px !important;
  }

  h4.product-title a {
    font-size: 1.32rem !important;
  }

  .product-price-and-shipping {
    padding: 10px 13px !important;
  }
}


/* ==========================================================================================
   +1400px — VERSIÓN PREMIUM 2A.2 (TiendaWebOnline.es)
   Estructura horizontal + refinamientos pro de espaciado, jerarquía y legibilidad
   ========================================================================================== */

@media (min-width: 1400px) {

    /* --------------------------------------------------------- */
    /* CARD BASE – estructura horizontal compacta                */
    /* --------------------------------------------------------- */
    article.product-miniature {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 32px !important;
        padding: 34px 34px 28px !important; /* Menos padding inferior → adiós hueco */
        border-radius: 26px !important;
        border: 1px solid rgba(10, 37, 64, 0.06) !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08),
    0 3px 8px rgba(15, 23, 42, 0.06) !important;
    }

    /* Hover más premium */
    article.product-miniature:hover {
        border-color: rgba(10, 37, 64, 0.14) !important;
        box-shadow: 0 28px 64px rgba(0,0,0,0.12) !important;
        transform: translateY(-3px) !important;
    }


    /* --------------------------------------------------------- */
    /* IMAGEN A LA IZQUIERDA – 33%                              */
    /* --------------------------------------------------------- */
    .product-thumbnail {
        width: 33% !important;
        flex-shrink: 0 !important;
    }

    .thumbnail-container {
        width: 100% !important;
        border-radius: 20px !important;
    }

    .product-thumbnail img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 20px !important;
        box-shadow: 0 14px 30px rgba(0,0,0,0.09) !important;
        transition: transform .25s ease, box-shadow .25s ease;
    }

    article.product-miniature:hover .product-thumbnail img {
        transform: translateY(-3px) scale(1.015);
        box-shadow: 0 20px 40px rgba(0,0,0,0.14);
    }


    /* --------------------------------------------------------- */
    /* COLUMNA DE INFORMACIÓN – 67%                              */
    /* --------------------------------------------------------- */
    .product-desc-wrap {
        width: 67% !important;
    }



    /* --------------------------------------------------------- */
    /* FLAG -125€ alineada ópticamente                           */
    /* --------------------------------------------------------- */
    .product-miniature .product-flags {
        right: 22px !important;
        top: 30px !important; /* 6px más abajo → alineación perfecta */
        left: unset !important;
    }

    .product-miniature .product-flags li.flag.discount-amount {
        padding: 4px 14px !important;
        font-size: .86rem !important;
        border-radius: 999px !important;
    }


    /* --------------------------------------------------------- */
    /* TÍTULO + PROVEEDOR                                        */
    /* --------------------------------------------------------- */
    h4.product-title a {
        font-size: 1.95rem !important;
        letter-spacing: -0.03em !important;
        margin-bottom: 6px !important;
    }

    .product-brand a {
        font-size: .8rem !important;
        padding: 5px 12px !important;
        margin-bottom: 12px !important;
    }


    /* --------------------------------------------------------- */
    /* PRECIO + BLACK FRIDAY PILL                               */
    /* --------------------------------------------------------- */
    .product-price-and-shipping {
        background: #FFF6D3 !important;
        padding: 12px 20px !important; /* compactado */
        border-radius: 14px !important;
        margin: 12px 0 22px !important;
        gap: 14px !important;
        align-items: center !important;
    }

    .price {
        font-size: 2.3rem !important;
        font-weight: 880 !important;
        margin-right: 8px !important;
    }

    .regular-price {
        font-size: 1.15rem !important;
        margin-right: 6px !important;
    }

    /* BF pill mejorada */
    .product-price-and-shipping .bf-discount-pill {
        padding: 5px 14px !important;
        font-size: .82rem !important;
        border-radius: 8px !important;
        background: rgb(248, 210, 110) !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.20) !important;
        gap: 6px !important;
    }

    .product-price-and-shipping .bf-discount-pill::before {
        font-size: .95rem !important;
        margin-top: -1px !important;
    }


    /* --------------------------------------------------------- */
    /* BULLETS                                                    */
    /* --------------------------------------------------------- */
    .product-description-short ul {
        margin-top: 6px !important;
        margin-bottom: 18px !important;
    }

    .product-description-short li {
        font-size: 1.02rem !important;
        margin-bottom: 6px !important;
    }


    /* --------------------------------------------------------- */
    /* CTAS – VISITAR + COMPRAR                                  */
    /* --------------------------------------------------------- */
    .btn-list {
        margin-top: 6px !important;
        gap: 12px !important;
    }

    /* VISITAR */
    .btn-list-visit {
        padding: 14px 20px !important;
        font-size: 1.0rem !important;
    }

    /* COMPRAR */
    .btn-list-mas {
        padding: 15px 22px !important;
        font-size: 1.08rem !important;
        border-radius: 12px !important;
    }

    /* Reducir espacio blanco extra al final */
    .btn-list-mas {
        margin-bottom: 0 !important;
    }

}




@media (max-width:767px) {
	h4.product-title {
	    margin: 0 0 2px !important;
	}
}



/* ==========================================================================
   RANGO MEDIO: 700px → 1399px
   Refinado para 2 columnas premium, mayor legibilidad y equilibrio vertical
   ========================================================================== */
@media (min-width: 700px) and (max-width: 1399px) {

  /* ----- CARD ----- */
  article.product-miniature {
    padding: 24px 22px 10px !important;
    border-radius: 22px !important;
  }

  /* Imagen más protagonista pero sin dominar al texto */
  .product-thumbnail,
  .thumbnail-container {
    width: 100% !important;
    border-radius: 18px !important;
  }

  /* Ajuste fino de sombra y hover */
  .thumbnail-container img {
    box-shadow: 0 8px 20px rgba(0,0,0,0.10) !important;
  }

  /* ----- TÍTULO ----- */
  h4.product-title a {
    font-size: 1.42rem !important;
    line-height: 1.18 !important;
    margin-bottom: 2px !important;
  }

  /* ----- PROVEEDOR ----- */
  .product-brand a {
    font-size: .76rem !important;
    padding: 4px 9px !important;
    margin-bottom: 10px !important;
  }

  /* ----- BLOQUE PRECIO + BF PILL ----- */
  .product-price-and-shipping {
    padding: 13px 16px !important;
    border-radius: 14px !important;
    margin: 16px 0 14px !important;
    gap: 10px 14px !important;
  }

  .bf-discount-pill {
    padding: 4px 11px !important;
    font-size: .76rem !important;
  }

  .price {
    font-size: 1.68rem !important;
  }

  .regular-price {
    font-size: .90rem !important;
  }

  /* ----- LISTA DE BULLETS ----- */
  .product-description-short li {
    font-size: .90rem !important;
    margin-bottom: 5px !important;
  }

  /* ----- BOTONES ----- */
  .btn-list {
    gap: 10px !important;
    margin-top: 14px !important;
  }

  /* VISITAR */
  #category .btn-list-visit {
    padding: 11px 16px !important;
    font-size: .90rem !important;
  }

  /* COMPRAR AHORA */
  #category .btn-list-mas {
    padding: 12px 18px !important;
    font-size: .94rem !important;
  }

  /* Iconos ligeramente más compactos */
  .btn-list-visit::after,
  .btn-list-mas::after {
    width: 14px !important;
    height: 14px !important;
  }

  /* ----- RIBBON OFERTA ----- */
  article.product-miniature::before {
    font-size: .64rem !important;
    padding: 4px 12px !important;
    top: 12px !important;
    left: 18px !important;
  }

  /* ----- FLAG -125 ----- */
  .product-flags li.flag.discount-amount {
    font-size: .78rem !important;
    padding: 3px 12px !important;
    top: 0 !important;
    right: 0 !important;
  }

  /* ----- ESPACIADOS VERTICALES ----- */
  h4.product-title {
    margin-top: 16px;
  }

  .product-price-and-shipping {
    margin-top: 12px !important;
  }

  .btn-list {
    margin-top: 12px !important;
  }
}





/* ============================================================
   VERSIÓN PREMIUM 2025
   MÓVIL ESTRECHO –500px (Optimizado conversión)
   ============================================================ */

@media (max-width: 500px) {

  /* ----- CARD BASE ----- */
  article.product-miniature {
    padding: 18px 16px 4px !important; /* +4px abajo para respirar */
    border-radius: 20px !important;
  }

  /* Ribbon Oferta Especial */
  article.product-miniature::before {
    top: 11px !important;
    left: 12px !important;
    font-size: 0.73rem !important;
    padding: 5px 11px !important;
    border-radius: 10px !important;
  }

  /* ----- IMAGEN ----- */
  .thumbnail-container,
  .product-thumbnail {
    border-radius: 16px !important;
  }

  .product-thumbnail img {
    border-radius: 16px !important;
    transform: none !important;
  }

  /* Flag -125€ */
  .product-flags li.flag.discount-amount {
    top: 6px !important;
    right: 8px !important;
    padding: 3px 10px !important;
    font-size: 0.78rem !important;
    border-radius: 8px !important;
  }

  /* ----- TITULO + PROVEEDOR ----- */
  h4.product-title {
    margin: 0 0 5px !important;
  }

  h4.product-title a {
    font-size: 1.34rem !important;
    line-height: 1.22 !important;
  }

  .product-brand a {
    font-size: 0.76rem !important;
    padding: 4px 10px !important;
    border-radius: 10px !important;
  }

  /* ----- BLOQUE PRECIO ----- */
  .product-price-and-shipping {
    margin: 14px 0 12px !important;
    padding: 13px 15px !important;
    border-radius: 12px !important;
    gap: 10px 14px !important;
  }

  .regular-price {
    font-size: 0.92rem !important;
  }

  .price {
    font-size: 1.62rem !important;
  }

  .tax-shipping-delivery-label {
    font-size: 0.72rem !important;
  }

  /* Pill Black Friday */
  .product-price-and-shipping .bf-discount-pill {
    font-size: 0.72rem !important;
    padding: 5px 9px !important;
    border-radius: 7px !important;
    gap: 4px !important;
  }

  .product-price-and-shipping .bf-discount-pill::before {
    font-size: 0.74rem !important;
  }

  /* ----- BULLETS ----- */
  .product-description-short ul {
    margin: 6px 0 12px !important;
    padding-left: 18px !important;
  }

  .product-description-short li {
    font-size: 0.9rem !important;
    margin-bottom: 5px !important;
    line-height: 1.28 !important;
  }

  /* ----- CTAs ----- */

  /* contenedor vertical de botones */
  .btn-list {
    margin-top: 10px !important;
    gap: 10px !important;
    margin-bottom: 2px !important; /* ultra compacto pero respirando */
  }

  /* Botón VISITAR */
  .btn-list-visit {
    padding: 12px !important;
    font-size: 0.92rem !important;
    border-radius: 13px !important;
  }

  .btn-list-visit::after {
    width: 14px !important;
    height: 14px !important;
  }

  /* Botón COMPRAR AHORA */
  .btn-list-mas {
    padding: 13px !important;
    font-size: 0.97rem !important;
    border-radius: 13px !important;
  }

  .btn-list-mas::after {
    width: 16px !important;
    height: 16px !important;
  }

}




/* ------------------------------------------------------------
   2) BOTÓN COMPRAR AHORA — hover más atractivo y conversión
   ------------------------------------------------------------ */
.btn-list-mas {
    background: #FFC73A !important;
    color: #0A2540 !important;
    transition: background .22s ease, box-shadow .22s ease, transform .22s ease;
}

/* Hover optimizado para CTR
   → Más luminoso
   → Más vibrante
   → Mantiene la estética premium */
.btn-list-mas:hover {
    background: #FFD45C !important;  /* un 15% más luminoso */
    box-shadow: 0 10px 26px rgba(255, 199, 58, 0.45);
    transform: translateY(-1px);
}

/* icono carrito más definido en hover */
.btn-list-mas:hover::after {
    transform: translateX(2px);
    opacity: 0.92;
}





/* ============================================================
   BLOQUE: TODOS LOS SECTORES (GRID PREMIUM 2025)
   VERSIÓN FINAL LIMPIA · Base para futuras mejoras
============================================================ */

#tw-all-categories {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 70px 28px 95px;
  background: rgba(245,247,250,0.55);
  border-radius: 22px;
  border-bottom: 1px solid #e8eef6;
  font-family: 'Inter', system-ui, sans-serif;
}

/* ---------- TITULOS ---------- */

#tw-all-categories .tw-allcat-title {
  font-size: 2.05rem;
  font-weight: 800;
  color: #122237;
  text-align: center;
  margin: 0 0 16px;
  letter-spacing: -0.32px;
}

#tw-all-categories .tw-allcat-desc {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 42px;
  font-size: 1.04rem;
  line-height: 1.58;
  color: #5d6a79;
}

/* ---------- GRID ---------- */

.tw-allcat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 24px;
  width: 100%;
}

/* ---------- ITEM CARD ---------- */

.tw-allcat-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 14px 18px;
  background: #ffffff;
  border-radius: 16px;
  text-decoration: none;

  border: 1px solid rgba(25,45,72,0.08);
  box-shadow:
    0 1px 1px rgba(0,0,0,0.03),
    0 2px 6px rgba(0,0,0,0.04);

  transition: all 0.22s ease;
}

/* ICONOS */
.tw-allcat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(49,108,178,0.18);
  background: rgba(49,108,178,0.05);
}

.tw-allcat-icon .ti {
  line-height: 1;
  color: #316cb2;
}

.tw-i-top      { width: 44px; height: 44px; }
.tw-i-top .ti  { font-size: 22px; }

.tw-i-mid      { width: 40px; height: 40px; }
.tw-i-mid .ti  { font-size: 20px; }

.tw-i-niche    { width: 36px; height: 36px; }
.tw-i-niche .ti{ font-size: 18px; }

/* TEXTO */
.tw-allcat-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  min-height: 57px;
}

.tw-allcat-label {
  font-size: 0.95rem;
  font-weight: 600;
  color: #1c273a;
  line-height: 1.3;
}

.tw-allcat-cta {
  font-size: 0.82rem;
  font-weight: 500;
  color: #316cb2;

  max-height: 0;
  overflow: hidden;

  opacity: 0;
  visibility: hidden;

  transition: all .22s ease;
}

.tw-allcat-item:hover .tw-allcat-cta {
  max-height: 20px;
  opacity: 1;
  visibility: visible;
}

/* HOVER GLOBAL */
.tw-allcat-item:hover {
  background: #f7faff;
  border-color: rgba(49,108,178,0.33);
  box-shadow:
    0 8px 20px rgba(0,0,0,0.08),
    0 3px 6px rgba(0,0,0,0.04);
  transform: translateY(-3px);
}

.tw-allcat-item:hover .ti {
  color: #244b86;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .tw-allcat-grid { grid-template-columns: repeat(3, 1fr); }
}



/* ============================================================
   BLOQUE TODAS LAS CATEGORÍAS — MÓVIL SUPER OPTIMIZADO
   Slider horizontal + Vista expandida
============================================================ */

@media (max-width: 768px) {

  /* -------- CONTENEDOR GENERAL -------- */
  #tw-all-categories {
    padding: 38px 20px 45px !important;
  }

  /* -------- TITULOS MÁS COMPACTOS -------- */
  #tw-all-categories .tw-allcat-title {
    font-size: 1.55rem !important;
    margin-bottom: 8px !important;
  }

  #tw-all-categories .tw-allcat-desc {
    font-size: 0.88rem !important;
    line-height: 1.42 !important;
    margin-bottom: 22px !important;
    max-width: 95% !important;
  }

  /* ============================================================
     ESTADO COMPACTO (DEFAULT)
     - 1 sola fila
     - Slider horizontal
     - Solo 6 categorías visibles
  ============================================================ */

  .tw-allcat-grid {
    display: flex !important;
    overflow-x: auto !important;
    gap: 14px !important;
    padding-bottom: 8px !important;
    scroll-snap-type: x mandatory;
  }

  .tw-allcat-grid::-webkit-scrollbar {
    display: none;
  }

  /* Cada card ocupa el 75% del ancho disponible */
  .tw-allcat-item {
    flex: 0 0 75%;
    max-width: 75%;
    scroll-snap-align: start;
	  padding: 0.5rem 1.2rem;
  }

  /* Ocultar categorías 7+ por defecto */
  .tw-allcat-item:nth-child(n+7) {
    display: none !important;
  }

  /* ============================================================
     ESTADO EXPANDIDO (AL CLICAR EL BOTÓN)
     - Mostrar TODAS las categorías
     - Diseño vertical estilo listado
     - Quitar slider horizontal
  ============================================================ */

  #tw-all-categories.expanded .tw-allcat-grid {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 1 por fila */
    gap: 14px !important;
    overflow: visible !important; /* Quita el scroll horizontal */
  }

  /* Mostrar todos los items, anulando el display:none */
  #tw-all-categories.expanded .tw-allcat-item {
    display: flex !important;
    flex: 0 0 auto !important; /* Evita formato slider */
    max-width: 100% !important;
  }

  /* Mostrar scroll si fuese necesario */
  #tw-all-categories.expanded .tw-allcat-grid::-webkit-scrollbar {
    display: block !important;
  }

  /* -------- BOTÓN VER MÁS / VER MENOS -------- */
  .tw-allcat-toggle {
    text-align: center;
    margin-top: 14px;
    font-weight: 600;
    font-size: 0.93rem;
    color: #316CB2;
    cursor: pointer;
  }
}




/* ============================================================
   BOTÓN FLOTANTE CATEGORÍAS – MOBILE PREMIUM
============================================================ */

#tw-cat-float-btn {
  position: fixed;
  bottom: 22px;
  right: 20px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #316cb2;
  cursor: pointer;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.6) inset,
    0 4px 12px rgba(0,0,0,0.12);
  z-index: 99999;
  transition: all .18s ease;
}

#tw-cat-float-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.16);
}

#tw-cat-float-btn:active {
  transform: scale(0.92);
  background: rgba(255,255,255,0.80);
}

@media (min-width: 769px) {
  #tw-cat-float-btn,
  #tw-cat-modal { display: none !important; }
}



/* ============================================================
   MODAL CATEGORÍAS MOBILE
============================================================ */

#tw-cat-modal {
  position: fixed;
  inset: 0;
  background: rgba(5,15,32,0.45);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 9999;
  transition: opacity .22s ease;
}

#tw-cat-modal.tw-cat-modal--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.tw-cat-modal-inner {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,0.98) 0%, #fff 12%);
  border-radius: 20px 20px 0 0;
  padding: 18px 20px 30px;
  max-height: 82vh;
  overflow-y: auto;
  box-shadow:
    inset 0 6px 12px rgba(0,0,0,0.04),
    0 -12px 32px rgba(0,0,0,0.26);
  animation: tw-cat-fade-up .26s cubic-bezier(.24,.8,.34,1);
}

@keyframes tw-cat-fade-up {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

.tw-cat-modal-inner::-webkit-scrollbar { width: 4px; }
.tw-cat-modal-inner::-webkit-scrollbar-thumb {
  background: rgba(150,150,170,.25);
  border-radius: 99px;
}

/* Handle */
.tw-cat-modal-handle {
  width: 36px;
  height: 4px;
  border-radius: 99px;
  background: rgba(180,192,210,0.85);
  margin: 0 auto 12px;
}

/* HEADER */
.tw-cat-modal-header {
  position: relative;
  padding-right: 44px;
  margin-bottom: 10px;
}

.tw-cat-modal-title {
  font-size: 1.22rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #101828;
  margin: 0 0 4px;
}

.tw-cat-modal-sub {
  font-size: 0.84rem;
  color: #687385;
  margin: 0;
}

/* CLOSE BUTTON */
.tw-cat-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,0.96);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow:
    0 0 0 1px rgba(210,218,230,0.9),
    0 1px 4px rgba(0,0,0,0.12);
  transition: background .16s ease, transform .14s ease;
}

.tw-cat-close i {
  font-size: 14px;
  color: #253551;
  pointer-events: none;
}

.tw-cat-close:hover { background: rgba(240,240,245,0.98); }
.tw-cat-close:active { transform: scale(0.92); }

/* DESTACADAS */
.tw-cat-modal-block-title {
  font-size: 0.93rem;
  font-weight: 600;
  margin: 14px 0 10px;
  color: #111827;
}

.tw-cat-modal-featured {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}

.tw-cat-feature-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 12px;
  background: #f5f7fb;
  border: 1px solid rgba(148,176,211,0.45);
  font-size: 0.82rem;
  font-weight: 500;
  color: #1f2937;
  text-decoration: none;
  transition: all .16s ease;
}

.tw-cat-feature-chip:hover {
  background: #eef3ff;
  border-color: rgba(49,108,178,0.8);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(15,23,42,0.12);
}

/* Separador */
.tw-cat-divider {
  height: 1px;
  margin: 12px 0 18px;
  background: linear-gradient(to right,
    rgba(209,218,232,0.9),
    rgba(232,237,245,0.1),
    rgba(209,218,232,0.9)
  );
}

/* LISTA */
.tw-cat-list {
  display: flex;
  flex-direction: column;
}

.tw-cat-list-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 2px;
  border-bottom: 1px solid rgba(15,23,42,0.06);
  text-decoration: none;
  color: #0f1f33;
  font-size: 0.96rem;
  font-weight: 500;
  transition: background .16s ease, padding-left .16s ease;
}

.tw-cat-list-item:last-child {
  border-bottom: none;
}

.tw-cat-list-item:hover {
  background: rgba(49,108,178,0.04);
  padding-left: 6px;
}

.tw-cat-list-item i {
  font-size: 18px;
  color: #316cb2;
  opacity: 0.90;
  transition: all .16s ease;
}

.tw-cat-list-item:hover i {
  transform: translateX(2px);
  opacity: 1;
}

@media (max-width: 360px) {
  .tw-cat-modal-inner { padding-inline: 16px; }
}






/* ============================================================
   RESET & BASE
============================================================ */
#category-description,
#category-description * {
  box-sizing: border-box;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #0b1a32;
}

/* ============================================================
   CAPA PRINCIPAL DEL HERO
============================================================ */
#category-description {
  position: relative;
  overflow: hidden;
  padding: 2.1rem 0 3.5rem;
  background:
    radial-gradient(circle at 72% 10%, rgba(220,233,245,.28) 0%, transparent 65%),
    radial-gradient(circle at 5% 92%, rgba(203,214,228,.2) 0%, transparent 70%),
    #fff;
  box-shadow:
    rgba(15,23,42,.016) 0 22px 40px,
    rgba(255,255,255,.8) 0 1px 0;
  opacity: 0;
  transform: translateY(8px);
  animation: twCatFadeIn .55s cubic-bezier(.24,.46,.28,1) forwards;
  z-index: 2;
}

@keyframes twCatFadeIn {
  to { opacity: 1; transform: translateY(0); }
}

/* Icono por defecto si no hay categoría específica */
#category-description::before{
  content:"\ea89"; /* icono por defecto (actualmente Electrónica en tu sitio) */
  font-family:"tabler-icons" !important;
  position:absolute;
  top:20px;
  right:-160px;
  z-index:1;
  font-size:860px;
  opacity:.14;
  color:rgba(90,135,190,.32);
  filter:blur(.5px);
  user-select:none;
  pointer-events:none;
  transform:scale(1.06) rotate(-2deg);
  animation:twHeroBigIcon .8s cubic-bezier(.25,.46,.22,1) forwards;
}
body.category-id-3 #category-description::before{
  content:"\ea89"; /* device-desktop -> Electrónica (ya sabemos que te funciona) */
}

body.category-id-12 #category-description::before{
  content:"\eabe"; /* heart -> Productos eróticos */
}

body.category-id-25 #category-description::before{
  content:"\eff9"; /* paw -> Mascotas */
}

body.category-id-13 #category-description::before{
  content:"\f509"; /* perfume -> Perfumería y cosmética */
}

body.category-id-20 #category-description::before{
  content:"\eb68"; /* gift -> Regalos y merchandising */
}

body.category-id-15 #category-description::before{
  content:"\ed4f"; /* leaf -> Dietética */
}

body.category-id-14 #category-description::before{
  content:"\ee06"; /* ball-football -> Deportes */
}

body.category-id-37 #category-description::before{
  content:"\edb9"; /* layout-grid-add -> Bazar / Multi Catálogo */
}

body.category-id-21 #category-description::before{
  content:"\ec0a"; /* shirt -> Moda y complementos */
}

body.category-id-28 #category-description::before{
  content:"\eb0a"; /* photo -> Decoración */
}

body.category-id-22 #category-description::before{
  content:"\ea51"; /* bulb -> Iluminación LED */
}

body.category-id-35 #category-description::before{
  content:"\ef9e"; /* armchair -> Muebles */
}

body.category-id-17 #category-description::before{
  content:"\eb10"; /* puzzle -> Juguetes */
}

body.category-id-36 #category-description::before{
  content:"\ed7e"; /* plant-2 -> GrowShop */
}

body.category-id-29 #category-description::before{
  content:"\ebca"; /* tools -> Bricolaje y Ferretería */
}

body.category-id-18 #category-description::before{
  content:"\ef0b"; /* bottle -> Bebidas */
}

body.category-id-30 #category-description::before{
  content:"\ec2f"; /* medical-cross -> Parafarmacia */
}

body.category-id-33 #category-description::before{
  content:"\eb25"; /* shopping-cart -> AliExpress DropShipping */
}


@keyframes twHeroBigIcon {
  to { transform: scale(1) rotate(-2deg); }
}

#category-description::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    to right,
    rgba(255,255,255,.32) 0%,
    rgba(255,255,255,.15) 38%,
    rgba(255,255,255,0) 60%
  );
}

#products {
  margin-top: -2em;
  position: relative;
  z-index: 3;
}

/* ============================================================
   H1 — Estilo Apple
============================================================ */
#category-description > h1 {
  position: relative;
  z-index: 3;
  margin: 0 auto 1.6rem;
  padding: 0 1.6rem;
  max-width: 1520px;
  font-size: clamp(1.85rem, 1.4vw + 1.4rem, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.015em;
}

/* ============================================================
   LAYOUT — HERO INTERIOR
============================================================ */
#tw-cat-hero {
  position: relative;
  z-index: 3;
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.tw-hero-inner {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

@media (min-width: 880px) {
  .tw-hero-inner {
    flex-direction: row;
    justify-content: space-between;
    gap: 2.1rem;
  }

  .tw-hero-left {
    flex: 1.6;
    max-width: 780px;
    padding-right: 1.4rem;
  }

  .tw-hero-right {
    flex: 1;
    max-width: 550px;
    padding-right: 3.2rem;
  }
}

/* ============================================================
   CTA PRINCIPAL
============================================================ */
.tw-hero-cta {
  margin: .65rem 0 1.6rem;
  padding: 1rem 2.2rem;
  border-radius: 999px;
  font-size: .96rem;
  font-weight: 600;
  background: linear-gradient(135deg, #ffcf55, #f6b445);
  color: #041021 !important;
  box-shadow: 0 10px 24px rgba(133,155,179,.28);
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  text-decoration: none;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.tw-hero-cta::after {
  content: "\ea5e";
  font-family: "tabler-icons";
  font-size: 1.06rem;
  opacity: .88;
}

.tw-hero-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(15,23,42,.12);
  background-color: #020617 !important;
}

/* ============================================================
   TEXTO: kicker, lead, subtitle, pills
============================================================ */
.tw-kicker {
  display: inline-block;
  padding: .25rem .9rem;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(15,23,42,.08);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .8;
  margin-bottom: 1.4rem;
}

.tw-lead {
  margin: 0 0 .9rem;
  max-width: 41rem;
  font-size: clamp(1.45rem, 1.4vw + 1.1rem, 1.72rem);
  font-weight: 500;
  line-height: 1.34;
  color: rgba(11,26,50,.94);
  letter-spacing: -0.01em;
}

.tw-subtitle {
  margin: 0 0 1.25rem;
  max-width: 41rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.52;
  color: rgba(11,26,50,.66) !important;
}

.tw-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: 1.3rem;
}

.tw-pill {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  padding: .26rem .62rem;
  border-radius: 10px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(15,23,42,.07);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.85),
    0 1px 2px rgba(15,23,42,.02);
  font-size: .69rem;
  font-weight: 500;
  color: rgba(11,26,50,.78);
}

.tw-pill i {
  font-size: .86rem;
  color: rgba(11,26,50,.52);
}

.tw-footnote {
  margin: 0 0 1.6rem;
  font-size: .88rem;
  line-height: 1.46;
  color: rgba(11,26,50,.52) !important;
}

/* ============================================================
   TARJETAS DERECHA — Apple Glassy
============================================================ */
.tw-feature {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: 1.15rem 1.35rem;
  margin-bottom: 1.15rem;
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow:
    0 1px 2px rgba(15,23,42,.03),
    0 3px 8px rgba(15,23,42,.03);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.tw-feature i {
  font-size: 1.28rem;
  padding: .5rem;
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.07);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.65),
    0 1px 2px rgba(15,23,42,.05);
  color: rgba(11,26,50,.78);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.tw-feature-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

.tw-feature-text {
  margin: .25rem 0 0;
  font-size: .86rem;
  line-height: 1.45;
  color: rgba(11,26,50,.62) !important;
}









/* ============================================================
   HEADER CATEGORÍA — OPTIMIZACIÓN MÓVIL V3 (Ultra Premium)
   ============================================================ */

@media (max-width: 768px) {
	
#category #main-content .page-width {
	margin: 0 auto;
	width: 95%;
}

#tw-cat-hero {
	padding: 0 1.3rem;
}
	
#category-description::before {
	content: "" !important;
}

  /* --------- ESTRUCTURA GENERAL --------- */
  #tw-cat-hero .tw-hero-inner {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    gap: 0.55rem !important;
  }

  #category-description { 
	padding: 1.6rem 0 4.4rem !important;
  }

  #products {
    margin-top: -5.3em !important;
  }

  /* --------- TÍTULO --------- */
 #category-description H1 {
    font-size: clamp(1.35rem, 1vw + 1rem, 1.7rem) !important;
    line-height: 1.18 !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.2px !important;
  }

  /* --------- KICKER --------- */
.tw-kicker {
	line-height: 1.0rem !important;
	padding: 0.25rem 0.25rem 0.25rem 1.55rem !important;
	font-size: 0.63rem !important;
	opacity: 0.9;
}

  /* --------- LEAD --------- */
  #tw-cat-hero .tw-lead {
    font-size: 0.90rem !important;
    line-height: 1.18 !important;
    margin-bottom: 7px !important;
    max-width: 95% !important;
    opacity: 0.96;
  }

  /* --------- CTA PRINCIPAL --------- */
  #tw-cat-hero .tw-hero-cta {
margin: 13px 0 15px !important;
	  padding: 9px 15px !important;
    font-size: 0.90rem !important;
    border-radius: 12px !important;
  }

  /* --------- SUBTÍTULO --------- */
  #tw-cat-hero .tw-subtitle {
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
    margin-bottom: 16px !important;
  }

  /* --------- PILLS → CHIPS --------- */
  #tw-cat-hero .tw-pill {
    padding: 3px 8px !important;
    font-size: 0.76rem !important;
    margin-bottom: 6px !important;
    line-height: 1.35 !important;
    border-radius: 6px !important;
    opacity: 0.95;
  }

  #tw-cat-hero .tw-pill i {
    font-size: 12px !important;
    margin-right: 2px !important;
    margin-top: -1px;
  }
  #tw-cat-hero .tw-pills .tw-pill:nth-child(3),
  #tw-cat-hero .tw-pills .tw-pill:nth-child(5) {
    display: none !important;
  }
	
.tw-footnote {
	color: rgba(11,26,50,0.42) !important;
}

  /* --------- FEATURES (columna derecha) --------- */
  #tw-cat-hero .tw-feature {
    padding: 6px 11px 7px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
  }

  #tw-cat-hero .tw-feature i {
    font-size: 16px !important;
    margin-top: 2px !important;
  }

  #tw-cat-hero .tw-feature-title {
    font-size: 0.88rem !important;
    margin-bottom: -4px !important;
  }

  #tw-cat-hero .tw-feature-text {
    font-size: 0.77rem !important;
    line-height: 1.28 !important;
  }
  #tw-cat-hero .tw-feature:nth-child(1),
  #tw-cat-hero .tw-feature:nth-child(2),
  #tw-cat-hero .tw-feature:nth-child(3) {
    display: none !important;
  }

/* ============================================================
   BLOQUE SEO — VERSIÓN MÓVIL CON "VER MÁS"
   ============================================================ */


  /* Contenedor colapsado */
  .tw-seo-collapsed {
    max-height: 170px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.28s ease;
  }

  /* Gradiente inferior */
  .tw-seo-collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, transparent, #fff);
    pointer-events: none;
  }

  /* Botón Ver más */
.tw-seo-toggle-btn {
	text-align: center;
	font-size: 0.92rem;
	font-weight: 600;
	color: #316cb2;
	margin: 3px 0 46px;
	cursor: pointer;
}

  /* Cuando el bloque está expandido */
  .tw-seo-expanded {
    max-height: 9999px !important;
  }

  .tw-seo-expanded::after {
    display: none !important;
  }
}