/**
 * inicio.css — Home / Portada (page_on_front = 15).
 * Ajusta el alto del hero (container Elementor #daea94e) para que coincida
 * con el resto de los heroes del sitio (~320px desktop, en vez de 90vh).
 */

.elementor-element-daea94e {
    min-height: 320px !important;
    --min-height: 320px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    --padding-top: 40px !important;
    --padding-bottom: 40px !important;
}
@media (max-width: 1024px) {
    .elementor-element-daea94e {
        min-height: 260px !important;
        --min-height: 260px !important;
    }
}
@media (max-width: 768px) {
    .elementor-element-daea94e {
        min-height: 240px !important;
        --min-height: 240px !important;
    }
}

/* Carrusel "Destacados" (Woo Product Carousel, Unlimited Elements): sus
   botones prev/next salen sin posición ni icono — un cuadrado blanco vacío
   apilado sobre la primera card. Fuera; el carrusel se sigue moviendo con
   arrastre/swipe y con los puntitos de abajo. */
.uc_carousel .owl-nav { display: none !important; }

/* Card "Gazebos y sombrillas" del grid "Familia de productos" (Unlimited
   Grid, widget #a42f471, item 4): la foto de la sombrilla es cuadrada, no
   panorámica como las demás. El addon fuerza background-size:cover en todas
   las cards (recorta), así que acá se pisa a contain solo para esta card
   para que se vea completa en vez de cortada. */
#uc_unlimited_grid_elementor_a42f471_item4 .ue-item-bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}