/*

Rosa: #ae6fbc
Azul: #2c69a2


*/

html,
body {
    height: 100%;
    margin: 0;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* asegura que al menos ocupa el alto de la pantalla */
}

main {
    flex: 1;
    /* empuja el footer hacia abajo cuando hay poco contenido */
}

footer {
    padding: 1rem;
    text-align: center;
    background-color: #efefef;
}

.social_net_links {
    color: unset !important;
    text-decoration: none !important;
}

/*cabecera superior*/
.navbar {
    height: 90px;
    /* Ajusta la altura total */
}

.navbar-nav .nav-link {
    font-size: 25px;
    /* Aumenta el tamaño del texto del menú */
    margin: 20px;
}

.nav-item {
    font-weight: 600;
}

.navbar-nav .nav-link.active {
    color: #ae6fbc !important;
    /* Cambia el color del texto */
    font-weight: bold;
    /* Hace el texto más grueso */
    background-color: #f8f9fa;
    /* Cambia el fondo */
}

.navbar-nav .nav-link:hover {
    color: #ae6fbc !important;
    /* Cambia el color del texto */
    background-color: #f8f9fa;
    /* Cambia el fondo */
}


/*Contenido de la web*/
.content {
    text-align: center;
}

.herramientas, .api_datos_met{
    display: inline-flex;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 1%;
}

.c_herramienta{
    margin-left: 5%;
    margin-right: 5%;
}

.titulo_sn{
    color: #ae6fbc;
}

.p_sobre_nosotros{
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
}
.cont_info {
    margin-bottom: 2.5%;
}

.btgotoweb {
    color: #ae6fbc;
    /* Cambia el color del texto */
    font-weight: bold;
    /* Hace el texto más grueso */
    text-decoration: none;
}
.btgotoweb:hover {
    color: #ae6fbc;
    /* Cambia el color del texto */
    font-weight: bold;
    /* Hace el texto más grueso */
    text-decoration: underline;
}

.busquedas {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin-bottom: 15px;
    margin-top: 5px;
}

#r_estaciones {
    display: flex;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

#sel_vel {
    margin: 5px;
    align-items: center;
    text-align: center;
}

#windUnitDropdown {
    color: #ae6fbc;
    border-color: #ae6fbc;
}

#windUnitDropdown:hover {
    background-color: #ae6fbc;
    border-color: #ae6fbc;
    color: white;
}

.estaciones {
    margin: 15px;
}

.switch-pred {
    margin-right: 1%;
    align-content: center;
    font-size: x-large;
}

/*Selector de fecha*/
.datepick,
.switch-pred {
    vertical-align: middle;
}

#btpred {
    background-color: #ae6fbc !important;
    border-color: #ae6fbc;
}

.setdate {
    text-align: center;
    align-content: center;
}

#datepick {
    text-align: center;
    height: 40px;
}

.logo {
    border-radius: 50%;
    height: 50px;
}

/* Estilos mensaje de error */
#errores{
    width: 100%;
}
.error_msg {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

/* Estilos mapas */
.mapas,
.graficos {
    display: flex;
    justify-content: center;
}

.mapas_inf {
    width: 55%;
}

.mapas_pred {
    width: 35%;
}

.mapas_juntos {
    width: 90%;
}