/* RESET */
body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

/* NAVBAR ULTRA MINIMALISTA */
.navbar-kimo {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    width: 100%;
    z-index: 10;
}

    /* LOGO Y LINKS (si algún día volvés a usarlos) */
    .navbar-kimo .nav-link {
        color: #7aa0a5 !important;
        font-weight: 500;
        font-size: 1.1rem;
    }

        .navbar-kimo .nav-link:hover {
            color: #4f7f85 !important;
        }

/* CONTENEDOR DE LA IMAGEN */
.fondo-kimo {
    width: 100%;
    height: 100vh;
    background: #ffffff url('/img/kimo-institucional.jpeg') no-repeat center center;
    background-size: contain;
}

/* ============================
   HAMBURGUESA SIEMPRE VISIBLE
   ============================ */

.mobile-menu-toggle {
    display: block; /* SIEMPRE visible */
    width: 30px;
    cursor: pointer;
    margin-left: auto; /* empuja hacia la derecha */
}

    .mobile-menu-toggle span {
        display: block;
        height: 4px;
        background: #7aa0a5;
        margin: 6px 0;
        border-radius: 2px;
        transition: 0.3s;
    }

/* ============================
   MENÚ DESPLEGABLE
   ============================ */

/* MENÚ DESPLEGABLE (flotante, sin desplazar contenido) */
.mobile-menu {
    display: none;
    position: absolute;
    top: 60px; /* debajo de la navbar */
    right: 10px; /* pegado a la derecha */
    background: #ffffff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    width: 180px; /* ancho fijo, no ocupa toda la pantalla */
    z-index: 9999; /* siempre arriba */
}

    .mobile-menu a {
        display: block;
        padding: 10px;
        color: #4f7f85;
        text-decoration: none;
        border-bottom: 1px solid #eee;
        font-size: 1rem;
    }

        .mobile-menu a:last-child {
            border-bottom: none;
        }

        .mobile-menu a:hover {
            background: #f2f2f2;
        }
/* HAMBURGUESA SIEMPRE A LA DERECHA DEL TODO */
.mobile-menu-toggle {
    position: absolute;
    top: 15px;
    right: 15px; /* ahora sí pegada al borde */
    width: 30px;
    cursor: pointer;
    z-index: 9999;
}

/* MENÚ DESPLEGABLE ALINEADO CON LA HAMBURGUESA */
.mobile-menu {
    display: none;
    position: absolute;
    top: 55px; /* justo debajo de la hamburguesa */
    right: 15px; /* mismo alineado que la hamburguesa */
    background: #ffffff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    width: 180px;
    z-index: 9999;
}