/* Custom CSS */

/* ---------------------------------------------------------------------
   Ciclos Ruiz (2026-09-18): el acento corporativo pasa a amarillo #fff100.
   El tema usa --palette1 tambien como color de TEXTO en hovers; amarillo
   sobre blanco no se lee, asi que esos casos van en negro.
   --------------------------------------------------------------------- */
#header .top-menu a[data-depth="0"]:hover, a:hover,
.top-menu .sub-menu a:hover,
#header .header-nav .blockcart a:hover,
.product-miniature .highlighted-informations .quick-view:hover,
.block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover,
.search-widget form button[type=submit] .search:hover,
.block_newsletter form button[type=submit] .search:hover,
.product-description table th, .tab-desc table th,
.block-promo .promo-code-button.cancel-promo { color: #111111 !important; }

/* texto sobre fondos de acento amarillo: negro */
.product-flags li.product-flag,
#header .header-nav .cart-preview.active,
#header .header-nav .cart-preview.active a,
.custom-radio input[type=radio]:checked+span,
.block-social ul li:hover a { color: #111111 !important; }

/* Pie de pagina (fondo oscuro): el hover en amarillo corporativo */
.footer-container a:hover, .footer-container li a:hover,
#footer a:hover, #footer li a:hover,
.elementor-location-footer a:hover { color: #fff100 !important; }

/* ---------------------------------------------------------------------
   Slider de portada (2026-09-18): las imagenes llevan el texto dentro
   (1983x793, proporcion 2,5:1). La altura sigue al ancho para que no se
   recorten en ningun dispositivo. En 1920 px equivale a los 768 px de antes.
   --------------------------------------------------------------------- */
.elementor-widget-slides .swiper-slide,
.elementor-widget-slides .elementor-slides .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1983 / 793;
}
.elementor-widget-slides .swiper-slide-bg {
  background-size: cover !important;
  background-position: center center !important;
}
.elementor-widget-slides .swiper-slide { position: relative !important; }
.elementor-widget-slides .swiper-slide-bg {
  position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; min-height: 0 !important;
}

/* Blindaje (2026-09-18): la plantilla demo lleva en su Custom CSS
   ".slider-section .slider .swiper-slide { height: 230px !important }" y vuelve
   si alguien guarda desde un editor abierto con la version antigua. Estos
   selectores tienen mas especificidad, asi que ganan aunque eso reaparezca. */
.slider-section .slider.elementor-widget-slides .swiper-slide,
.slider-section .slider .swiper-wrapper .swiper-slide,
.elementor-widget-slides .swiper-wrapper > .swiper-slide.swiper-slide {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1983 / 793 !important;
}

/* Miniaturas de producto (2026-10-02): el contenedor quedaba a 0 px de alto
   mientras la foto no estaba cargada, y con carga diferida eso impedia que el
   navegador llegara a descargarla nunca. Se reserva el espacio. */
.product-miniature .thumbnail-container,
.product-miniature .product-thumbnail,
.js-product-miniature .thumbnail-container { min-height: 1px; }
.product-miniature .product-thumbnail img,
.js-product-miniature .product-thumbnail img,
.product-miniature picture img { width: 100%; height: auto; min-height: 1px; display: block; }

/* ---------------------------------------------------------------------
   Icono del carrito (2026-10-02).
   El widget ava-shopping-cart deja su <span class="elementor-cart-icon">
   vacio: Icons_Manager no sabe pintar los iconos SVG que el tema trae
   configurados (library "svg" con id 0). Los widgets de busqueda y lista
   de deseos lo esquivan escribiendo un <i> de Line Awesome en su
   plantilla; el del carrito no lo hace. Se lo ponemos aqui, con la misma
   fuente que usan ellos para que los tres iconos casen.
   --------------------------------------------------------------------- */
.elementor-cart__toggle .elementor-cart-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.elementor-cart__toggle .elementor-cart-icon::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f07a";
  font-size: 28px;
  line-height: 1;
  color: #111111;
}
.elementor-cart__toggle .elementor-button:hover .elementor-cart-icon::after { color: #111111; }
@media (max-width: 767px) {
  .elementor-cart__toggle .elementor-cart-icon { width: 25px; height: 25px; }
  .elementor-cart__toggle .elementor-cart-icon::after { font-size: 24px; }
}