/* ===== VARIABLES DE COLOR ===== */
:root {
    --mega_menu_colo_nave_back: #0b2b4f;
    --mega_menu_colo_nave_text: #2e4160;
    --mega_menu_colo_nave_back_hove: rgba(0,0,0,0.05);
    --mega_menu_colo_nave_back_acti: white;
    --mega_menu_colo_nave_text_acti: #0b2b4f;

    --mega_menu_subm_back: white;
    --mega_menu_subm_text: #1e2b3c;
    --mega_menu_subm_back_hove: #f0f5ff;
    --mega_menu_subm_text_hove: #0b2b4f;
    --mega_menu_subm_titl: #091733;

    --mega_menu_icon_sear: #007bff;
    --mega_menu_icon_cart: #ff8c42;
    --mega_menu_icon_what: #25d366;
    --mega_menu_icon_usua: #6c757d;
    --mega_menu_icon_phon: #2e4160;

    --mega_menu_hamb_back: rgba(255,255,255,0.2);
    --mega_menu_hamb_line: #3c4e6b;
    --mega_menu_hamb_bord: #3c4e6b;

    --mega_menu_opti_des1_back: #008bbb;
    --mega_menu_opti_des1_text: white;
    --mega_menu_opti_des2_back: #4ecdc4;
    --mega_menu_opti_des2_text: #1e2b3c;
}

.mega_menu_nave * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mega_menu_nave {
    height: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: var(--tama_posi_10_pixe) 0;
    position: relative;
    z-index: 1000;
}
/* Hamburguesa base */
.mega_menu_hamb {
    width: var(--tama_posi_48_pixe);
    height: var(--tama_posi_48_pixe);
    position: absolute;
    top: var(--tama_posi_11_pixe);
    right: var(--tama_posi_16_pixe);
    cursor: pointer;
    display: none;
    z-index: 1100;
    background: var(--mega_menu_hamb_back);
    border-radius: 50%;
    padding: var(--tama_posi_10_pixe);
    transition: background 0.3s;
    border: var(--tama_posi_1_pixe) solid transparent;
}
.mega_menu_hamb:hover {
    background: rgba(255,255,255,0.3);
}
.mega_menu_hamb span {
    width: 100%;
    height: var(--tama_posi_3_pixe);
    background: var(--mega_menu_hamb_line);
    position: absolute;
    left: 0;
    transition: transform 0.3s, top 0.3s, opacity 0.3s;
    border-radius: var(--tama_posi_4_pixe);
}
.mega_menu_hamb span:nth-child(1) { top: var(--tama_posi_12_pixe); }
.mega_menu_hamb span:nth-child(2) { top: var(--tama_posi_22_pixe); }
.mega_menu_hamb span:nth-child(3) { top: var(--tama_posi_32_pixe); }
.mega_menu_hamb.active span:nth-child(1) {
    top: var(--tama_posi_22_pixe);
    transform: rotate(45deg);
}
.mega_menu_hamb.active span:nth-child(2) {
    opacity: 0;
}
.mega_menu_hamb.active span:nth-child(3) {
    top: var(--tama_posi_22_pixe);
    transform: rotate(-45deg);
}

/* ===== LOGOTIPO ===== */
.mega_menu_logo {
    width: var(--tama_posi_240_pixe);
    height: var(--tama_posi_60_pixe);
    margin-right: var(--tama_posi_20_pixe);
    display: flex;
    align-items: center;
    justify-content: center;
}
.mega_menu_logo img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.mega_menu_logo_mobi {
    display: none; /* Solo visible en móvil */
    width: 100%;
    padding: var(--tama_posi_20_pixe) var(--tama_posi_15_pixe);
    background: var(--mega_menu_colo_nave_back);
    text-align: center;
}
.mega_menu_logo_mobi img {
    max-height: var(--tama_posi_50_pixe);
    width: auto;
}

.mega_menu_menu {
	font-family: 'Roboto', sans-serif;
    display: flex;
    list-style: none;
    gap: var(--tama_posi_5_pixe);
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}
.mega_menu_menu > li {
    position: relative;
}
.mega_menu_menu > li > a {
    color: var(--mega_menu_colo_nave_text);
    font-size: var(--tama_posi_15_pixe);
    font-weight: 500;
    padding: var(--tama_posi_15_pixe) var(--tama_posi_22_pixe);
    display: flex;
    align-items: center;
    gap: var(--tama_posi_6_pixe);
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}
.mega_menu_menu > li > a i {
    font-size: var(--tama_posi_13_pixe);
    transition: transform 0.2s;
}
.mega_menu_menu > li:hover > a:not(.active) {
    background: var(--mega_menu_colo_nave_back_hove);
}
.mega_menu_menu > li > a.active {
    background: var(--mega_menu_colo_nave_back_acti);
    color: var(--mega_menu_colo_nave_text_acti);
    font-weight: 600;
}

