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

    .mega-menu-table {
        display: flex;
        flex-wrap: wrap;
        /* Permite que las columnas se envuelvan si exceden el espacio disponible */
        padding: 5px;
        background-color: #ffffff;
        max-height: 400px;
        /* Altura máxima del contenedor */
        overflow-y: auto;
        /* Scroll vertical para el contenido excedente */
        border: 1px solid #e0e0e0;
        /* Borde para separar visualmente el menú */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        /* Sombra para destacar el contenedor */
    }

    .marca-columna {
        flex: 0 0 162px;
        /* Ancho fijo para todas las columnas */
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        /* Centrar contenido */
        border-right: 1px solid #e0e0e0;
        /* Línea divisoria entre columnas */
        border-bottom: 1px solid #e0e0e0;
        /* Línea divisoria inferior */
    }

    .marca-columna:last-child {
        border-right: none;
        /* Quita el borde de la última columna */
    }

    .marca-header {
        text-align: center;
        margin-bottom: 10px;
        /* Más espaciado para separación */
        min-height: 80px;
        /* Altura mínima para uniformar todos los encabezados */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* Centra el contenido verticalmente */
    }

    .marca-header img {
        max-width: 50px;
        /* Tamaño máximo de las imágenes */
        height: auto;
        margin-bottom: 10px;
        /* Más espaciado para destacar imagen */
        border-radius: 50%;
        /* Haz la imagen redonda */
        border: 2px solid #ddd;
        /* Borde para destacar imagen */
    }

    .marca-header h6 {
        margin: 0;
        font-size: 1rem;
        /* Aumenta el tamaño de la fuente */
        font-weight: bold;
        color: #ff4500;
        /* Color más llamativo */
    }

    hr {
        border: none;
        border-top: 2px solid #ddd;
        /* Línea separadora */
        margin: 10px 0;
    }

    .modelos-list {
        list-style: none;
        /* Quita viñetas */
        padding: 0;
        margin: 0;
        text-align: left;
        /* Alineación del texto */
    }

    .modelos-list li {
        font-family: 'Roboto', sans-serif;
        /* Fuente moderna */
        font-size: 0.95rem;
        /* Tamaño ligeramente mayor */
        margin-bottom: 5px;
        /* Espaciado entre líneas */
        font-weight: bold;
        /* Negritas para destacar */
        color: #007bff;
        /* Color azul para destacar */
        transition: color 0.3s ease, transform 0.2s;
        /* Efectos suaves */
    }

    .modelos-list li a {
        text-decoration: none;
        /* Quita subrayado */
        color: #007bff;
        /* Azul para los enlaces */
        display: flex;
        align-items: center;
        /* Para centrar íconos con texto */
        gap: 8px;
        /* Espaciado entre ícono y texto */
    }

    .modelos-list li a:hover {
        color: #ff4500;
        /* Cambia el color al pasar el cursor */
        transform: scale(1.05);
        /* Ligeramente más grande al pasar el cursor */
    }

    .modelos-list li .contador {
        font-size: 0.85rem;
        /* Ajusta el tamaño del contador */
        color: #ff4500;
        /* Naranja para destacar */
        font-weight: normal;
        /* Peso más ligero para diferenciar del nombre */
    }

    #ver-mas-btn {
        display: inline-block;
        padding: 5px 10px;
        /* Tamaño del botón */
        font-size: 0.55rem;
        font-weight: bold;
        color: #ffffff;
        /* Color del texto */
        background-color: #ee3131;
        /* Color de fondo */
        border: 2px solid #ee3131;
        /* Borde del botón */
        border-radius: 5px;
        /* Bordes redondeados */
        text-align: center;
        text-decoration: none;
        /* Elimina el subrayado */
        transition: all 0.3s ease;
        /* Transición suave al hover */
        cursor: pointer;
        /* Cambia el cursor a tipo "pointer" */
        transform: scale(1.1);
    }

    #ver-mas-btn:hover {
        background-color: #ffffff;
        /* Color de fondo al pasar el cursor */
        color: #ee3131;
        /* Color del texto al pasar el cursor */
        border-color: #ee3131;
        /* Mantiene el color del borde */
    }


    /* Responsividad */
    @media (max-width: 768px) {
        .marca-columna {
            flex: 0 0 33%;
            /* Ajusta a 3 columnas por fila en pantallas medianas */
        }

        .marca-header h6 {
            font-size: 0.9rem;
            /* Reduce ligeramente el tamaño del texto */
        }

        .modelos-list li {
            font-size: 0.85rem;
            /* Reduce el tamaño del texto */
        }
    }

    @media (max-width: 480px) {
        .marca-columna {
            flex: 0 0 50%;
            /* Ajusta a 2 columnas por fila en pantallas pequeñas */
        }

        .marca-header img {
            max-width: 40px;
            /* Reduce el tamaño de la imagen */
        }

        .marca-header h6 {
            font-size: 0.85rem;
            /* Texto más pequeño */
        }

        .modelos-list li {
            font-size: 0.8rem;
            /* Texto más pequeño */
        }
    }

    /* ANIOS */
    .sub-menu {
        position: absolute;
        top: 100%; /* Muestra el menú justo debajo del botón */
        left: 0;
        z-index: 9999;
        background: white;
        border: 1px solid #ddd;
        padding: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        width: auto; /* Ajusta automáticamente al contenido */
        min-width: 200px; /* Asegura un tamaño mínimo */
    }
    
    #contenedorAnios {
        width: 100%; /* Asegúrate de que ocupe el ancho completo del sub-menu */
        padding: 10px; /* Espaciado interno */
        background: white; /* Fondo blanco */
        border: none; /* Sin bordes adicionales */
        max-height: 300px; /* Altura máxima */
        overflow-y: auto; /* Scroll vertical si hay muchos años */
        font-size: 0.9rem; /* Tamaño ajustado */
        text-align: left; /* Alinear texto a la izquierda */
    }
    
    .sub-menu .text-center {
        font-weight: bold; /* Texto en negritas */
        font-size: 1rem; /* Tamaño del texto */
        margin-bottom: 5px; /* Espacio inferior */
        text-align: center; /* Centrar el texto */
        color: #000; /* Color del texto */
    }
    
    .sub-menu li {
        list-style: none; /* Elimina viñetas */
        margin: 0;
        padding: 0;
    }
    
    .sub-menu ul {
        padding: 0;
        margin: 0;
    }