@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300&family=Barlow+Condensed&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Coda&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

/* Generales */

*{
    font-family: 'Assistant', sans-serif;
}


.btn{
   background-color: #ff8000;
    height: 35px;
    color: white;
    font-weight:500;
    border: none;
}


.wsp{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    bottom: 40vh;
    right: 20px;
    background: #309108;
    color: white;
    text-decoration: none;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    z-index: 999999;
}

@media (max-width: 450px){
    .wsp{
        width: 50px;
        height: 50px;
        bottom: 100px;
        right: 10px;
    }
  
}

.wsp:hover{
    text-decoration: none;
    color:#309108;
    background: white;

}


/* Titulo */ 

.primera-fila{
    margin-top: 115px;
}

@media(max-width:576px){

    .primera-fila{
        margin-top: 100px;
    }
            
}

.primera-fila .row h1{
    text-align: center;
    padding: 5px 0 20px 0;
    font-family: 'Barlow Condensed', sans-serif;
}


/* Carrusel*/


.carousel, .información-detalle-producto{
    border-radius: 0.375rem;
}

/* Ficha producto*/

.titulo-cotizador h2{
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 30px;
    text-align: center;
}

.titulo-input-date-cotizador{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.input-fecha{
    border: 1px solid #ced4da;
    height: 38px;
    border-radius: 0.375rem;
}

input[type="date"]{
    display:block;
  
    /* Solution 1 */
     -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em; 
  
}


.dias-cotizador{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.titulo-valor-dia-cotizador h5{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ff8000;
    text-align: center;
}

.valor-dia-cotizador h3{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #ff8000;
    text-align: center;
}

.total-arriendo-cotizador h4{
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: black;
    text-align: center;
}



/* Servicios complementarios*/

.card-servicio-complementario{
    width: 100%;
    margin: 0;
    height: 100%;
}

.card-body-servicio-complementario{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.container-servicios-complementarios{
    margin-top: 20px;
    margin-bottom: 10px;
}

.container-servicios-complementarios h2{
    font-size: 30px;
    font-family: 'Barlow Condensed', sans-serif;
    text-align: center;
}


@media(max-width:576px){

    .container-servicios-complementarios h2{
        
        font-size: 27px;
        margin-bottom: 20px;
        
    }
                
}