{"product_id":"road-top-12-3-android-13-car-radio-carplay-touchscreen-for-mercedes-benz-e-class-w212-2009-2014-year-car-stereo-for-apple-carplay-wireless-android-auto-navigation","title":"Pantalla táctil Android 13 de 12,3″ para Mercedes Clase E W212 (2009–2014) | CarPlay inalámbrico, Android Auto, GPS","description":"\u003cstyle\u003e\n\/* =========================================================\n   TOP TAKTIL — MERCEDES-BENZ W212 PRODUCT DESCRIPTION\n   Premium | SEO Friendly | Shopify | Mobile + Desktop\n========================================================= *\/\n\n.tt-w212-description {\n  --tt-navy: #061B2C;\n  --tt-blue: #073E78;\n  --tt-bright: #268FD0;\n  --tt-light: #5AAEE3;\n  --tt-accent: #FFD6A5;\n  --tt-border: #E4EBF2;\n  --tt-soft: #F7FAFD;\n  --tt-text: #415466;\n  --tt-muted: #64748B;\n\n  width: 100%;\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: 30px 22px;\n\n  box-sizing: border-box;\n\n  color: var(--tt-text);\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.tt-w212-description *,\n.tt-w212-description *::before,\n.tt-w212-description *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n.tt-w212-description h2 {\n  margin: 44px 0 16px;\n\n  color: var(--tt-navy);\n\n  font-size: clamp(25px, 2.5vw, 31px);\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -0.025em;\n}\n\n.tt-w212-description h3 {\n  margin: 0 0 12px;\n\n  color: var(--tt-blue);\n\n  font-size: 19px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.tt-w212-description p {\n  margin: 0 0 18px;\n}\n\n.tt-w212-description strong {\n  color: var(--tt-navy);\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   INTRO \/ HERO\n========================================================= *\/\n\n.tt-w212-description .tt-intro {\n  max-width: 920px;\n  margin: 0 auto 32px;\n\n  text-align: center;\n}\n\n.tt-w212-description .tt-eyebrow {\n  display: inline-flex;\n  align-items: center;\n\n  margin-bottom: 14px;\n  padding: 7px 15px;\n\n  border: 1px solid rgba(255, 214, 165, 0.8);\n  border-radius: 999px;\n\n  background: rgba(255, 214, 165, 0.26);\n\n  color: var(--tt-blue);\n\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.tt-w212-description .tt-main-title {\n  margin: 0 0 18px;\n\n  background: linear-gradient(\n    115deg,\n    var(--tt-blue) 0%,\n    var(--tt-bright) 68%,\n    var(--tt-light) 100%\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n\n  font-size: clamp(30px, 4vw, 45px);\n  font-weight: 800;\n  line-height: 1.12;\n  letter-spacing: -0.035em;\n}\n\n.tt-w212-description .tt-intro-text {\n  max-width: 840px;\n  margin: 0 auto;\n\n  color: #526577;\n\n  font-size: 17px;\n  line-height: 1.72;\n}\n\n\n\/* =========================================================\n   BENEFIT STRIP\n========================================================= *\/\n\n.tt-w212-description .tt-benefits {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  gap: 12px;\n\n  margin: 30px 0 38px;\n}\n\n.tt-w212-description .tt-benefit {\n  padding: 17px 14px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 14px;\n\n  background: linear-gradient(\n    135deg,\n    #FFFFFF 0%,\n    #F8FBFE 100%\n  );\n\n  color: var(--tt-navy);\n\n  text-align: center;\n\n  font-size: 14px;\n  font-weight: 700;\n\n  box-shadow: 0 5px 18px rgba(6, 27, 44, 0.04);\n}\n\n.tt-w212-description .tt-benefit span {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: var(--tt-bright);\n\n  font-size: 20px;\n}\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.tt-w212-description .tt-image {\n  display: block;\n\n  width: 100%;\n  max-width: 820px;\n  height: auto;\n\n  margin: 30px auto;\n\n  border-radius: 16px;\n\n  object-fit: contain;\n\n  box-shadow: 0 7px 26px rgba(6, 27, 44, 0.06);\n}\n\n.tt-w212-description .tt-feature-image {\n  display: block;\n\n  width: 100%;\n  max-width: 760px;\n  height: auto;\n\n  margin: 22px auto 26px;\n\n  border-radius: 14px;\n\n  object-fit: contain;\n}\n\n.tt-w212-description .tt-image-group {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 18px;\n\n  max-width: 920px;\n  margin: 30px auto;\n}\n\n.tt-w212-description .tt-image-group img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  border-radius: 15px;\n\n  object-fit: contain;\n\n  box-shadow: 0 6px 22px rgba(6, 27, 44, 0.05);\n}\n\n\n\/* =========================================================\n   COMPATIBILITY WARNING\n========================================================= *\/\n\n.tt-w212-description .tt-compatibility {\n  position: relative;\n\n  margin: 30px 0 38px;\n  padding: 25px 28px 25px 32px;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255, 214, 165, 0.95);\n  border-radius: 17px;\n\n  background: linear-gradient(\n    135deg,\n    rgba(255, 214, 165, 0.24) 0%,\n    #FFFFFF 55%,\n    rgba(38, 143, 208, 0.04) 100%\n  );\n}\n\n.tt-w212-description .tt-compatibility::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 5px;\n  height: 100%;\n\n  background: linear-gradient(\n    180deg,\n    var(--tt-accent) 0%,\n    var(--tt-bright) 100%\n  );\n}\n\n.tt-w212-description .tt-compatibility h3 {\n  color: var(--tt-navy);\n}\n\n\n\/* =========================================================\n   LISTS\n========================================================= *\/\n\n.tt-w212-description ul {\n  margin: 14px 0 22px;\n  padding: 0;\n\n  list-style: none;\n}\n\n.tt-w212-description li {\n  position: relative;\n\n  margin-bottom: 10px;\n  padding-left: 27px;\n}\n\n.tt-w212-description li::before {\n  content: \"✓\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  color: var(--tt-bright);\n\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   CONTENT BOX\n========================================================= *\/\n\n.tt-w212-description .tt-box {\n  margin: 36px 0;\n  padding: 30px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 19px;\n\n  background: linear-gradient(\n    135deg,\n    #FFFFFF 0%,\n    #F7FAFD 100%\n  );\n\n  box-shadow: 0 8px 28px rgba(6, 27, 44, 0.05);\n}\n\n.tt-w212-description .tt-box h2 {\n  margin-top: 0;\n}\n\n\n\/* =========================================================\n   DUAL SYSTEM CARDS\n========================================================= *\/\n\n.tt-w212-description .tt-dual-system {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 18px;\n\n  margin: 25px 0 36px;\n}\n\n.tt-w212-description .tt-system-card {\n  position: relative;\n\n  padding: 25px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 17px;\n\n  background: #FFFFFF;\n\n  box-shadow: 0 6px 22px rgba(6, 27, 44, 0.045);\n}\n\n.tt-w212-description .tt-system-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-bright),\n    var(--tt-accent)\n  );\n}\n\n\n\/* =========================================================\n   TECHNICAL SPECIFICATIONS\n========================================================= *\/\n\n.tt-w212-description .tt-specs {\n  margin-top: 40px;\n}\n\n.tt-w212-description .tt-specs-table {\n  width: 100%;\n\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 17px;\n\n  background: #FFFFFF;\n\n  box-shadow: 0 6px 22px rgba(6, 27, 44, 0.045);\n}\n\n.tt-w212-description .tt-specs table {\n  width: 100%;\n  margin: 0;\n\n  border-collapse: collapse;\n}\n\n.tt-w212-description .tt-specs tr {\n  border-bottom: 1px solid var(--tt-border);\n}\n\n.tt-w212-description .tt-specs tr:last-child {\n  border-bottom: 0;\n}\n\n.tt-w212-description .tt-specs td {\n  padding: 16px 19px;\n\n  border: 0;\n\n  vertical-align: top;\n}\n\n.tt-w212-description .tt-specs td:first-child {\n  width: 32%;\n\n  background: #F8FAFC;\n\n  color: var(--tt-navy);\n\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   INSTALLATION BOX\n========================================================= *\/\n\n.tt-w212-description .tt-installation {\n  margin: 34px 0;\n  padding: 28px 30px;\n\n  border-radius: 18px;\n\n  background: linear-gradient(\n    120deg,\n    #061B2C 0%,\n    #073E78 100%\n  );\n\n  color: rgba(255, 255, 255, 0.88);\n\n  box-shadow: 0 10px 30px rgba(6, 27, 44, 0.14);\n}\n\n.tt-w212-description .tt-installation h2 {\n  margin-top: 0;\n\n  color: #FFFFFF;\n}\n\n.tt-w212-description .tt-installation strong {\n  color: #FFFFFF;\n}\n\n.tt-w212-description .tt-installation li::before {\n  color: var(--tt-accent);\n}\n\n.tt-w212-description .tt-installation ul {\n  margin-bottom: 0;\n}\n\n\n\/* =========================================================\n   FINAL SUPPORT BOX\n========================================================= *\/\n\n.tt-w212-description .tt-support {\n  margin: 38px 0 8px;\n  padding: 26px;\n\n  border: 1px solid rgba(38, 143, 208, 0.18);\n  border-radius: 17px;\n\n  background: rgba(38, 143, 208, 0.045);\n\n  text-align: center;\n}\n\n.tt-w212-description .tt-support h2 {\n  margin: 0 0 10px;\n\n  font-size: 24px;\n}\n\n.tt-w212-description .tt-support p {\n  max-width: 760px;\n  margin: 0 auto;\n\n  color: #536678;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media screen and (max-width: 989px) {\n\n  .tt-w212-description {\n    max-width: 100%;\n    padding: 26px 18px;\n  }\n\n  .tt-w212-description .tt-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-w212-description .tt-image {\n    max-width: 760px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  .tt-w212-description {\n    padding: 18px 10px;\n\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .tt-w212-description .tt-main-title {\n    font-size: 29px;\n    line-height: 1.15;\n  }\n\n  .tt-w212-description .tt-intro-text {\n    font-size: 15px;\n  }\n\n  .tt-w212-description h2 {\n    margin-top: 34px;\n\n    font-size: 23px;\n  }\n\n  .tt-w212-description h3 {\n    font-size: 17px;\n  }\n\n\n  \/* Benefits *\/\n\n  .tt-w212-description .tt-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: 9px;\n  }\n\n  .tt-w212-description .tt-benefit {\n    padding: 14px 9px;\n\n    font-size: 13px;\n  }\n\n\n  \/* Images *\/\n\n  .tt-w212-description .tt-image,\n  .tt-w212-description .tt-feature-image {\n    width: 100%;\n    max-width: 100%;\n\n    margin: 22px auto;\n\n    border-radius: 12px;\n  }\n\n  .tt-w212-description .tt-image-group {\n    grid-template-columns: 1fr;\n\n    gap: 14px;\n\n    margin: 22px auto;\n  }\n\n  .tt-w212-description .tt-image-group img {\n    border-radius: 12px;\n  }\n\n\n  \/* Cards *\/\n\n  .tt-w212-description .tt-dual-system {\n    grid-template-columns: 1fr;\n\n    gap: 14px;\n  }\n\n  .tt-w212-description .tt-box,\n  .tt-w212-description .tt-system-card,\n  .tt-w212-description .tt-compatibility,\n  .tt-w212-description .tt-installation,\n  .tt-w212-description .tt-support {\n    padding: 20px 17px;\n\n    border-radius: 14px;\n  }\n\n\n  \/* Mobile specification table *\/\n\n  .tt-w212-description .tt-specs-table {\n    border-radius: 14px;\n  }\n\n  .tt-w212-description .tt-specs table,\n  .tt-w212-description .tt-specs tbody,\n  .tt-w212-description .tt-specs tr,\n  .tt-w212-description .tt-specs td {\n    display: block;\n    width: 100%;\n  }\n\n  .tt-w212-description .tt-specs tr {\n    padding: 0;\n  }\n\n  .tt-w212-description .tt-specs td {\n    padding: 10px 14px;\n\n    font-size: 14px;\n  }\n\n  .tt-w212-description .tt-specs td:first-child {\n    width: 100%;\n\n    padding-bottom: 7px;\n\n    background: #F6F9FC;\n  }\n\n  .tt-w212-description .tt-specs td:last-child {\n    padding-top: 7px;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL PHONES\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n  .tt-w212-description .tt-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .tt-w212-description .tt-main-title {\n    font-size: 27px;\n  }\n\n}\n\n\/* =========================================================\n   SHOPIFY \/ LAPTOP \/ MOBILE HARDENING\n========================================================= *\/\n\n.tt-w212-description img {\n  max-width: 100%;\n  height: auto;\n}\n\n.tt-w212-description p,\n.tt-w212-description li,\n.tt-w212-description td,\n.tt-w212-description h2,\n.tt-w212-description h3 {\n  overflow-wrap: break-word;\n}\n\n@media screen and (max-width: 989px) {\n  .tt-w212-description {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n}\n\n@media screen and (max-width: 749px) {\n  .tt-w212-description {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .tt-w212-description .tt-main-title {\n    font-size: clamp(26px, 8vw, 29px);\n  }\n\n  .tt-w212-description .tt-specs-table {\n    overflow: hidden;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tt-w212-description * {\n    scroll-behavior: auto !important;\n  }\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"tt-w212-description\"\u003e\n\n\u003c\/div\u003e","brand":"TOPTAKTIL","offers":[{"title":"4 GB de RAM + 64 GB de almacenamiento","offer_id":55331918250313,"sku":"B0CHJQK43T-2","price":490.0,"currency_code":"EUR","in_stock":true},{"title":"6 GB de RAM + 128 GB de almacenamiento","offer_id":55331918283081,"sku":"B0CHJQK43T-3","price":590.0,"currency_code":"EUR","in_stock":true},{"title":"8 GB RAM + 256 GB de almacenamiento","offer_id":55331918315849,"sku":"B0CHJQK43T-1","price":690.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/files\/MERCEDES_AUTORADIO_ANDROID.webp?v=1789322599","url":"https:\/\/www.toptaktil.fr\/es\/products\/road-top-12-3-android-13-car-radio-carplay-touchscreen-for-mercedes-benz-e-class-w212-2009-2014-year-car-stereo-for-apple-carplay-wireless-android-auto-navigation","provider":"TOPTAKTIL","version":"1.0","type":"link"}