/* Estilos para elementos destacados */
.mega_menu_dest_1 > a {
    background: var(--mega_menu_opti_des1_back) !important;
    color: var(--mega_menu_opti_des1_text) !important;
    font-weight: 700;
}
.mega_menu_dest_2 > a {
    background: var(--mega_menu_opti_des2_back) !important;
    color: var(--mega_menu_opti_des2_text) !important;
    font-weight: 700;
}
/* En móvil, mantener los colores pero sin !important para que no anule el hover */
@media (max-width: 768px) {
    .mega_menu_dest_1 > a {
        background: var(--mega_menu_opti_des1_back);
        color: var(--mega_menu_opti_des1_text);
    }
    .mega_menu_dest_2 > a {
        background: var(--mega_menu_opti_des2_back);
        color: var(--mega_menu_opti_des2_text);
    }
}

/* Estilo para el ítem de búsqueda */
.mega_menu_sear_item {
    margin-right: var(--tama_posi_10_pixe);
}
.mega_menu_sear_item form {
    display: flex;
    align-items: center;
    background: white;
    border-radius: var(--tama_posi_40_pixe);
    padding: var(--tama_posi_5_pixe) var(--tama_posi_5_pixe) var(--tama_posi_5_pixe) var(--tama_posi_15_pixe);
    box-shadow: 0 var(--tama_posi_2_pixe) var(--tama_posi_8_pixe) rgba(0,0,0,0.1);
}
.mega_menu_sear_item input {
    border: none;
    outline: none;
    background: transparent;
    padding: var(--tama_posi_8_pixe) 0;
    font-size: var(--tama_posi_14_pixe);
    width: var(--tama_posi_180_pixe);
}
.mega_menu_sear_item button {
    background: var(--mega_menu_icon_sear);
    border: none;
    color: white;
    width: var(--tama_posi_36_pixe);
    height: var(--tama_posi_36_pixe);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}
.mega_menu_sear_item button:hover {
    background: #0056b3;
}
.mega_menu_sear_item button i {
    font-size: var(--tama_posi_16_pixe);
}

/* Submenús normales (no modificados) */
.mega_menu_subm,
.mega_menu_subm_subm {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: var(--tama_posi_240_pixe);
    background: var(--mega_menu_subm_back);
    border-radius: var(--tama_posi_5_pixe);
    box-shadow: 0 var(--tama_posi_15_pixe) var(--tama_posi_30_pixe) rgba(0,0,0,0.15);
    padding: var(--tama_posi_10_pixe) 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(var(--tama_posi_10_pixe));
    transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
    z-index: 900;
    list-style: none;
}
.mega_menu_subm_subm {
    top: 0;
    left: 100%;
    transform: translateX(var(--tama_posi_10_pixe));
}
.mega_menu_subm.subm_left,
.mega_menu_subm_subm.subm_left {
    left: auto;
    right: 0;
}
.mega_menu_subm_subm.subm_left {
    right: 100%;
    transform: translateX(var(--tama_nega_10_pixe));
}
.mega_menu_menu > li:hover > .mega_menu_subm,
.mega_menu_subm li:hover > .mega_menu_subm_subm {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(0);
}
.mega_menu_subm li a,
.mega_menu_subm_subm li a {
    padding: var(--tama_posi_12_pixe) var(--tama_posi_20_pixe);
    color: var(--mega_menu_subm_text);
    font-size: var(--tama_posi_14_pixe);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
}
.mega_menu_subm li a i,
.mega_menu_subm_subm li a i {
    font-size: var(--tama_posi_12_pixe);
    color: #7f8c8d;
}
.mega_menu_subm li:hover > a,
.mega_menu_subm_subm li:hover > a {
    background: var(--mega_menu_subm_back_hove);
    color: var(--mega_menu_subm_text_hove);
}
.mega_menu_subm li {
    position: relative;
}
.mega_menu_cols_2,
.mega_menu_cols_3,
.mega_menu_cols_4 {
    display: flex;
    gap: var(--tama_posi_20_pixe);
    padding: var(--tama_posi_20_pixe);
    min-width: auto;
}
.mega_menu_cols_2 { min-width: var(--tama_posi_450_pixe); }
.mega_menu_cols_3 { min-width: var(--tama_posi_600_pixe); }
.mega_menu_cols_4 { min-width: var(--tama_posi_750_pixe); }
.mega_menu_colu {
    flex: 1;
}
.mega_menu_colu h4 {
    color: var(--mega_menu_subm_titl);
    font-size: var(--tama_posi_16_pixe);
    font-weight: 700;
    margin-bottom: var(--tama_posi_15_pixe);
    border-left: var(--tama_posi_4_pixe) solid var(--mega_menu_subm_titl);
    padding-left: var(--tama_posi_12_pixe);
}
.mega_menu_colu ul {
    list-style: none;
}
.mega_menu_colu ul li a {
    padding: var(--tama_posi_8_pixe) 0;
    color: var(--mega_menu_subm_text);
    font-size: var(--tama_posi_14_pixe);
    text-decoration: none;
    display: block;
    transition: color 0.2s, padding-left 0.2s;
}
.mega_menu_colu ul li a:hover {
    color: var(--mega_menu_subm_text_hove);
    padding-left: var(--tama_posi_5_pixe);
}

