{"product_id":"pantalla-android-auto-carplay-mazda-mx-5-mx5-iii-3-nc-2005-2015","title":"Android Auto Carplay Head Unit Mazda MX-5 MX5 III 3 NC 2005-2015","description":"\u003ch2\u003eGive your Mazda MX-5 a new life\u003c\/h2\u003e\n\u003cp\u003eSay goodbye to the factory radio and take the leap into the future. This HD touchscreen integrates seamlessly into the dashboard of your \u003cstrong\u003e2005-2015 Mazda MX-5\u003c\/strong\u003e , giving you instant access to modern technology without compromising on aesthetics.\u003c\/p\u003e\n\u003ch3\u003eWhat you gain with this update:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e📱 \u003cstrong\u003eTotal Connectivity (Wireless)\u003c\/strong\u003e : Enjoy Apple CarPlay and Android Auto without the need to connect cables.\u003c\/li\u003e\n\u003cli\u003e🗺️ \u003cstrong\u003ePrecise GPS Navigation\u003c\/strong\u003e : Integrated GPS for use with Google Maps, Waze or your favorite map apps.\u003c\/li\u003e\n\u003cli\u003e🎵 \u003cstrong\u003eSuperior Sound (RDS+DSP)\u003c\/strong\u003e : The digital sound processor (DSP) and RDS tuner improve the factory audio quality.\u003c\/li\u003e\n\u003cli\u003e📞 \u003cstrong\u003eBluetooth Hands-Free\u003c\/strong\u003e : Crystal clear calls and uninterrupted streaming of your music (Spotify, etc.).\u003c\/li\u003e\n\u003cli\u003e🔌 \u003cstrong\u003ePerfect Integration\u003c\/strong\u003e : Maintains full compatibility with steering wheel controls.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eWe know that choosing your car's electronics is an important decision. All our models are 100% compatible and high quality, but they are designed for different types of users.\u003c\/p\u003e\n\u003cstyle\u003e\n\/* --- 1. Variables de Color --- *\/\n:root {\n  --color-destaque-verde: #E6F7E6; \n  --color-borde-destaque: #4CAF50; \n  --color-borde-general: #ccc;\n  --color-fondo-claro: #f2f2f2;\n  --color-texto-oscuro: #333;\n  --color-check-si: #28a745; \n  --color-cruz-no: #dc3545; \n}\n\n\/* --- 2. Estilos Base y Contenedor --- *\/\n.contenedor-tabla {\n  width: 100%;\n  overflow-x: auto; \n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); \n}\n\n.tabla-comparativa {\n  \/* Ancho mínimo reducido: Esto comprime las columnas de variantes en móvil *\/\n  min-width: 700px; \n  width: 100%; \n  border-collapse: collapse; \n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \n  color: var(--color-texto-oscuro);\n  background-color: #fff; \n  border: 1px solid var(--color-borde-general);\n}\n\n.tabla-comparativa th, .tabla-comparativa td {\n  padding: 12px 8px;\n  vertical-align: middle; \n  font-size: 0.9em; \n  border: 1px solid #ddd; \n  text-align: center;\n  word-wrap: break-word; \n  white-space: normal; \n}\n\n.tabla-comparativa th {\n  background-color: var(--color-fondo-claro); \n  font-weight: bold;\n  text-transform: uppercase;\n}\n\n\/* Limitación de ancho general (Desktop\/Móvil) *\/\n.tabla-comparativa th:first-child, \n.tabla-comparativa td:first-child {\n    width: 15%; \n    min-width: 15%; \n    max-width: 15%; \n    text-align: left;\n    font-weight: 600;\n    color: var(--color-texto-oscuro);\n}\n\n\/* Ancho proporcional a las columnas de variantes (4 * 21.25% = 85%) *\/\n.tabla-comparativa th:not(:first-child),\n.tabla-comparativa td:not(:first-child) {\n    width: 21.25%; \n}\n\n\n\/* --- 3. Destaque de Columna Recomendada (VERDE) --- *\/\n.col-recomendado {\n    background-color: var(--color-destaque-verde) !important; \n    border-left: 3px solid var(--color-borde-destaque) !important; \n    border-right: 3px solid var(--color-borde-destaque) !important;\n    font-weight: bold;\n    color: var(--color-texto-oscuro);\n}\n.tabla-comparativa thead th:nth-child(3) {\n     border-top: 3px solid var(--color-borde-destaque);\n}\n\n\/* --- 4. COLORES VERDE\/ROJO para Ticks y Texto --- *\/\n\n.icono-check, \n.tabla-comparativa td.col-check {\n    color: var(--color-check-si) !important;\n    font-weight: bold !important;\n}\n\n.icono-cruz,\n.tabla-comparativa td.col-cruz {\n    color: var(--color-cruz-no) !important;\n    font-weight: bold !important;\n}\n\n.tabla-comparativa td:not(.col-check):not(.col-cruz) {\n    color: var(--color-texto-oscuro);\n}\n\n\n\/* --- 5. Implementación de Columna Fija (Sticky) y ARREGLO DE CORTE DE TEXTO --- *\/\n\n\/* Aplicado a la primera celda del encabezado *\/\n.tabla-comparativa th:first-child {\n    position: sticky !important; \n    left: 0 !important; \n    z-index: 3;\n    background-color: var(--color-fondo-claro); \n    border-right: 2px solid var(--color-borde-general); \n    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.08); \n}\n\n\/* Aplicado a la primera celda del cuerpo *\/\n.tabla-comparativa td:first-child {\n    position: sticky !important; \n    left: 0 !important; \n    z-index: 2;\n    background-color: #fff; \n    border-right: 2px solid var(--color-borde-general); \n    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.08); \n}\n\n\/* REDUCCIÓN DE ANCHO MÁXIMA EN PANTALLAS PEQUEÑAS (Móvil) *\/\n@media screen and (max-width: 767px) {\n    \/* *** ARREGLO DEL CORTE *** *\/\n    .tabla-comparativa th:first-child {\n        text-transform: none !important; \/* Desactiva mayúsculas para mejor salto de línea *\/\n        font-size: 0.8em; \/* Tamaño de fuente más pequeño para ayudar *\/\n        word-break: break-all; \/* Fuerza el salto de la palabra 'características' *\/\n        padding: 8px 4px;\n    }\n    \n    .tabla-comparativa th:first-child,\n    .tabla-comparativa td:first-child {\n        \/* Usamos la regla más agresiva para forzar el ancho al 15% del viewport *\/\n        width: 15vw !important; \n        min-width: 15vw !important; \n        max-width: 15vw !important; \n    }\n}\n\u003c\/style\u003e","brand":"RProjekt","offers":[{"title":"Basic | 2GB + 64GB Quad","offer_id":47539486687556,"sku":"XT892SC-F-MX5-815","price":229.99,"currency_code":"EUR","in_stock":true},{"title":"Advanced | 4GB + 64GB 4G Octa","offer_id":47539486753092,"sku":"XZ894-MX5-815","price":269.99,"currency_code":"EUR","in_stock":true},{"title":"Pro | 6GB + 128GB 4G Octa","offer_id":47539486785860,"sku":"XZ896-MX5-815","price":299.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0765\/1364\/0772\/files\/RadioAndroidAutoCarplayMazdaMX-5MX5III3NC2008-2015_f3aecc8b-3e14-4359-b6ea-ef2fe22c5bae.png?v=1749602599","url":"https:\/\/rprojektcar.com\/en\/products\/mazda-mx-5-mx5-nc-2005-2015-android-head-unit-carplay","provider":"R_PROJEKT","version":"1.0","type":"link"}