/* Version: 3.15 */

/*Landing Servicios*/
.servicios__bloc-outcontainer {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
    padding: 20px 20px 20px 20px;
    display: flex;
    justify-content: center;
}

.servicios__bloc-incontainer--infografia {
    max-width: 1550px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Cambiado a space-between */
    padding: 0 15px;
    box-sizing: border-box; /* Asegura que el padding no afecte el ancho total */
    background: #fff;
}
.servicios__bloc-incontainer--infografia .seccion__banner_alquiler-facil {
  background: #fff!important;
}
.servicios__bloc-incontainer--infografia .seccion__banner_alquiler-facil h2 {
 text-align: center!important;
 margin-bottom: 50px;
}


.servicios__video-container {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  display: flex;
  justify-content: center;
}

.servicios__video-container video {
  width: 100%;
  height: auto;
  display: block;
}





.servicios__bloc-incontainer {
  max-width: 1550px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Cambiado a space-between */
  padding: 0 15px;
  box-sizing: border-box; /* Asegura que el padding no afecte el ancho total */
}





.servicios__proceso__icon {
  display: flex;
margin-bottom:20px;
}
  
    .servicios__proceso__icons__num {
      background-color: #80DA00;
      font-family: 'DM Sans Bold';
      font-size: 25px;
      padding: 4px 25px;
      border-radius: 50px;
    }
  
    .servicios__proceso__icons__img {
      margin: -5px 0px 0px 10px;
      width: 50px;
    }
  
    .servicios__link a {
      text-decoration: underline;
      color: #000;
      cursor: pointer;
    }
  
    .servicios__link a:hover {
      color: #000;
      opacity: 0.7;
    }
  
    .servicios__ventajas__icon {
      margin-bottom: 0px !important;
    }
  
    .page-id-3081 .banner_alquiler-facil__final__contenido p {
      display: none;
    }


    .textoverde {
      color: #80DA00;
    }
    .textoblanco {
      color: #ffffff;
    }

.parrafosinmargin p {
  margin-bottom:0px;
}


.col__nopadding col{

  padding:0px;
}
 



    .smoh__link a {
      text-decoration: underline;
      color: #000;
      cursor: pointer;
    }
  
    .smoh__link  a:hover {
      color: #000;
      opacity: 0.8;
    }



/*Landing Nosotros*/


