/* Sidebar Acordeón Responsive - Estilos */

/* Contenedor principal del sidebar */
.elementor-element-40e0587 {
    position: relative;
    transition: width 0.3s ease, transform 0.3s ease;
    overflow: hidden;
}

/* Estado colapsado del sidebar */
.elementor-element-40e0587.sidebar-collapsed {
    width: 80px !important;
}

/* Ocultar textos cuando está colapsado */
.elementor-element-40e0587.sidebar-collapsed .e-paragraph,
.elementor-element-40e0587.sidebar-collapsed .e-heading {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: opacity 0.2s ease;
}

/* Mantener iconos visibles y centrados cuando está colapsado */
.elementor-element-40e0587.sidebar-collapsed .elementor-icon,
.elementor-element-40e0587.sidebar-collapsed i {
    opacity: 1;
    margin: 0 auto;
    display: block;
}

/* Ajustar contenedores de items del menú cuando está colapsado */
.elementor-element-40e0587.sidebar-collapsed .elementor-element[class*="e0d5368"],
.elementor-element-40e0587.sidebar-collapsed .elementor-element[class*="3929bdd"],
.elementor-element-40e0587.sidebar-collapsed .elementor-element[class*="eed1c54"],
.elementor-element-40e0587.sidebar-collapsed .elementor-element[class*="4739ec7"],
.elementor-element-40e0587.sidebar-collapsed .elementor-element[class*="7645e88"],
.elementor-element-40e0587.sidebar-collapsed .elementor-element[class*="28e15ee"],
.elementor-element-40e0587.sidebar-collapsed .elementor-element[class*="a3f6b56"],
.elementor-element-40e0587.sidebar-collapsed .elementor-container {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

/* Botón toggle */
.sidebar-toggle-btn {
    cursor: pointer;
    user-select: none;
    transition: transform 0.3s ease;
}

.sidebar-toggle-btn:hover {
    transform: scale(1.1);
}

/* Animación del icono del botón */
.sidebar-collapsed .sidebar-toggle-btn {
    transform: rotate(180deg);
}

/* RESPONSIVE - Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .elementor-element-40e0587 {
        width: 70px !important;
    }
    
    .elementor-element-40e0587.sidebar-collapsed {
        width: 60px !important;
    }
    
    /* Ocultar textos por defecto en tablet */
    .elementor-element-40e0587 .e-paragraph,
    .elementor-element-40e0587 .e-heading:not(.sidebar-toggle-btn *) {
        display: none;
    }
    
    /* Iconos centrados en tablet */
    .elementor-element-40e0587 .elementor-icon,
    .elementor-element-40e0587 i {
        margin: 0 auto;
        display: block;
    }
    
    /* Ajustar padding del contenido principal */
    .elementor-element-0d9b508 {
        padding: 2rem !important;
    }
}

/* RESPONSIVE - Móvil (max-width: 767px) */
@media screen and (max-width: 767px) {
    /* Contenedor principal en columna */
    .elementor-element-e79bd77 {
        flex-direction: column !important;
    }
    
    /* Sidebar horizontal en móvil */
    .elementor-element-40e0587 {
        width: 100% !important;
        flex-direction: row !important;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 1rem !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .elementor-element-40e0587.sidebar-collapsed {
        width: 100% !important;
    }
    
    /* Items del menú en fila en móvil */
    .elementor-element-40e0587 > .elementor-container,
    .elementor-element-40e0587 > .elementor-widget-wrap {
        flex-direction: row !important;
        gap: 1rem !important;
    }
    
    /* Ocultar textos en móvil */
    .elementor-element-40e0587 .e-paragraph,
    .elementor-element-40e0587 .e-heading:not(.sidebar-toggle-btn *) {
        display: none;
    }
    
    /* Iconos visibles en móvil */
    .elementor-element-40e0587 .elementor-icon,
    .elementor-element-40e0587 i {
        display: block;
        font-size: 1.5rem;
    }
    
    /* Ajustar padding del contenido principal en móvil */
    .elementor-element-0d9b508 {
        padding: 1.5rem !important;
    }
    
    /* Ocultar botón toggle en móvil (no es necesario) */
    .elementor-element-ca95836 {
        display: none !important;
    }
}

/* Smooth scrolling para el sidebar en móvil */
@media screen and (max-width: 767px) {
    .elementor-element-40e0587 {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    
    .elementor-element-40e0587::-webkit-scrollbar {
        display: none;
    }
}