/* ========= HOME CONTENT ========= */
.home-page-content{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 15px;
}

.home-header{
    text-align: center;
    padding-top: 0px;
}

.home-header h1{
    font-family: 'Poppins', sans-serif;
    font-size: 6rem;
    color: #9c203d;
    margin: 0;
    line-height: 1.1;
}

.home-header h2{
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    color: #bd955c;
    margin: 0;
}

.home-header h3{
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    color: #555555;
    margin: 0;
}

/* ========= LOGO ========= */
.home-page-content .municipio-logo {
    width: clamp(250px, 20vw, 300px);
    opacity: 0.8;
    height: auto;
}

/* ========= AJUSTE PARA SUBMENÚ ========= */
.list .list-item.has-submenu {
    height: auto;
    line-height: normal;
}

/* Botón de Tomo II (siempre igual) */
.list .list-item.has-submenu > a {
    background: #cb2b50;
    height: 50px;
    line-height: 50px;
}

/* Tomo II NO debe pintarse automáticamente */
.list .list-item.has-submenu.active > a {
    background: #cb2b50 !important;
}

/* ===== CONTENEDOR DEL SUBMENÚ (cerrado por defecto) ===== */
.submenu-tomo {
    list-style: none;
    padding-left: 10px;
    margin-top: 6px;
    max-height: 0;                /* cerrado */
    overflow: hidden;
    transition: max-height 0.6s ease-in-out;

}

/* ===== CUANDO TOMO II SE ABRE (CLASE .open DESDE JS) ===== */
.list .list-item.has-submenu.open .submenu-tomo {
    max-height: 500px;            /* abre suavemente */
}

/* ===== ESTILO DE LOS LINKS DEL SUBMENÚ ===== */
.submenu-link {
    display: block;
    width: 100%;
    font-size: 12px;               /* tamaño pequeño */
    padding: 8px 12px;
    margin: 5px 0;

    background: #cb2b50;
    color: white;
    border-radius: 8px;

    line-height: 1.35;
    white-space: normal !important;
    overflow-wrap: break-word;

    transition: 0.25s;
}

/* Hover */
.submenu-link:hover {
    background: #bd955c;
}

/* Seleccionado */
.submenu-link.active-submenu {
    background: #bd955c !important;
}

/* Submenú de Tomo II: estilo base */
.list .list-item.has-submenu .submenu-tomo .submenu-link {
    display: block;
    width: 100%;
    font-size: 13px;              /* 👈 más pequeño, como subíndice */
    line-height: 1.4;
    padding: 6px 10px;
    margin: 4px 0;

    background: #cb2b50;          /* color base del menú */
    color: #fff;
    border-radius: 6px;

    /* 👇 rompe el nowrap heredado y deja que el texto salte de línea */
    white-space: normal !important;
    overflow-wrap: break-word;    /* por si hay palabras muy largas */
}