.elementor-602 .elementor-element.elementor-element-c4e7b35{--display:flex;}.elementor-602 .elementor-element.elementor-element-bf6f07b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-602 .elementor-element.elementor-element-1ced5e3{--display:flex;--justify-content:center;}.elementor-602 .elementor-element.elementor-element-dcb4f39{--display:flex;}.elementor-602 .elementor-element.elementor-element-1405623 .elementor-heading-title{font-size:38px;}.woocommerce .elementor-602 .elementor-element.elementor-element-8c8e09a .price{color:#000000;font-size:41px;font-weight:500;}.elementor-602 .elementor-element.elementor-element-ab121e5{background-color:#F8F8F8;--button-spacing:9px;}.elementor-602 .elementor-element.elementor-element-ab121e5 .cart button, .elementor-602 .elementor-element.elementor-element-ab121e5 .cart .button{border-style:none;background-color:#FFFFFF;transition:all 0.2s;}.elementor-602 .elementor-element.elementor-element-ab121e5 .cart button:hover, .elementor-602 .elementor-element.elementor-element-ab121e5 .cart .button:hover{background-color:#FFFFFF;}.elementor-602 .elementor-element.elementor-element-ab121e5 .quantity .qty{background-color:#FFFFFF;transition:all 0.2s;}.woocommerce .elementor-602 .elementor-element.elementor-element-ab121e5 form.cart .variations{width:0%;margin-bottom:0px;}.woocommerce .elementor-602 .elementor-element.elementor-element-ab121e5 form.cart table.variations tr th, .woocommerce .elementor-602 .elementor-element.elementor-element-ab121e5 form.cart table.variations tr td{padding-top:calc( 0px/2 );padding-bottom:calc( 0px/2 );}.woocommerce .elementor-602 .elementor-element.elementor-element-ab121e5 form.cart table.variations label{color:#F8F8F8;}.woocommerce .elementor-602 .elementor-element.elementor-element-ab121e5 form.cart table.variations td.value select{color:#F8F8F8;}.woocommerce .elementor-602 .elementor-element.elementor-element-ab121e5 form.cart table.variations td.value select, .woocommerce .elementor-602 .elementor-element.elementor-element-ab121e5 form.cart table.variations td.value:before{background-color:#F8F8F8;border:1px solid #F8F8F8;border-radius:0px;}.elementor-602 .elementor-element.elementor-element-d2ad457{--display:flex;}.elementor-602 .elementor-element.elementor-element-b51e974.elementor-wc-products ul.products li.product{text-align:center;}.elementor-602 .elementor-element.elementor-element-b51e974.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-602 .elementor-element.elementor-element-b51e974.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-602 .elementor-element.elementor-element-bf6f07b{--grid-auto-flow:row;}.elementor-602 .elementor-element.elementor-element-b51e974.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-602 .elementor-element.elementor-element-bf6f07b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-602 .elementor-element.elementor-element-b51e974.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-ab121e5 *//* ================================================================
   SENSIA EXPERIENCIA — Widget "Add To Cart" (Elementor)
   v2 — .elementor-602 .elementor-element.elementor-element-ab121e5es más amplios (no dependen del nombre exacto de
   clase del plugin de swatches) + botón largo forzado por ancho
   ----------------------------------------------------------------
   Pegar en: widget "Add To Cart" > Avanzado > Custom CSS
   Tras pegar: pulsar "Actualizar/Publicar" la página completa,
   no solo guardar el panel, para que se regenere el CSS.
================================================================ */


/* ──────────────────────────────────────────────────────────────
   1. ETIQUETA "Bebida" / "¿Qué prefieres beber? *"
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-ab121e5 .variations td.label,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations th.label {
  display: block !important;
  width: 100% !important;
  padding: 0 0 14px !important;
  border: none !important;
  background: #F8F8F8 !important;
}

.elementor-602 .elementor-element.elementor-element-ab121e5 .variations,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations tr,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations td,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations td.value,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations th.value,
.elementor-602 .elementor-element.elementor-element-ab121e5 .single_variation_wrap,
.elementor-602 .elementor-element.elementor-element-ab121e5 .woocommerce-variation {
  background: #F8F8F8 !important;
  background-color: #F8F8F8 !important;
}

.elementor-602 .elementor-element.elementor-element-ab121e5 .variations td.label label,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations th.label label {
  font-family: 'Noto Sans Mende Kikakui', 'Noto Serif', Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #18140F !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.elementor-602 .elementor-element.elementor-element-ab121e5 .variations .required {
  color: #C0392B !important;
}

/* Reset de tabla → bloque */
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations tbody,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations tr,
.elementor-602 .elementor-element.elementor-element-ab121e5 .variations td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}


