.container-img-banner-alquiler{
    position: absolute;
    right: 0px;

    width: 300px;
    height: 300px;
    top: -95px;

  }


  .container-img-banner-alquiler img{
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
    object-fit: contain;

  }
  .wservice{
    position: relative;
  }

  .title-alquiler{
        text-align: center;
        font-size: 40px;
        width: 80%;
        color: var(--AzulFuerte);
        font-family: var(--font-poppins);
        margin: auto;
        line-height: 1.2;
    }
    .parrafo-alquiler{
        font-family: var(--font-poppins);
        padding: 34px 0px;
        text-align: center;
        color: var(--Color-parrafo);
        font-size: 16px;
    }
    .btn-prod{
        background-color: var(--AzulClaro);
        color: var(--ColorWhite);
        padding: 10px 18PX ;
        text-align: center;
        border-radius: 4px;
        font-family: var(--font-poppins);
        font-weight: 700;
        font-size: 16PX;
        transition: all ease .3s;
        border: 2px solid var(--AzulClaro);
    }

    /*si no le gusta le cambiamos el hover */
    .btn-prod:hover{
        background-color: var(--AzulFuerte);
        color: var(--ColorWhite);
        border: 2px solid var(--AzulFuerte);
    }

    .btn-consultar{
        background-color: var(--ColorWhite);
        color:#403F3F;
        padding: 10px  ;
        text-align: center;
        border-radius: 4px;
        font-family: var(--font-poppins);
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2;
        border: 2px solid var(--green-claro);
        transition: all ease .3s;
    }

    .btn-consultar:hover{
        background-color: var(--green-claro);
        color: var(--ColorWhite);
    }

    .flex-alquiler-servicio{
        display: flex;
        justify-content: space-between;
        gap: 30px;
        flex-wrap: wrap;
        width: 100%;
    }

    .servicio-alquiler{
        display: flex;
        align-items: center;
        gap: 20px;
        width: 48%;
        background-color: #FCFCFC;
        padding: 20px 30px ;
    }

    .flex-alquiler-contact{
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 45%;
    }
    .flex-alquiler-contact h2{
        font-family: var(--font-poppins);
        color: #403F3F;
        line-height: 1.2;
        font-weight: 700;
        font-size: 24px;
    }

    .flex-button-alquiler{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .container-img-alquiler{
        width: 45%;
        min-height: 200px;
        overflow: hidden;


    }
    .container-img-alquiler img{
        width: 100%;
        height: auto;
        object-fit: cover;
        overflow: hidden;
    }


    /*AQUI VA TAMBIEN DETALLE SERVICIO ALQUILER*/
        .contenidoNosotros .detalle-servicio{
            flex-direction: row;
            align-items: center;
        }
        .flex-detalle-service{
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;

        }

        .service-details{
            width: 310px;
            background-color: #FCFCFC;
            padding: 20px 20px;
        }

        .service-img-container{
            width: 100%;
            overflow: hidden;

        }
        .service-img-container img{

            width: 100%;
            height: auto;
            overflow: hidden;
            object-fit: cover;
        }

        .btn-details-wasap{
            width: 100%;
            border: 2px solid var(--green-claro);
            background-color: var(--green-claro);
            color: var(--ColorWhite);
            display: block;
            text-align: center;
            padding: 8px ;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            text-transform: uppercase;
            border-radius: 6px;
            font-family: var( --font-poppins);
            font-size: 15px;
            transition: all ease .3s;
        }
        .btn-details-wasap:hover{
            background-color: var(--green-hover);
            border: 2px solid var(--green-hover);
        }

        .btn-details-wasap i{
            font-size: 20px;
        }
        .contenido-details-service{
            padding: 20px 0px;
            min-height: 85px;
            display: flex;
            justify-content: start;
            align-items: center;
        }
        .contenido-details-service p{
            font-family: var( --font-poppins);
            color: #403F3F;
            font-weight: 700;
        }



@media (max-width: 1083px) {
    .btn-consultar{

        font-size: 11px;

    }
}
    @media (max-width:1000px ) {
     .servicio-alquiler{
        flex-direction: column-reverse;
        gap: 20px;
     }
     .container-img-alquiler{
        width: 100%;
     }
     .flex-alquiler-contact{
        width: 100%;
     }
     .btn-consultar{

        font-size: 13px;

    }
    .title-alquiler{
      width: 100%;
      font-size: 30px;
    }
}


@media (max-width: 800px) {
 .bloque-texto-nosotros .title-servivio-alquiler{
  font-size: 35px;
 }

 .flex-alquiler-servicio{
        flex-direction: column;
        gap: 30px;
     }
     .servicio-alquiler{
        width: 100%;
    }
}
@media (max-width: 700px) {
 .bloque-texto-nosotros .title-servivio-alquiler{
  font-size: 30px;
 }
}



/*MEDIA QUERY SERVICIO ALQUILER */
@media (max-width:590px ) {
    .contenidoNosotros .detalle-servicio{
        flex-direction: column;

    }

    .title-detalle-servicio-banner{
        font-size: 30px;
    }
}
/*FIN*/





@media (max-width: 600px) {
 .bloque-texto-nosotros .title-servivio-alquiler{
          margin-bottom: 196px;
 }
 .container-img-banner-alquiler{
  top: 24px;
  margin-top: 20px;
  width: 250px;
  height: 250px;
  left: 30%;
 }

.servicio-alquiler{
        flex-direction: column-reverse;
        gap: 20px;
     }

      .flex-alquiler-contact{

        width: 100%;
    }
    .container-img-alquiler{
        width: 100%;
    }
    .title-alquiler{
      font-size: 24px;
    }



}
 @media (max-width:500px ) {
  .bloque-texto-nosotros .title-servivio-alquiler{
    margin-bottom: 130px;
  }
  .container-img-banner-alquiler{
  top: 28px;
  margin-top: 20px;
  width: 200px;
  height: 200px;
  left: 30%;
 }
 .bg-alquiler-service{
  height: auto;
 }
 .parrafo-alquiler{
  font-size: 14px;
 }
 }

 @media (max-width: 430px) {
  .bloque-texto-nosotros .title-servivio-alquiler{
    font-size: 30px;
  }
  .container-img-banner-alquiler{
    top: 30px;
    left: 25%;
 }

 }

  @media (max-width: 370px) {
  .bloque-texto-nosotros .title-servivio-alquiler{
    font-size: 30px;
  }
  .container-img-banner-alquiler{
    top: 70px;
    left: 25%;
 }

 }


 /**/
 @media (max-width:350px ) {
 .title-detalle-servicio-banner{
        font-size: 24px !important;
    }
}
