/* Logotipo, estara oculto y se mostrar solo si es un dispositivo movil */
.offcanvas-body > img {
    display: none;
}

/* Estilos para dispositivos moviles */
@media screen and (max-width: 991px) {
    .offcanvas-body > img {
        display: block;
        max-width: 150px;
    }

    /* Ocultar la informcion del servicio, se mostraran dinamicamente en un contenedor colapsable */
    .offcanvas-service-info {
        display: none;
    }
}

/* Transicion del boton para mostrar informacion de servicio en dispositivos moviles */
.toggle-icon {
    transition: transform 0.3s ease-in-out;
}

/* Cuando el botón está activo (expandido), giramos la flecha */
.toggle-btn[aria-expanded="true"] .toggle-icon {
    transform: rotate(180deg);
}

/* Ocultar logotipo de navbar al hacer scroll */
body:has(.navbar-stick) .navbar-logo {
    display: none;
    transform: scale(0);
}