/* ──────────────────────────────────────────────────────────────
   2. SWATCHES — v3: excluye explícitamente cualquier elemento
   "wrapper" (ahí estaba el bug: un wrapper intermedio con clase
   tipo "variable-item-wrapper" también contiene el texto
   "variable-item" y se llevaba la misma caja por duplicado,
   anidada — eso causaba el efecto "cartas apiladas" y la imagen
   distorsionada). Ahora SOLO se aplica al elemento real del
   swatch, y SIN fondo/tarjeta — solo el icono limpio, más grande.
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-ab121e5 .variable-items-wrapper,
.elementor-602 .elementor-element.elementor-element-ab121e5 [class*="variable-items-wrapper"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

/* Reset total de cualquier wrapper intermedio — sin caja, sin fondo */
.elementor-602 .elementor-element.elementor-element-ab121e5 [class*="wrapper"] {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* El swatch real — clase que contiene "variable-item" pero NO
   "wrapper". Sin fondo, sin border-radius de tarjeta. */
.elementor-602 .elementor-element.elementor-element-ab121e5 [class*="variable-item"]:not([class*="wrapper"]) {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* La imagen — tamaño grande, sin recorte ni distorsión */
.elementor-602 .elementor-element.elementor-element-ab121e5 [class*="variable-item"]:not([class*="wrapper"]) img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

/* Indicador de selección — un anillo sutil con box-shadow, NO un
   border que cambie el tamaño de la caja ni un fondo de tarjeta */
@media (hover: hover) and (pointer: fine) {
  .elementor-602 .elementor-element.elementor-element-ab121e5 [class*="variable-item"]:not([class*="wrapper"]):hover {
    box-shadow: 0 0 0 2px rgba(24,20,15,0.35) !important;
    border-radius: 8px !important;
  }
}

.elementor-602 .elementor-element.elementor-element-ab121e5 [class*="variable-item"]:not([class*="wrapper"]).selected,
.elementor-602 .elementor-element.elementor-element-ab121e5 [class*="variable-item"]:not([class*="wrapper"]).is-active,
.elementor-602 .elementor-element.elementor-element-ab121e5 [class*="variable-item"]:not([class*="wrapper"])[aria-checked="true"] {
  box-shadow: 0 0 0 2.5px #18140F !important;
  border-radius: 8px !important;
}


/* ──────────────────────────────────────────────────────────────
   3. DESCRIPCIÓN DE LA VARIACIÓN
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-ab121e5 .woocommerce-variation-description p {
  font-family: 'Noto Serif', Georgia, serif !important;
  font-style: italic !important;
  font-size: 15px !important;
  color: #2E4A6B !important;
  margin: 0 0 18px !important;
  line-height: 1.5 !important;
}


/* ──────────────────────────────────────────────────────────────
   4. CANTIDAD + BOTÓN — el botón LARGO se fuerza con ancho fijo,
   NO depende de que el contenedor padre sea flex (por si el tema
   lo está sobrescribiendo)
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-ab121e5 form.cart,
.elementor-602 .elementor-element.elementor-element-ab121e5 .cart {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
}

.elementor-602 .elementor-element.elementor-element-ab121e5 .quantity {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid rgba(26, 21, 16, 0.18) !important;
  border-radius: 40px !important;
  overflow: hidden !important;
  height: 54px !important;
  margin: 0 !important;
}

.elementor-602 .elementor-element.elementor-element-ab121e5 .quantity .qty {
  width: 64px !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  text-align: center !important;
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #18140F !important;
}

/* Botón — ancho forzado explícito, no flex:1, para garantizar
   que se vea LARGO incluso si el padre no respeta flex */
.elementor-602 .elementor-element.elementor-element-ab121e5 .single_add_to_cart_button,
.elementor-602 .elementor-element.elementor-element-ab121e5 button.single_add_to_cart_button,
.elementor-602 .elementor-element.elementor-element-ab121e5 a.single_add_to_cart_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 260px !important;
  height: 54px !important;
  background: #18140F !important;
  color: #F2ECE0 !important;
  border: none !important;
  border-radius: 40px !important;
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 32px !important;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-602 .elementor-element.elementor-element-ab121e5 .single_add_to_cart_button:hover {
    background: #2C241A !important;
  }
}

.elementor-602 .elementor-element.elementor-element-ab121e5 .single_add_to_cart_button.disabled,
.elementor-602 .elementor-element.elementor-element-ab121e5 .single_add_to_cart_button[disabled] {
  background: #E4DCC8 !important;
  color: #9A8F82 !important;
  cursor: not-allowed !important;
}


/* ──────────────────────────────────────────────────────────────
   5. RESPONSIVE
────────────────────────────────────────────────────────────── */

@media (max-width: 600px) {
  .elementor-602 .elementor-element.elementor-element-ab121e5 [class*="variable-item"]:not([class*="wrapper"]) {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }
  .elementor-602 .elementor-element.elementor-element-ab121e5 form.cart,
  .elementor-602 .elementor-element.elementor-element-ab121e5 .cart {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .elementor-602 .elementor-element.elementor-element-ab121e5 .quantity {
    width: 100% !important;
    justify-content: center !important;
  }
  .elementor-602 .elementor-element.elementor-element-ab121e5 .single_add_to_cart_button {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* ──────────────────────────────────────────────────────────────
   SI SIGUE SIN APLICARSE NADA
   ──────────────────────────────────────────────────────────────
   1. Comprueba que pulsas "Actualizar" / "Publicar" en la barra
      superior de Elementor después de pegar el CSS (guardar el
      panel lateral solo no siempre regenera el archivo final).
   2. Abre el inspector del navegador (clic derecho > Inspeccionar)
      sobre uno de los iconos de bebida, y mira las clases EXACTAS
      que tiene ese <div>. Si no empiezan por "variable-item" o
      "variable-items-wrapper", el plugin usa otro nombre distinto
      — copia esa clase y la cambiamos en el CSS.
   3. Verifica que el widget realmente tenga la opción Custom CSS
      activa (en algunas versiones de Elementor, esta función
      requiere tener marcada la opción "Additional Custom CSS" en
      Configuración del sitio > Avanzado, o estar en el plan que
      la incluye).
================================================================ */


/* ──────────────────────────────────────────────────────────────
   SOBRE EL CÍRCULO NARANJA DETRÁS DE LOS ICONOS
   ──────────────────────────────────────────────────────────────
   Ese círculo NO es un fondo CSS — está incrustado en el propio
   archivo de imagen (PNG/SVG) que subiste como icono del término
   "Vino" / "Cerveza" en el atributo. El CSS no puede recortar ni
   quitar píxeles de una imagen externa cargada con <img>.

   PARA QUITARLO DE VERDAD:
   Productos > Atributos > Bebida > Configurar términos > edita
   "Vino" y "Cerveza" > sube una versión del icono SIN el círculo
   de color (fondo transparente). En cuanto reemplaces el archivo,
   se actualiza automáticamente en todos los productos.

   Si me pasas los iconos sin fondo (o me dices dónde están
   alojados), te ayudo a verificar que el recorte sea correcto.
================================================================ *//* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-b51e974 *//* ================================================================
   SENSIA EXPERIENCIA — Estilo para "Productos Relacionados"
   ----------------------------------------------------------------
   Widget: Elementor "Product Related"
   Pegar en: este mismo widget > Avanzado > Custom CSS
   (usa la palabra ".elementor-602 .elementor-element.elementor-element-b51e974" — NO un ID — porque estás en el
   panel por-widget de Elementor, igual que en Add To Cart)

   Mismo lenguaje visual que el grid de Regala/Selección:
   tarjetas blancas, imagen cuadrada, título sin mayúsculas
   forzadas, precio en negrita, botón outline → relleno en hover.
================================================================ */


/* ──────────────────────────────────────────────────────────────
   1. CONTENEDOR DEL GRID
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products::before,
.elementor-602 .elementor-element.elementor-element-b51e974 ul.products::after {
  content: none !important;
}


/* ──────────────────────────────────────────────────────────────
   2. CARD INDIVIDUAL — el reset aquí es clave: evita que se vean
   imágenes "apiladas" o desbordadas si el tema no recorta bien
   el contenido de cada <li>
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product {
  background: #ffffff !important;
  border: 1px solid rgba(26, 21, 16, 0.08) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  transition: box-shadow .25s ease, transform .25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product:hover {
    box-shadow: 0 18px 40px rgba(26, 21, 16, 0.10) !important;
    transform: translateY(-3px);
  }
}


/* ──────────────────────────────────────────────────────────────
   3. IMAGEN — fuerza UNA sola imagen visible, tamaño fijo,
   recorte limpio. Esto resuelve el efecto "iconos apilados" que
   se ve sin estilos: cada <li> solo debe mostrar su primera
   imagen, a tamaño y posición controlados.
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product a.woocommerce-LoopProduct-link {
  display: block !important;
  text-decoration: none !important;
  position: relative !important;
}

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
  background: #F2EDE3 !important;
  transition: transform .6s ease;
}

/* Si hay más de una imagen renderizada dentro del mismo enlace
   (galería completa en vez de solo la destacada), oculta todas
   menos la primera — evita el apilado visual */
.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product a.woocommerce-LoopProduct-link img:not(:first-of-type) {
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product:hover img {
    transform: scale(1.04);
  }
}

/* Productos tipo icono (fondo transparente, como las cajas de
   regalo) → fondo oscuro y más aire, igual que en Regala */
.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product.product-type-variable img,
.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product img[src*="tarjeta"] {
  object-fit: contain !important;
  padding: 36px !important;
  background: #18140F !important;
}


/* ──────────────────────────────────────────────────────────────
   4. TÍTULO
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product h2.woocommerce-loop-product__title,
.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product h3.woocommerce-loop-product__title {
  font-family: 'Noto Sans Mende Kikakui', 'Noto Serif', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: #18140F !important;
  text-transform: none !important;
  line-height: 1.4 !important;
  margin: 22px 22px 6px !important;
}


/* ──────────────────────────────────────────────────────────────
   5. PRECIO
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product .price {
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #18140F !important;
  margin: 0 22px 18px !important;
  display: block !important;
}

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product .price del {
  color: #9A8F82 !important;
  font-weight: 400 !important;
  opacity: .7 !important;
  margin-right: 6px !important;
}

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product .price ins {
  text-decoration: none !important;
  color: #C9A56A !important;
}


/* ──────────────────────────────────────────────────────────────
   6. BOTÓN — "Añadir al carrito" / "Seleccionar opciones"
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product a.button,
.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product a.add_to_cart_button {
  display: block !important;
  background: transparent !important;
  color: #18140F !important;
  border: 1px solid #18140F !important;
  border-radius: 0 !important;
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 13px 18px !important;
  margin: 0 22px 22px !important;
  width: calc(100% - 44px) !important;
  text-align: center !important;
  transition: background .2s, color .2s;
}

@media (hover: hover) and (pointer: fine) {
  .elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product a.button:hover,
  .elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product a.add_to_cart_button:hover {
    background: #18140F !important;
    color: #F2ECE0 !important;
  }
}

/* "Seleccionar opciones" (productos variables) — mismo estilo outline */
.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product a.product_type_variable {
  background: transparent !important;
  border: 1px solid #18140F !important;
  color: #18140F !important;
}


/* ──────────────────────────────────────────────────────────────
   7. ETIQUETA "OFERTA" (si se usa)
────────────────────────────────────────────────────────────── */

.elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product .onsale {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  background: #C9A56A !important;
  color: #18140F !important;
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  border-radius: 0 !important;
  min-height: 0 !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}


/* ──────────────────────────────────────────────────────────────
   8. RESPONSIVE
────────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
  .elementor-602 .elementor-element.elementor-element-b51e974 ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .elementor-602 .elementor-element.elementor-element-b51e974 ul.products {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product h2.woocommerce-loop-product__title,
  .elementor-602 .elementor-element.elementor-element-b51e974 ul.products li.product h3.woocommerce-loop-product__title {
    font-size: 14px !important;
  }
}


/* ──────────────────────────────────────────────────────────────
   NOTAS
   ──────────────────────────────────────────────────────────────
   1. El efecto "iconos apilados" que se ve sin estilos suele
      desaparecer en cuanto se fuerza aspect-ratio + object-fit
      en la imagen (punto 3). Si tras pegar esto sigue viéndose
      más de un icono superpuesto en algún producto concreto, ese
      producto en WooCommerce probablemente tiene varias imágenes
      en la galería en vez de solo una imagen destacada — revisa
      Editar producto > Galería de productos y deja solo una.

   2. Mismo criterio que en el resto del sitio: animaciones
      (hover, zoom) solo en dispositivos con puntero real
      (@media hover:hover and pointer:fine), para no romperse en
      móvil/táctil.

   3. Si "Productos Relacionados" muestra siempre 3 ítems pero tu
      catálogo de Selección mensual solo tiene 4 productos en
      total, WooCommerce coge los otros 3 automáticamente por
      categoría — no hace falta configurarlo a mano.
================================================================ *//* End custom CSS */