/* NAVBAR FIJO */
.header-fijo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #004080 !important;
    /* Verde Ecoparque */
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.navbar-container-mobile {
    padding: 12px 0;
    text-align: center;
}

.main-logo-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #ffffff;
    font-size: 34px;
    /* Aquí aumentamos el tamaño significativamente */
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
    display: block;
}

.nav-links-mobile a {
    font-family: sans-serif;
    /* Regla de oro */
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    /* Un punto más grande para que se lea bien */
    font-weight: 500;
    text-transform: capitalize;
    /* Mantiene la primera en mayúscula */
}

.nav-links-mobile a {
    color: white;
    text-decoration: none;
    font-size: 13px;
}

/* BARRA LATERAL */
.sidebar {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    background-color: #1b5e20;
    transition: 0.4s ease;
    z-index: 2000;
}

.sidebar.active {
    left: 0;
}

.close-sidebar {
    color: white;
    font-size: 30px;
    /* Un tamaño más elegante para la barra corta */
    text-align: right;
    /* La mantenemos a la derecha */
    padding: 5px 15px;
    /* Menos espacio para que no ocupe tanto */
    cursor: pointer;
    line-height: 1;
    font-family: sans-serif !important;
    /* Siempre sans-serif */
}

.sidebar-links a {
    font-family: sans-serif !important;
    font-size: 14px;
    /* Más chiquitas (estaba en 18px) */
    font-weight: 500;
    /* Negrita suave (la normal es 400, la fuerte es 700) */
    color: white;
    padding: 12px 25px;
    /* Ajusté un poco el padding para que no ocupen tanto espacio */
    display: block;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Compensación de espacio para el contenido */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /* Evita que aparezca una barrita abajo si la foto se pasa un pelo */
}

/* REGLA ESPECÍFICA PARA EL BOTÓN MÁS INFO */
#openSidebar {
    color: #ffffff !important;
    /* Blanco como pediste */
    font-weight: bold;
    font-family: sans-serif;
    text-decoration: none;
    cursor: pointer;
}

/* CAMBIO DE COLOR BARRA LATERAL A AZUL MARINO */
/* BARRA LATERAL ACORTADA Y POSICIONADA */
.sidebar {
    position: fixed;
    top: 90px;
    /* Empieza justo debajo de tu barra azul */
    left: -280px;
    /* Escondida */
    width: 250px;
    /* Un poquito más angosta para que sea elegante */
    height: auto;
    /* Se adapta al contenido */
    background-color: #004080 !important;
    /* Azul Marino */
    transition: 0.4s ease;
    z-index: 2000;
    font-family: sans-serif !important;
    border-bottom-right-radius: 10px;
    /* Redondeado suave al final */
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
    /* Sombra para que flote */
}

.btn-mas-info {
    color: #ffffff !important;
    /* Lo pone en blanco */
    margin-left: 20px;
    /* Lo separa de Palermo */
    font-family: sans-serif;
    /* Tipografía correcta */
    font-weight: bold;
    /* Para que resalte */
    text-decoration: none;
    /* Sin subrayado */
}