*
{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
:root
{
    --colorPrimario:rgb(37, 52, 112);
    --colorSecundario: rgb(60,183,174);
    --colorTercero:rgb(201, 209, 223);
    --colorCuart:rgb(121, 127, 136);
}
body
{
    background-color: var(--colorTercero);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*primera parte*/
.contenedor_primera_parte
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../imagenes/img_pt1.png);
    background-size: cover;
    background-attachment: fixed;
}
.cont_logo
{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(37, 52, 112, 0.489);
    backdrop-filter: blur(5px);
}
.cont_logo img
{
    width: 30%;
    padding-bottom: 20px;
}
.cont_logo p
{
    font-size: 35px;
    text-align: center;
    font-weight: 700;
    color: white;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*segunda parte*/
.contendor_segunda_parte
{
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:var(--colorPrimario);
    padding: 30px 0;
}
.cont_izq_pt2
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_izq_pt2 iframe
{
    width: 90%;
    border-radius: 20px;
}
.cont_der_pt2
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cont_der_pt2 h1
{
    font-size: 40px;
    color: white;
    padding-bottom: 15px;
    padding-top: 20px;
}
.cont_der_pt2 h2
{
    width: 100%;
    font-size: 20px;
    color: white;
    padding-bottom: 10px;
    /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_der_pt2 h3
{
    font-size: 20px;
    color: white;
    padding-bottom: 15px;
}
.cont_info_pt2
{
    width: 55%;
    display: flex;
    align-items:flex-start;
    justify-content: center;
    flex-direction: column;
    /*border: 1px solid blue;*/
}
.opcion_pt2
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;

}
.opcion_pt2 i
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: var(--colorSecundario);
}
.opcion_pt2 p
{
    font-size: 20px;
    color: white;
    padding-left: 10px;
    font-weight: 700;
    /*border: 1px solid yellow;*/
}
span
{
    font-size: 17px;
    font-weight: 500;
}
/*carusel---------------------------*/
.cont_carrusel
{
    width: 80%;
    height: 70%;
    overflow: hidden;
    /*border: 1px solid green;*/
}
.cont_carrusel ul
{
    display: flex;
    animation: cambio 15s infinite alternate linear;
    width: 200%;
}
.cont_carrusel li
{
    width: 100%;
    list-style: none;
}
.box_pt2
{
    /*border: 1px solid red;*/
    width: 100%;
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: center;
}  
@keyframes cambio
{
    0%{margin-left: 0;}
    50%{margin-left: 0;}
      
    55%{margin-left: -100%;}
    100%{margin-left: -100%;}
      
}
  @media only screen and (min-width:320px) and (max-width:768px){
    .slider, .slider ul, .slider img{
        height: 100vh;
    }
} 
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*tercera parte*/
.contenedor_tercera_parte
{
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
    background-color: white;
}
.cont_izq_pt3
{
    width: 50%;
    display: flex;
    align-items:flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    /*border: 1px solid red;*/
}
.cont_izq_pt3 h2
{
    font-size: 40px;
    color: var(--colorPrimario);
    padding-bottom: 10px;
}
.cont_iconos_pt3
{
    width: 100%;
    /*border: 1px solid blue;*/
    display: flex;
    align-items:center;
    justify-content:flex-start;
    padding-bottom: 20px;
}
.cont_iconos_pt3 img
{
    width: 220px;
}
.cont_izq_pt3 h3
{
    font-size: 25px;
    color: var(--colorPrimario);
    padding-bottom: 10px;
}
.cont_izq_pt3 p
{
    color: grey;
    font-size: 20px;
    font-weight: 700;
    text-align: justify;
}
.cont_der_pt3
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_der_pt3 img
{
    width: 80%;
    border-radius: 20px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*cuarta parte*/
.contenedor_ccuarta_parte
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 20px;
    background-color: var(--colorTercero);
}
.cont_int_pt4
{
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cont_titulo_pt4 
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}
.cont_titulo_pt4 h2
{
    font-size: 40px;
    color: var(--colorPrimario);
}
.cont_metodo
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cont_metodo img
{
    width: 15%;
}
.cont_metodo_2
{
    display: flex;
    align-items:flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px ;
}
.cont_metodo_2 h3
{
    font-size: 25px;
    padding-bottom: 10px;
    color: var(--colorPrimario);
}
.cont_metodo_2 p
{
    font-size: 20px;
    text-align: justify;
    color: grey;
    font-weight: 700;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*quinta parte*/
.contenedor_quinta_prte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 20px;
    background-color:white;
}
.contenedor_quinta_prte video
{
    width: 50%;
    border-radius: 20px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*sexta parte*/
.contenedor_sexta_parte
{
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--colorPrimario);
    padding: 50px 0;
}
.cont_izq_pt6
{
    width: 50%;
    display: flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction: column;
    /*border: 1px solid white;*/
    padding: 20px;
}
.cont_izq_pt6 h2
{
    font-size: 40px;
    color: white;
}
.cont_der_pt6
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; 
}
.img_1
{
    width: 90%;
    border: 4px solid white;
    border-radius: 20px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*septima parte*/
.contenedor_septima_parte
{
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--colorCuart);
    padding: 50px 0;
}
.cont_izq_pt7
{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cont_izq_pt7 video
{
    width: 90%;
    border-radius: 20px;
}
.cont_der_pt7
{
    width: 50%;
    display: flex;
    align-items:flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}
.cont_der_pt7 h2
{
    font-size: 40px;
    color: white;
}
.cont_der_pt7 p
{
    font-size: 20px;
    color: white;
    font-weight: 700;
    text-align: justify;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*octava parte*/
.contenedor_octava_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
    background-color: white;
}
.cont_arriba_pt8
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
}
.cont_arriba_pt8 .cont_iconos_pt3
{
    justify-content: center;
}
.cont_arriba_pt8 h2
{
    font-size: 40px;
    color: var(--colorPrimario);
    padding-bottom: 10px;
}
.cont_arriba_pt8 p
{
    font-size: 20px;
    font-weight: 700;
    color: grey;
    text-align: justify;
}
.cont_carrucel_infinito
{
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slider_track
{
    display: flex;
    animation: scroll 30s linear infinite;
    -webkit-animation: scroll 30s linear infinite;
    width: calc(420px * 11);
}
.slider_let
{
    /*border: 1px solid black;*/
    width: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.slider_let img
{
    width: 200px;
    height: 100px;
    object-fit: cover;
} 
@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-420px * 5.5));
        transform: translateX(calc(-420px * 5.5));
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*novena parte*/
.contenedor_novena_parte
{
    width: 100%;
    display: flex;
    align-items:center;
    justify-content: center;
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 20px;
    background-color: var(--colorTercero);
}
.contenedor_novena_parte h2
{
    font-size: 40px;
    color: var(--colorPrimario);
    padding-bottom: 20px;
}
.contenedor_novena_parte .cont_iconos_pt3
{
    justify-content: center;
}
.cont_videos_testimonios
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.cont_videos_testimonios video
{
    width: 30%;
    height: 400px;
    margin: 10px;
    border-radius: 20px;
    border: 1px solid rgb(161, 161, 161);
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*decima parte*/
.contenedor_decima_parte
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
    background-color: var(--colorTercero);
}
.contenedor_decima_parte iframe
{
    width: 100%;
    height: 400px;
}