body{ margin: 0; font-family: Arial; width: 100%; height: 100%; font-size: 22px; }
.cont_enc{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; }

.cont_found{ font-size: 22px; display: none; z-index: 1000; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
.cont_found_1{ display: none; z-index: 1000; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
.cont_found_2{ display: none; z-index: 1000; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
.cont_found_csd{ right: 5%;
    width: 10%; margin-top: 5%; position: absolute; 
    display: flex; justify-content: flex-end; }
.cont_found_csd img{ width: 95%;}

.cont_found_qs{ display: none; z-index: 1000; 
    position: fixed; width: 100%; height: 100%;
    justify-content: center; 
    align-items: center; flex-direction: column;
    background-color: rgba(0, 0, 0, 0.8); }
.cont_found_qs_1{ width: 80%; background-color: #f5efef; border-radius: 10px; padding: 5%; }
.popUp_qs{ text-align: center; color: #0b3d91; padding: 2%; }

.cont_found_csd_qs{ right: 5%;
    width: 10%; margin-top: 5%; position: absolute; 
    display: flex; justify-content: flex-end; }
.cont_found_csd_qs img{ width: 95%;}

.cont_found_menu{ width: 70%; background-color: #f5efef; z-index: 100000;}
.cont_found_li{  padding-left: 10%; cursor: pointer; padding-top: 8%; padding-bottom: 8%; border-bottom: 1px solid #0b3d91; }
.cont_found_li:hover{ background-color: #0b3d91; color: #ffffff; }

.cont_enc_1{ width: 40%; padding-top: 2%; padding-bottom: 2%; display: flex; justify-content: center; align-items: center; }
.cont_enc_1 img{ cursor: pointer; width: 100% }

.cont_enc_2{ width: 15%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_enc_2 img{ width: 50%; }

.cont_enc_menu{ display: none; width: 70%; justify-content: end; align-items: end; }
.cont_enc_menu_s{ cursor: pointer; text-align: center; margin-left: 2%; margin-right: 1%; padding-top: 5%; padding-bottom: 1%; }
.cont_enc_menu_s:hover{ background-color: #0b3d91; color: #ffffff; }
/*body{ margin: 0; font-family: Arial; width: 100%; height: 100%; position: fixed; display: flex; justify-content: center; align-items: center; flex-direction: column; }*/


.cont_page{ padding: 5%; font-size: 22px;}
.cont_page_1{ background-color: #0b3d91; color: #ffffff; }
.cont_page_1 h2{ font-weight: normal;}
.texto-borde {
    color: rgb(255, 255, 255);
    -webkit-text-stroke: 0.6px rgb(255, 255, 255); /* Grosor y color del borde */
    /* text-stroke: 1px #0b3d91; Estándar */
}

/*0b3d91**/
.cont_blog{ width: 90%; margin-bottom: 10%; text-align: left;
    box-shadow: 4px 4px 2px rgb(11, 61, 145, 0.1); background-color: #f5efef; padding: 5%; border-bottom-right-radius: 25px;
    /*border-bottom: 1px solid #0b3d91; border-right: 1px solid #0b3d91; */
    display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_blog h3{ margin-bottom: 0;}
.cont_blog p{ width: 100%;}
.cont_blog ul{ width: 100%;}
.cont_blog img{ width: 100%; }

.cont_buttons{ width: 100%; display: flex; justify-content: space-between; }
.button{ border-radius: 10px; font-weight: bold; font-size: 22px;
    display: flex; justify-content: center; align-items: center; cursor: pointer;
    background-color: #ffffff; color: #0b3d91; border: none;
    width: 45%; text-align: center; padding-top: 4%; padding-bottom: 4%; }
.button_2{ background-color: #3b85d8; color: #ffffff;}
.button_3{ width: 60%; background-color: #0b3d91; color: #ffffff;}
.button_4{ width: 70%; }

.cont_buttons_2{margin-top: 5%;}

.cont_page_1_img{ width: 100%; margin-top: 10%; padding-bottom: 5%; }
.cont_page_1_img img{ width: 100%; }

.cont_page_2{ display: flex; background-color: #f5efef; padding-bottom: 15%; justify-content: center; align-items: center; flex-direction: column; }
.cont_page_2_lis{ display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cont_page_2_li{ width: 90%; margin-top: 2%; margin-bottom: 2%; display: flex; justify-content: space-between;}
.cont_page_2_li2{ justify-content: flex-start; }
.cont_page_2_li_img{ width: 20%; }
.cont_page_2_li_img2 { width: 7%; margin-right: 5%; }
.cont_page_2_li_img img, .cont_page_2_li_img2 img{ width: 100%; }
.cont_page_2_li_text{ width: 70%; display: flex; align-items: center; font-weight: 500; }

.cont_page_2_form{ width: 100%;}
.cont_inp{ display: flex; flex-direction: column; margin-bottom: 5%; }
.cont_inp input, .cont_inp textarea{ font-family: Arial; 
    background-color: #f5efef;
    padding: 4%; border-radius: 10px; border: 1px solid #0b3d91; 
    margin-top: 2%; font-size: 22px; }
textarea{ resize: none; }

.cont_page_2_img{ width: 100%; margin-top: 10%; margin-bottom: 5%; }
.cont_page_2_img img{ width: 100%; display: none; }
.cont_page_2_img_text{ color: #ffffff; width: 80%; padding: 5%; }/*position: absolute; */

.cont_page_2_img_text h3{ margin-top: 0; margin-bottom: 0;}

.cont_page_3{ 
    background-image: url('../images/img_mv.webp'); 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    align-items: center;
}
.cont_page_3_txt{ width:  80%; padding: 5%; text-align: center; background-color: #0b3d91; color: #f5efef; margin-bottom: 5%; }/*f5efef*/

.cont_page_4{ text-align: center; background: #f5efef; display: flex; 
    justify-content: center; flex-direction: column; 
    align-items: center; }
.cont_page_4_img{ width: 90%; }
.cont_page_4_img img{ width: 100%; }
.cont_page_4_img_h{ display: none; }

.cont_page_4_txt{ width: 90%; text-align: left; }
.cont_page_4_li{ width: 100%; margin-top: 5%; margin-bottom: 5%; display: flex; align-items: center; flex-direction: row;}
.cont_page_4_li img{ margin-left: 5%; width: 10%; }

.cont_page_5{ background-color: #0b3d91; color: #ffffff; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 5%; }
.cont_page_5_enc{ display: flex; justify-content: space-between;}
.cont_page_5_enc_logo{ width: 40%; display: flex; justify-content: center; align-items: center;}
.cont_page_5_enc_logo img{ width: 100%; }
.cont_page_5_enc_rs{ width: 25%;  flex-direction: row; justify-content: space-around;}
.cont_page_5_enc_rs img{ width: 45%;}

.cont_page_5_s_li{ width: 100%; }
.cont_page_5_li{ width: 100%; text-align: left; 
    font-weight: 500; margin-top: 2%; margin-bottom: 2%; cursor: default; }
.cont_page_5_li_oc:hover{
    background-color: #f5efef; color: #0b3d91; cursor: pointer;
}
input:focus, textarea:focus, select:focus {
  outline: none; /* Quita el borde azul por defecto del navegador */
  border: 2px solid rgb(11, 61, 145); /*0b3d91*/
  box-shadow: 0 0 5px rgba(11, 61, 145, 0.5);
}

.cont_icon_wa{ 
    position: fixed;
    width: 15%;
    bottom: 3%;
    right: 10%;
}

.cont_icon_wa img{ width: 100%; }

.cont_ic_view{ display: flex; align-items: center; }
.cont_ic_view img{ width: 10%; margin-right: 5%; }

#q1{ background: url('../images/pf_01.webp');  background-size: cover; }
#q2{ background: url('../images/pf_02.webp');  background-size: cover; }
#q3{ background: url('../images/pf_03.webp');  background-size: cover; }
#q4{ background: url('../images/pf_04.webp');  background-size: cover; }
#q5{ background: url('../images/pf_05.webp');  background-size: cover; }
#q6{ background: url('../images/pf_06.webp');  background-size: cover; }

@media (max-width: 450px) {/*MENOR*/
	/* .cont_init_text{ height: 90%;  } */
    body{ font-size: 12px; }
}

@media (min-width: 1200px) {/**HORIZONTAL**/
    body{ font-size: 28px; }
    .cont_found_menu{ width: 45%; }
    .cont_found_li{ padding-top: 2%; padding-bottom: 2%; }
    .cont_found_csd{ width: 3%; margin-top: 2%; right: 2%; }

    .cont_page{ padding: 2%;}
    .cont_enc_1{ width: 18%; padding: 1%; padding-left: 2%; }
    .cont_enc_2{ display: none; width: 5%; }

    .cont_enc_menu { display: flex;}
    .button{ width: 40%; padding-top: 2%; padding-bottom: 2%; }

    .cont_page_1{ display: flex; flex-direction: row;}
    .cont_div_one{ display: flex; flex-direction: column; justify-content: center; }
    .cont_div_one, .cont_div_two{ width: 50%; }
    .cont_page_1_img{ margin-top: 5%; margin-bottom: 5%; }

    #cont_button_2{ margin-top: -20%; justify-content: end; }
    #button_2{ width: 50%; margin-right: 2%; }

    #image_1{ 
        content: url("../images/img_1_h.webp");
    }

    .cont_page_2{ padding-bottom: 5%; }
    .cont_page_2_lis{ flex-direction: row; }
    .cont_page_2_li{ flex-direction: column; align-items: center; text-align: center;}
    .cont_page_2_li_img{ width: 35%; margin-bottom: 5%; }
    .cont_page_2_li_text{ width: 85%; }

    
    #misionvision{ flex-direction: row; padding: 2%; padding-top: 5%; padding-bottom: 5%; align-items: normal; justify-content: space-around; }
    .cont_page_3_txt{ width: 35%; margin-bottom: 0; }

    .cont_page_4_li img{ width: 5%; margin-left: 2%; }
    .cont_page_4_img_v{ display: none;}
    .cont_page_4_txt{ 
        background: url('../images/img_pf_h.webp'); background-size: auto 100%;
        background-position-x: right; background-repeat: no-repeat;
    }
    .cont_page_4_li{ margin-top: 3%; margin-bottom: 3%; }

    .cont_page_5_enc_logo{ width: 20%; }
    .cont_page_5_li{ margin-top: 2%; margin-bottom: 2%; }
    .cont_page_5_enc_rs{ width: 10%; }
    .cont_page_5_enc_rs img{ cursor: pointer; }

    .cont_page_5_s_li{ display: flex; justify-content: space-between; }
    .cont_page_5_li_1, .cont_page_5_li_2{ width: 45%; }
    .cont_page_5_li_2{ font-size: 20px; }

    .cont_icon_wa{ width: 5%; right: 5%; cursor: pointer; }
    .cont_ic_view img{ width: 2%; margin-right: 2%; }
    #views{ font-size: 20px; }

    .cont_blog{ display: flex; flex-direction: row; }
    .cont_blog img{ width: 45%; }
    .cont_blog_txt{ padding: 2%; padding-left: 5%; }

    #cont_page_1_al, #cont_page_1_blog ,#cont_page_1_pp, #cont_page_1_tc{ flex-direction: column; }

    #cont_page_2_pf{ background-color: #0b3d91; }
    .pf_cont{ margin-top: 0; margin-bottom: 0; font-size: 32px; }
    .pf_cont_h{ margin-bottom: 2%; }
    .pf_cont_txt{ width: 25%; margin-top: 5%; margin-bottom: 5%; }
    #q6_txt{ width: 50%;  background-color: rgb(11, 61, 145, 0.4); }
    #q6_txt_s{ width: 100%; }
    #q1, #q2, #q3, #q4, #q5, #q6{ 
        background-image: url('../images/pf_01_h.webp'); 
        background-size: auto 100%;
        background-position-x: right;
        background-repeat: no-repeat;
    }
    #q2{ background-image: url('../images/pf_02_h.webp');  }
    #q3{ background-image: url('../images/pf_03_h.webp');  }
    #q4{ background-image: url('../images/pf_04_h.webp');  }
    #q5{ background-image: url('../images/pf_05_h.webp');  }
    #q6{ background-image: url('../images/pf_06_h.webp');  }
    
    .cont_page_1_qs_txt{ width: 75%; padding-right: 2%; }
    #img_qs{ content: url("../images/img_mv_h.webp"); }
    .cont_page_1_img_qs{ margin-bottom: 0; }

    .cont_page_2_form_s{ width: 100%; display: flex; justify-content: space-between; }

    .cont_inp{ margin-bottom: 2%; width: 45%; }
    .cont_inp input, .cont_inp textarea { padding: 2%; font-size: 28px; }
    #clickMe{ width: 20%; font-size: 28px; }
    .cont_page_2_li2{ flex-direction: row; }
    .cont_page_2_li_img2{ width: 3%; cursor: pointer; }

	/*.sub_cont_enc_1 img{ width: 20% }
	.sub_cont_enc_2 img{ width: 10%; }
	.sub_cont_enc_3_btn{ width: 35%; font-size: 16px; }

	.cont_change img{ height: 25%; }
	.cont_product{ width: 44%; margin-left: 4%; }
	.cont_init_text{ font-size: 3em; height: 95%; }

	#img_init_1{ display: none; }
	#img_init_2{ display: flex; }

	.sub_cont_section_end img{ width: 15%; }
	.btn_txt_end{ padding-top: 1%; padding-bottom: 1%; }
	.btns_imgs_end img{ width: 3%; }
	.section_end{ padding-top: 1%; padding-bottom: 1%;  }*/
}