:root{
    --primario:'Oswald',sans-serif;
    --secundario: 'Roboto', sans-serif;
    
}






/**Fuentes **/
.oswald-uniquifier {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
  


/** General **/

h1, h2, h3, h4 {
    font-family: var(--primario);
}

p {
    font-family: var(--secundario);
}


body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; 
}

.nav-link:hover {
    background-color: #357ABD; 
    color: #0056b3; 
}

.navbar-custom {
    max-width: 1100px;
    margin: 0 auto;
}

.btn-azul-claro {
    background-color: #4A90E2; 
    color: white;
}
.btn-azul-claro:hover {
    background-color: #357ABD; 
}
.text-container {
    padding: 70px; 
}
.img-container {
    text-align: center; /* Alineación de la imagen al centro */
    padding: 70px;
}
.img-container img {
    max-width: 100%; /* Asegura que la imagen no exceda el ancho del contenedor */
    height: auto; /* Mantenimiento del aspecto de la imagen */
}
.color-h2{
    color:#0080FF;
}

.text-center {
    text-align: center;
    margin: 20px;
    padding-top: 90px;
    padding-bottom: 90px;  
    color: #fff; /* Cambiado el color del texto a blanco */
    width: 100%;
    max-width: 100%;
    background: rgb(29,159,204);
    background: linear-gradient(90deg, rgba(29,159,204,1) 0%, rgba(84,188,189,1) 41%, rgba(140,200,223,1) 100%);
}

.text {
    padding-bottom: 30px; 
 
}

.content {
    flex: 1; /* Hace que el contenido ocupe todo el espacio disponible */
}
.footer {
    background-color: #000; /* Fondo negro sólido */
    color: #fff; /* Color del texto */
    padding: 20px 0; /* Espaciado interno */
    text-align: center; /* Alineación de texto al centro */
    width: 100%;
}