.elementor-571 .elementor-element.elementor-element-363a901{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-571 .elementor-element.elementor-element-47e46ed{background-color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-571 .elementor-element.elementor-element-47e46ed .elementor-heading-title{color:#FFFFFF;}.elementor-571 .elementor-element.elementor-element-74e5084{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-cb8cfe8 );}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-cb8cfe8 );}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-cb8cfe8 );}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-cb8cfe8 );}.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-571 .elementor-element.elementor-element-a820123{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-571 .elementor-element.elementor-element-6783f7b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for theme-archive-title, class: .elementor-element-47e46ed *//* ===========================================================
   BERNALO · 1/3 · TÍTULO DE LA LÍNEA
   Clase: bn-cat-titulo
   Ponla en el widget del título (o en su contenedor):
   Editar → Avanzado → Clases CSS → bn-cat-titulo
   Pegar en Apariencia → Personalizar → CSS adicional.
   =========================================================== */

.bn-cat-titulo {
  --bn-green: #2B3D2A;
  --bn-ink: #1A2419;
  position: relative;
  overflow: hidden;
  margin: px 0 20px !important;
  padding: clamp(26px, 4vw, 44px) clamp(20px, 3vw, 40px) !important;
  background: var(--bn-green) !important;
  border-radius: 14px;
}

/* Regla de báscula en el borde inferior */
.bn-cat-titulo::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 12px; opacity: .22;
  background:
    repeating-linear-gradient(90deg, #fff 0 1px, transparent 1px 50px) bottom / 100% 12px no-repeat,
    repeating-linear-gradient(90deg, #fff 0 1px, transparent 1px 10px) bottom / 100% 5px no-repeat;
}

/* Sirve si la clase va en el contenedor o directo en el título */
.bn-cat-titulo,
.bn-cat-titulo h1,
.bn-cat-titulo h2,
.bn-cat-titulo .elementor-heading-title,
.bn-cat-titulo .woocommerce-products-header__title,
.bn-cat-titulo .page-title {
  font-family: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}
.bn-cat-titulo h1,
.bn-cat-titulo h2,
.bn-cat-titulo .elementor-heading-title,
.bn-cat-titulo .woocommerce-products-header__title,
.bn-cat-titulo .page-title,
h1.bn-cat-titulo,
h2.bn-cat-titulo {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;   /* quita la banda negra del tema */
  font-size: clamp(2rem, 4.2vw, 3.2rem) !important;
  font-weight: 800 !important;
  font-stretch: 112%;
  font-variation-settings: "wdth" 112;
  line-height: 1.02 !important;
  letter-spacing: -0.015em;
  color: #ffffff !important;
}

@media (max-width: 480px) {
  .bn-cat-titulo { margin-top: 80px !important; padding: 22px 18px !important; border-radius: 12px; }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-6783f7b *//* ===========================================================
   BERNALO · MEJORAS PARA bn-cat-productos
   Pegar AL FINAL del CSS que ya tienes (para que gane por orden).
   Corrige el botón blanco, iguala los fondos de las fotos y
   agrega foco visible, que hoy no tiene.
   =========================================================== */

/* -----------------------------------------------------------
   1. BOTÓN: por qué sale blanco
   El tema aplica sus estilos a `.wp-element-button` y a
   `button.button`, que tu CSS no cubre (solo cubres `a.button`).
   Estos .elementor-571 .elementor-element.elementor-element-6783f7bes incluyen esos casos y suben la especificidad
   repitiendo la clase del contenedor.
   ----------------------------------------------------------- */

.bn-cat-productos.bn-cat-productos ul.products li.product a.button,
.bn-cat-productos.bn-cat-productos ul.products li.product button.button,
.bn-cat-productos.bn-cat-productos ul.products li.product .add_to_cart_button,
.bn-cat-productos.bn-cat-productos ul.products li.product .product_type_simple,
.bn-cat-productos.bn-cat-productos ul.products li.product .product_type_variable,
.bn-cat-productos.bn-cat-productos ul.products li.product .product_type_external,
.bn-cat-productos.bn-cat-productos ul.products li.product .wp-element-button,
.bn-cat-productos.bn-cat-productos ul.products li.product a.added_to_cart {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: auto 0 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;

  background: #2B3D2A !important;
  background-color: #2B3D2A !important;
  background-image: none !important;
  color: #FFFFFF !important;

  border: 1px solid #2B3D2A !important;
  border-radius: 9px !important;

  font-family: var(--bn-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.bn-cat-productos.bn-cat-productos ul.products li.product a.button:hover,
.bn-cat-productos.bn-cat-productos ul.products li.product button.button:hover,
.bn-cat-productos.bn-cat-productos ul.products li.product .add_to_cart_button:hover,
.bn-cat-productos.bn-cat-productos ul.products li.product .wp-element-button:hover,
.bn-cat-productos.bn-cat-productos ul.products li.product a.added_to_cart:hover {
  background: #1F2D1F !important;
  background-color: #1F2D1F !important;
  border-color: #1F2D1F !important;
  color: #FFFFFF !important;
}

/* Si después de esto el botón sigue blanco, el tema lo pinta con
   una regla aún más específica: cambia arriba `.bn-cat-productos`
   por `body.tax-product_cat .bn-cat-productos`. */


/* -----------------------------------------------------------
   2. FOTOS: fondos disparejos
   Con `mix-blend-mode: normal` el blanco de cada foto tapa el gris
   de la tarjeta, por eso una se ve blanca y las otras grises.
   Con `multiply` el blanco desaparece y todas quedan iguales.
   ----------------------------------------------------------- */

.bn-cat-productos ul.products li.product a img {
  mix-blend-mode: multiply !important;
  background: var(--bn-soft) !important;
}

/* Las fotos con fondo oscuro no se llevan bien con multiply.
   Para esos productos, agrega la clase `bn-foto-oscura` al producto
   desde el editor, o quita este bloque si no te hace falta. */
.bn-cat-productos ul.products li.product.bn-foto-oscura a img {
  mix-blend-mode: normal !important;
  background: #FFFFFF !important;
}


/* -----------------------------------------------------------
   3. ALTURA PAREJA DE LAS TARJETAS
   Hoy el precio y el botón se alinean por los `min-height`, que
   fallan cuando un nombre ocupa dos líneas y otro una.
   Esto los alinea de verdad, sin importar el largo del texto.
   ----------------------------------------------------------- */

.bn-cat-productos ul.products { align-items: stretch !important; }
.bn-cat-productos ul.products li.product { height: 100% !important; }
.bn-cat-productos ul.products li.product .price { margin-top: auto !important; }


/* -----------------------------------------------------------
   4. FOCO VISIBLE (teclado)
   Sin esto, quien navega con Tab no ve dónde está parado.
   ----------------------------------------------------------- */

.bn-cat-productos ul.products li.product a:focus-visible,
.bn-cat-productos .woocommerce-ordering select:focus-visible,
.bn-cat-productos nav.woocommerce-pagination ul li a:focus-visible {
  outline: 3px solid #9DB89A !important;
  outline-offset: 3px !important;
}


/* -----------------------------------------------------------
   5. DETALLES
   ----------------------------------------------------------- */

/* El precio de oferta en verde y el normal en gris oscuro se leen
   como dos cosas distintas. Unifícalos: el color lo da la etiqueta
   ¡Oferta!, no el precio. */
.bn-cat-productos ul.products li.product .price ins,
.bn-cat-productos ul.products li.product .price ins .amount {
  color: var(--bn-ink) !important;
}

/* El zoom de la foto se sale de la tarjeta en algunos temas */
.bn-cat-productos ul.products li.product > a:first-child { overflow: hidden; border-radius: 10px; }

/* Nombres largos: corta por sílaba en vez de dejar un hueco */
.bn-cat-productos ul.products li.product .woocommerce-loop-product__title {
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* La etiqueta ¡Oferta! queda mejor pegada a la foto */
.bn-cat-productos ul.products li.product .onsale {
  top: 24px !important;
  left: 24px !important;
  letter-spacing: .01em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74e5084 *//* ===========================================================
   BERNALO · ESTILOS PARA LA TIENDA (WooCommerce) — VERSIÓN CON CLASE
   Todo está limitado a la clase .bn-tienda: solo aplica dentro del
   contenedor de Elementor al que le pongas esa clase
   (Editar Contenedor → Avanzado → Clases CSS → bn-tienda).
   Mismo estilo del hero: Archivo, verde #2B3D2A, radio 10px.

   DÓNDE PEGARLO
   Opción A (recomendada): Apariencia → Personalizar → CSS adicional.
   Opción B: Elementor → Configuración del sitio → CSS personalizado (requiere Elementor Pro).

   Solo afecta lo que esté dentro de ese contenedor: si quieres el
   mismo estilo en las categorías o en la búsqueda, ponle la clase
   bn-tienda también a esos contenedores.
   =========================================================== */

:root {
  --bn-green: #2B3D2A;
  --bn-green-hover: #1F2D1F;
  --bn-ink: #1A2419;
  --bn-muted: #5B6858;
  --bn-soft: #F1F3EF;
  --bn-border: #D5DCD2;
  --bn-sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Carga Archivo desde Google Fonts.
   Si el tema ya la carga, puedes borrar estas dos líneas. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@100..125,400..800&display=swap");

/* ---------- 1. Encabezado de la tienda ---------- */
.bn-tienda .woocommerce-products-header__title,
.bn-tienda .woocommerce-products-header .page-title,
.bn-tienda .woocommerce .products-header h1 {
  font-family: var(--bn-sans) !important;
  font-size: clamp(2.2rem, 4.4vw, 3.4rem) !important;
  font-weight: 800 !important;
  font-stretch: 112%;
  font-variation-settings: "wdth" 112;
  line-height: 1.02 !important;
  letter-spacing: -0.015em;
  color: var(--bn-ink) !important;
  margin-bottom: 8px !important;
}

/* Fila de "Mostrando 1–10 de 44" + .elementor-571 .elementor-element.elementor-element-74e5084 de orden */
.bn-tienda .woocommerce .woocommerce-result-count {
  font-family: var(--bn-sans);
  font-size: .95rem;
  color: var(--bn-muted) !important;
  margin: 0 0 24px !important;
}
.bn-tienda .woocommerce .woocommerce-ordering select,
.bn-tienda .woocommerce .woocommerce-ordering .orderby {
  font-family: var(--bn-sans) !important;
  font-size: .95rem !important;
  color: var(--bn-ink) !important;
  padding: 12px 18px !important;
  background: var(--bn-soft) !important;
  border: 1.5px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: none;
  transition: border-color .2s ease;
}
.woocommerce .woocommerce-ordering select:focus { border-color: var(--bn-green) !important; }

/* ---------- 2. Grilla de productos ---------- */
.bn-tienda .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.bn-tienda .woocommerce ul.products::before,
.woocommerce ul.products::after { content: none !important; }

.bn-tienda .woocommerce ul.products li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  text-align: left !important;
  position: relative;
}

/* ---------- 3. Foto del producto ---------- */
.bn-tienda .woocommerce ul.products li.product a img,
.bn-tienda .woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
  width: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  padding: 12% !important;
  margin: 0 !important;
  background: var(--bn-soft);
  border: 1.5px solid transparent;
  border-radius: 10px !important;
  box-shadow: none !important;
  mix-blend-mode: multiply;   /* funde el fondo blanco de la foto con la tarjeta */
  transition: border-color .2s ease, transform .3s ease;
}
.woocommerce ul.products li.product:hover a img { border-color: var(--bn-green); }

/* ---------- 4. Nombre, precio y botón ---------- */
.bn-tienda .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--bn-sans) !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--bn-ink) !important;
  padding: 0 !important;
  margin: 14px 0 8px !important;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: var(--bn-green) !important; }

.bn-tienda .woocommerce ul.products li.product .price {
  font-family: var(--bn-sans) !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  font-variation-settings: "wdth" 112;
  color: var(--bn-ink) !important;   /* reemplaza el verde brillante del tema */
  margin: 0 0 14px !important;
}
.bn-tienda .woocommerce ul.products li.product .price del {
  font-size: .86rem !important;
  font-weight: 400 !important;
  color: var(--bn-muted) !important;
  opacity: 1 !important;
  margin-right: 6px;
}
.bn-tienda .woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  color: var(--bn-ink) !important;
  background: transparent !important;
}

/* Botón: igual al secundario del hero */
.bn-tienda .woocommerce ul.products li.product .button,
.bn-tienda .woocommerce ul.products li.product .added_to_cart {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: auto !important;
  min-height: 44px;
  padding: 0 18px !important;
  background: #ffffff !important;
  color: var(--bn-ink) !important;
  border: 1.5px solid var(--bn-green) !important;
  border-radius: 10px !important;
  font-family: var(--bn-sans) !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease;
}
.bn-tienda .woocommerce ul.products li.product .button:hover,
.bn-tienda .woocommerce ul.products li.product .button:focus {
  background: var(--bn-green) !important;
  color: #ffffff !important;
}
.woocommerce ul.products li.product .button.loading::after { color: inherit; }
.woocommerce ul.products li.product .added_to_cart { margin-top: 8px !important; }

/* ---------- 5. Etiqueta de oferta ---------- */
.bn-tienda .woocommerce ul.products li.product .onsale {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 5px 12px !important;
  background: var(--bn-green) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-family: var(--bn-sans) !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-transform: none;
  z-index: 2;
}

/* ---------- 6. Paginación ---------- */
.bn-tienda .woocommerce nav.woocommerce-pagination ul {
  border: 0 !important;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 40px !important;
}
.woocommerce nav.woocommerce-pagination ul li { border: 0 !important; margin: 0 !important; }
.bn-tienda .woocommerce nav.woocommerce-pagination ul li a,
.bn-tienda .woocommerce nav.woocommerce-pagination ul li span {
  min-width: 42px;
  padding: 10px 14px !important;
  background: var(--bn-soft) !important;
  color: var(--bn-ink) !important;
  border-radius: 10px !important;
  font-family: var(--bn-sans) !important;
  font-weight: 600 !important;
}
.bn-tienda .woocommerce nav.woocommerce-pagination ul li span.current,
.bn-tienda .woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--bn-green) !important;
  color: #ffffff !important;
}

/* ---------- 7. Avisos de WooCommerce ---------- */
.bn-tienda .woocommerce-message,
.bn-tienda .woocommerce-info,
.bn-tienda .woocommerce-error {
  font-family: var(--bn-sans);
  border-top-color: var(--bn-green) !important;
  border-radius: 10px;
}
.bn-tienda .woocommerce-message .button,
.bn-tienda .woocommerce-info .button {
  background: var(--bn-green) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-family: var(--bn-sans) !important;
}

/* ---------- 8. Responsivo ---------- */
@media (max-width: 1024px) {
  .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
}
@media (max-width: 480px) {
  .woocommerce ul.products li.product .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .bn-tienda .woocommerce ul.products li.product a img,
  .woocommerce ul.products li.product .button { transition: none !important; }
}/* End custom CSS */
/* Start custom CSS for woocommerce-archive-description, class: .elementor-element-edead3f *//* ===========================================================
   BERNALO · 2/3 · DESCRIPCIÓN DE LA LÍNEA
   Clase: bn-cat-descripcion
   Ponla en el widget de texto o en el de descripción de la categoría:
   Editar → Avanzado → Clases CSS → bn-cat-descripcion
   Pegar en Apariencia → Personalizar → CSS adicional.
   =========================================================== */

.bn-cat-descripcion {
  --bn-green: #2B3D2A;
  --bn-ink: #1A2419;
  --bn-muted: #5B6858;
  --bn-soft: #F1F3EF;

  position: relative;
  max-width: 68ch;
  margin: 0 0 28px !important;
  padding: 0 0 0 18px !important;
  font-family: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Línea verde a la izquierda, en lugar de una caja */
.bn-cat-descripcion::before {
  content: "";
  position: absolute; left: 0; top: 4px; bottom: 4px;
  width: 3px; border-radius: 3px;
  background: var(--bn-green);
}

.bn-cat-descripcion,
.bn-cat-descripcion p,
.bn-cat-descripcion .term-description,
.bn-cat-descripcion .term-description p {
  font-size: clamp(1rem, 1.3vw, 1.1rem) !important;
  line-height: 1.65 !important;
  color: var(--bn-muted) !important;
}
.bn-cat-descripcion p { margin: 0 0 12px !important; }
.bn-cat-descripcion p:last-child { margin-bottom: 0 !important; }

/* Primera frase un poco más marcada */
.bn-cat-descripcion p:first-of-type { color: var(--bn-ink) !important; }

.bn-cat-descripcion strong, .bn-cat-descripcion b { font-weight: 700; color: var(--bn-ink) !important; }
.bn-cat-descripcion a,
.bn-cat-descripcion a:link,
.bn-cat-descripcion a:visited {
  color: var(--bn-ink) !important;
  font-weight: 600;
  text-decoration: none !important;
  border-bottom: 1.5px solid var(--bn-green) !important;
}
.bn-cat-descripcion a:hover { color: var(--bn-green) !important; }

/* Si usas viñetas dentro de la descripción */
.bn-cat-descripcion ul { list-style: none !important; margin: 10px 0 0 !important; padding: 0 !important; display: grid; gap: 8px; }
.bn-cat-descripcion ul li { position: relative; margin: 0 !important; padding-left: 22px !important; font-size: .98rem; color: var(--bn-muted); }
.bn-cat-descripcion ul li::before { content: "" !important; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 2px; background: var(--bn-green); }

@media (max-width: 480px) {
  .bn-cat-descripcion { padding-left: 14px !important; margin-bottom: 22px !important; }
}/* End custom CSS */