/* HEADER */

.logo__nav{

    width: 190px;
    height: 44px;

}

#contenedor__nav{
    background: #00AD4E;
    margin: 0;
}

.text__white{
    color: white !important;
}

.enlaces__header{
    color: black;
    padding: 0 12px 20px 12px;
    font-size: 14px;
    text-transform: uppercase;
}

/* NOSOTROS */

.contenido__nosostros{

    width: 50%; 
    margin-bottom: 15px;
    text-align: justify;

}

.text__justify{

    text-align: justify;

}

/* Nuetsra Empresa */

.btn__nuestraEmpresa{
    font-size: 1.5rem;
    padding: 10px;
    background: rgb(0,173,78);
    background: linear-gradient(90deg, rgba(0,173,78,1) 0%, rgba(38,195,54,1) 35%, rgba(135,226,82,1) 100%);
    border: none;
    color: white;
    border-radius: 5px;
    margin: 0;
    margin: 5px;
}

.btn__nuestraEmpresa:active{
    border: none;
}

.active__btn{
    background: #00AD4E;
    font-weight: bold;
    color: white;
    outline: none;
}

.active__btn:hover{
    background: #26C336;
    color: white;
    border: none;
}

/* MODALES */

.dimensiones__modal{
    height: 650px;
    width: 900px;
    margin-left: -21%;
    margin-top: -10%;
}
.dimensiones__modal__img{
    height: 690px;
    width: 690px;
    margin-top: 25%;
    border-radius: 10px;
}
.dimensiones__body{
    height: 580px;
    width: 900px;
}
.dimensiones__body__img{
    height: 690px;
    width: 690px;
    padding: 0 !important;
}

/* BOLSA DE TRABAJO */

.aviso__trabajo{
    width: 100%;
    margin: 0;
}

.btn-img{
    background: white;
    border: none;
    outline: none;
}

.img__bolsa{
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 10px;
}

.responsive__bolsa{
    display: none;
}

.d-none{
    display: none !important;
}

.bg-white{
    background: white;
}

/* BUSQUEDA INFORME */

.border_informe{

    padding: 15px;
    border: #009D46 solid;
    border-radius: 10px;

}

.informe__pdf{

    height: 600px;
    

}

.informe__oculto{
    display: none;
}

/* SERVICIOS */

.nuestro__servicio{

    font-size: 48px;
    font-weight: 500;

}

/* BOTONES */

.button__margen{

    margin-bottom: 80px;

}

/* MARGENES */

.margen{

    margin-bottom: 50px;

}

/* NOSOTROS */

.nosotros{

    margin-top: 70px;

}

/* CALIBRACION */

.img__calibracion{

    max-width: 100%;
    height: auto;

}

.button__calibracion{

    visibility: visible !important;

}

.margin__button{
    margin-top: 15px !important;
}

.encuesta__title{

    font-size: 24px !important;

}

.btn__encuesta{

    font-size: 16px;
    padding: 20px 35px;
    background: white;
}

.titulo__acreditaciones{

    font-size: 48px;
    font-weight: 500;

}

.btn-acreditaciones{

    background-color: #00AD4E; 
    color: #fff;

}

.btn-acreditaciones:hover{

    background-color: #26C336;
    color: #fff;

}

.ocultar__button{

    display: none;

}

.border-titulo{

    border-bottom: 5px solid #00AD4E; 
    width: 10%;
    margin-left: 45%;

}

.border-titulo-blanco{

    border-bottom: 5px solid #fff; 
    width: 10%;

}

.icons__footer{

    font-size: 20px;
    margin-right: 10px;

}

/* Formulario */

.img_bolsa{
    max-width: 80%;
    height: 300px !important;
    margin: 0 auto;
}
.label_formulario{
    font-size: 18px;
    font-weight: 700;
}

.text_area{
    resize:none;
}
.input_none{
    display: none;
}

.user-details .input-box input:focus,
.user-details .input-box input:valid{
    border-color: #009D46;
}

form .gender-details .gender-title{
    font-size: 20px;
    font-weight: 500;

}
form .category{
    display: flex;
    width: 80%;
    margin: 14px 0 ;
    justify-content: space-between;
}
form .category label{
    display: flex;
    align-items: center;
    cursor: pointer;
}
form .category label .dot{

    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-right: 10px;
    background: #d9d9d9;
    border: 5px solid transparent;
    transition: all 0.3s ease;

}

#arequipa:checked ~ .category label .one,
#piura:checked ~ .category label .two,
#guardia:checked ~ .category label .three,
#trujillo:checked ~ .category label .four{
    background: #26C336;
    border-color: #009D46;

}

/* PUBLICIDAD */

.img_publicidad{
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px;
}

.img_publicidad__row{
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.responsive__publicidad{
    display: none !important;
}

/* SLIDER */

.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media screen and (max-width: 768px) {
    /* MODALES */
    .dimensiones__modal{
        height: 400px;
        width: 600px;
        margin-left: 0%;
    }
    .dimensiones__modal__img{
        height: 600px;
        width: 600px;
        margin-top: 30%;
        margin-left: 0%;
    }
    .dimensiones__body{
        height: 300px;
        width: 600px;
    }
    .dimensiones__body__img{
        height: 600px;
        width: 600px;
    }
    .aviso__trabajo{
        width: 100%;
        margin-bottom: 10px;
    }
    .responsive__publicidad{
        display: block !important;
    }
}

@media screen and (max-width: 450px)  {
    .logo__nav{
        margin: 0;
    }
    .responsive__letra, .text__white{
        font-size: 8px;
    }
    .responsive__icono{
        font-size: 8px;
    }
    .encuesta__title{
        font-size: 10px !important;
        margin-bottom: 5px !important;
    }
    .btn__encuesta{
        font-size: 10px;
        padding: 8px !important;
        background: white !important;
    }
    .contenido__nosostros{
        width: 100%;
    }
        .titulo__acreditaciones{

        font-size: 23px;
    
    }
    .btn__encuesta{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* formulario */
    form .category{
        display: block;
    }
    /* MODALES */
    .dimensiones__modal{
        width: 400px;
        margin-left: 0%;
    }
    .dimensiones__body{
        width: 400px;
    }
    .btn-img{
        display: none;
    }
    .responsive__bolsa{
        display: block;
    }
}

@media screen and (max-width: 375px){
    /* MODALES */
    .dimensiones__modal{
        width: 300px;
        margin-left: 10%;
    }
    .dimensiones__body{
        width: 300px;
    }
    .dimensiones__body__img{
        width: 300px;
    }
}