.conten_banner{height: 300px;width: 100%;background-image: url('../img/slider/pc/gestion-de-calidad.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;}
.conten_banner .conten_info_banner{height: 100%;width: 100%;display: flex;justify-content: center;background: rgba(0, 0, 0, 0.7);}
.conten_banner .conten_info_banner .conten_texto{display: block;align-content: center;width: 65%;}
.conten_banner .conten_info_banner .conten_texto .titulo{color: #fff;    }
.conten_banner .conten_info_banner .conten_texto .icono{color: #fff;font-weight: bold;margin-top: 10px;font-size: 20px;}
/**/
.dfw{display: flex;flex-wrap: wrap;}
.conten_main{margin: auto;max-width: 1270px;}
.conten_banner{
    width: 100%;
    margin: auto;
    height: 350px;
    margin-bottom: 100px;   
}
.conten_banner .conten_opacidad{
    position: relative;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5); 
}
.conten_banner .conten_opacidad .img_contacto{
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
}
.conten_banner .conten_opacidad .conten_info_contac{
    position: absolute;
    color: #fff;
    width: 100%;
    padding-top: 5%;
    padding-left: 30%;
    padding-right: 30%;    
}
.conten_banner .conten_opacidad .conten_info_contac h1{
    margin-bottom: 15px;
    font-size: 45px;
    font-weight: 600;
}
.conten_banner .conten_opacidad .conten_info_contac p{
    line-height: 25px;
}

/*======================= ESTILOS DE BLOQUE ===============*/
.iz{flex-direction: row;}
.dere{flex-direction: row-reverse;}
.bloque_info{display: flex;flex-wrap: wrap; justify-content: center;width: 100%;}
.bloque_info .bloque_info_text{width: 650px;padding-left: 20px;padding-right: 20px;}
.bloque_info .bloque_info_text .bloque_info_title{font-size: 25px;margin-bottom: 25px;}
.bloque_info .bloque_info_text p{line-height: 30px;text-align: justify;font-size: 15px;color: var(--color_text);}
.bloque_info .bloque_info_text .btn_link{text-decoration: none;background: var(--color1);color: #fff;padding: 20px;padding-left: 40px;padding-right: 40px;border-radius: 5px;font-weight: 600;}
.bloque_info .bloque_info_text .btn_link:hover{background: var(--color2);transition: var(--transition);}
.bloque_info .bloque_info_text .bloque_info_btn{margin-top: 8%;}
.bloque_info .bloque_info_text p span{background: none;}


.bloque_info .bloque_info_img{display: flex;width: 500px;align-items: center;justify-content: center;} 
.conten_main .c2 .bloque_info_img{margin-left: 0px;}
.bloque_info .bloque_info_img img{height: 320px;width: 480px;border-radius: 5px;}
@media screen and (max-width:1279px){.conten_main .conten_main_line{max-width: 1100px;}.bloque_info .bloque_info_text{width: 550px;}}
@media screen and (max-width:1199px){
    .conten_main .conten_main_line{justify-content: center;max-width: 1000px;margin: auto;}
    .bloque_info .bloque_info_text{width: 50%;}
    .bloque_info .bloque_info_img{width: 400px;margin-left: 50px;}
    .conten_main .c2 .bloque_info_img{margin-left: 0px;margin-right: 50px;}
    .bloque_info .bloque_info_img img{width: 400px;height: 280px;}}
@media screen and (max-width:1020px){
    .conten_main .conten_main_line{max-width: 900px;}
    .bloque_info .bloque_info_text{width: 48%;}
    .bloque_info .bloque_info_img{margin-left: 20px;}
    .conten_main .c2 .bloque_info_img{margin-left: 0px;margin-right: 20px;}}
@media screen and (max-width:980px){
    .conten_main .conten_main_line{max-width: 800px;}
    .bloque_info .bloque_info_text{width: 80%;padding: 0px;margin-top: 25px;}
    .conten_main .c2 .bloque_info_title{margin-top: 20px;}
    .bloque_info .bloque_info_text .bloque_info_btn{margin-bottom: 8%;}
    .bloque_info .bloque_info_img{width: 80%;margin: 0px;}
    .bloque_info .bloque_info_img img{width: 100%;height: auto;}
    .bloque_info .bloque_info_text .btn_link{padding: 14px;padding-left: 20px;padding-right: 20px;font-size: 15px;}}
@media screen and (max-width:500px){
    .bloque_info .bloque_info_text .bloque_info_title{font-size: 20px;margin-bottom: 20px;}
    .bloque_info .bloque_info_text .bloque_info_descrip p{line-height: 30px;font-size: 12px;color:var(--color_text);}}



/*===================== CONTEN REDES SOCIALES =====================*/
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .icon_facebook{color: #3B5998;font-size: 40px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .icon_instagram{background-image: linear-gradient(60deg,#f7cf6c 0,#f74f3d ,#9834b3 100%);color: #fff;height: fit-content;
padding: 3px 8px 6px 8px;border-radius: 10px;font-size: 28px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .icon_tiktok{background: #000000;padding: 3px 8px 8px 8px;border-radius: 10px;font-size: 28px;color: #fff;height: fit-content;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .whatsapp{background: #2cb741;color: #fff;padding: 3px 8px 3px 8px;border-radius: 10px;}

.conten_main_redes_sociales{width: 100%;background: var(--fondo);}
.conten_main_redes_sociales .conten_redes_sociales{display: flex;flex-wrap: wrap;justify-content: center;padding: 80px 20px 80px 20px;margin: auto;width: 100%;}
.conten_main_redes_sociales .conten_redes_sociales .titulo{color: #000000;font-size: 45px;text-align: center;width: 70%;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes{width: 100%;margin-top: 20px;justify-content: center;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a{color: var(--color1);text-decoration: none;margin: 10px 20px 10px 20px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a span{font-size: 35px;margin: 6px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text{display: block;align-content: center;font-size: 13px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text .name{color: var(--color4);font-size: 10px;font-weight: bold;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text .titu{color: #000;}



@media screen and (max-width:950px) {  
.conten_main_redes_sociales .conten_redes_sociales{width: 90%;}
.conten_main_redes_sociales .conten_redes_sociales .titulo{width: 100%;font-size: 35px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes{justify-content: center;}}
@media screen and (max-width:500px) {.conten_main_redes_sociales .conten_redes_sociales .titulo{font-size: 20px;}  
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a{width: 50%;}  
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text{font-size: 15px;}
.conten_main_redes_sociales .conten_redes_sociales .conten_redes a .conten_text .name{font-size: 11px;}}
@media screen and (max-width:470px) {.conten_main_redes_sociales .conten_redes_sociales .conten_redes a{width: 90%;}}
/* ======================= FIN CONTEN REDES SOCIALES =====================*/
/*============== BLOQUE 8 ==========*/
.conten_bloque_8b{width: 100%;margin: auto;}
.conten_bloque_8b .conten_bloque_8b_title{display: flex;width: 100%;justify-content: center;text-align: center;font-size: 20px;margin-bottom: 50px;}
.conten_bloque_8b .conten_bloque_8b_grupos{display: flex;}
.conten_bloque_8b .conten_bloque_8b_grupos .conten_icon{
    display: flex;
    background: var(--color1);
    padding: 15px;
    border-radius: 10px;
    margin-right: 15px;}
.conten_bloque_8b .conten_bloque_8b_grupos .conten_bloque_8b_grupo .item{display: flex;flex-wrap: wrap;padding: 20px;align-items: flex-start;}
.conten_bloque_8b_grupo .item span{font-size: 25px;border-radius: 5px;color: #fff;text-align: center;}
.conten_bloque_8b_grupo .item .item_text{width: 75%;}
.conten_bloque_8b_grupo .item .item_text .item_text_titule{margin-bottom: 15px;    }
.conten_bloque_8b_grupo .item .item_text .item_text_titule a{text-decoration: none;color: #000;font-size: 23px;transform: 1s;}
.conten_bloque_8b_grupo .item .item_text .item_text_titule a:hover{color: var(--color3);transform: 1s;}
.conten_bloque_8b_grupo .item .item_text .item_text_descrip{line-height: 30px;color: var(--color_text);font-size: 16px;text-align: justify;}
@media screen and (max-width:1106px){.conten_bloque_8b_grupo .item span{padding: 0px;font-size: 20px;}.conten_bloque_8b .conten_bloque_8b_grupos .conten_icon{padding: 12px;}}
@media screen and (max-width:1020px){
.conten_bloque_8b_grupo .item .item_text .item_text_titule a{font-size: 20px;}
.conten_bloque_8b_grupo .item .item_text .item_text_descrip{font-size: 15px;}}
@media screen and (max-width:791px){
.conten_bloque_8b .conten_bloque_8b_grupos{display: flex;flex-wrap: wrap;justify-content: center;width: 80%;margin: auto;}
.conten_bloque_8b .conten_bloque_8b_grupos .conten_bloque_8b_grupo{width: 90%;justify-content: center;}
.conten_bloque_8b_grupo .item .item_text{width: 80%;}}
@media screen and (max-width:673px){.conten_bloque_8b .conten_bloque_8b_grupos .conten_bloque_8b_grupo{width: 100%;}}
@media screen and (max-width:606px){.conten_bloque_8b_grupo .item .item_text{width: 70%;}}
@media screen and (max-width:500px){.conten_bloque_8b .conten_bloque_8b_grupos{width: 90%;margin: auto;}   
    .conten_bloque_8b_title h2{text-align: center; width: 80%;font-size: 20px;}
    .conten_bloque_8b .conten_bloque_8b_grupos .conten_icon{margin-bottom: 15px;} 
    .conten_bloque_8b_grupo .item .item_text .item_text_titule{margin-bottom: 10px;    }
    .conten_bloque_8b_grupo .item .item_text .item_text_descrip{font-size: 14px;line-height: 20px;}
    .conten_bloque_8b_grupo .item .item_text{width: 100%; text-align: justify;}}
@media screen and (max-width:405px){
    .conten_bloque_8b_grupo .item span{margin-bottom: 20px;}
    .conten_bloque_8b_grupo .item .item_text{width: 100%;}}



.conten_formularo_contac{
    display: flex;    
    justify-content: center;
    background: var(--color1);
    width: 100%;
    padding: 150px 40px 150px 40px;
}
.conten_formularo_contac .form_contacto{
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;  
    max-width: 500px;
    padding: 35px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.conten_formularo_contac .form_contacto .conten-titulo-form{
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}
.conten_formularo_contac .form_contacto .xl{width: 100%;}
.conten_formularo_contac .form_contacto .l{width: 48%;}
.conten_formularo_contac .form_contacto .m-r-s{margin-right: 15px;}
.conten_formularo_contac .form_contacto .conten-input{
    display: flex;
    flex-wrap: wrap;
    border: 10px;    
    margin-bottom: 15px;
}
.conten_formularo_contac .form_contacto .conten-input label{
    width: 100%;
    margin-bottom: 8px;
}
.conten_formularo_contac .form_contacto .conten-input input{
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.conten_formularo_contac .form_contacto .conten-input textarea{
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.conten_formularo_contac .form_contacto .conten-input .btn_contacto{
    padding: 10px;
    width: 100%;
    color: #000;
    background:  var(--color1);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
}
.conten_formularo_contac .form_contacto .conten-input .btn_contacto:hover{
    background: var(--color1_h);
}