.nosotros__pilares-container--row {
  display: grid;
  grid-template-columns: 15% 15% 70%;
  min-height: 200px; /* Altura del row, ajusta según tus necesidades */
  grid-auto-rows: 1fr; /* Hace que las filas tengan la misma altura */
  margin-bottom: 10px;
}
.nosotros__pilares-container--1 {
  display: flex;
  justify-content: center;
  align-items: center;
background-color: #80DA00;

  }
  .nosotros__pilares-container--2{
    display: flex;
    align-items: center;
    background-color: #F7F7F7; /* Color de fondo azul claro */
    font-weight: 700;
    padding: 30px;
 
    }
    .nosotros__pilares-container--3 {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 30px;
      background-color: #F1F1F1; /* Color de fondo magenta */

      }


            .nosotros__pilares-container--1 img {
              height: 100px;
              aspect-ratio: 1 / 1;
            }
      
      
            .nosotros__gradient {
              background: linear-gradient(to right, #8edc00 35%, #f1f1f1 35%);
      
            }

/*Landing Sostenibilidad*/

.sostenibilidad__banner1 h1, .sostenibilidad__banner1 h2 {
color:white;
font-size: 70px;
line-height: 70px;
}
.sostenibilidad__banner2 h1, .sostenibilidad__banner2 h2 {
  color:white;
  font-size: 70px;
  line-height: 70px;
  }
  .sostenibilidad__banner3 h1, .sostenibilidad__banner3 h2 {
    color:white;
    font-size: 70px;
    line-height: 70px;
    }
      



.sostenibilidad__banner1 p, .sostenibilidad__banner2 p, .sostenibilidad__banner3 p  {
  color:white;
  }
  


  .sostenibilidad__banner3 .p-destacado {
    color:white;
    font-size: 20px;
    }



.sostenibilidad__row--zigzag {
padding:30px 0px;
}

.sostenibilidad__gradient {
    background: linear-gradient(to right, #ffffff 63%, #def5b5 63%);
}


.sostenibilidad__gradient--2 {
  background: linear-gradient(to right, #F4F4F4 50%, #ECECEC 50%);
}

.sostenibilidad__gradient--2 .section-content {
  background-image: url('https://smoh.com/wp-content/uploads/2024/11/Smoh_-comprometidos-con-un-Futuro-Sostenible_10_icon_recycle_400_opti.png');
  background-repeat: no-repeat;
  background-position: bottom right; 
}

.sostenibilidad--icon div {
  width: 75px;
  height: auto;
  margin-bottom: 10px;
}





/*BANNER COOKIES */
            div#cmplz-message-1-optin p {
              font-size: 12px;
          }

/* MEDIA QUERIES */


/* Min 1500px*/
@media (min-width: 1500px) {
  .nosotros__gradient{ 
    background: linear-gradient(to right, #8edc00 38%, #f1f1f1 38%);
  }

  .sostenibilidad__gradient--col p {
    margin-left: 100px;
  }
}


/* 850px a 1520px*/
@media (min-width: 850px) and (max-width: 1520px) {
  .nosotros__gradient .row {
    padding: 0px 10px 0px 10px;
}
}

/* 1300px a 1500px*/
@media (min-width: 1300px) and (max-width: 1500px) {
  .sostenibilidad__gradient--col p {
    margin-left: 60px;
  }
}


/* MAX 1100px*/
@media (max-width: 1100px) {
.servicios__banner-verde h3 {
font-size: 24px;
}
}


/* MAX 1000px*/
@media (max-width: 1000px) {
.nosotros__pilares-container--row {
  display: grid;
  grid-template-columns: 25% 25% 50%;
  min-height: 200px;
  grid-auto-rows: 1fr; 
  margin-bottom: 10px;
}
}


/* 550px a 1000px*/
@media (min-width: 550px) and (max-width: 1000px) {
  .sostenibilidad__row--zigzag .img-inner.image-cover.dark {
    height: 350px;
  }

  .zigzag--img1 div div img {
    object-fit: cover;
    object-position: 90% 90%;
  }
.zigzag--img2 div div img {
  object-position: 80% 90%;
  object-fit: cover;

}
.zigzag--img3  div div img  {
  object-position: 20% 90%;
  object-fit: cover;
}

.zigzag--img4 div div img  {
  object-position: 90% 90%;
  object-fit: cover;
}

.zigzag--img5 div div img  {
  object-position: 0% 90%;
  object-fit: cover;
}

.zigzag--img1 div, .zigzag--img2 div, .zigzag--img3 div, .zigzag--img4 div {
  margin-bottom: 40px;
}

.zigzag--img5 div {
  margin-bottom: 20px;
}
.sostenibilidad__row--zigzag .medium-6 p {
  margin-bottom: 5px;
}
}

/* MAX 849px*/
@media (max-width: 849px) {

  .page-id-4460 .col {
    padding-bottom: 10px;
  }

  .nosotros__gradient {
    background: none;
    ;
  }

  .nosotros__gradient--col1 {
    background-color: #8edc00;
  }

  .nosotros__gradient--col2 {

    background-color: #f1f1f1;
  }
  .sostenibilidad__gradient {
    background: none;
  
  }
  .sostenibilidad__gradient--col {
    padding: 50px;
    background-color: rgb(222, 245, 181);
  }
  .sostenibilidad__banner1 h1, .sostenibilidad__banner1 h2 {
    font-size: 50px;
    line-height: 50px;
    }

    .sostenibilidad__banner2 h1, .sostenibilidad__banner2 h2 {
      font-size: 50px;
      line-height: 50px;
      }

      .sostenibilidad__banner3 h1, .sostenibilidad__banner3 h2 {
        font-size: 50px;
        line-height: 50px;
        }
 

        .sostenibilidad__row--mockup .medium-6 {
          flex-basis: 100%;
          max-width: 100%;
        }
        
        .sostenibilidad__gradient--2 {
          background:none;
        }
        
        .sostenibilidad__row--zigzag {
          padding:0px 0px;
          }
          .sostenibilidad__gradient--2 div .col:nth-child(1) {
            background: #f4f4f4;
          }
          .sostenibilidad__gradient--2 div .col:nth-child(2) {
            background: #ececec;
          background-image: url('https://smoh.com/wp-content/uploads/2024/11/Smoh_-comprometidos-con-un-Futuro-Sostenible_10_icon_recycle_400_opti.png');
          background-repeat: no-repeat;
          background-position: bottom right; 
          background-size: 180px;
        }
        

        .sostenibilidad__banner3 div img {
          object-fit: cover;
          object-position: 85% 90%;
        }

        .zigzag--img1 div, .zigzag--img2 div, .zigzag--img3 div, .zigzag--img4 div {
          margin-bottom: 40px;
        }
        
      .zigzag--img5 div {
          margin-bottom: 20px;
        }
        

        .sostenibilidad__row--zigzag .medium-6 p {
          margin-bottom: 0px;
        }

}


/* Tablets*/
@media (max-width: 768px) {
    /* .contacto__vias-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .contacto__atcliente-container .hs-form textarea {
        background-color: #f1f1f1;
        border: none;
        box-shadow: none;
        min-height: 150px;
      }
      .contacto__atcliente-container .hs-richtext p {
        color: black;
        font-size: 13px;
      }
      .legal-consent-container .hs-form-booleancheckbox-display p {
        margin: 0;
        display: inline;
        font-size: 13px;
      }
      .hs-form-booleancheckbox .col-inner ul li {
        margin-left: 0em !important;
      }
      .contacto__chat-container--left {
        flex-basis: calc(100% - 10px);
        }
        
        .contacto__chat-container--right {
          flex-basis: calc(100% - 10px);
          padding: 20px 0;
        }
        
        .contacto__tellamamos-container--left {
          flex-basis: calc(100% - 10px);
        }
        
        .contacto__tellamamos-container--right {
          flex-basis: calc(100% - 10px);
          padding:0px;
        }
        
        .contacto__tellamamos-container--right--icon {
          margin-right: 20px;
        }
        
        .contacto__tellamamos-container--left .p-tellamamos {
          max-width: 100%;
          font-weight: 300;
        
        } */
      .servicios__col100 {
        flex-basis: 100%;
        max-width: 100%;
      }
      
      .tablet-reverse-columns {
        display: flex !important;
        flex-direction: column-reverse !important;
      }
      .page-id-3081 .buscador-movil, .page-id-3178 .buscador-movil, .page-id-4460 .buscador-movil  {
        margin-bottom: 0px;
      }

      .page-id-3081 h4 {
        font-size: 20px;
      }


.sostenibilidad__row--zigzag .medium-6 {
  flex-basis: 100%;
  max-width: 100%;
}

.zigzag__tablet-reverse-columns {
  display: flex !important;
  flex-direction: column-reverse !important;
}
.sostenibilidad--icon div {
  width: 65px;
}
}


/* 550px a 849px*/
@media (min-width: 550px) and (max-width: 849px) {

  .sostenibilidad__row--mockup .col:nth-child(2) {
    padding: 50px 100px 50px 100px;
  }

}






/* MAX 600px*/
@media (max-width: 600px) {
  .nosotros__pilares-container--row {
    display: grid;
    grid-template-columns: 100%; /* Define las columnas con los anchos deseados */
    min-height: 100px; /* Altura del row, ajusta según tus necesidades */
    grid-auto-rows:auto; /* Hace que las filas tengan la misma altura */
    margin-bottom: 10px;
  }
  .nosotros__pilares-container--1 img {
    height: 80px;
    padding: 10px;
  }
  .nosotros__pilares-container--2 {
    padding: 10px;
  }
  .nosotros__pilares-container--3 {
    padding: 10px;
  }
  }

/* Smartphones*/

@media (max-width: 480px) {
    .servicios__bloc-incontainer--infografia {
      padding: 0px;

  }
  .servicios__bloc-outcontainer {
    padding: 0px;
  }

  /* .contacto__tellamamos-icon {
    width: 60px;
  }
  .contacto__chat-icon {
    width: 60px;
  } */
  .sostenibilidad__banner1 h1, .sostenibilidad__banner1 h2 {
    font-size: 35px;
    line-height: 35px;
    margin-top: 150px;
  }
  .sostenibilidad__banner2 h1, .sostenibilidad__banner2 h2 {
    font-size: 35px;
    line-height: 35px;
    margin-top: 150px;
  }
  .sostenibilidad__banner3 h1, .sostenibilidad__banner3 h2 {
    font-size: 40px;
    line-height: 45px;
    margin-top: 150px;
  }
  .sostenibilidad__banner3 .p-destacado {
    font-size: 16px;
    line-height: 22px;
  }

  .sostenibilidad__gradient--2 div .col:nth-child(2) {
    background-size: 110px;
  }

  /* .contacto__vias-icon {
	  width: 50px;
  }

  .contacto__vias-title {
	  font-size: 20px;
	  line-height: 1;
  }

  .contacto__vias-text {
    line-height: 1.3;
    margin-bottom: 20px;
  } */
}

@media (max-width: 375px) { 
  /* .contacto__vias-button {
    padding: 7px 23px;
    font-size: 14px;
  } */
}