/* ════════════════════════════════════════════════
 * Página: Legal (ID: 139)
 * ════════════════════════════════════════════════ */

/* Widget: nested-tabs · selector real: .elementor-element-6f7134a */
/* Ocultar tabs originales en móvil */
@media (max-width: 767px) {
    .e-n-tabs .e-n-tabs-heading {
        display: none;
    }
    
    .mobile-tab-select {
        width: 100%;
        padding: 12px 15px;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px;
        background-color: #fff;
        color: #333;
        cursor: pointer;
        font-family: 'Sharp Grotesk', sans-serif;
    }
}

/* Mostrar tabs normal en desktop */
@media (min-width: 768px) {
    .mobile-tab-select {
        display: none;
    }
    .e-n-tabs-heading {
        border-bottom: 2px solid var(--e-global-color-primary);
    }
    
    .e-n-tabs-heading button {
        margin-bottom: -2px;
    }
}

.elementor-element-6f7134a strong, .elementor-element-6f7134a b {
    font-weight: 300!important;
}

/* ========================================
   SELECT MOBILE TABS
   ======================================== */

.mobile-tab-select {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 300;
    color: #051947;
    background: #fff;
    box-sizing: border-box;
    font-family: 'Sharp Grotesk', sans-serif;
    cursor: pointer;
    appearance: none; /* Elimina el estilo por defecto del navegador */
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23051947' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 45px; /* Espacio para la flecha */
}

.mobile-tab-select:focus {
    outline: none;
    border-color: #051947;
}

.mobile-tab-select:hover {
    border-color: #051947;
}

/* Estilos para las opciones cuando se despliega el select */
.mobile-tab-select option {
    font-family: 'Sharp Grotesk', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #051947;
    padding: 10px;
}

.elementor-element-6f7134a button {
    outline: 0;
}