/* Mega menú de 6 columnas (antes Productos 05) */
.mega_menu_colu_6 {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--mega_menu_subm_back);
    border-radius: 0 0 var(--tama_posi_5_pixe) var(--tama_posi_5_pixe);
    box-shadow: 0 var(--tama_posi_15_pixe) var(--tama_posi_30_pixe) rgba(0,0,0,0.15);
    padding: var(--tama_posi_30_pixe);
    opacity: 0;
    visibility: hidden;
    transform: translateY(var(--tama_posi_10_pixe));
    transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
    z-index: 900;
}
.mega_menu_menu > li:hover > .mega_menu_colu_6 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mega_menu_colu_6_cont {
    max-width: var(--tama_posi_1400_pixe);
    margin: 0 auto;
}
.mega_menu_grid_6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(var(--tama_posi_120_pixe), 1fr));
    gap: var(--tama_posi_25_pixe);
}
.mega_menu_grid_item {
    min-width: 0;
    overflow-wrap: break-word;
}
.mega_menu_grid_item h4 {
    color: var(--mega_menu_subm_titl);
    font-size: var(--tama_posi_16_pixe);
    font-weight: 700;
    margin-bottom: var(--tama_posi_15_pixe);
    border-left: var(--tama_posi_4_pixe) solid var(--mega_menu_subm_titl);
    padding-left: var(--tama_posi_12_pixe);
}
.mega_menu_grid_item ul {
    list-style: none;
}
.mega_menu_grid_item ul li a {
    padding: var(--tama_posi_6_pixe) 0;
    color: var(--mega_menu_subm_text);
    font-size: var(--tama_posi_14_pixe);
    text-decoration: none;
    display: block;
    transition: color 0.2s, padding-left 0.2s;
    word-break: break-word;
}
.mega_menu_grid_item ul li a:hover {
    color: var(--mega_menu_subm_text_hove);
    padding-left: var(--tama_posi_5_pixe);
}
.mega_menu_simp_rows {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tama_posi_25_pixe);
    justify-content: space-between;
    background: #f0f5fe;
    padding: var(--tama_posi_18_pixe) var(--tama_posi_25_pixe);
    border-radius: var(--tama_posi_5_pixe);
    margin-top: var(--tama_posi_20_pixe);
}
.mega_menu_simp_rows a {
    color: var(--mega_menu_subm_titl);
    font-weight: 600;
    font-size: var(--tama_posi_15_pixe); /* 0.95rem = 15.2px ≈ 15px */
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: var(--tama_posi_8_pixe);
    transition: background 0.2s;
    padding: var(--tama_posi_6_pixe) var(--tama_posi_16_pixe);
    border-radius: var(--tama_posi_40_pixe);
    background: white;
    box-shadow: 0 var(--tama_posi_2_pixe) var(--tama_posi_6_pixe) rgba(0,0,0,0.03);
}
.mega_menu_simp_rows a:hover {
    background: var(--mega_menu_subm_titl);
    color: white;
}

