/* === Special Handling for Menu Images === */
.menu-item-acc-img img {
    display: block;
    max-width: 100%;
    height: auto;
    padding: 8px;
}

/* === Hover bubble for GIF preview === */
.has-acc-gif { position: relative; }
.menu-bubble-acc-gif {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    width: 250px;
    z-index: 9999;
}
.menu-bubble-acc-gif img { width: 100%; height: auto; display: block; }
.has-acc-gif:hover > .menu-bubble-acc-gif { display: block; }


/* === Accessibility Bar === */
header { position: relative; z-index: 1; }
body.high-contrast { filter: invert(1); background-color: black; }
.tooltip { position: relative; display: flex; align-items: center; border-radius: 4px; transition: background-color 0.3s ease, transform 0.3s ease; color: #fff; justify-content: flex-start; width: 150px; height: 50px; }
.tooltip:hover { background-color: #03659c; transform: translateX(-100px); cursor: pointer; }
.tooltip p { text-align: center; margin: 12px; opacity: 0; transition: opacity 0.5s ease; font-size:14px; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.tooltip i { font-size:14px; margin: 6px; }
.tooltip svg { min-height:24px; margin: 6px; }
.tooltip:hover p { visibility: visible; color: #fff; opacity: 1; }
/* Fixed, visible accessibility bar on the right side */
#accessibility-menu { position: fixed; top: 50%; right: 0; left: auto; background-color: #052f49; transform: translateY(-50%); width: 50px; z-index: 99999; display: flex; flex-direction: column; border-radius: 12px 0 0 12px; padding: 10px; height: 270px; }
.accesibility-item-link { text-decoration: none; color: inherit; }

/* === Gov bar === */
.akros-top-govbar {
    background-color: #3366cc;
    padding: 10px;
}
.akros-top-govbar a {
    color: #fff;
}
/* === Default Footer === */
.akros-informacion-entidad
{
    background-color: white;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid darkgray;
    display: flex;
}
.akros-informacion-entidad div{
    margin-bottom: 0.5rem;
}
.akros-footer-informacion-entidad{
    background: linear-gradient(to bottom, transparent 0%, transparent 20%, #052f49 20%, #052f49 100%);
    padding: 0 20% 5% 20%;
}
.akros-footer-redes-sociales, .akros-footer-enlaces{
    display: flex;
    align-items: start;
    justify-content: flex-start;
    gap: 1rem;
}
.akros-footer-bar{
    padding: 1rem 8rem 1rem 8rem;
    background-color: #3366cc;
    display: flex;
    justify-content: center;
}

.akros-info-logo {
    display: flex;
    align-items: start;
    justify-content: center;
    flex: 1;
}

.akros-info-data {
    flex: 2;
}

@media (max-width: 768px) {
    .akros-footer-informacion-entidad {
        padding: 0 5% 5% 5%;
    }
    .akros-informacion-entidad{
        flex-direction: column;
    }

    .akros-footer-bar {
        padding: 1rem 2rem 1rem 2rem;
        flex-direction: column;
    }

    .akros-footer-redes-sociales, .akros-footer-enlaces {
        flex-direction: column;
        align-items: start;
    }
}