.elementor-6074 .elementor-element.elementor-element-20ce51fe{--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;--padding-top:0px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-6074 .elementor-element.elementor-element-51e09b5e > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-6074 .elementor-element.elementor-element-51e09b5e{text-align:center;}.elementor-6074 .elementor-element.elementor-element-51e09b5e .elementor-heading-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-6074 .elementor-element.elementor-element-8ad96d2{text-align:center;}.elementor-6074 .elementor-element.elementor-element-8ad96d2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:27px;font-weight:600;color:var( --e-global-color-astglobalcolor7 );}.elementor-6074 .elementor-element.elementor-element-438978d2{--grid-columns:3;}.elementor-6074 .elementor-element.elementor-element-438978d2 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-6074 .elementor-element.elementor-element-438978d2 .e-loop-item > .elementor-section, .elementor-6074 .elementor-element.elementor-element-438978d2 .e-loop-item > .elementor-section > .elementor-container, .elementor-6074 .elementor-element.elementor-element-438978d2 .e-loop-item > .e-con, .elementor-6074 .elementor-element.elementor-element-438978d2 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-6074 .elementor-element.elementor-element-438978d2 .elementor-pagination{text-align:center;margin-top:66px;}.elementor-6074 .elementor-element.elementor-element-438978d2 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-astglobalcolor7 );}.elementor-6074 .elementor-element.elementor-element-438978d2 .elementor-pagination .page-numbers.current{color:var( --e-global-color-astglobalcolor7 );}body:not(.rtl) .elementor-6074 .elementor-element.elementor-element-438978d2 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 25px/2 );}body:not(.rtl) .elementor-6074 .elementor-element.elementor-element-438978d2 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 25px/2 );}body.rtl .elementor-6074 .elementor-element.elementor-element-438978d2 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 25px/2 );}body.rtl .elementor-6074 .elementor-element.elementor-element-438978d2 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 25px/2 );}@media(max-width:1024px){.elementor-6074 .elementor-element.elementor-element-438978d2{--grid-columns:2;}}@media(max-width:767px){.elementor-6074 .elementor-element.elementor-element-438978d2{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-438978d2 *//* Estilos iniciales */
.producto-hover {
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.producto-hover .imagen-hover {
    position: absolute;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Efecto Hover */
.producto-hover:hover .imagen-hover {
  opacity: 1;
}

/* Opcional: Oscurecer el fondo en hover si quieres */
.producto-hover:hover {
  background-image: none;
}

/* Botón oculto inicialmente */
.producto-hover .boton-hover {
  position: absolute;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none; /* Importante: para que el hover no se corte */
}

/* Cuando haces hover al contenedor */
.producto-hover:hover .boton-hover {
  opacity: 1;
  pointer-events: auto; /* Ahora sí se puede hacer clic */
}/* End custom CSS */