/* Mega menú de dos columnas con hover (antes Productos 06) */
.mega_menu_hover_2col {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--mega_menu_subm_back);
    border-radius: 0 0 var(--tama_posi_5_pixe) var(--tama_posi_5_pixe);
    box-shadow: 0 var(--tama_posi_15_pixe) var(--tama_posi_30_pixe) rgba(0,0,0,0.15);    
    padding: var(--tama_posi_30_pixe);
    opacity: 0;
    visibility: hidden;
    transform: translateY(var(--tama_posi_10_pixe));
    transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
    z-index: 900;
}
.mega_menu_menu > li:hover > .mega_menu_hover_2col {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mega_menu_hover_cont {
    display: flex;
    gap: var(--tama_posi_40_pixe);
    max-width: var(--tama_posi_1400_pixe);
    margin: 0 auto;
}
/* Columna izquierda: categorías principales */
.mega_menu_hover_left {
    flex: 1;
    border-right: var(--tama_posi_1_pixe) solid #e0e7ef;
    padding-right: var(--tama_posi_20_pixe);
}
.mega_menu_hover_left ul {
    list-style: none;
}
.mega_menu_hover_left li {
    margin-bottom: var(--tama_posi_10_pixe);
}
.mega_menu_hover_left a {
    display: block;
    padding: var(--tama_posi_10_pixe) var(--tama_posi_15_pixe);
    color: var(--mega_menu_subm_text);
    font-size: var(--tama_posi_15_pixe);
    font-weight: 500;
    text-decoration: none;
    border-radius: var(--tama_posi_40_pixe);
    transition: background 0.2s, color 0.2s;
}
.mega_menu_hover_left a:hover {
    background: var(--mega_menu_subm_back_hove);
    color: var(--mega_menu_subm_text_hove);
}
/* Estilo para la categoría activa */
.mega_menu_hover_left a.active {
    background: var(--mega_menu_subm_back_hove);
    color: var(--mega_menu_subm_text_hove);
    font-weight: 600;
}
/* Columna derecha: sub‑submenús */
.mega_menu_hover_right {
    flex: 2;
}
.mega_menu_hover_sub {
    display: none;
    padding: 0 var(--tama_posi_10_pixe);
}
.mega_menu_hover_sub.active {
    display: block;
}
.mega_menu_hover_titl {
    color: var(--mega_menu_subm_titl);
    font-size: var(--tama_posi_16_pixe);
    font-weight: 700;
    margin-bottom: var(--tama_posi_15_pixe);
    border-left: var(--tama_posi_4_pixe) solid var(--mega_menu_subm_titl);
    padding-left: var(--tama_posi_12_pixe);
}
.mega_menu_hover_sub ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--tama_posi_12_pixe);
    list-style: none;
}
.mega_menu_hover_sub li a {
    padding: var(--tama_posi_8_pixe) 0;
    color: var(--mega_menu_subm_text);
    font-size: var(--tama_posi_14_pixe);
    text-decoration: none;
    display: block;
    transition: color 0.2s, padding-left 0.2s;
}
.mega_menu_hover_sub li a:hover {
    color: var(--mega_menu_subm_text_hove);
    padding-left: var(--tama_posi_5_pixe);
}

