/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 09 2025 | 23:20:04 */
.bloque_servicios img{
  cursor:pointer;
  width:100%;
  height:330px;
  object-fit:cover;
  transition:.3s all ease;
}

.bloque_servicios .elementor-widget-image::before {
  content: "";
  display: block;
  width: 400px;
  height: 100px;
  background: #fff9f7; /* Aquí va el color que quieras */
  transform:rotate(180deg);
  -webkit-mask-image: url("/wp-content/uploads/2025/08/wave.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: bottom;
  -webkit-mask-mode: alpha;
  mask-image: url("/wp-content/uploads/2025/08/wave.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: bottom;
  mask-mode: alpha;
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  z-index:5
}

.bloque_categoria .elementor-widget-image, 
.bloque_servicios .elementor-widget-image{
  overflow:hidden;
}

.bloque_servicios .elementor-widget-image{
    border-radius:20px 20px 0 0;  
}

.bloque_servicios:hover img{
  transform:scale(1.1);
}

.bloque_servicios .arriba img{
    object-position:top;
}

.bloque_servicios .centro img{
    object-position:center;
}

.bloque_servicios .abajo img{
    object-position:bottom;
}

.bloque_servicios .derecha img{
    object-position:right;
}

.bloque_servicios .izquierda img{
    object-position:left;
}

.bloque_servicios .btn-servicio .elementor-button{
  color:#332824;
  font-size:20px !important;
  background:rgba(0, 0, 0, 0);
  border:1px solid #332824;
  position:relative;
  border-radius:10px
}

.bloque_servicios .btn-servicio .elementor-button-text{
  z-index:5
}

.bloque_servicios .btn-servicio .elementor-button::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 5px;
  background-color: #332824;
  background-image: linear-gradient(315deg, #332824 0%, #332824 74%);
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5)
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  transition: all 0.3s ease;
  border-radius:7px
}


.bloque_servicios:hover .btn-servicio .elementor-button::after {
  top: auto;
  bottom: 0;
  height: 100%;
}
.btn_servicio .elementor-button:active {
  top: 2px;
}

.bloque_servicios:hover .btn-servicio .elementor-button-text{
  color:#fff
}

.bloque_categoria img{
  width:100%;
  height:450px;
  object-fit:cover;
  transition:.3s all ease;
}

.bloque_categoria:hover h3{
  color:#665048 !important
}

.bloque_categoria:hover img{
  transform:scale(1.1)
}

.bloque_categoria .elementor-widget-image{
  border-radius:200px
}