{"product_id":"apple-carplay-sans-fil-r-trofit-pour-bmw-android-auto-d-codeur-int-gration","title":"Apple CarPlay inalámbrico | Reequipamiento para BMW | Android Auto | Decodificador | Integración","description":"\u003cstyle\u003e\n\/* =========================================================\n   TOP TAKTIL — BMW NBT CARPLAY RETROFIT\n   Scoped product-description styling\n========================================================= *\/\n\n.tt-bmw-nbt-description {\n  --tt-navy: #061B2C;\n  --tt-blue: #073E78;\n  --tt-blue-bright: #268FD0;\n  --tt-blue-light: #5AAEE3;\n  --tt-accent: #FFD6A5;\n  --tt-border: #E5EDF5;\n  --tt-soft: #F7FAFD;\n  --tt-text: #344454;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 10px 0 24px;\n\n  color: var(--tt-text);\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 1.7;\n  box-sizing: border-box;\n}\n\n.tt-bmw-nbt-description *,\n.tt-bmw-nbt-description *::before,\n.tt-bmw-nbt-description *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n.tt-bmw-nbt-description h2 {\n  margin: 0 0 18px;\n\n  color: var(--tt-navy);\n\n  font-size: clamp(28px, 3vw, 42px);\n  font-weight: 750;\n  line-height: 1.15;\n  letter-spacing: -0.025em;\n}\n\n.tt-bmw-nbt-description .tt-gradient-title {\n  background: linear-gradient(\n    115deg,\n    var(--tt-blue) 0%,\n    var(--tt-blue-bright) 68%,\n    var(--tt-blue-light) 100%\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.tt-bmw-nbt-description h3 {\n  margin: 32px 0 14px;\n\n  color: var(--tt-navy);\n\n  font-size: clamp(20px, 2vw, 25px);\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.tt-bmw-nbt-description p {\n  margin: 0 0 15px;\n}\n\n.tt-bmw-nbt-description strong {\n  color: var(--tt-navy);\n  font-weight: 700;\n}\n\n.tt-bmw-nbt-description a {\n  color: var(--tt-blue);\n  text-decoration-color: var(--tt-accent);\n  text-underline-offset: 4px;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-intro {\n  max-width: 900px;\n  margin-bottom: 24px;\n\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-image-wrap {\n  margin: 26px 0 34px;\n  text-align: center;\n}\n\n.tt-bmw-nbt-description img {\n  display: block;\n\n  width: 100%;\n  max-width: 820px;\n  height: auto;\n\n  margin: 0 auto;\n\n  border-radius: 18px;\n\n  box-shadow:\n    0 12px 34px rgba(6, 27, 44, 0.10);\n}\n\n.tt-bmw-nbt-description .tt-image-large img {\n  max-width: 950px;\n}\n\n\n\/* =========================================================\n   SECTION LABEL\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-eyebrow {\n  display: inline-flex;\n  align-items: center;\n\n  margin-bottom: 12px;\n  padding: 7px 13px;\n\n  border: 1px solid rgba(7, 62, 120, 0.10);\n  border-radius: 999px;\n\n  background: rgba(255, 214, 165, 0.28);\n\n  color: var(--tt-blue);\n\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   KEY FUNCTION BOX\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-functions {\n  margin: 30px 0;\n\n  padding: 26px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #FFFFFF 0%,\n      #F8FBFE 65%,\n      rgba(38, 143, 208, 0.06) 100%\n    );\n\n  box-shadow:\n    0 8px 28px rgba(6, 27, 44, 0.05);\n}\n\n.tt-bmw-nbt-description .tt-function-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px 24px;\n}\n\n.tt-bmw-nbt-description .tt-function {\n  position: relative;\n\n  margin: 0;\n  padding: 10px 0 10px 30px;\n\n  color: var(--tt-navy);\n\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.5;\n}\n\n.tt-bmw-nbt-description .tt-function::before {\n  content: \"✓\";\n\n  position: absolute;\n  top: 10px;\n  left: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 20px;\n  height: 20px;\n\n  border-radius: 50%;\n\n  background: linear-gradient(\n    135deg,\n    var(--tt-blue),\n    var(--tt-blue-bright)\n  );\n\n  color: #FFFFFF;\n\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   FEATURE CARDS\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  gap: 16px;\n\n  margin: 28px 0 34px;\n}\n\n.tt-bmw-nbt-description .tt-feature-card {\n  position: relative;\n\n  min-width: 0;\n\n  padding: 22px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  background: #FFFFFF;\n\n  box-shadow:\n    0 6px 22px rgba(6, 27, 44, 0.055);\n\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease,\n    border-color 0.25s ease;\n}\n\n.tt-bmw-nbt-description .tt-feature-card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 3px;\n\n  background: linear-gradient(\n    90deg,\n    var(--tt-blue),\n    var(--tt-blue-bright),\n    var(--tt-accent)\n  );\n}\n\n.tt-bmw-nbt-description .tt-feature-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n\n  margin-bottom: 15px;\n\n  border-radius: 12px;\n\n  background: rgba(38, 143, 208, 0.10);\n\n  color: var(--tt-blue);\n\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.tt-bmw-nbt-description .tt-feature-card h3 {\n  margin: 0 0 8px;\n\n  font-size: 17px;\n  line-height: 1.3;\n}\n\n.tt-bmw-nbt-description .tt-feature-card p {\n  margin: 0;\n\n  color: #607080;\n\n  font-size: 14.5px;\n  line-height: 1.6;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .tt-bmw-nbt-description .tt-feature-card:hover {\n    transform: translateY(-4px);\n\n    border-color: rgba(38, 143, 208, 0.22);\n\n    box-shadow:\n      0 12px 30px rgba(6, 27, 44, 0.09);\n  }\n}\n\n\n\/* =========================================================\n   PREMIUM FEATURE LIST\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-premium-list {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 12px;\n\n  margin: 18px 0 30px;\n  padding: 0;\n\n  list-style: none;\n}\n\n.tt-bmw-nbt-description .tt-premium-list li {\n  position: relative;\n\n  margin: 0;\n  padding: 16px 18px 16px 44px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 14px;\n\n  background: #FFFFFF;\n\n  color: #536372;\n\n  line-height: 1.55;\n}\n\n.tt-bmw-nbt-description .tt-premium-list li::before {\n  content: \"✓\";\n\n  position: absolute;\n  top: 17px;\n  left: 16px;\n\n  color: var(--tt-blue-bright);\n\n  font-weight: 800;\n}\n\n.tt-bmw-nbt-description .tt-premium-list strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--tt-navy);\n}\n\n\n\/* =========================================================\n   TABLES\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-table-wrapper {\n  width: 100%;\n\n  margin: 24px 0 34px;\n\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 16px;\n\n  background: #FFFFFF;\n}\n\n.tt-bmw-nbt-description table {\n  width: 100%;\n  min-width: 560px;\n\n  border-collapse: collapse;\n\n  background: #FFFFFF;\n\n  font-size: 14.5px;\n}\n\n.tt-bmw-nbt-description th,\n.tt-bmw-nbt-description td {\n  padding: 15px 18px;\n\n  vertical-align: top;\n  text-align: left;\n\n  border-bottom: 1px solid var(--tt-border);\n}\n\n.tt-bmw-nbt-description tr:last-child th,\n.tt-bmw-nbt-description tr:last-child td {\n  border-bottom: 0;\n}\n\n.tt-bmw-nbt-description th {\n  width: 32%;\n\n  background: #F7FAFD;\n\n  color: var(--tt-navy);\n\n  font-weight: 700;\n}\n\n.tt-bmw-nbt-description .tt-table-heading {\n  background: linear-gradient(\n    105deg,\n    var(--tt-navy),\n    var(--tt-blue)\n  ) !important;\n\n  color: #FFFFFF !important;\n\n  font-size: 16px;\n}\n\n\n\/* =========================================================\n   COMPATIBILITY\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-compatibility {\n  position: relative;\n\n  margin: 30px 0;\n\n  padding: 24px 24px 24px 28px;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255, 214, 165, 0.85);\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255, 214, 165, 0.22),\n      rgba(255, 255, 255, 0.96)\n    );\n}\n\n.tt-bmw-nbt-description .tt-compatibility::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 4px;\n  height: 100%;\n\n  background: var(--tt-accent);\n}\n\n.tt-bmw-nbt-description .tt-compatibility h3 {\n  margin: 0 0 8px;\n\n  color: var(--tt-navy);\n}\n\n.tt-bmw-nbt-description .tt-compatibility p {\n  margin: 0;\n\n  color: #536372;\n}\n\n\n\/* =========================================================\n   INSTALLATION BOX\n========================================================= *\/\n\n.tt-bmw-nbt-description .tt-installation {\n  margin: 32px 0 0;\n\n  padding: 26px;\n\n  border: 1px solid rgba(38, 143, 208, 0.16);\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(38, 143, 208, 0.07),\n      rgba(255, 255, 255, 0.95)\n    );\n}\n\n.tt-bmw-nbt-description .tt-installation h3 {\n  margin-top: 0;\n}\n\n\n\/* =========================================================\n   MOBILE \/ TABLET\n========================================================= *\/\n\n@media screen and (max-width: 989px) {\n\n  .tt-bmw-nbt-description {\n    font-size: 15.5px;\n  }\n\n  .tt-bmw-nbt-description .tt-feature-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-bmw-nbt-description .tt-function-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tt-bmw-nbt-description .tt-premium-list {\n    grid-template-columns: 1fr;\n  }\n\n  .tt-bmw-nbt-description img {\n    max-width: 720px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  .tt-bmw-nbt-description {\n    padding: 4px 0 18px;\n\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .tt-bmw-nbt-description h2 {\n    margin-bottom: 14px;\n\n    font-size: 27px;\n    line-height: 1.16;\n  }\n\n  .tt-bmw-nbt-description h3 {\n    margin-top: 26px;\n\n    font-size: 20px;\n  }\n\n  .tt-bmw-nbt-description .tt-intro {\n    font-size: 15.5px;\n  }\n\n  .tt-bmw-nbt-description .tt-functions,\n  .tt-bmw-nbt-description .tt-installation {\n    padding: 18px;\n\n    border-radius: 16px;\n  }\n\n  .tt-bmw-nbt-description .tt-feature-grid {\n    grid-template-columns: 1fr;\n\n    gap: 12px;\n  }\n\n  .tt-bmw-nbt-description .tt-feature-card {\n    padding: 18px;\n\n    border-radius: 15px;\n  }\n\n  .tt-bmw-nbt-description .tt-premium-list li {\n    padding: 14px 15px 14px 40px;\n  }\n\n  .tt-bmw-nbt-description .tt-premium-list li::before {\n    top: 15px;\n    left: 14px;\n  }\n\n  .tt-bmw-nbt-description .tt-compatibility {\n    padding: 19px 18px 19px 22px;\n\n    border-radius: 15px;\n  }\n\n  .tt-bmw-nbt-description .tt-image-wrap {\n    margin: 20px 0 28px;\n  }\n\n  .tt-bmw-nbt-description img {\n    width: 100%;\n    max-width: 100%;\n\n    border-radius: 14px;\n  }\n\n  .tt-bmw-nbt-description table {\n    min-width: 500px;\n\n    font-size: 13.5px;\n  }\n\n  .tt-bmw-nbt-description th,\n  .tt-bmw-nbt-description td {\n    padding: 12px 14px;\n  }\n}\n\n\n@media screen and (max-width: 380px) {\n\n  .tt-bmw-nbt-description h2 {\n    font-size: 24px;\n  }\n\n  .tt-bmw-nbt-description {\n    font-size: 14.5px;\n  }\n}\n\n\/* =========================================================\n   SHOPIFY \/ SEO \/ LAPTOP \/ MOBILE HARDENING\n========================================================= *\/\n\n.tt-bmw-nbt-description {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.tt-bmw-nbt-description img {\n  max-width: 100%;\n  height: auto;\n}\n\n.tt-bmw-nbt-description p,\n.tt-bmw-nbt-description li,\n.tt-bmw-nbt-description th,\n.tt-bmw-nbt-description td,\n.tt-bmw-nbt-description h2,\n.tt-bmw-nbt-description h3 {\n  overflow-wrap: break-word;\n}\n\n@media screen and (max-width: 989px) {\n  .tt-bmw-nbt-description {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n}\n\n@media screen and (max-width: 749px) {\n  .tt-bmw-nbt-description {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  .tt-bmw-nbt-description h2 {\n    font-size: clamp(24px, 7vw, 27px);\n  }\n\n  .tt-bmw-nbt-description .tt-feature-grid,\n  .tt-bmw-nbt-description .tt-premium-list,\n  .tt-bmw-nbt-description .tt-function-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tt-bmw-nbt-description .tt-table-wrapper {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tt-bmw-nbt-description .tt-feature-card {\n    transition: none;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"tt-bmw-nbt-description\"\u003e\n\n\n  \u003c!-- =====================================================\n       INTRODUCCIÓN\n  ====================================================== --\u0026gt;\n\n  \u003cdiv class=\"tt-eyebrow\"\u003e\n\n    Reequipamiento BMW NBT\n  \u003c\/div\u003e\n\n\n  \u003ch2 class=\"tt-gradient-title\"\u003e\n\n    CarPlay y Android Auto para BMW NBT – Módulo de reequipamiento premium\n  \u003c\/h2\u003e\n\n\n  \u003cp class=\"tt-intro\"\u003e\n    Modernice su \u003cstrong\u003esistema BMW NBT compatible\u003c\/strong\u003e con conectividad actual para smartphones, manteniendo la experiencia multimedia original de BMW. Este módulo de reequipamiento añade \u003cstrong\u003eApple CarPlay, Android Auto, duplicación de pantalla de smartphone, soporte para cámara y control por voz\u003c\/strong\u003e a los vehículos BMW compatibles.\n  \u003c\/p\u003e\n\n\n\n  \u003c!-- MAIN IMAGE --\u003e\n\n  \u003cdiv class=\"tt-image-wrap tt-image-large\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1029\/6688\/6735\/files\/retrofit_audiii.webp?v=1788117831\" alt=\"Módulo de reequipamiento TOP TAKTIL BMW NBT con CarPlay y Android Auto\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/div\u003e\n\n\n\n  \u003c\/div\u003e","brand":"toptaktil","offers":[{"title":"Default Title","offer_id":54049166491977,"sku":null,"price":290.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/files\/first_image_retrofit_carplay.webp?v=1789322627","url":"https:\/\/www.toptaktil.fr\/es\/products\/apple-carplay-sans-fil-r-trofit-pour-bmw-android-auto-d-codeur-int-gration","provider":"TOPTAKTIL","version":"1.0","type":"link"}