/* Contacto (sin cambios) */
.mega_menu_cont {
    min-width: var(--tama_posi_280_pixe);
    padding: var(--tama_posi_20_pixe);
}
.mega_menu_cont_item {
    display: flex;
    align-items: center;
    gap: var(--tama_posi_15_pixe);
    padding: var(--tama_posi_12_pixe) 0;
    border-bottom: var(--tama_posi_1_pixe) solid #eee;
}
.mega_menu_cont_item:last-child {
    border-bottom: none;
}
.mega_menu_cont_icon {
    width: var(--tama_posi_40_pixe);
    height: var(--tama_posi_40_pixe);
    background: var(--mega_menu_subm_titl);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: var(--tama_posi_18_pixe);
}
.mega_menu_cont_text {
    flex: 1;
}
.mega_menu_cont_text strong {
    display: block;
    font-size: var(--tama_posi_14_pixe);
    color: var(--mega_menu_subm_titl);
}
.mega_menu_cont_text span {
    font-size: var(--tama_posi_14_pixe);
    color: #4a5b6e;
}
/* Iconos de la derecha */
.mega_menu_icns {
    display: flex;
    gap: var(--tama_posi_12_pixe);
    align-items: center;
    position: relative;
    margin-left: var(--tama_posi_15_pixe);
}
/* Estilo para icono con solo círculo (carrito, usuario, whatsapp) */
.mega_menu_icon_only {
    width: var(--tama_posi_46_pixe);
    height: var(--tama_posi_46_pixe);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.3rem;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 var(--tama_posi_5_pixe) var(--tama_posi_12_pixe) rgba(0,0,0,0.15);
    position: relative;
    background: var(--mega_menu_icon_cart); /* por defecto, luego se asigna color específico */
}
.mega_menu_icon_only:hover {
    transform: scale(1.08);
    box-shadow: 0 var(--tama_posi_8_pixe) var(--tama_posi_18_pixe) rgba(0,0,0,0.2);
}
.mega_menu_cart_icon_only { background: var(--mega_menu_icon_cart); }
.mega_menu_user_icon_only { background: var(--mega_menu_icon_usua); }
.mega_menu_what_icon_only { background: var(--mega_menu_icon_what); }
/* Contador del carrito siempre visible */
.mega_menu_cart_coun {
    position: absolute;
    top: var(--tama_nega_5_pixe);
    right: var(--tama_nega_5_pixe);
    background: red;
    color: white;
    border-radius: 50%;
    width: var(--tama_posi_20_pixe);
    height: var(--tama_posi_20_pixe);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--tama_posi_12_pixe);
    font-weight: bold;
    box-shadow: 0 var(--tama_posi_2_pixe) var(--tama_posi_5_pixe) rgba(0,0,0,0.2);
}
/* Estilo para el elemento de teléfono (icono + texto) */
.mega_menu_icns_item {
    display: flex;
    align-items: center;
    gap: var(--tama_posi_8_pixe);
    background: var(--mega_menu_icon_phon);
    border-radius: var(--tama_posi_10_pixe);
    padding: var(--tama_posi_5_pixe) var(--tama_posi_12_pixe) var(--tama_posi_5_pixe) var(--tama_posi_8_pixe);
    transition: background 0.2s;
    text-decoration: none;
    color: white;
}
.mega_menu_icns_item:hover {
    background: #e97e1b;
}
.mega_menu_icns_item .mega_menu_icon {
    width: var(--tama_posi_36_pixe);
    height: var(--tama_posi_36_pixe);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    box-shadow: none;
    font-size: 1.2rem;
}
.mega_menu_icns_item span {
    font-size: var(--tama_posi_16_pixe);
    font-weight: 600;
    white-space: nowrap;
}

/* ===== SUBMENÚ DE USUARIO FLOTANTE (solo escritorio) ===== */
.mega_menu_user_drop_down {
    position: fixed;
    background: white;
    border-radius: var(--tama_posi_20_pixe);
    box-shadow: 0 var(--tama_posi_15_pixe) var(--tama_posi_30_pixe) rgba(0,0,0,0.15);
    padding: var(--tama_posi_10_pixe) 0;
    min-width: var(--tama_posi_200_pixe);
    opacity: 0;
    visibility: hidden;
    transform: translateY(var(--tama_posi_10_pixe));
    transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
    z-index: 1200;
    list-style: none;
}
.mega_menu_user_drop_down.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mega_menu_user_drop_down li a {
    padding: var(--tama_posi_12_pixe) var(--tama_posi_20_pixe);
    color: var(--mega_menu_subm_text);
    font-size: var(--tama_posi_14_pixe);
    display: flex;
    align-items: center;
    gap: var(--tama_posi_10_pixe);
    text-decoration: none;
    transition: background 0.2s;
}
.mega_menu_user_drop_down li a:hover {
    background: var(--mega_menu_subm_back_hove);
    color: var(--mega_menu_subm_text_hove);
}
.mega_menu_user_drop_down li a i {
    width: var(--tama_posi_20_pixe);
    color: var(--mega_menu_subm_titl);
}

