{"id":7,"date":"2025-10-21T17:36:18","date_gmt":"2025-10-21T17:36:18","guid":{"rendered":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/?page_id=7"},"modified":"2025-11-25T10:38:22","modified_gmt":"2025-11-25T10:38:22","slug":"test","status":"publish","type":"page","link":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/test\/","title":{"rendered":"TEST"},"content":{"rendered":"    <div class=\"ea-grafico-container\" style=\"width: 100%;\">\n        <div class=\"ea-filtros\">\n            <div class=\"ea-filtro-grupo\">\n                <label for=\"ea-filtro-mercado\">Mercado:<\/label>\n                <select id=\"ea-filtro-mercado\" class=\"ea-filtro\">\n                    <option value=\"\">Todos los mercados<\/option>\n                                            <option value=\"Ciclomotores\" >\n                            Ciclomotores                        <\/option>\n                                            <option value=\"Motocicletas\" >\n                            Motocicletas                        <\/option>\n                                            <option value=\"Trici&amp;Cuadrici\" >\n                            Trici&amp;Cuadrici                        <\/option>\n                                    <\/select>\n            <\/div>\n            \n            <div class=\"ea-filtro-grupo\">\n                <label for=\"ea-filtro-zona\">\u00c1rea geogr\u00e1fica:<\/label>\n                <select id=\"ea-filtro-zona\" class=\"ea-filtro\">\n                    <option value=\"\">Espa\u00f1a<\/option>\n                                            <option value=\"Andaluc\u00eda - Op\" >\n                            Andaluc\u00eda - Op                        <\/option>\n                                            <option value=\"Arag\u00f3n - Op\" >\n                            Arag\u00f3n - Op                        <\/option>\n                                            <option value=\"Asturias - Op\" >\n                            Asturias - Op                        <\/option>\n                                            <option value=\"Baleares - Op\" >\n                            Baleares - Op                        <\/option>\n                                            <option value=\"Canarias - Op\" >\n                            Canarias - Op                        <\/option>\n                                            <option value=\"Cantabria - Op\" >\n                            Cantabria - Op                        <\/option>\n                                            <option value=\"Castilla la Mancha - Op\" >\n                            Castilla la Mancha - Op                        <\/option>\n                                            <option value=\"Castilla y Le\u00f3n - Op\" >\n                            Castilla y Le\u00f3n - Op                        <\/option>\n                                            <option value=\"Catalu\u00f1a - Op\" >\n                            Catalu\u00f1a - Op                        <\/option>\n                                            <option value=\"Ciudades Aut\u00f3nomas - Op\" >\n                            Ciudades Aut\u00f3nomas - Op                        <\/option>\n                                            <option value=\"Extremadura - Op\" >\n                            Extremadura - Op                        <\/option>\n                                            <option value=\"Galicia - Op\" >\n                            Galicia - Op                        <\/option>\n                                            <option value=\"La Rioja - Op\" >\n                            La Rioja - Op                        <\/option>\n                                            <option value=\"Madrid - Op\" >\n                            Madrid - Op                        <\/option>\n                                            <option value=\"Murcia - Op\" >\n                            Murcia - Op                        <\/option>\n                                            <option value=\"Navarra - Op\" >\n                            Navarra - Op                        <\/option>\n                                            <option value=\"Pa\u00eds Vasco - Op\" >\n                            Pa\u00eds Vasco - Op                        <\/option>\n                                            <option value=\"Valencia - Op\" >\n                            Valencia - Op                        <\/option>\n                                    <\/select>\n            <\/div>\n            \n            <div class=\"ea-filtro-grupo\">\n                <label for=\"ea-filtro-tipo\">Datos:<\/label>\n                <select id=\"ea-filtro-tipo\" class=\"ea-filtro\">\n                    <option value=\"unidades\">Unidades<\/option>\n                    <option value=\"variacion\">% Variaci\u00f3n<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n        \n        <div class=\"ea-grafico-wrapper\">\n            <canvas id=\"ea-grafico-vn\" width=\"100%\" height=\"400\"><\/canvas>\n        <\/div>\n        \n        <div class=\"ea-cargando\" style=\"display: none;\">\n            <p>Cargando datos...<\/p>\n        <\/div>\n    <\/div>\n    \n\n\n246.346\n\n\n223.163\n\n\n223.402\n\n\n200.191\n\n\n200.191\n\n\n<span class=\"ea-positive\">10,27%<\/span>\n\n\n<span class=\"ea-positive\">0,24%<\/span>\n\n\n    <div class=\"ea-tabla-propulsion-container\">\n        \n        <!-- Tabla de datos -->\n        <div class=\"ea-table-wrapper\">\n            <table class=\"ea-tabla-datos\">\n                <thead>\n                    <tr>\n                        <th class=\"ea-col-propulsion\">Propulsi\u00f3n<\/th>\n                        <th class=\"ea-col-matriculacion\">Matric. Actual<\/th>\n                        <th class=\"ea-col-matriculacion\">Matric. A\u00f1o Ant.<\/th>\n                        <th class=\"ea-col-variacion\">Variaci\u00f3n<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                                        <tr>\n                        <td class=\"ea-col-propulsion\">\n                            <span class=\"ea-badge ea-badge-gasolina\">\n                                Gasolina                            <\/span>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                234.677                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                212.811                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    10,27%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-propulsion\">\n                            <span class=\"ea-badge ea-badge-electrico\">\n                                El\u00e9ctrico                            <\/span>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                10.233                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                8.436                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    21,30%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-propulsion\">\n                            <span class=\"ea-badge ea-badge-diesel\">\n                                Diesel                            <\/span>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.436                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                2.155                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-negativa\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-down\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 21l12-18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    -33,36%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                    <\/tbody>\n            <\/table>\n        <\/div>\n        \n        <!-- Informaci\u00f3n del filtro -->\n        <!--  -->\n        \n        <!-- Leyenda -->\n        <!-- <div class=\"ea-leyenda\" style=\"display: none;\">\n            <div class=\"ea-leyenda-title\">Leyenda:<\/div>\n            <div class=\"ea-leyenda-items\">\n                <div class=\"ea-leyenda-item\">\n                    <span class=\"ea-badge ea-badge-electrico\">El\u00e9ctrico<\/span>\n                <\/div>\n                <div class=\"ea-leyenda-item\">\n                    <span class=\"ea-badge ea-badge-gasolina\">Gasolina<\/span>\n                <\/div>\n                <div class=\"ea-leyenda-item\">\n                    <span class=\"ea-badge ea-badge-diesel\">Diesel<\/span>\n                <\/div>\n            <\/div>\n        <\/div> -->\n    <\/div>\n\n    <style>\n    .ea-tabla-propulsion-container {\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n        padding: 30px;\n        margin: 30px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    .ea-tabla-propulsion-header {\n        text-align: center;\n        margin-bottom: 30px;\n        border-bottom: 2px solid #f0f0f0;\n        padding-bottom: 20px;\n    }\n    \n    .ea-tabla-title {\n        color: #1a1a1a;\n        font-size: 1.8em;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .ea-filtro-activo {\n        font-size: 0.7em;\n        background: #e3f2fd;\n        padding: 4px 12px;\n        border-radius: 20px;\n        color: #01579b;\n        font-weight: 500;\n        margin-left: 10px;\n        vertical-align: middle;\n    }\n    \n    .ea-tabla-subtitle {\n        color: #666;\n        font-size: 1em;\n        font-weight: 400;\n    }\n    \n    \/* Estad\u00edsticas *\/\n    .ea-stats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 20px;\n        margin-bottom: 30px;\n    }\n    \n    .ea-stat-card {\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n        border-radius: 12px;\n        padding: 20px;\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        border: 1px solid #e2e8f0;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .ea-stat-card:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    }\n    \n    .ea-stat-icon {\n        font-size: 2em;\n        opacity: 0.8;\n    }\n    \n    .ea-stat-value {\n        font-size: 1.8em;\n        font-weight: 700;\n        color: #1a1a1a;\n        line-height: 1.2;\n    }\n    \n    .ea-stat-value.ea-positive {\n        color: #0072ce;\n    }\n    \n    .ea-stat-value.ea-negative {\n        color: #dc2626;\n    }\n    \n    .ea-stat-label {\n        font-size: 0.9em;\n        color: #666;\n        font-weight: 500;\n    }\n    \n    \/* Tabla *\/\n    .ea-table-wrapper {\n        overflow-x: auto;\n        border-radius: 8px;\n        border: 1px solid #e2e8f0;\n    }\n    \n    .ea-tabla-datos {\n        width: 100%;\n        border-collapse: collapse;\n        background: #fff;\n    }\n    \n    .ea-tabla-datos th {\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        color: white;\n        font-weight: 600;\n        padding: 16px 20px;\n        text-align: left;\n        font-size: 0.9em;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    \n    .ea-tabla-datos th:first-child {\n        border-top-left-radius: 7px;\n    }\n    \n    .ea-tabla-datos th:last-child {\n        border-top-right-radius: 7px;\n    }\n    \n    .ea-tabla-datos td {\n        padding: 16px 20px;\n        border-bottom: 1px solid #f1f5f9;\n        vertical-align: middle;\n    }\n    \n    .ea-tabla-datos tr:last-child td {\n        border-bottom: none;\n    }\n    \n    .ea-tabla-datos tr:hover {\n        background: #f8fafc;\n    }\n    \n    \/* Columnas espec\u00edficas *\/\n    .ea-col-propulsion {\n        min-width: 120px;\n    }\n    \n    .ea-col-matriculacion {\n        text-align: right;\n        min-width: 140px;\n    }\n    \n    .ea-col-variacion {\n        text-align: center;\n        min-width: 120px;\n    }\n    \n    \/* Badges *\/\n    .ea-badge {\n        display: inline-block;\n        padding: 6px 12px;\n        border-radius: 20px;\n        font-size: 0.8em;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    \n    .ea-badge-electrico {\n        background: linear-gradient(135deg, #00e676 0%, #00c853 100%);\n        color: white;\n    }\n    \n    .ea-badge-gasolina {\n        background: linear-gradient(135deg, #ff9100 0%, #ff6d00 100%);\n        color: white;\n    }\n    \n    .ea-badge-diesel {\n        background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);\n        color: white;\n    }\n    \n    \/* Variaciones *\/\n    .ea-variacion-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        font-weight: 600;\n    }\n    \n    .ea-variacion-positiva {\n        color: #0072ce;\n    }\n    \n    .ea-variacion-negativa {\n        color: #dc2626;\n    }\n    \n    .ea-arrow-up, .ea-arrow-down {\n        flex-shrink: 0;\n    }\n    \n    .ea-matriculacion-valor {\n        font-family: 'Courier New', monospace;\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n    \n    \/* Informaci\u00f3n del filtro *\/\n    .ea-filtro-info {\n        margin-top: 20px;\n        padding: 12px 16px;\n        background: #e3f2fd;\n        border-radius: 6px;\n        border-left: 4px solid #0072ce;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.9em;\n        color: #01579b;\n    }\n    \n    \/* Leyenda *\/\n    .ea-leyenda {\n        margin-top: 20px;\n        padding: 15px;\n        background: #f8fafc;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        flex-wrap: wrap;\n    }\n    \n    .ea-leyenda-title {\n        font-weight: 600;\n        color: #666;\n        font-size: 0.9em;\n    }\n    \n    .ea-leyenda-items {\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n    \n    \/* Estado vac\u00edo *\/\n    .ea-tabla-propulsion-empty {\n        text-align: center;\n        padding: 60px 20px;\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n    }\n    \n    .ea-empty-icon {\n        font-size: 4em;\n        margin-bottom: 20px;\n        opacity: 0.5;\n    }\n    \n    .ea-tabla-propulsion-empty h3 {\n        color: #666;\n        margin: 0 0 10px 0;\n        font-size: 1.4em;\n    }\n    \n    .ea-tabla-propulsion-empty p {\n        color: #999;\n        margin: 0;\n        font-size: 1em;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .ea-tabla-propulsion-container {\n            padding: 20px;\n            margin: 20px 0;\n        }\n        \n        .ea-tabla-title {\n            font-size: 1.4em;\n        }\n        \n        .ea-stats-grid {\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n        \n        .ea-stat-card {\n            padding: 15px;\n        }\n        \n        .ea-stat-value {\n            font-size: 1.5em;\n        }\n        \n        .ea-tabla-datos th,\n        .ea-tabla-datos td {\n            padding: 12px 15px;\n        }\n        \n        .ea-leyenda {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 10px;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .ea-tabla-datos {\n            font-size: 0.9em;\n        }\n        \n        .ea-tabla-datos th,\n        .ea-tabla-datos td {\n            padding: 10px 12px;\n        }\n        \n        .ea-badge {\n            padding: 4px 8px;\n            font-size: 0.75em;\n        }\n    }\n    <\/style>\n    \n\n\n    <div class=\"ea-tabla-propulsion-container\">\n        \n        <!-- Tabla de datos -->\n        <div class=\"ea-table-wrapper\">\n            <table class=\"ea-tabla-datos\">\n                <thead>\n                    <tr>\n                        <th class=\"ea-col-propulsion\">Propulsi\u00f3n<\/th>\n                        <th class=\"ea-col-matriculacion\">Matric. Actual<\/th>\n                        <th class=\"ea-col-matriculacion\">Matric. A\u00f1o Ant.<\/th>\n                        <th class=\"ea-col-variacion\">Variaci\u00f3n<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                                        <tr>\n                        <td class=\"ea-col-propulsion\">\n                            <span class=\"ea-badge ea-badge-gasolina\">\n                                Gasolina                            <\/span>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                9.372                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                9.881                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-negativa\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-down\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 21l12-18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    -5,15%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-propulsion\">\n                            <span class=\"ea-badge ea-badge-electrico\">\n                                El\u00e9ctrico                            <\/span>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                2.525                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.987                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    27,08%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                    <\/tbody>\n            <\/table>\n        <\/div>\n        \n        <!-- Informaci\u00f3n del filtro -->\n        <!--         <div class=\"ea-filtro-info\" style=\"display: none;\">\n            <span class=\"dashicons dashicons-filter\"><\/span>\n            Mostrando datos filtrados por: <strong>Ciclomotores<\/strong>\n        <\/div>\n         -->\n        \n        <!-- Leyenda -->\n        <!-- <div class=\"ea-leyenda\" style=\"display: none;\">\n            <div class=\"ea-leyenda-title\">Leyenda:<\/div>\n            <div class=\"ea-leyenda-items\">\n                <div class=\"ea-leyenda-item\">\n                    <span class=\"ea-badge ea-badge-electrico\">El\u00e9ctrico<\/span>\n                <\/div>\n                <div class=\"ea-leyenda-item\">\n                    <span class=\"ea-badge ea-badge-gasolina\">Gasolina<\/span>\n                <\/div>\n                <div class=\"ea-leyenda-item\">\n                    <span class=\"ea-badge ea-badge-diesel\">Diesel<\/span>\n                <\/div>\n            <\/div>\n        <\/div> -->\n    <\/div>\n\n    <style>\n    .ea-tabla-propulsion-container {\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n        padding: 30px;\n        margin: 30px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    .ea-tabla-propulsion-header {\n        text-align: center;\n        margin-bottom: 30px;\n        border-bottom: 2px solid #f0f0f0;\n        padding-bottom: 20px;\n    }\n    \n    .ea-tabla-title {\n        color: #1a1a1a;\n        font-size: 1.8em;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .ea-filtro-activo {\n        font-size: 0.7em;\n        background: #e3f2fd;\n        padding: 4px 12px;\n        border-radius: 20px;\n        color: #01579b;\n        font-weight: 500;\n        margin-left: 10px;\n        vertical-align: middle;\n    }\n    \n    .ea-tabla-subtitle {\n        color: #666;\n        font-size: 1em;\n        font-weight: 400;\n    }\n    \n    \/* Estad\u00edsticas *\/\n    .ea-stats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 20px;\n        margin-bottom: 30px;\n    }\n    \n    .ea-stat-card {\n        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n        border-radius: 12px;\n        padding: 20px;\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        border: 1px solid #e2e8f0;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .ea-stat-card:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n    }\n    \n    .ea-stat-icon {\n        font-size: 2em;\n        opacity: 0.8;\n    }\n    \n    .ea-stat-value {\n        font-size: 1.8em;\n        font-weight: 700;\n        color: #1a1a1a;\n        line-height: 1.2;\n    }\n    \n    .ea-stat-value.ea-positive {\n        color: #0072ce;\n    }\n    \n    .ea-stat-value.ea-negative {\n        color: #dc2626;\n    }\n    \n    .ea-stat-label {\n        font-size: 0.9em;\n        color: #666;\n        font-weight: 500;\n    }\n    \n    \/* Tabla *\/\n    .ea-table-wrapper {\n        overflow-x: auto;\n        border-radius: 8px;\n        border: 1px solid #e2e8f0;\n    }\n    \n    .ea-tabla-datos {\n        width: 100%;\n        border-collapse: collapse;\n        background: #fff;\n    }\n    \n    .ea-tabla-datos th {\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        color: white;\n        font-weight: 600;\n        padding: 16px 20px;\n        text-align: left;\n        font-size: 0.9em;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    \n    .ea-tabla-datos th:first-child {\n        border-top-left-radius: 7px;\n    }\n    \n    .ea-tabla-datos th:last-child {\n        border-top-right-radius: 7px;\n    }\n    \n    .ea-tabla-datos td {\n        padding: 16px 20px;\n        border-bottom: 1px solid #f1f5f9;\n        vertical-align: middle;\n    }\n    \n    .ea-tabla-datos tr:last-child td {\n        border-bottom: none;\n    }\n    \n    .ea-tabla-datos tr:hover {\n        background: #f8fafc;\n    }\n    \n    \/* Columnas espec\u00edficas *\/\n    .ea-col-propulsion {\n        min-width: 120px;\n    }\n    \n    .ea-col-matriculacion {\n        text-align: right;\n        min-width: 140px;\n    }\n    \n    .ea-col-variacion {\n        text-align: center;\n        min-width: 120px;\n    }\n    \n    \/* Badges *\/\n    .ea-badge {\n        display: inline-block;\n        padding: 6px 12px;\n        border-radius: 20px;\n        font-size: 0.8em;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    \n    .ea-badge-electrico {\n        background: linear-gradient(135deg, #00e676 0%, #00c853 100%);\n        color: white;\n    }\n    \n    .ea-badge-gasolina {\n        background: linear-gradient(135deg, #ff9100 0%, #ff6d00 100%);\n        color: white;\n    }\n    \n    .ea-badge-diesel {\n        background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);\n        color: white;\n    }\n    \n    \/* Variaciones *\/\n    .ea-variacion-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        font-weight: 600;\n    }\n    \n    .ea-variacion-positiva {\n        color: #0072ce;\n    }\n    \n    .ea-variacion-negativa {\n        color: #dc2626;\n    }\n    \n    .ea-arrow-up, .ea-arrow-down {\n        flex-shrink: 0;\n    }\n    \n    .ea-matriculacion-valor {\n        font-family: 'Courier New', monospace;\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n    \n    \/* Informaci\u00f3n del filtro *\/\n    .ea-filtro-info {\n        margin-top: 20px;\n        padding: 12px 16px;\n        background: #e3f2fd;\n        border-radius: 6px;\n        border-left: 4px solid #0072ce;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.9em;\n        color: #01579b;\n    }\n    \n    \/* Leyenda *\/\n    .ea-leyenda {\n        margin-top: 20px;\n        padding: 15px;\n        background: #f8fafc;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        flex-wrap: wrap;\n    }\n    \n    .ea-leyenda-title {\n        font-weight: 600;\n        color: #666;\n        font-size: 0.9em;\n    }\n    \n    .ea-leyenda-items {\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n    \n    \/* Estado vac\u00edo *\/\n    .ea-tabla-propulsion-empty {\n        text-align: center;\n        padding: 60px 20px;\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n    }\n    \n    .ea-empty-icon {\n        font-size: 4em;\n        margin-bottom: 20px;\n        opacity: 0.5;\n    }\n    \n    .ea-tabla-propulsion-empty h3 {\n        color: #666;\n        margin: 0 0 10px 0;\n        font-size: 1.4em;\n    }\n    \n    .ea-tabla-propulsion-empty p {\n        color: #999;\n        margin: 0;\n        font-size: 1em;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .ea-tabla-propulsion-container {\n            padding: 20px;\n            margin: 20px 0;\n        }\n        \n        .ea-tabla-title {\n            font-size: 1.4em;\n        }\n        \n        .ea-stats-grid {\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n        \n        .ea-stat-card {\n            padding: 15px;\n        }\n        \n        .ea-stat-value {\n            font-size: 1.5em;\n        }\n        \n        .ea-tabla-datos th,\n        .ea-tabla-datos td {\n            padding: 12px 15px;\n        }\n        \n        .ea-leyenda {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 10px;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .ea-tabla-datos {\n            font-size: 0.9em;\n        }\n        \n        .ea-tabla-datos th,\n        .ea-tabla-datos td {\n            padding: 10px 12px;\n        }\n        \n        .ea-badge {\n            padding: 4px 8px;\n            font-size: 0.75em;\n        }\n    }\n    <\/style>\n    \n\n\n    <div class=\"ea-tabla-topmarca-container\">\n        <div class=\"ea-tabla-topmarca-header\">\n            <!-- <h2 class=\"ea-tabla-title\">Top 10 Marcas - Veh\u00edculos Nuevos<\/h2> -->\n            <!-- <div class=\"ea-tabla-subtitle\">Ranking por unidades matriculadas<\/div> -->\n        <\/div>\n        \n        <!-- Tabla de datos -->\n        <div class=\"ea-table-wrapper\">\n            <table class=\"ea-tabla-datos-topmarca\">\n                <thead>\n                    <tr>\n                        <th class=\"ea-col-marca\">Marca<\/th>\n                        <th class=\"ea-col-matriculacion\">Unidades Matriculadas<\/th>\n                        <th class=\"ea-col-matriculacion\">Unidades A\u00f1o Anterior<\/th>\n                        <th class=\"ea-col-variacion\">Variaci\u00f3n (%)<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                                        <tr>\n                        <td class=\"ea-col-marca ea-top-1\">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-1\">\n                                    1                                <\/span>\n                                                                <span class=\"ea-marca-nombre\">Honda<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                50.444                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                45.094                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    11,86%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca ea-top-2\">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-2\">\n                                    2                                <\/span>\n                                                                <span class=\"ea-marca-nombre\">Yamaha<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                33.505                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                30.863                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    8,56%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca ea-top-3\">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-3\">\n                                    3                                <\/span>\n                                                                <span class=\"ea-marca-nombre\">Zontes<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                18.834                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                7.719                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    144,00%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">4<\/span>\n                                                                <span class=\"ea-marca-nombre\">Voge<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                15.695                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                8.686                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    80,69%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">5<\/span>\n                                                                <span class=\"ea-marca-nombre\">Kymco<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                12.997                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                12.861                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    1,06%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">6<\/span>\n                                                                <span class=\"ea-marca-nombre\">BMW<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                12.557                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                11.982                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    4,80%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">7<\/span>\n                                                                <span class=\"ea-marca-nombre\">Sym<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                11.915                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                9.995                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    19,21%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">8<\/span>\n                                                                <span class=\"ea-marca-nombre\">Kawasaki<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                8.257                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                8.094                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    2,01%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">9<\/span>\n                                                                <span class=\"ea-marca-nombre\">Piaggio<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                6.415                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                9.467                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-negativa\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-down\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 21l12-18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    -32,24%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">10<\/span>\n                                                                <span class=\"ea-marca-nombre\">Qjmotor<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                6.280                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                3.129                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    100,70%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                    <\/tbody>\n            <\/table>\n        <\/div>\n        \n        <!-- Informaci\u00f3n del filtro -->\n        <!--  -->\n    <\/div>\n\n    <style>\n    .ea-tabla-topmarca-container {\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n        padding: 30px;\n        margin: 30px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    .ea-tabla-topmarca-header {\n        text-align: center;\n        margin-bottom: 30px;\n        border-bottom: 2px solid #f0f0f0;\n        padding-bottom: 20px;\n    }\n    \n    .ea-tabla-title {\n        color: #1a1a1a;\n        font-size: 1.8em;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .ea-tabla-subtitle {\n        color: #666;\n        font-size: 1em;\n        font-weight: 400;\n    }\n    \n    \/* Tabla *\/\n    .ea-table-wrapper {\n        overflow-x: auto;\n        border-radius: 8px;\n        border: 1px solid #e2e8f0;\n    }\n    \n    .ea-tabla-datos-topmarca {\n        width: 100%;\n        border-collapse: collapse;\n        background: #fff;\n    }\n    \n    .ea-tabla-datos-topmarca th {\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        color: white;\n        font-weight: 600;\n        padding: 16px 20px;\n        text-align: left;\n        font-size: 0.9em;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    \n    .ea-tabla-datos-topmarca th:first-child {\n        border-top-left-radius: 7px;\n    }\n    \n    .ea-tabla-datos_topmarca th:last-child {\n        border-top-right-radius: 7px;\n    }\n    \n    .ea-tabla-datos-topmarca td {\n        padding: 16px 20px;\n        border-bottom: 1px solid #f1f5f9;\n        vertical-align: middle;\n    }\n    \n    .ea-tabla-datos-topmarca tr:last-child td {\n        border-bottom: none;\n    }\n    \n    .ea-tabla-datos-topmarca tr:hover {\n        background: #f8fafc;\n    }\n    \n    \/* Columnas espec\u00edficas *\/\n    .ea-col-marca {\n        font-weight: 600;\n        min-width: 200px;\n    }\n    \n    .ea-col-matriculacion {\n        text-align: right;\n        min-width: 160px;\n    }\n    \n    .ea-col-variacion {\n        text-align: center;\n        min-width: 120px;\n    }\n    \n    \/* Ranking *\/\n    .ea-marca-container {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n    \n    .ea-ranking-badge {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        font-weight: 700;\n        color: white;\n        font-size: 0.9em;\n    }\n    \n    .ea-ranking-1 {\n        background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n    }\n    \n    .ea-ranking-2 {\n        background: linear-gradient(135deg, #C0C0C0 0%, #A0A0A0 100%);\n    }\n    \n    .ea-ranking-3 {\n        background: linear-gradient(135deg, #CD7F32 0%, #A56C27 100%);\n    }\n    \n    .ea-ranking-number {\n        width: 32px;\n        text-align: center;\n        font-weight: 600;\n        color: #666;\n    }\n    \n    \/* Top 3 destacados *\/\n    .ea-top-1 {\n        background: linear-gradient(90deg, rgba(255,215,0,0.05) 0%, rgba(255,215,0,0) 100%);\n    }\n    \n    .ea-top-2 {\n        background: linear-gradient(90deg, rgba(192,192,192,0.05) 0%, rgba(192,192,192,0) 100%);\n    }\n    \n    .ea-top-3 {\n        background: linear-gradient(90deg, rgba(205,127,50,0.05) 0%, rgba(205,127,50,0) 100%);\n    }\n    \n    \/* Variaciones *\/\n    .ea-variacion-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        font-weight: 600;\n    }\n    \n    .ea-variacion-positiva {\n        color: #0072ce;\n    }\n    \n    .ea-variacion-negativa {\n        color: #dc2626;\n    }\n    \n    .ea-arrow-up, .ea-arrow-down {\n        flex-shrink: 0;\n    }\n    \n    .ea-matriculacion-valor {\n        font-family: 'Courier New', monospace;\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n    \n    \/* Informaci\u00f3n del filtro *\/\n    .ea-filtro-info {\n        margin-top: 20px;\n        padding: 12px 16px;\n        background: #e3f2fd;\n        border-radius: 6px;\n        border-left: 4px solid #0072ce;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.9em;\n        color: #01579b;\n    }\n    \n    \/* Estado vac\u00edo *\/\n    .ea-tabla-topmarca-empty {\n        text-align: center;\n        padding: 60px 20px;\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n    }\n    \n    .ea-empty-icon {\n        font-size: 4em;\n        margin-bottom: 20px;\n        opacity: 0.5;\n    }\n    \n    .ea-tabla-topmarca-empty h3 {\n        color: #666;\n        margin: 0 0 10px 0;\n        font-size: 1.4em;\n    }\n    \n    .ea-tabla-topmarca-empty p {\n        color: #999;\n        margin: 0;\n        font-size: 1em;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .ea-tabla-topmarca-container {\n            padding: 20px;\n            margin: 20px 0;\n        }\n        \n        .ea-tabla-title {\n            font-size: 1.4em;\n        }\n        \n        .ea-tabla-datos-topmarca th,\n        .ea-tabla-datos-topmarca td {\n            padding: 12px 15px;\n        }\n        \n        .ea-marca-container {\n            gap: 8px;\n        }\n        \n        .ea-ranking-badge,\n        .ea-ranking-number {\n            width: 24px;\n            height: 24px;\n            font-size: 0.8em;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .ea-tabla-datos-topmarca {\n            font-size: 0.9em;\n        }\n        \n        .ea-tabla-datos-topmarca th,\n        .ea-tabla-datos-topmarca td {\n            padding: 10px 12px;\n        }\n        \n        .ea-col-marca {\n            min-width: 150px;\n        }\n        \n        .ea-col-matriculacion {\n            min-width: 120px;\n        }\n    }\n    <\/style>\n    \n\n\n    <div class=\"ea-tabla-topmarca-container\">\n        <div class=\"ea-tabla-topmarca-header\">\n            <!-- <h2 class=\"ea-tabla-title\">Top 5 Marcas - Veh\u00edculos Nuevos<\/h2> -->\n            <!-- <div class=\"ea-tabla-subtitle\">Ranking por unidades matriculadas<\/div> -->\n        <\/div>\n        \n        <!-- Tabla de datos -->\n        <div class=\"ea-table-wrapper\">\n            <table class=\"ea-tabla-datos-topmarca\">\n                <thead>\n                    <tr>\n                        <th class=\"ea-col-marca\">Marca<\/th>\n                        <th class=\"ea-col-matriculacion\">Unidades Matriculadas<\/th>\n                        <th class=\"ea-col-matriculacion\">Unidades A\u00f1o Anterior<\/th>\n                        <th class=\"ea-col-variacion\">Variaci\u00f3n (%)<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                                        <tr>\n                        <td class=\"ea-col-marca ea-top-1\">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-1\">\n                                    1                                <\/span>\n                                                                <span class=\"ea-marca-nombre\">Rieju<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                2.039                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.977                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    3,14%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca ea-top-2\">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-2\">\n                                    2                                <\/span>\n                                                                <span class=\"ea-marca-nombre\">Sym<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.589                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.249                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    27,22%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca ea-top-3\">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-3\">\n                                    3                                <\/span>\n                                                                <span class=\"ea-marca-nombre\">Peugeot<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.280                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.153                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    11,01%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">4<\/span>\n                                                                <span class=\"ea-marca-nombre\">Piaggio<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                993                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.634                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-negativa\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-down\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 21l12-18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    -39,23%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-marca \">\n                            <div class=\"ea-marca-container\">\n                                                                <span class=\"ea-ranking-number\">5<\/span>\n                                                                <span class=\"ea-marca-nombre\">Sherco<\/span>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                949                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                809                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    17,31%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                    <\/tbody>\n            <\/table>\n        <\/div>\n        \n        <!-- Informaci\u00f3n del filtro -->\n        <!--         <div class=\"ea-filtro-info\">\n            <span class=\"dashicons dashicons-filter\"><\/span>\n            Mostrando datos filtrados por: <strong>Ciclomotores<\/strong>\n        <\/div>\n         -->\n    <\/div>\n\n    <style>\n    .ea-tabla-topmarca-container {\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n        padding: 30px;\n        margin: 30px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    .ea-tabla-topmarca-header {\n        text-align: center;\n        margin-bottom: 30px;\n        border-bottom: 2px solid #f0f0f0;\n        padding-bottom: 20px;\n    }\n    \n    .ea-tabla-title {\n        color: #1a1a1a;\n        font-size: 1.8em;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .ea-tabla-subtitle {\n        color: #666;\n        font-size: 1em;\n        font-weight: 400;\n    }\n    \n    \/* Tabla *\/\n    .ea-table-wrapper {\n        overflow-x: auto;\n        border-radius: 8px;\n        border: 1px solid #e2e8f0;\n    }\n    \n    .ea-tabla-datos-topmarca {\n        width: 100%;\n        border-collapse: collapse;\n        background: #fff;\n    }\n    \n    .ea-tabla-datos-topmarca th {\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        color: white;\n        font-weight: 600;\n        padding: 16px 20px;\n        text-align: left;\n        font-size: 0.9em;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    \n    .ea-tabla-datos-topmarca th:first-child {\n        border-top-left-radius: 7px;\n    }\n    \n    .ea-tabla-datos_topmarca th:last-child {\n        border-top-right-radius: 7px;\n    }\n    \n    .ea-tabla-datos-topmarca td {\n        padding: 16px 20px;\n        border-bottom: 1px solid #f1f5f9;\n        vertical-align: middle;\n    }\n    \n    .ea-tabla-datos-topmarca tr:last-child td {\n        border-bottom: none;\n    }\n    \n    .ea-tabla-datos-topmarca tr:hover {\n        background: #f8fafc;\n    }\n    \n    \/* Columnas espec\u00edficas *\/\n    .ea-col-marca {\n        font-weight: 600;\n        min-width: 200px;\n    }\n    \n    .ea-col-matriculacion {\n        text-align: right;\n        min-width: 160px;\n    }\n    \n    .ea-col-variacion {\n        text-align: center;\n        min-width: 120px;\n    }\n    \n    \/* Ranking *\/\n    .ea-marca-container {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n    \n    .ea-ranking-badge {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        font-weight: 700;\n        color: white;\n        font-size: 0.9em;\n    }\n    \n    .ea-ranking-1 {\n        background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n    }\n    \n    .ea-ranking-2 {\n        background: linear-gradient(135deg, #C0C0C0 0%, #A0A0A0 100%);\n    }\n    \n    .ea-ranking-3 {\n        background: linear-gradient(135deg, #CD7F32 0%, #A56C27 100%);\n    }\n    \n    .ea-ranking-number {\n        width: 32px;\n        text-align: center;\n        font-weight: 600;\n        color: #666;\n    }\n    \n    \/* Top 3 destacados *\/\n    .ea-top-1 {\n        background: linear-gradient(90deg, rgba(255,215,0,0.05) 0%, rgba(255,215,0,0) 100%);\n    }\n    \n    .ea-top-2 {\n        background: linear-gradient(90deg, rgba(192,192,192,0.05) 0%, rgba(192,192,192,0) 100%);\n    }\n    \n    .ea-top-3 {\n        background: linear-gradient(90deg, rgba(205,127,50,0.05) 0%, rgba(205,127,50,0) 100%);\n    }\n    \n    \/* Variaciones *\/\n    .ea-variacion-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        font-weight: 600;\n    }\n    \n    .ea-variacion-positiva {\n        color: #0072ce;\n    }\n    \n    .ea-variacion-negativa {\n        color: #dc2626;\n    }\n    \n    .ea-arrow-up, .ea-arrow-down {\n        flex-shrink: 0;\n    }\n    \n    .ea-matriculacion-valor {\n        font-family: 'Courier New', monospace;\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n    \n    \/* Informaci\u00f3n del filtro *\/\n    .ea-filtro-info {\n        margin-top: 20px;\n        padding: 12px 16px;\n        background: #e3f2fd;\n        border-radius: 6px;\n        border-left: 4px solid #0072ce;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.9em;\n        color: #01579b;\n    }\n    \n    \/* Estado vac\u00edo *\/\n    .ea-tabla-topmarca-empty {\n        text-align: center;\n        padding: 60px 20px;\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n    }\n    \n    .ea-empty-icon {\n        font-size: 4em;\n        margin-bottom: 20px;\n        opacity: 0.5;\n    }\n    \n    .ea-tabla-topmarca-empty h3 {\n        color: #666;\n        margin: 0 0 10px 0;\n        font-size: 1.4em;\n    }\n    \n    .ea-tabla-topmarca-empty p {\n        color: #999;\n        margin: 0;\n        font-size: 1em;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .ea-tabla-topmarca-container {\n            padding: 20px;\n            margin: 20px 0;\n        }\n        \n        .ea-tabla-title {\n            font-size: 1.4em;\n        }\n        \n        .ea-tabla-datos-topmarca th,\n        .ea-tabla-datos-topmarca td {\n            padding: 12px 15px;\n        }\n        \n        .ea-marca-container {\n            gap: 8px;\n        }\n        \n        .ea-ranking-badge,\n        .ea-ranking-number {\n            width: 24px;\n            height: 24px;\n            font-size: 0.8em;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .ea-tabla-datos-topmarca {\n            font-size: 0.9em;\n        }\n        \n        .ea-tabla-datos-topmarca th,\n        .ea-tabla-datos-topmarca td {\n            padding: 10px 12px;\n        }\n        \n        .ea-col-marca {\n            min-width: 150px;\n        }\n        \n        .ea-col-matriculacion {\n            min-width: 120px;\n        }\n    }\n    <\/style>\n    \n\n\n    <div class=\"ea-tabla-topmodelo-container\">\n        <div class=\"ea-tabla-topmodelo-header\">\n            <!-- <h2 class=\"ea-tabla-title\">Top 10 Modelos - Veh\u00edculos Nuevos<\/h2> -->\n            <!-- <div class=\"ea-tabla-subtitle\">Ranking por unidades matriculadas<\/div> -->\n        <\/div>\n        \n        <!-- Tabla de datos -->\n        <div class=\"ea-table-wrapper\">\n            <table class=\"ea-tabla-datos-topmodelo\">\n                <thead>\n                    <tr>\n                        <th class=\"ea-col-modelo\">Marca y Modelo<\/th>\n                        <th class=\"ea-col-matriculacion\">Unidades Matriculadas<\/th>\n                        <th class=\"ea-col-matriculacion\">Unidades A\u00f1o Anterior<\/th>\n                        <th class=\"ea-col-variacion\">Variaci\u00f3n (%)<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                                        <tr>\n                        <td class=\"ea-col-modelo ea-top-1\">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-1\">\n                                    1                                <\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Yamaha NMAX 125<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                12.082                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                8.320                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    45,22%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo ea-top-2\">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-2\">\n                                    2                                <\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Honda PCX 125<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                9.169                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                8.372                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    9,52%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo ea-top-3\">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-3\">\n                                    3                                <\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Zontes 368 G<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                7.145                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                0                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    0,00%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">4<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Sym SYMPHONY 125<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                5.835                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                5.061                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    15,29%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">5<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Voge 900 DSX<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                5.089                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                2.193                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    132,06%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">6<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Honda FORZA 125<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                5.024                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                4.284                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    17,27%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">7<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Honda SH 125 SCOOPY<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                4.648                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                4.677                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-negativa\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-down\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 21l12-18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    -0,62%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">8<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Honda ADV 350<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                4.401                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                3.724                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    18,18%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">9<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Yamaha X-MAX 125<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                4.032                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                4.654                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-negativa\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-down\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 21l12-18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    -13,36%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">10<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Kymco AGILITY S 125<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                3.703                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                2.424                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    52,76%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                    <\/tbody>\n            <\/table>\n        <\/div>\n        \n        <!-- Informaci\u00f3n del filtro -->\n        <!--  -->\n    <\/div>\n\n    <style>\n    .ea-tabla-topmodelo-container {\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n        padding: 30px;\n        margin: 30px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    .ea-tabla-topmodelo-header {\n        text-align: center;\n        margin-bottom: 30px;\n        border-bottom: 2px solid #f0f0f0;\n        padding-bottom: 20px;\n    }\n    \n    .ea-tabla-title {\n        color: #1a1a1a;\n        font-size: 1.8em;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .ea-tabla-subtitle {\n        color: #666;\n        font-size: 1em;\n        font-weight: 400;\n    }\n    \n    \/* Tabla *\/\n    .ea-table-wrapper {\n        overflow-x: auto;\n        border-radius: 8px;\n        border: 1px solid #e2e8f0;\n    }\n    \n    .ea-tabla-datos-topmodelo {\n        width: 100%;\n        border-collapse: collapse;\n        background: #fff;\n    }\n    \n    .ea-tabla-datos-topmodelo th {\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        color: white;\n        font-weight: 600;\n        padding: 16px 20px;\n        text-align: left;\n        font-size: 0.9em;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    \n    .ea-tabla-datos-topmodelo th:first-child {\n        border-top-left-radius: 7px;\n    }\n    \n    .ea-tabla-datos-topmodelo th:last-child {\n        border-top-right-radius: 7px;\n    }\n    \n    .ea-tabla-datos-topmodelo td {\n        padding: 16px 20px;\n        border-bottom: 1px solid #f1f5f9;\n        vertical-align: middle;\n    }\n    \n    .ea-tabla-datos-topmodelo tr:last-child td {\n        border-bottom: none;\n    }\n    \n    .ea-tabla-datos-topmodelo tr:hover {\n        background: #f8fafc;\n    }\n    \n    \/* Columnas espec\u00edficas *\/\n    .ea-col-modelo {\n        font-weight: 600;\n        min-width: 300px;\n    }\n    \n    .ea-col-matriculacion {\n        text-align: right;\n        min-width: 160px;\n    }\n    \n    .ea-col-variacion {\n        text-align: center;\n        min-width: 120px;\n    }\n    \n    \/* Ranking *\/\n    .ea-modelo-container {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n    \n    .ea-modelo-info {\n        flex: 1;\n    }\n    \n    .ea-modelo-nombre {\n        font-weight: 600;\n        color: #1a1a1a;\n        line-height: 1.4;\n    }\n    \n    .ea-ranking-badge {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        font-weight: 700;\n        color: white;\n        font-size: 0.9em;\n        flex-shrink: 0;\n    }\n    \n    .ea-ranking-1 {\n        background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n    }\n    \n    .ea-ranking-2 {\n        background: linear-gradient(135deg, #C0C0C0 0%, #A0A0A0 100%);\n    }\n    \n    .ea-ranking-3 {\n        background: linear-gradient(135deg, #CD7F32 0%, #A56C27 100%);\n    }\n    \n    .ea-ranking-number {\n        width: 32px;\n        text-align: center;\n        font-weight: 600;\n        color: #666;\n        flex-shrink: 0;\n    }\n    \n    \/* Top 3 destacados *\/\n    .ea-top-1 {\n        background: linear-gradient(90deg, rgba(255,215,0,0.05) 0%, rgba(255,215,0,0) 100%);\n    }\n    \n    .ea-top-2 {\n        background: linear-gradient(90deg, rgba(192,192,192,0.05) 0%, rgba(192,192,192,0) 100%);\n    }\n    \n    .ea-top-3 {\n        background: linear-gradient(90deg, rgba(205,127,50,0.05) 0%, rgba(205,127,50,0) 100%);\n    }\n    \n    \/* Variaciones *\/\n    .ea-variacion-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        font-weight: 600;\n    }\n    \n    .ea-variacion-positiva {\n        color: #0072ce;\n    }\n    \n    .ea-variacion-negativa {\n        color: #dc2626;\n    }\n    \n    .ea-arrow-up, .ea-arrow-down {\n        flex-shrink: 0;\n    }\n    \n    .ea-matriculacion-valor {\n        font-family: 'Courier New', monospace;\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n    \n    \/* Informaci\u00f3n del filtro *\/\n    .ea-filtro-info {\n        margin-top: 20px;\n        padding: 12px 16px;\n        background: #e3f2fd;\n        border-radius: 6px;\n        border-left: 4px solid #0072ce;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.9em;\n        color: #01579b;\n    }\n    \n    \/* Estado vac\u00edo *\/\n    .ea-tabla-topmodelo-empty {\n        text-align: center;\n        padding: 60px 20px;\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n    }\n    \n    .ea-empty-icon {\n        font-size: 4em;\n        margin-bottom: 20px;\n        opacity: 0.5;\n    }\n    \n    .ea-tabla-topmodelo-empty h3 {\n        color: #666;\n        margin: 0 0 10px 0;\n        font-size: 1.4em;\n    }\n    \n    .ea-tabla-topmodelo-empty p {\n        color: #999;\n        margin: 0;\n        font-size: 1em;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .ea-tabla-topmodelo-container {\n            padding: 20px;\n            margin: 20px 0;\n        }\n        \n        .ea-tabla-title {\n            font-size: 1.4em;\n        }\n        \n        .ea-tabla-datos-topmodelo th,\n        .ea-tabla-datos-topmodelo td {\n            padding: 12px 15px;\n        }\n        \n        .ea-modelo-container {\n            gap: 8px;\n        }\n        \n        .ea-ranking-badge,\n        .ea-ranking-number {\n            width: 24px;\n            height: 24px;\n            font-size: 0.8em;\n        }\n        \n        .ea-col-modelo {\n            min-width: 200px;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .ea-tabla-datos-topmodelo {\n            font-size: 0.9em;\n        }\n        \n        .ea-tabla-datos-topmodelo th,\n        .ea-tabla-datos-topmodelo td {\n            padding: 10px 12px;\n        }\n        \n        .ea-col-modelo {\n            min-width: 150px;\n        }\n        \n        .ea-col-matriculacion {\n            min-width: 120px;\n        }\n        \n        .ea-modelo-nombre {\n            font-size: 0.9em;\n        }\n    }\n    <\/style>\n    \n\n\n    <div class=\"ea-tabla-topmodelo-container\">\n        <div class=\"ea-tabla-topmodelo-header\">\n            <!-- <h2 class=\"ea-tabla-title\">Top 5 Modelos - Veh\u00edculos Nuevos<\/h2> -->\n            <!-- <div class=\"ea-tabla-subtitle\">Ranking por unidades matriculadas<\/div> -->\n        <\/div>\n        \n        <!-- Tabla de datos -->\n        <div class=\"ea-table-wrapper\">\n            <table class=\"ea-tabla-datos-topmodelo\">\n                <thead>\n                    <tr>\n                        <th class=\"ea-col-modelo\">Marca y Modelo<\/th>\n                        <th class=\"ea-col-matriculacion\">Unidades Matriculadas<\/th>\n                        <th class=\"ea-col-matriculacion\">Unidades A\u00f1o Anterior<\/th>\n                        <th class=\"ea-col-variacion\">Variaci\u00f3n (%)<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                                        <tr>\n                        <td class=\"ea-col-modelo ea-top-1\">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-1\">\n                                    1                                <\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Rieju MRT 50<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.230                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                1.789                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-negativa\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-down\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 21l12-18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    -31,25%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo ea-top-2\">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-2\">\n                                    2                                <\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Rieju MRX 50<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                773                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                159                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    386,16%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo ea-top-3\">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-badge ea-ranking-3\">\n                                    3                                <\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Sym JET 14-50<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                768                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                616                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    24,68%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">4<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Peugeot KISBEE 50 4T<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                713                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                440                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    62,05%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                        <tr>\n                        <td class=\"ea-col-modelo \">\n                            <div class=\"ea-modelo-container\">\n                                                                <span class=\"ea-ranking-number\">5<\/span>\n                                                                <div class=\"ea-modelo-info\">\n                                    <span class=\"ea-modelo-nombre\">Henos ALPHA<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                648                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-matriculacion\">\n                            <div class=\"ea-matriculacion-valor\">\n                                0                            <\/div>\n                        <\/td>\n                        <td class=\"ea-col-variacion ea-variacion-positiva\">\n                            <div class=\"ea-variacion-container\">\n                                <span class=\"ea-variacion-indicator\">\n                                                                            <svg class=\"ea-arrow-up\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                            <path d=\"M12 3l12 18h-24z\"\/>\n                                        <\/svg>\n                                                                    <\/span>\n                                <span class=\"ea-variacion-valor\">\n                                    0,00%\n                                <\/span>\n                            <\/div>\n                        <\/td>\n                    <\/tr>\n                                    <\/tbody>\n            <\/table>\n        <\/div>\n        \n        <!-- Informaci\u00f3n del filtro -->\n        <!--         <div class=\"ea-filtro-info\">\n            <span class=\"dashicons dashicons-filter\"><\/span>\n            Mostrando datos filtrados por: <strong>Ciclomotores<\/strong>\n        <\/div>\n         -->\n    <\/div>\n\n    <style>\n    .ea-tabla-topmodelo-container {\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n        padding: 30px;\n        margin: 30px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    .ea-tabla-topmodelo-header {\n        text-align: center;\n        margin-bottom: 30px;\n        border-bottom: 2px solid #f0f0f0;\n        padding-bottom: 20px;\n    }\n    \n    .ea-tabla-title {\n        color: #1a1a1a;\n        font-size: 1.8em;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .ea-tabla-subtitle {\n        color: #666;\n        font-size: 1em;\n        font-weight: 400;\n    }\n    \n    \/* Tabla *\/\n    .ea-table-wrapper {\n        overflow-x: auto;\n        border-radius: 8px;\n        border: 1px solid #e2e8f0;\n    }\n    \n    .ea-tabla-datos-topmodelo {\n        width: 100%;\n        border-collapse: collapse;\n        background: #fff;\n    }\n    \n    .ea-tabla-datos-topmodelo th {\n        background: linear-gradient(135deg, #0072ce 0%, #005a9e 100%);\n        color: white;\n        font-weight: 600;\n        padding: 16px 20px;\n        text-align: left;\n        font-size: 0.9em;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    \n    .ea-tabla-datos-topmodelo th:first-child {\n        border-top-left-radius: 7px;\n    }\n    \n    .ea-tabla-datos-topmodelo th:last-child {\n        border-top-right-radius: 7px;\n    }\n    \n    .ea-tabla-datos-topmodelo td {\n        padding: 16px 20px;\n        border-bottom: 1px solid #f1f5f9;\n        vertical-align: middle;\n    }\n    \n    .ea-tabla-datos-topmodelo tr:last-child td {\n        border-bottom: none;\n    }\n    \n    .ea-tabla-datos-topmodelo tr:hover {\n        background: #f8fafc;\n    }\n    \n    \/* Columnas espec\u00edficas *\/\n    .ea-col-modelo {\n        font-weight: 600;\n        min-width: 300px;\n    }\n    \n    .ea-col-matriculacion {\n        text-align: right;\n        min-width: 160px;\n    }\n    \n    .ea-col-variacion {\n        text-align: center;\n        min-width: 120px;\n    }\n    \n    \/* Ranking *\/\n    .ea-modelo-container {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n    \n    .ea-modelo-info {\n        flex: 1;\n    }\n    \n    .ea-modelo-nombre {\n        font-weight: 600;\n        color: #1a1a1a;\n        line-height: 1.4;\n    }\n    \n    .ea-ranking-badge {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        font-weight: 700;\n        color: white;\n        font-size: 0.9em;\n        flex-shrink: 0;\n    }\n    \n    .ea-ranking-1 {\n        background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n    }\n    \n    .ea-ranking-2 {\n        background: linear-gradient(135deg, #C0C0C0 0%, #A0A0A0 100%);\n    }\n    \n    .ea-ranking-3 {\n        background: linear-gradient(135deg, #CD7F32 0%, #A56C27 100%);\n    }\n    \n    .ea-ranking-number {\n        width: 32px;\n        text-align: center;\n        font-weight: 600;\n        color: #666;\n        flex-shrink: 0;\n    }\n    \n    \/* Top 3 destacados *\/\n    .ea-top-1 {\n        background: linear-gradient(90deg, rgba(255,215,0,0.05) 0%, rgba(255,215,0,0) 100%);\n    }\n    \n    .ea-top-2 {\n        background: linear-gradient(90deg, rgba(192,192,192,0.05) 0%, rgba(192,192,192,0) 100%);\n    }\n    \n    .ea-top-3 {\n        background: linear-gradient(90deg, rgba(205,127,50,0.05) 0%, rgba(205,127,50,0) 100%);\n    }\n    \n    \/* Variaciones *\/\n    .ea-variacion-container {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        font-weight: 600;\n    }\n    \n    .ea-variacion-positiva {\n        color: #0072ce;\n    }\n    \n    .ea-variacion-negativa {\n        color: #dc2626;\n    }\n    \n    .ea-arrow-up, .ea-arrow-down {\n        flex-shrink: 0;\n    }\n    \n    .ea-matriculacion-valor {\n        font-family: 'Courier New', monospace;\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n    \n    \/* Informaci\u00f3n del filtro *\/\n    .ea-filtro-info {\n        margin-top: 20px;\n        padding: 12px 16px;\n        background: #e3f2fd;\n        border-radius: 6px;\n        border-left: 4px solid #0072ce;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.9em;\n        color: #01579b;\n    }\n    \n    \/* Estado vac\u00edo *\/\n    .ea-tabla-topmodelo-empty {\n        text-align: center;\n        padding: 60px 20px;\n        background: #fff;\n        border-radius: 12px;\n        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);\n    }\n    \n    .ea-empty-icon {\n        font-size: 4em;\n        margin-bottom: 20px;\n        opacity: 0.5;\n    }\n    \n    .ea-tabla-topmodelo-empty h3 {\n        color: #666;\n        margin: 0 0 10px 0;\n        font-size: 1.4em;\n    }\n    \n    .ea-tabla-topmodelo-empty p {\n        color: #999;\n        margin: 0;\n        font-size: 1em;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .ea-tabla-topmodelo-container {\n            padding: 20px;\n            margin: 20px 0;\n        }\n        \n        .ea-tabla-title {\n            font-size: 1.4em;\n        }\n        \n        .ea-tabla-datos-topmodelo th,\n        .ea-tabla-datos-topmodelo td {\n            padding: 12px 15px;\n        }\n        \n        .ea-modelo-container {\n            gap: 8px;\n        }\n        \n        .ea-ranking-badge,\n        .ea-ranking-number {\n            width: 24px;\n            height: 24px;\n            font-size: 0.8em;\n        }\n        \n        .ea-col-modelo {\n            min-width: 200px;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .ea-tabla-datos-topmodelo {\n            font-size: 0.9em;\n        }\n        \n        .ea-tabla-datos-topmodelo th,\n        .ea-tabla-datos-topmodelo td {\n            padding: 10px 12px;\n        }\n        \n        .ea-col-modelo {\n            min-width: 150px;\n        }\n        \n        .ea-col-matriculacion {\n            min-width: 120px;\n        }\n        \n        .ea-modelo-nombre {\n            font-size: 0.9em;\n        }\n    }\n    <\/style>\n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":8,"href":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/kind-neumann.217-160-4-186.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}