body{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Poppins';
    margin-top: 12dvh;
}
.header{
    background: #e67815;
}
#conocenos-hermano .subConocenos-a{
    background: #e67815;
}
#diplomados-hermano .subDiplomados-a{
    background: #e67815;
}

h2.titulo{
    margin: 30px 0 10px 0;
    font-family: sans-serif;
}
p, li, h3{
    font-family: "Montserrat", sans-serif;
    line-height: 25px;
}
.diplomados-informacion{
    width: 100dvw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    

}
.cupo{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cupo p{
    margin-top: 20px;
    
}

.cupo p:last-child{
    margin-bottom: 20px;
    font-size: 2rem;
}

.D-descripcion{
    width: 100%;
    max-width: 650px;
    padding: 0 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.D-descripcion p{
    text-align: justify;
}

.DI-objetivo{
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px 0 0;
    margin-bottom: 30px;
}

.DI-objetivo ul{
    list-style: none;
    padding-left: 20px;
    padding-right: 20px;
}


.DI-objetivo ul li{
    text-align: justify;
    min-height: 40px;
    font-size: 1.2rem;
    background: url('/img/puntos.png') no-repeat ; 
    background-position: left 0 top 0px ;
    padding-left: 40px; /* Espacio para el icono */ 
    margin-bottom: 10px; /* Espacio entre los elementos de la lista */
}


.objetivo, .aval, .horario{
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    font-family: sans-serif;
    font-weight: bold;
    width: fit-content;
    margin: 25px 0;
    

}


.objetivo span{
    width: 40px;
    height: 40px;
    margin-right:5px;
    background: url(/img/mira.png);
    background-size: cover;
}

.DI-aval{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    padding-left: 0px;
    margin-bottom: 40px;
    
}
ul{
    list-style: none;
}


.aval span{
    width: 30px;
    height: 30px;
    margin-right: 0px;
    background: url(/img/avalado.png);
    
}

.DI-aval div{
    width: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.DI-aval div:nth-child(2){
    margin-bottom: 10px;
}

.DI-aval div:nth-child(2) span{
    min-width: 30px;
   height: 30px;
   background: url(/img/University.png);
   background-position: "left 0";
   margin-right: 7px;
   
}

.DI-aval div:nth-child(3) span{
    min-width: 30px;
   height: 30px;
   background: url(/img/escolar.png);
   background-position: "left 0";
   margin-right: 7px;
}



.diplomados-informacion .DI-horario{
    
    width: 80%;
    max-width: 345px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px;
    border: solid black 1px;
    border-radius: 10px;
}


.horario span:nth-child(1){
   height: 30px;
   width: 30px;
   background: url(/img/reloj.png);
   margin-right: 5px;
}
.horario span:last-child{
   height: 30px;
   width: 30px;
   background: url(/img/mapa.png);
   margin-left: 5px;
}



.h-info{
    width: 90%;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    font-size: 1.2rem;
    margin-bottom: 20px;

    
}
.h-info p{
    width: fit-content;
    margin-bottom: 5px;
    max-width: 280px;
}
.h-info p:nth-last-child(1), .h-info p:nth-last-child(2){
    align-self: center;
}

.h-info p:nth-last-child(2){
    margin-top: 10px;
}

.otros{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 20px;
}
.otros div{
    display: flex;
    margin-bottom: 20px;
    padding: 0 40px 0 30px;
    
}

.otros div p{
    height: fit-content;
}

.otros div span{
    display: inline-block;
    min-width: 60px;
    height: 60px;
    margin-right: 5px;

}

.otros div:first-child  span{
    background: url(/img/persona.png);
    background-size: cover;
}

.otros div:nth-child(2)  span{
    background: url(/img/inscripciones.png);
    background-size: cover;
}

.otros div:nth-child(1)  p{
    text-align: justify;
}
.otros div:nth-child(2)  p{
    text-wrap: pretty;
}

.otros-dirigido div {
    display: flex;
    flex-direction: column;
    padding: 0;
}


.otros-dirigido{
    width: fit-content;
    
    max-width: 560px;
}

.Temario{
    width: fit-content;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
}
.Temario ol li{
    margin-bottom: 10px;
}
.Temario div{
    margin-bottom: 15px;
}

.DI-documentos{
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-bottom: 40px;
}
.DI-documentos p{
    padding-left: 30px;
    margin-bottom: 20px;
}

.DI-documentos ul{
    padding-right: 20px;
}

.DI-documentos ul li, .otros-dirigido li, .Temario ul li{
    list-style: none;
    padding-left: 30px;
    background: url(/img/punto.svg);
    background-position: left 0;
    background-repeat: no-repeat;
    background-size: 25px;
    margin-bottom: 10px;

}

.otros-dirigido ul{
    padding: 10px;
}
.otros-dirigido{
    width: 100dvw;
    display: flex;
    justify-content: start;
    align-items: center;

}

.formulario{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 10px;
    z-index: 0;
}
.formulario #amofroms_main_wrapper{
    border-radius: 25px;
}



@media screen and (min-width: 700px){
    .cursos{
        width: 100%;
    }
    .diplomados-informacion{
        width: 100%;
    }
    footer{
        width: 100%;
    }
    

}