/* Elemento para iconos dentro del menú móvil */
.mega_menu_mobi_icns {
    display: none;
    justify-content: center;
    gap: var(--tama_posi_15_pixe);
    padding: var(--tama_posi_20_pixe) 0;
    border-bottom: var(--tama_posi_1_pixe) solid #eef2f6;
    margin-bottom: var(--tama_posi_10_pixe);
}
.mega_menu_mobi_icns .mega_menu_icns_item {
    flex-direction: column;
    background: transparent;
    padding: 0;
    gap: var(--tama_posi_4_pixe);
}
.mega_menu_mobi_icns .mega_menu_icns_item .mega_menu_icon {
    width: var(--tama_posi_50_pixe);
    height: var(--tama_posi_50_pixe);
    background: rgba(0,0,0,0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    position: relative;
}
.mega_menu_mobi_icns .mega_menu_icns_item span {
    font-size: var(--tama_posi_14_pixe);
    color: var(--mega_menu_subm_text);
}
/* Contador para el carrito en móvil */
.mega_menu_mobi_icns .mega_menu_icns_item .mega_menu_cart_coun {
    position: absolute;
    top: var(--tama_nega_5_pixe);
    right: var(--tama_nega_5_pixe);
    width: var(--tama_posi_18_pixe);
    height: var(--tama_posi_18_pixe);
    font-size: var(--tama_posi_10_pixe);
}

/* ===== SUBMENÚ DE USUARIO PARA MÓVIL ===== */
.mega_menu_user_mobi {
    display: none; /* Se muestra en móvil mediante media query */
}

/* ===== ESTILOS RESPONSIVE ===== */
@media (max-width: 992px) {
    .mega_menu_nave {
        margin: var(--tama_posi_10_pixe) 0;
    }
    .mega_menu_sear_item input {
        width: var(--tama_posi_120_pixe);
    }
}
@media (max-width: 768px) {
    .mega_menu_hamb {
        display: block;
        border: var(--tama_posi_3_pixe) solid var(--mega_menu_hamb_bord);
        padding: var(--tama_posi_10_pixe);
        width: var(--tama_posi_48_pixe);
        height: var(--tama_posi_45_pixe);
        top: var(--tama_posi_2_pixe);
        right: 0;
        background: rgba(255,255,255,0.1);
    }
    .mega_menu_hamb span {
        width: 55%;
        left: 22.5%;
        height: var(--tama_posi_3_pixe);
        background: var(--mega_menu_hamb_line);
        position: absolute;
        transition: 0.3s;
        border-radius: var(--tama_posi_4_pixe);
    }
    .mega_menu_hamb span:nth-child(1) { top: var(--tama_posi_10_pixe); }
    .mega_menu_hamb span:nth-child(2) { top: var(--tama_posi_18_pixe); }
    .mega_menu_hamb span:nth-child(3) { top: var(--tama_posi_26_pixe); }
    .mega_menu_hamb.active span:nth-child(1) {
        top: var(--tama_posi_18_pixe);
        transform: rotate(45deg);
    }
    .mega_menu_hamb.active span:nth-child(2) {
        opacity: 0;
    }
    .mega_menu_hamb.active span:nth-child(3) {
        top: var(--tama_posi_18_pixe);
        transform: rotate(-45deg);
    }
    .mega_menu_icns {
        display: none; /* Ocultamos los iconos de la barra en móvil (se muestran dentro del menú) */
    }
    .mega_menu_logo {
        width: var(--tama_posi_200_pixe);
        height: auto;
        margin-right: 0;
    }
    .mega_menu_logo_mobi {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mega_menu_menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 85%;
        max-width: var(--tama_posi_340_pixe);
        max-height: 100vh;
        height: 100vh;
        background: white;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0 0 var(--tama_posi_40_pixe) 0;
        transform: translateX(100%);
        transition: transform 0.3s;
        box-shadow: var(--tama_nega_5_pixe) 0 var(--tama_posi_20_pixe) rgba(0,0,0,0.2);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        gap: 0;
        z-index: 1050;
    }
    .mega_menu_menu.active {
        transform: translateX(0);
    }
    .mega_menu_mobi_icns {
        display: flex;
        flex-shrink: 0;
    }
    .mega_menu_menu > li {
        width: 100%;
        flex-shrink: 0;
    }
    .mega_menu_menu > li > a {
        color: var(--mega_menu_subm_text);
        padding: var(--tama_posi_18_pixe) var(--tama_posi_15_pixe);
        border-bottom: var(--tama_posi_1_pixe) solid #eef2f6;
        border-radius: 0;
        justify-content: space-between;
        white-space: normal;
    }
    .mega_menu_menu > li:hover > a {
        background: var(--mega_menu_subm_back_hove);
    }

    /* Buscador en móvil */
    .mega_menu_sear_item {
        width: 100%;
        margin: var(--tama_posi_10_pixe) 0;
        padding: 0 var(--tama_posi_15_pixe);
    }
    .mega_menu_sear_item form {
        width: 100%;
        background: #f0f5fe;
    }
    .mega_menu_sear_item input {
        width: 100%;
        background: transparent;
    }

    /* Submenús normales en móvil (apilados) */
    .mega_menu_subm,
    .mega_menu_subm_subm,
    .mega_menu_cols_2,
    .mega_menu_cols_3,
    .mega_menu_cols_4,
    .mega_menu_cont,
    .mega_menu_colu_6,
    .mega_menu_hover_2col {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        background: #f8fafd;
        border-radius: var(--tama_posi_15_pixe);
        margin: var(--tama_posi_5_pixe) 0 var(--tama_posi_10_pixe) 0;
        padding: var(--tama_posi_10_pixe);
        display: none;
        transition: none;
        min-width: auto;
        width: 100%;
        left: auto !important;
        right: auto !important;
    }

    .mega_menu_subm li .mega_menu_subm_subm {
        margin-left: var(--tama_posi_15_pixe);
        width: calc(100% - var(--tama_posi_15_pixe));
    }

    .mega_menu_subm li a,
    .mega_menu_subm_subm li a {
        font-size: var(--tama_posi_15_pixe);
    }

    .mega_menu_menu > li.open > .mega_menu_subm,
    .mega_menu_menu > li.open > .mega_menu_cols_2,
    .mega_menu_menu > li.open > .mega_menu_cols_3,
    .mega_menu_menu > li.open > .mega_menu_cols_4,
    .mega_menu_menu > li.open > .mega_menu_cont,
    .mega_menu_menu > li.open > .mega_menu_colu_6,
    .mega_menu_menu > li.open > .mega_menu_hover_2col,
    .mega_menu_subm li.open > .mega_menu_subm_subm {
        display: block !important;
    }

    /* Ajustes específicos para el mega menú de dos columnas en móvil */
    .mega_menu_hover_cont {
        flex-direction: column;
        gap: var(--tama_posi_20_pixe);
    }
    .mega_menu_hover_left {
        border-right: none;
        padding-right: 0;
    }
    .mega_menu_hover_right {
        padding-left: 0;
    }
    /* En móvil, los sub‑submenús se muestran solo cuando tienen la clase .active */
    .mega_menu_hover_sub {
        display: none !important;
    }
    .mega_menu_hover_sub.active {
        display: block !important;
        margin-top: var(--tama_posi_15_pixe);
        border-top: var(--tama_posi_1_pixe) solid #e0e7ef;
        padding-top: var(--tama_posi_15_pixe);
    }
    .mega_menu_hover_sub ul {
        grid-template-columns: 1fr;
    }
    .mega_menu_cols_2, .mega_menu_cols_3, .mega_menu_cols_4,
    .mega_menu_grid_6 {
        flex-direction: column;
        grid-template-columns: 1fr;
        gap: var(--tama_posi_10_pixe);
    }
    .mega_menu_colu_6_cont {
        padding: 0;
    }
    .mega_menu_simp_rows {
        flex-direction: column;
        gap: var(--tama_posi_10_pixe);
        padding: var(--tama_posi_15_pixe);
    }

    /* ===== CORRECCIÓN: Mostrar el submenú de usuario en móvil ===== */
    .mega_menu_user_mobi {
        display: block;
        width: 100%;
    }
    .mega_menu_user_mobi .mega_menu_subm {
        display: none;
        background: #f8fafd;
        border-radius: var(--tama_posi_15_pixe);
        margin: var(--tama_posi_5_pixe) 0 var(--tama_posi_10_pixe) 0;
        padding: var(--tama_posi_5_pixe) 0;
    }
    .mega_menu_user_mobi.open .mega_menu_subm {
        display: block;
    }
    .mega_menu_user_mobi .mega_menu_subm li a {
        padding: var(--tama_posi_12_pixe) var(--tama_posi_20_pixe) var(--tama_posi_12_pixe) var(--tama_posi_40_pixe);
        justify-content: flex-start;
        gap: var(--tama_posi_10_pixe);
    }
}
/* Regla de depuración para el mega menú de 6 columnas */
@media (min-width: 769px) {
    .mega_menu_grid_6 {
        grid-template-columns: repeat(6, 1fr) !important;
        background-color: rgba(255, 0, 0, 0.2) !important;
    }
}