/*Creado, diseñado y desarrollado por Flor Guadalupe Llamas Zamorano*/
/**Hace que el contenido siempre esté en el centro de la pantalla y ocupe todo el espacio*/
body{
    background-color: #FDFDFD;
    display: flex;
    flex-direction: column; /* Organiza el contenido de manera vertical */
    min-height: 100vh; /* Hace que el body ocupe toda la altura de la pantalla */
    
}
/*Margen del contenido*/
.margin{
    margin: 20px 50px;
}
 /* Hace que el contenido ocupe el espacio disponible */
.contenido {
    flex: 1;
}
/*Estilo de titulos*/
.titulo{
    text-align:left;
    margin: 30px 30px;
}
.titulo h1{
    font-family: 'Raleway', sans-serif;
    font-size: 23px;    
    font-optical-sizing: auto; 
    font-weight: 500;
    color: rgba(27, 27, 27, 1);
}
.titulo .negritas{
    font-family: 'Raleway', sans-serif;
    font-size: 21px;    
    font-optical-sizing: auto; 
    font-weight: 550;
    color: rgba(27, 27, 27, 1);
}
/*Estilo de subtitulos*/
.subtitulo
{
    text-align:left;
    margin: 30px 30px;
}
.subtitulo h2{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 22px;    
    font-optical-sizing: auto; 
    font-weight: 400;
    color: rgba(27, 27, 27, 1);
}
/*Estilo de titulo de sección*/
.seccion{
    text-align:left;
    margin: 30px 30px;
} 
.seccion h3{
    font-family:'Montserrat', sans-serif;
    font-size: 19px;    
    font-optical-sizing: auto; 
    font-weight: 450;
    color: rgba(27, 27, 27, 1);
}
/*estilo de letras de enlaces*/
a{
    font-family:'Montserrat', sans-serif;
    font-size: 15px;    
    font-optical-sizing: auto; 
    font-weight: 400;
}
/*Estilo de texto*/
.texto{
    text-align: justify;
}
.texto h3{
    font-family:'Montserrat', sans-serif;
    font-size: 16px;    
    font-optical-sizing: auto; 
    font-weight: 450;
    line-height: 2;
}
/*letras negritas de sección*/
.seccion .negritas{
    font-weight: 500;
    font-family:'Montserrat', sans-serif;
    font-size: 20px;    
    font-optical-sizing: auto; 
    line-height: 2;
}
/*letras negritas de texto*/
.texto .negritas{
    font-weight: 600;
    font-family:'Montserrat', sans-serif;
    font-size: 16px;    
    font-optical-sizing: auto; 
    line-height: 2;
}
/*media querys para responsividad*/
/*pantallas medianas*/
@media (max-width: 768px) {
    /*Margen del contenido*/
    .margin{
    margin: 20px 40px;
}
}
/*estilos barras de titulo*/
.seccion-titulo{
    text-align:left;
} 
.seccion-titulo a{
    text-decoration: none;
}
.seccion-titulo a h3{
    font-family:'Montserrat', sans-serif;
    font-size: 17px;    
    font-optical-sizing: auto; 
    font-weight: 450;
    color: #525252;
}
.seccion-titulo h3
{
    font-family:'Montserrat', sans-serif;
    font-size: 17px;    
    font-optical-sizing: auto; 
    font-weight: 450;
    color: #0049B3;
}
.subtitulo-titulo
{
    text-align:left;
}
.subtitulo-titulo a{
    text-decoration: none;
}
.subtitulo-titulo a h2{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 19px;    
    font-optical-sizing: auto; 
    font-weight: 500;
    color: #525252;
}