{"id":7,"date":"2024-04-23T10:18:13","date_gmt":"2024-04-23T10:18:13","guid":{"rendered":"http:\/\/localhost\/cras\/?page_id=7"},"modified":"2026-03-16T20:34:11","modified_gmt":"2026-03-16T20:34:11","slug":"home","status":"publish","type":"page","link":"https:\/\/coastal.richiweb.com\/es_es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7144c8c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7144c8c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5bb2aee\" data-id=\"5bb2aee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2ebb8fb elementor-widget elementor-widget-widget-slider\" data-id=\"2ebb8fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"widget-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ak-slider ak-slider-hero-1 \"><h2 class=\"disp\">Section Heading<\/h2>\r\n\t\t\t<div class=\"swiper-wrapper\"><div class=\"swiper-slide\">\r\n\t\t\t\t\t<div class=\"ak-hero ak-style1 slide-inner\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/slider3.webp\" class=\"ak-hero-bg ak-bg object-cover\" alt=\"Coastal Automotive\">\r\n\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"hero-slider-info\">\r\n\t\t\t\t\t\t\t\t<div class=\"slider-info\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"hero-title\">\r\n\t\t\t\t\t\t\t\t\t\t<h1 class=\"hero-main-title\" data-swiper-parallax=\"300\">THE SMARTER WAY TO BUY YOUR NEXT CAR<\/h1>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"mini-title\" data-swiper-parallax=\"400\">We negotiate the best deals on your behalf and deliver your new vehicle directly to your door \u2014 saving you time, stress, and money.<\/p>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"ak-height-45 ak-height-lg-30\"><\/div>\r\n\t\t\t\t\t\t\t\t\t<div data-swiper-parallax=\"300\">\t\t\t\t\t\t<a href=\"#\" class=\"common-btn\">\r\n\t\t\t\t\t\t\t\t\t\tSTART YOUR CAR SEARCH\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"swiper-slide\">\r\n\t\t\t\t\t<div class=\"ak-hero ak-style1 slide-inner\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/slider2.webp\" class=\"ak-hero-bg ak-bg object-cover\" alt=\"Coastal Automotive\">\r\n\t\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"hero-slider-info\">\r\n\t\t\t\t\t\t\t\t<div class=\"slider-info\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"hero-title\">\r\n\t\t\t\t\t\t\t\t\t\t<h1 class=\"hero-main-title\" data-swiper-parallax=\"300\">LUXURY VEHICLES. EXCEPTIONAL EXPERIENCE.<\/h1>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<p class=\"mini-title\" data-swiper-parallax=\"400\">From custom orders to trade-ins and leasing options, we handle every detail so you can focus on enjoying your new vehicle.<\/p>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"ak-height-45 ak-height-lg-30\"><\/div>\r\n\t\t\t\t\t\t\t\t\t<div data-swiper-parallax=\"300\">\t\t\t\t\t\t<a href=\"#\" class=\"common-btn\">\r\n\t\t\t\t\t\t\t\t\t\tGET A FREE QUOTE\r\n\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div><div class=\"ak-swiper-controll-hero-1\">\r\n\t\t<div class=\"ak-swiper-navigation-wrap\">\r\n\t\t\t<div class=\"ak-swiper-button-prev\">\r\n\t\t\t\t<div class=\"hero-swiper-prev\">\r\n\t\t\t\t\t<div class=\"btn-cricle ak-white-bg-1\"><\/div>\r\n\t\t\t\t\t<div class=\"btn-arrow\">\r\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"29\" height=\"41\" viewBox=\"0 0 29 41\"\r\n\t\t\t\t\t\t\tfill=\"none\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M1.82581 20.0839L7.72307 14.1866C7.93491 13.9392 8.3072 13.9104 8.55457 14.1223C8.80194 14.3341 8.83078 14.7064 8.61889 14.9538C8.59912 14.9769 8.57763 14.9984 8.55457 15.0181L3.66574 19.9129H20.0831C20.4088 19.9129 20.6729 20.1769 20.6729 20.5026C20.6729 20.8284 20.4088 21.0924 20.0831 21.0924H3.66574L8.55457 25.9812C8.80194 26.193 8.83078 26.5653 8.61889 26.8127C8.40699 27.0601 8.03475 27.0889 7.78738 26.877C7.76432 26.8572 7.74278 26.8358 7.72307 26.8127L1.82575 20.9154C1.59714 20.6854 1.59714 20.314 1.82581 20.0839Z\"\r\n\t\t\t\t\t\t\t\tfill=\"#fff\" \/>\r\n\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"ak-swiper-button-next\">\r\n\t\t\t\t<div class=\"hero-swiper-next\">\r\n\t\t\t\t\t<div class=\"btn-cricle ak-white-bg-1\"><\/div>\r\n\t\t\t\t\t<div class=\"btn-arrow \">\r\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"29\" height=\"41\" viewBox=\"0 0 29 41\"\r\n\t\t\t\t\t\t\tfill=\"none\">\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M20.5013 20.0839L14.6041 14.1866C14.3922 13.9392 14.0199 13.9104 13.7726 14.1223C13.5252 14.3341 13.4964 14.7064 13.7083 14.9538C13.728 14.9769 13.7495 14.9984 13.7726 15.0181L18.6614 19.9129H2.24401C1.91834 19.9129 1.6543 20.1769 1.6543 20.5026C1.6543 20.8284 1.91834 21.0924 2.24401 21.0924H18.6614L13.7726 25.9812C13.5252 26.193 13.4964 26.5653 13.7083 26.8127C13.9202 27.0601 14.2924 27.0889 14.5398 26.877C14.5628 26.8572 14.5844 26.8358 14.6041 26.8127L20.5014 20.9154C20.73 20.6854 20.73 20.314 20.5013 20.0839Z\"\r\n\t\t\t\t\t\t\t\tfill=\"#fff\" \/>\r\n\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div><div class=\"container\">\r\n\t\t<div class=\"hero-contact-info\">\t<\/div>\r\n\t<\/div><div class=\"hero-pagination\">\r\n\t\t<div class=\"hero-swiper-pagination\"><\/div>\r\n\t<\/div><div class=\"social-hero\">\t<\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-cfc78de e-con-full e-flex e-con e-parent\" data-id=\"cfc78de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f70afb7 elementor-widget elementor-widget-html\" data-id=\"f70afb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"rw-mosaic-01\" class=\"rw-mosaic rw-mosaic--pm\" data-rw-mosaic=\"1\" aria-label=\"Home Mosaic\">\r\n\r\n  <div class=\"rw-mosaic__head\">\r\n    <div class=\"rw-mosaic__eyebrow\">HONESTY IS OUR <span>#1<\/span> POLICY<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"rw-mosaic__grid\" role=\"list\">\r\n\r\n    <!-- CARD 1: SOLO VIDEO (sin poster \/ sin fallback imagen) -->\r\n    <article class=\"rw-mosaic__item rw-mosaic__item--video\" role=\"listitem\" data-rw-mosaic-item=\"1\">\r\n      <a class=\"rw-mosaic__hit\" href=\"\/car-builder\" aria-label=\"Garage - Car Builder\"><\/a>\r\n\r\n      <div class=\"rw-mosaic__media\" aria-hidden=\"true\">\r\n        <!-- Fondo premium mientras buffer (NO imagen) -->\r\n        <div class=\"rw-mosaic__vbg\" aria-hidden=\"true\"><\/div>\r\n\r\n        <video class=\"rw-mosaic__vid\"\r\n               playsinline\r\n               muted\r\n               loop\r\n               autoplay\r\n               preload=\"metadata\"\r\n               data-video-src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/video-intro.mp4\">\r\n        <\/video>\r\n      <\/div>\r\n\r\n      <div class=\"rw-mosaic__overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"rw-mosaic__content rw-mosaic__content--br\">\r\n        <div class=\"rw-mosaic__tag\">Build it<\/div>\r\n        <div class=\"rw-mosaic__text\">\r\n          Configure your ideal car directly from official manufacturer tools. Compare trims, features, packages and pricing \u2014 all in one place, with guidance when you need it.\r\n        <\/div>\r\n        <div class=\"rw-mosaic__actions\">\r\n          <a class=\"rw-mosaic__btn\" href=\"\/car-builder\">Garage<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 2 -->\r\n    <article class=\"rw-mosaic__item\" role=\"listitem\" data-rw-mosaic-item=\"1\">\r\n      <a class=\"rw-mosaic__hit\" href=\"https:\/\/wa.me\/51999999999\" target=\"_blank\" rel=\"noopener\" aria-label=\"Call us on WhatsApp\"><\/a>\r\n\r\n      <div class=\"rw-mosaic__media\" aria-hidden=\"true\">\r\n        <div class=\"rw-mosaic__img\" style=\"background-image:url('https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/imagen-1.png');\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"rw-mosaic__overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"rw-mosaic__content rw-mosaic__content--bl\">\r\n        <div class=\"rw-mosaic__tag\">Contact us<\/div>\r\n        <div class=\"rw-mosaic__text\">\r\n          Our process is simple and transparent. Chat with an advisor, get real market insights, and we\u2019ll help you find the best available options from trusted dealerships.\r\n        <\/div>\r\n        <div class=\"rw-mosaic__actions\">\r\n          <a class=\"rw-mosaic__btn\" href=\"https:\/\/wa.me\/51999999999\" target=\"_blank\" rel=\"noopener\">Call us<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 3 -->\r\n    <article class=\"rw-mosaic__item\" role=\"listitem\" data-rw-mosaic-item=\"1\">\r\n      <a class=\"rw-mosaic__hit\" href=\"\/contact-us\" aria-label=\"Apply - Contact us\"><\/a>\r\n\r\n      <div class=\"rw-mosaic__media\" aria-hidden=\"true\">\r\n        <div class=\"rw-mosaic__img\" style=\"background-image:url('https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/imagen-2.webp');\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"rw-mosaic__overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"rw-mosaic__content rw-mosaic__content--bl\">\r\n        <div class=\"rw-mosaic__tag\">Apply<\/div>\r\n        <div class=\"rw-mosaic__text\">\r\n          Submit your information for a quick review. We\u2019ll contact you with next steps, approvals, and a smooth path to getting your vehicle delivered.\r\n        <\/div>\r\n        <div class=\"rw-mosaic__actions\">\r\n          <a class=\"rw-mosaic__btn\" href=\"https:\/\/coastal.richiweb.com\/credit-application\/\">Apply<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 4 -->\r\n    <article class=\"rw-mosaic__item rw-mosaic__item--quiet\" role=\"listitem\" data-rw-mosaic-item=\"1\">\r\n      <div class=\"rw-mosaic__media\" aria-hidden=\"true\">\r\n        <div class=\"rw-mosaic__img\" style=\"background-image:url('https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/imagen3.webp');\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"rw-mosaic__overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"rw-mosaic__content rw-mosaic__content--br\">\r\n        <div class=\"rw-mosaic__tag\">Relax<\/div>\r\n        <div class=\"rw-mosaic__text\">\r\n          We take care of the details \u2014 paperwork, coordination, and delivery \u2014 so you can focus on what matters while your vehicle gets ready.\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ================================\r\n   RW COASTAL - MOSAIC (Premium Modern) - FINAL\r\n   Scope: #rw-mosaic-01\r\n   \u2705 Card1 video sin poster\/imagen\r\n   \u2705 Fondo premium mientras buffer\r\n   \u2705 Im\u00e1genes correctas por card\r\n   \u2705 Fade-in scroll\r\n   \u2705 Sin blur\/gaussiano\r\n================================== *\/\r\n\r\n#rw-mosaic-01.rw-mosaic{\r\n  --rw-accent:#014bae;\r\n\r\n  --rw-pad: clamp(16px, 3vw, 26px);\r\n  --rw-gap: clamp(12px, 2vw, 18px);\r\n\r\n  --rw-ink: rgba(255,255,255,.96);\r\n  --rw-muted: rgba(255,255,255,.86);\r\n\r\n  --rw-stroke: rgba(255,255,255,.14);\r\n  --rw-stroke2: rgba(255,255,255,.09);\r\n\r\n  \/* Overlay azul suave *\/\r\n  --rw-ov-blue: rgba(1,75,174,.14);\r\n  --rw-ov-darkA: rgba(0,0,0,.06);\r\n  --rw-ov-darkB: rgba(0,0,0,.28);\r\n\r\n  \/* Panel texto (SIN blur) *\/\r\n  --rw-panelA: rgba(0,0,0,.36);\r\n  --rw-panelB: rgba(0,0,0,.22);\r\n  --rw-panelStroke: rgba(255,255,255,.12);\r\n\r\n  \/* Fade-in *\/\r\n  --rw-in-y: 14px;\r\n  --rw-in-dur: .65s;\r\n\r\n  width:100%;\r\n  color: var(--rw-ink);\r\n  font-family: inherit;\r\n}\r\n\r\n\/* Head *\/\r\n#rw-mosaic-01 .rw-mosaic__head{\r\n  width:100%;\r\n  padding: 0 var(--rw-pad);\r\n  display:flex;\r\n  justify-content:center;\r\n  margin-bottom: 18px;\r\n}\r\n#rw-mosaic-01 .rw-mosaic__eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap: 10px;\r\n  padding: 10px 16px;\r\n  border-radius: 14px;\r\n  border: 1px solid var(--rw-stroke);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));\r\n  letter-spacing: .26em;\r\n  font-weight: 900;\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,.84);\r\n}\r\n#rw-mosaic-01 .rw-mosaic__eyebrow span{\r\n  color: var(--rw-ink);\r\n  text-shadow: 0 0 18px rgba(1,75,174,.28);\r\n}\r\n\r\n\/* Grid *\/\r\n#rw-mosaic-01 .rw-mosaic__grid{\r\n  width:100%;\r\n  padding: 0 var(--rw-pad);\r\n  display:grid;\r\n  grid-template-columns: 1.2fr .9fr;\r\n  gap: var(--rw-gap);\r\n}\r\n\r\n\/* Items *\/\r\n#rw-mosaic-01 .rw-mosaic__item{\r\n  position:relative;\r\n  border-radius: 18px;\r\n  overflow:hidden;\r\n  border: 1px solid var(--rw-stroke2);\r\n  background: rgba(255,255,255,.03);\r\n  min-height: 260px;\r\n  transform: translateZ(0);\r\n  transition: transform .20s ease, border-color .20s ease, box-shadow .20s ease;\r\n}\r\n\r\n#rw-mosaic-01 .rw-mosaic__item:nth-child(1){ min-height: 420px; }\r\n#rw-mosaic-01 .rw-mosaic__item:nth-child(4){ min-height: 260px; }\r\n\r\n#rw-mosaic-01 .rw-mosaic__grid .rw-mosaic__item:nth-child(1){ grid-row: 1 \/ span 2; }\r\n#rw-mosaic-01 .rw-mosaic__grid .rw-mosaic__item:nth-child(2){ grid-row: 1; }\r\n#rw-mosaic-01 .rw-mosaic__grid .rw-mosaic__item:nth-child(3){ grid-row: 2; }\r\n#rw-mosaic-01 .rw-mosaic__grid .rw-mosaic__item:nth-child(4){ grid-column: 1 \/ -1; }\r\n\r\n#rw-mosaic-01 .rw-mosaic__item:hover{\r\n  transform: translateY(-3px);\r\n  border-color: rgba(1,75,174,.30);\r\n  box-shadow: 0 22px 60px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* Media *\/\r\n#rw-mosaic-01 .rw-mosaic__media{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Fondo premium (solo se ver\u00e1 si el video a\u00fan buffer) *\/\r\n#rw-mosaic-01 .rw-mosaic__vbg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  background:\r\n    radial-gradient(120% 120% at 30% 20%, rgba(1,75,174,.22), rgba(0,0,0,0) 55%),\r\n    linear-gradient(180deg, rgba(8,12,20,.95), rgba(6,10,16,.98));\r\n}\r\n\r\n\/* Im\u00e1genes: n\u00edtidas *\/\r\n#rw-mosaic-01 .rw-mosaic__img{\r\n  position:absolute;\r\n  inset:0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  filter: none;\r\n  transform: scale(1.02);\r\n}\r\n\r\n\/* Video: aparece cuando est\u00e1 listo *\/\r\n#rw-mosaic-01 .rw-mosaic__vid{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  z-index:1;\r\n  opacity: 0;\r\n  transition: opacity .35s ease;\r\n  background: transparent;\r\n}\r\n#rw-mosaic-01 .rw-mosaic__vid.is-ready{\r\n  opacity: 1;\r\n}\r\n\r\n\/* Overlay azul suave *\/\r\n#rw-mosaic-01 .rw-mosaic__overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index: 1;\r\n  background:\r\n    radial-gradient(120% 120% at 75% 85%, var(--rw-ov-blue), rgba(0,0,0,0) 58%),\r\n    linear-gradient(90deg, var(--rw-ov-darkA), rgba(0,0,0,.04) 44%, var(--rw-ov-darkB));\r\n  pointer-events:none;\r\n}\r\n#rw-mosaic-01 .rw-mosaic__item--quiet .rw-mosaic__overlay{\r\n  background:\r\n    radial-gradient(120% 120% at 75% 85%, rgba(1,75,174,.10), rgba(0,0,0,0) 60%),\r\n    linear-gradient(90deg, rgba(0,0,0,.10), rgba(0,0,0,.06) 44%, rgba(0,0,0,.22));\r\n}\r\n\r\n\/* Hit *\/\r\n#rw-mosaic-01 .rw-mosaic__hit{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index: 2;\r\n  text-indent:-9999px;\r\n}\r\n\r\n\/* Content *\/\r\n#rw-mosaic-01 .rw-mosaic__content{\r\n  position:absolute;\r\n  z-index: 3;\r\n  padding: 18px 18px 16px;\r\n  width: min(560px, 92%);\r\n}\r\n\r\n\/* Panel de texto sin blur *\/\r\n#rw-mosaic-01 .rw-mosaic__content::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset: -10px -10px -10px -10px;\r\n  border-radius: 16px;\r\n  background: linear-gradient(180deg, var(--rw-panelA), var(--rw-panelB));\r\n  border: 1px solid var(--rw-panelStroke);\r\n  box-shadow: 0 16px 42px rgba(0,0,0,.28);\r\n  z-index:-1;\r\n}\r\n\r\n#rw-mosaic-01 .rw-mosaic__content--br{ right: 16px; bottom: 16px; }\r\n#rw-mosaic-01 .rw-mosaic__content--bl{ left: 16px; bottom: 16px; }\r\n\r\n\/* Tag *\/\r\n#rw-mosaic-01 .rw-mosaic__tag{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding: 9px 12px;\r\n  border-radius: 14px;\r\n  border: 1px solid rgba(255,255,255,.16);\r\n  background: rgba(255,255,255,.10);\r\n  color: rgba(255,255,255,.96);\r\n  font-weight: 900;\r\n  letter-spacing: .02em;\r\n  font-size: 16px;\r\n}\r\n\r\n\/* Text *\/\r\n#rw-mosaic-01 .rw-mosaic__text{\r\n  margin-top: 10px;\r\n  color: var(--rw-muted);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  max-width: 64ch;\r\n  text-shadow: 0 4px 12px rgba(0,0,0,.28);\r\n}\r\n\r\n\/* Actions *\/\r\n#rw-mosaic-01 .rw-mosaic__actions{\r\n  margin-top: 14px;\r\n  display:flex;\r\n  gap: 10px;\r\n}\r\n\r\n\/* Button *\/\r\n#rw-mosaic-01 .rw-mosaic__btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  height: 44px;\r\n  padding: 0 18px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(90deg, rgba(1,75,174,.95), rgba(1,75,174,.70));\r\n  color: #fff;\r\n  text-decoration:none;\r\n  font-weight: 900;\r\n  letter-spacing: .10em;\r\n  text-transform: uppercase;\r\n  font-size: 11px;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n  box-shadow: 0 16px 30px rgba(1,75,174,.18);\r\n  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n}\r\n#rw-mosaic-01 .rw-mosaic__btn:hover{\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 20px 40px rgba(1,75,174,.24);\r\n  filter: brightness(1.03);\r\n}\r\n\r\n\/* Fade-in on scroll *\/\r\n#rw-mosaic-01 [data-rw-mosaic-item=\"1\"]{\r\n  opacity: 0;\r\n  transform: translate3d(0,var(--rw-in-y),0);\r\n  transition: opacity var(--rw-in-dur) ease, transform var(--rw-in-dur) ease;\r\n  will-change: opacity, transform;\r\n}\r\n#rw-mosaic-01 [data-rw-mosaic-item=\"1\"].is-in{\r\n  opacity: 1;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 980px){\r\n  #rw-mosaic-01 .rw-mosaic__grid{ grid-template-columns: 1fr; }\r\n  #rw-mosaic-01 .rw-mosaic__grid .rw-mosaic__item:nth-child(1){ grid-row: auto; }\r\n  #rw-mosaic-01 .rw-mosaic__grid .rw-mosaic__item:nth-child(4){ grid-column: auto; }\r\n  #rw-mosaic-01 .rw-mosaic__item:nth-child(1){ min-height: 340px; }\r\n\r\n  #rw-mosaic-01 .rw-mosaic__content{\r\n    left: 14px !important;\r\n    right: 14px !important;\r\n    bottom: 14px !important;\r\n    width: calc(100% - 28px);\r\n  }\r\n}\r\n\r\n\/* Reduce motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  #rw-mosaic-01 .rw-mosaic__item,\r\n  #rw-mosaic-01 .rw-mosaic__btn,\r\n  #rw-mosaic-01 [data-rw-mosaic-item=\"1\"],\r\n  #rw-mosaic-01 .rw-mosaic__vid{\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  const root = document.getElementById(\"rw-mosaic-01\");\r\n  if(!root) return;\r\n  if(root.dataset.rwInited === \"1\") return;\r\n  root.dataset.rwInited = \"1\";\r\n\r\n  \/* =========================\r\n     1) VIDEO Card1: autoplay + mostrar cuando listo\r\n  ========================== *\/\r\n  const vid = root.querySelector(\".rw-mosaic__vid\");\r\n  function safePlay(v){\r\n    try{\r\n      const p = v.play();\r\n      if(p && typeof p.catch === \"function\") p.catch(function(){});\r\n    }catch(e){}\r\n  }\r\n\r\n  if(vid){\r\n    const src = (vid.getAttribute(\"data-video-src\") || \"\").trim();\r\n    if(src){\r\n      vid.muted = true;\r\n      vid.playsInline = true;\r\n      vid.loop = true;\r\n      vid.autoplay = true;\r\n\r\n      vid.src = src;\r\n      try{ vid.load(); }catch(e){}\r\n\r\n      function markReady(){\r\n        vid.classList.add(\"is-ready\");\r\n        safePlay(vid);\r\n      }\r\n\r\n      vid.addEventListener(\"canplay\", markReady, { once:true });\r\n      vid.addEventListener(\"loadeddata\", markReady, { once:true });\r\n\r\n      \/\/ Reintentos (pol\u00edticas autoplay)\r\n      setTimeout(function(){ safePlay(vid); }, 80);\r\n      setTimeout(function(){ safePlay(vid); }, 220);\r\n      setTimeout(function(){ safePlay(vid); }, 700);\r\n      setTimeout(function(){ safePlay(vid); }, 1300);\r\n    }\r\n  }\r\n\r\n  \/* =========================\r\n     2) Fade-in on scroll (cards)\r\n  ========================== *\/\r\n  const items = root.querySelectorAll('[data-rw-mosaic-item=\"1\"]');\r\n  if(!items.length) return;\r\n\r\n  const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if(reduce){\r\n    items.forEach(el => el.classList.add('is-in'));\r\n    return;\r\n  }\r\n\r\n  const io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"is-in\");\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.16, rootMargin: \"0px 0px -10% 0px\" });\r\n\r\n  items.forEach(function(el){ io.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-236600c e-flex e-con-boxed e-con e-parent\" data-id=\"236600c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-459f747 elementor-widget elementor-widget-html\" data-id=\"459f747\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"rw-brandgridB-01\" class=\"rw-brandgridB\" data-rw-brandgridb=\"1\" aria-label=\"Brand grid blueprint\">\r\n  <div class=\"rw-brandgridB__head\">\r\n    <div class=\"rw-brandgridB__kicker\">ALL BRANDS IN ONE PLACE<\/div>\r\n    <h2 class=\"rw-brandgridB__title\">Choose a brand and start building<\/h2>\r\n    <p class=\"rw-brandgridB__sub\">Tap a logo to open the official configurator in a new tab.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"rw-brandgridB__grid\" role=\"list\">\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.acura.com\/tools\/build-and-price-luxury-vehicles-selection-page\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Acura-Logo-BW.avif\" alt=\"Acura\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.audiusa.com\/models#\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Audi-Logo-BW.avif\" alt=\"Audi\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.bmwusa.com\/byo.html#!\/\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/BMW-Logo-BW.avif\" alt=\"BMW\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.dodge.com\/lineup.html?app=bmo\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Dodge-Logo-BW.avif\" alt=\"Dodge\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/shop.ford.com\/showroom\/?gnav=header-tools&linktype=build#\/\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Ford-Logo-BW-1.avif\" alt=\"Ford\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.gmc.com\/previous-year\/build-and-price\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/GMC-Logo-BW.avif\" alt=\"GMC\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/automobiles.honda.com\/tools\/build-and-price\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Honda-Logo-BW.avif\" alt=\"Honda\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.infinitiusa.com\/shopping-tools\/build-price.html\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/infiniti.avif\" alt=\"Infiniti\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.jaguarusa.com\/build-yours\/index.html\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/jaguar-Logo-BW.avif\" alt=\"Jaguar\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.jeep.com\/lineup.html?app=bmo\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Jeep-Logo-BW.avif\" alt=\"Jeep\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.kia.com\/us\/en\/build\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/kia.avif\" alt=\"Kia\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.landroverusa.com\/build-your-own\/index.html\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Land-Rover-logo-2011-1920x1080-1.avif\" alt=\"Land Rover\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.lexus.com\/build-your-lexus\/#!\/\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Lexus-Logo-BW.avif\" alt=\"Lexus\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.mazdausa.com\/shopping-tools\/build-and-price\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Mazda-Logo-BW.avif\" alt=\"Mazda\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.mbusa.com\/en\/vehicles\/build#vbg-sedans-wagons\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Mercedes-Logo-BW.avif\" alt=\"Mercedes-Benz\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.nissanusa.com\/shopping-tools\/build-price.html\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Nisan-Logo-BW.avif\" alt=\"Nissan\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.toyota.com\/configurator\/\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Toyota-Logo-BW.avif\" alt=\"Toyota\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n\r\n    <a class=\"rw-brandgridB__card\" role=\"listitem\" href=\"https:\/\/www.vw.com\/builder\/\" target=\"_blank\" rel=\"noopener\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Volkswagen-Logo-BW.avif\" alt=\"Volkswagen\" loading=\"lazy\" decoding=\"async\">\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"rw-brandgridB__foot\">\r\n    <a class=\"rw-brandgridB__cta\" href=\"\/car-builder\">See all brands<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n#rw-brandgridB-01.rw-brandgridB{\r\n  --rw-accent:#014bae;\r\n  --rw-max: 1180px;\r\n  --rw-pad: clamp(18px, 3vw, 28px);\r\n  --rw-gap: clamp(12px, 1.6vw, 18px);\r\n\r\n  --rw-ink: rgba(255,255,255,.95);\r\n  --rw-muted: rgba(255,255,255,.72);\r\n  --rw-line: rgba(255,255,255,.12);\r\n  --rw-line2: rgba(255,255,255,.08);\r\n\r\n  width:100%;\r\n  color: var(--rw-ink);\r\n  font-family: inherit;\r\n  position: relative;\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__head{\r\n  max-width: var(--rw-max);\r\n  margin: 0 auto;\r\n  padding: 0 var(--rw-pad);\r\n  text-align:center;\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap: 10px;\r\n  padding: 10px 14px;\r\n  border-radius: 12px;\r\n  border: 1px solid var(--rw-line);\r\n  color: var(--rw-muted);\r\n  letter-spacing: .22em;\r\n  font-weight: 800;\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  background:\r\n    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),\r\n    repeating-linear-gradient(90deg, rgba(1,75,174,.10) 0 10px, rgba(0,0,0,0) 10px 22px);\r\n  box-shadow: 0 0 0 1px rgba(1,75,174,.08) inset;\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__title{\r\n  margin: 14px 0 8px;\r\n  font-size: clamp(26px, 3vw, 40px);\r\n  letter-spacing: .02em;\r\n  line-height: 1.12;\r\n  color: var(--rw-ink);\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__sub{\r\n  margin: 0 auto;\r\n  max-width: 62ch;\r\n  color: var(--rw-muted);\r\n  font-size: 15px;\r\n  line-height: 1.55;\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__grid{\r\n  max-width: var(--rw-max);\r\n  margin: 26px auto 0;\r\n  padding: 0 var(--rw-pad);\r\n  display:grid;\r\n  grid-template-columns: repeat(6, minmax(0, 1fr));\r\n  gap: var(--rw-gap);\r\n}\r\n\r\n\/* Blueprint card *\/\r\n#rw-brandgridB-01 .rw-brandgridB__card{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding: 20px 16px;\r\n  border-radius: 14px;\r\n  text-decoration:none;\r\n  border: 1px solid var(--rw-line2);\r\n  background:\r\n    radial-gradient(120% 120% at 20% 0%, rgba(1,75,174,.18), rgba(0,0,0,0) 55%),\r\n    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));\r\n  overflow:hidden;\r\n  transform: translateZ(0);\r\n  transition: transform .20s ease, border-color .20s ease, box-shadow .20s ease, filter .20s ease;\r\n}\r\n\r\n\/* Blueprint grid overlay *\/\r\n#rw-brandgridB-01 .rw-brandgridB__card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, rgba(0,0,0,0) 1px 14px),\r\n    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, rgba(0,0,0,0) 1px 16px);\r\n  opacity:.55;\r\n  pointer-events:none;\r\n  mix-blend-mode: overlay;\r\n}\r\n\r\n\/* Corners *\/\r\n#rw-brandgridB-01 .rw-brandgridB__card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset: 10px;\r\n  border-radius: 10px;\r\n  pointer-events:none;\r\n  background:\r\n    linear-gradient(var(--rw-accent), var(--rw-accent)) left top\/16px 2px no-repeat,\r\n    linear-gradient(var(--rw-accent), var(--rw-accent)) left top\/2px 16px no-repeat,\r\n    linear-gradient(var(--rw-accent), var(--rw-accent)) right top\/16px 2px no-repeat,\r\n    linear-gradient(var(--rw-accent), var(--rw-accent)) right top\/2px 16px no-repeat,\r\n    linear-gradient(var(--rw-accent), var(--rw-accent)) left bottom\/16px 2px no-repeat,\r\n    linear-gradient(var(--rw-accent), var(--rw-accent)) left bottom\/2px 16px no-repeat,\r\n    linear-gradient(var(--rw-accent), var(--rw-accent)) right bottom\/16px 2px no-repeat,\r\n    linear-gradient(var(--rw-accent), var(--rw-accent)) right bottom\/2px 16px no-repeat;\r\n  opacity: .18;\r\n  transition: opacity .20s ease, inset .20s ease;\r\n}\r\n\r\n\/* Glow *\/\r\n#rw-brandgridB-01 .rw-brandgridB__card .rw-brandgridB__glow{\r\n  position:absolute;\r\n  inset:-60px;\r\n  background: radial-gradient(circle at var(--rw-mx, 50%) var(--rw-my, 45%), rgba(1,75,174,.40), rgba(1,75,174,0) 55%);\r\n  opacity: 0;\r\n  transition: opacity .20s ease;\r\n  pointer-events:none;\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__card img{\r\n  width: 100%;\r\n  max-width: 140px;\r\n  height: auto;\r\n  display:block;\r\n  filter: saturate(0) contrast(1.10) brightness(1.35) opacity(.96);\r\n  transition: transform .20s ease, filter .20s ease, opacity .20s ease;\r\n}\r\n\r\n\/* Hover *\/\r\n#rw-brandgridB-01 .rw-brandgridB__card:hover{\r\n  transform: translateY(-3px) scale(1.02);\r\n  border-color: rgba(1,75,174,.42);\r\n  box-shadow: 0 22px 54px rgba(1,75,174,.16), 0 18px 48px rgba(0,0,0,.35);\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__card:hover::after{\r\n  opacity: .62;\r\n  inset: 8px;\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__card:hover .rw-brandgridB__glow{ opacity: 1; }\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__card:hover img{\r\n  transform: scale(1.06);\r\n  filter: saturate(0) contrast(1.18) brightness(1.55) opacity(1);\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__card:focus-visible{\r\n  outline: none;\r\n  border-color: rgba(1,75,174,.65);\r\n  box-shadow: 0 0 0 3px rgba(1,75,174,.22), 0 22px 54px rgba(1,75,174,.14);\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__foot{\r\n  max-width: var(--rw-max);\r\n  margin: 22px auto 0;\r\n  padding: 0 var(--rw-pad);\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__cta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  height: 48px;\r\n  padding: 0 22px;\r\n  border-radius: 12px;\r\n  background:\r\n    linear-gradient(90deg, rgba(1,75,174,.95), rgba(1,75,174,.70));\r\n  color: #fff;\r\n  text-decoration:none;\r\n  font-weight: 900;\r\n  letter-spacing: .10em;\r\n  text-transform: uppercase;\r\n  font-size: 12px;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  box-shadow: 0 18px 36px rgba(1,75,174,.22);\r\n  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__cta:hover{\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 22px 44px rgba(1,75,174,.30);\r\n  filter: brightness(1.03);\r\n}\r\n\r\n#rw-brandgridB-01 .rw-brandgridB__cta:active{ transform: translateY(0px); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px){\r\n  #rw-brandgridB-01 .rw-brandgridB__grid{ grid-template-columns: repeat(5, minmax(0,1fr)); }\r\n}\r\n@media (max-width: 900px){\r\n  #rw-brandgridB-01 .rw-brandgridB__grid{ grid-template-columns: repeat(4, minmax(0,1fr)); }\r\n  #rw-brandgridB-01 .rw-brandgridB__card img{ max-width: 132px; }\r\n}\r\n@media (max-width: 680px){\r\n  #rw-brandgridB-01 .rw-brandgridB__grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }\r\n  #rw-brandgridB-01 .rw-brandgridB__card{ border-radius: 12px; padding: 18px 14px; }\r\n}\r\n@media (max-width: 420px){\r\n  #rw-brandgridB-01 .rw-brandgridB__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }\r\n  #rw-brandgridB-01 .rw-brandgridB__card img{ max-width: 124px; }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  #rw-brandgridB-01 .rw-brandgridB__card,\r\n  #rw-brandgridB-01 .rw-brandgridB__card img,\r\n  #rw-brandgridB-01 .rw-brandgridB__cta,\r\n  #rw-brandgridB-01 .rw-brandgridB__card::after,\r\n  #rw-brandgridB-01 .rw-brandgridB__card .rw-brandgridB__glow{\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  const root = document.getElementById(\"rw-brandgridB-01\");\r\n  if(!root) return;\r\n  if(root.dataset.rwInited === \"1\") return;\r\n  root.dataset.rwInited = \"1\";\r\n\r\n  const cards = root.querySelectorAll(\".rw-brandgridB__card\");\r\n\r\n  cards.forEach(function(card){\r\n    const glow = document.createElement(\"span\");\r\n    glow.className = \"rw-brandgridB__glow\";\r\n    card.prepend(glow);\r\n\r\n    card.addEventListener(\"mousemove\", function(e){\r\n      const r = card.getBoundingClientRect();\r\n      const x = ((e.clientX - r.left) \/ r.width) * 100;\r\n      const y = ((e.clientY - r.top) \/ r.height) * 100;\r\n      card.style.setProperty(\"--rw-mx\", x + \"%\");\r\n      card.style.setProperty(\"--rw-my\", y + \"%\");\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93b1e2e e-con-full e-flex e-con e-parent\" data-id=\"93b1e2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27a4670 elementor-widget elementor-widget-html\" data-id=\"27a4670\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"rw-net-01\" class=\"rw-net\" data-rw-net=\"1\" aria-label=\"Dealer Network\">\r\n  <div class=\"rw-net__wrap\">\r\n    <div class=\"rw-net__grid\">\r\n\r\n      <div class=\"rw-net__copy\">\r\n        <div class=\"rw-net__kicker\">HUGE DEALER NETWORK<\/div>\r\n\r\n        <p class=\"rw-net__lead\">\r\n          We're not a Dealership, but we have <span class=\"rw-net__accent\">access<\/span> to the same new inventory\r\n          &amp; extensive <strong>network of banks<\/strong>.\r\n        <\/p>\r\n\r\n        <a class=\"rw-net__btn\" href=\"\/how-it-works\">LEARN MORE<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"rw-net__viz\" aria-label=\"Network diagram\">\r\n        <div class=\"rw-net__stage\">\r\n\r\n          <svg class=\"rw-net__lines\" viewBox=\"0 0 1000 640\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n            <defs>\r\n              <linearGradient id=\"rwNetLine\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0\" stop-color=\"rgba(1,75,174,.20)\"\/>\r\n                <stop offset=\"1\" stop-color=\"rgba(255,255,255,.18)\"\/>\r\n              <\/linearGradient>\r\n              <filter id=\"rwNetGlow\" x=\"-60%\" y=\"-60%\" width=\"220%\" height=\"220%\">\r\n                <feGaussianBlur stdDeviation=\"3.2\" result=\"b\"\/>\r\n                <feMerge>\r\n                  <feMergeNode in=\"b\"\/>\r\n                  <feMergeNode in=\"SourceGraphic\"\/>\r\n                <\/feMerge>\r\n              <\/filter>\r\n            <\/defs>\r\n\r\n            <path d=\"M500 300 L250 130\" stroke=\"url(#rwNetLine)\" stroke-width=\"2\" stroke-dasharray=\"4 10\" fill=\"none\" opacity=\".55\"\/>\r\n            <path d=\"M500 300 L750 130\" stroke=\"url(#rwNetLine)\" stroke-width=\"2\" stroke-dasharray=\"4 10\" fill=\"none\" opacity=\".55\"\/>\r\n            <path d=\"M500 300 L860 260\" stroke=\"url(#rwNetLine)\" stroke-width=\"2\" stroke-dasharray=\"4 10\" fill=\"none\" opacity=\".55\"\/>\r\n            <path d=\"M500 300 L740 360\" stroke=\"url(#rwNetLine)\" stroke-width=\"2\" stroke-dasharray=\"4 10\" fill=\"none\" opacity=\".55\"\/>\r\n            <path d=\"M500 300 L820 500\" stroke=\"url(#rwNetLine)\" stroke-width=\"2\" stroke-dasharray=\"4 10\" fill=\"none\" opacity=\".55\"\/>\r\n            <path d=\"M500 300 L240 510\" stroke=\"url(#rwNetLine)\" stroke-width=\"2\" stroke-dasharray=\"4 10\" fill=\"none\" opacity=\".55\"\/>\r\n            <path d=\"M500 300 L360 310\" stroke=\"url(#rwNetLine)\" stroke-width=\"2\" stroke-dasharray=\"4 10\" fill=\"none\" opacity=\".55\"\/>\r\n            <path d=\"M500 300 L150 260\" stroke=\"url(#rwNetLine)\" stroke-width=\"2\" stroke-dasharray=\"4 10\" fill=\"none\" opacity=\".55\"\/>\r\n\r\n            <circle cx=\"500\" cy=\"300\" r=\"6\" fill=\"rgba(1,75,174,.70)\" filter=\"url(#rwNetGlow)\"\/>\r\n          <\/svg>\r\n\r\n          <div class=\"rw-net__node rw-net__node--acura\" style=\"--x:25%;--y:16%;\">\r\n            <span class=\"rw-net__logo\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Acura-logo-1990-1024x768-1.avif\" alt=\"Acura\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__node rw-net__node--audi\" style=\"--x:75%;--y:16%;\">\r\n            <span class=\"rw-net__logo\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Audi-logo.avif\" alt=\"Audi\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__node rw-net__node--nissan\" style=\"--x:86%;--y:38%;\">\r\n            <span class=\"rw-net__logo\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Nissan-logo.avif\" alt=\"Nissan\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__node rw-net__node--lexus\" style=\"--x:72%;--y:56%;\">\r\n            <span class=\"rw-net__logo\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Lexus-logo-1988-1920x1080-1.avif\" alt=\"Lexus\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__node rw-net__node--merc\" style=\"--x:40%;--y:56%;\">\r\n            <span class=\"rw-net__logo\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Mercedes-Benz-logo-2011-1920x1080-1.avif\" alt=\"Mercedes-Benz\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__node rw-net__node--honda\" style=\"--x:80%;--y:80%;\">\r\n            <span class=\"rw-net__logo\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Honda-logo-1920x1080-1.avif\" alt=\"Honda\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__node rw-net__node--mazda\" style=\"--x:24%;--y:80%;\">\r\n            <span class=\"rw-net__logo\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Mazda-logo-1997-1920x1080-1.avif\" alt=\"Mazda\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__node rw-net__node--jeep\" style=\"--x:16%;--y:38%;\">\r\n            <span class=\"rw-net__logo\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/Jeep-logo-green-3840x2160-1.avif\" alt=\"Jeep\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__hub\" aria-hidden=\"true\">\r\n            <div class=\"rw-net__hubRing\"><\/div>\r\n            <div class=\"rw-net__hubDot\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rw-net__center rw-net__center--bmw\" style=\"--x:50%;--y:40%;\">\r\n            <span class=\"rw-net__logo rw-net__logo--center\">\r\n              <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/BMW-logo.avif\" alt=\"BMW\" loading=\"lazy\" decoding=\"async\">\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#rw-net-01.rw-net{\r\n  --rw-accent:#014bae;\r\n  --rw-ink: rgba(255,255,255,.94);\r\n  --rw-muted: rgba(255,255,255,.70);\r\n  --rw-stroke: rgba(255,255,255,.12);\r\n  --rw-stroke2: rgba(255,255,255,.08);\r\n  --rw-pad: clamp(18px, 3vw, 28px);\r\n  --rw-max: 1200px;\r\n\r\n  --rw-logo-w: clamp(72px, 8.8vw, 96px);\r\n  --rw-logo-h: clamp(46px, 5.8vw, 62px);\r\n  --rw-center-w: clamp(86px, 10vw, 112px);\r\n  --rw-center-h: clamp(56px, 6.6vw, 74px);\r\n\r\n  --rw-glowA: rgba(1,75,174,.55);\r\n  --rw-glowB: rgba(140,220,255,.35);\r\n  --rw-glowW: rgba(255,255,255,.55);\r\n\r\n  width:100%;\r\n  color: var(--rw-ink);\r\n  font-family: inherit;\r\n}\r\n\r\n#rw-net-01 .rw-net__wrap{\r\n  max-width: var(--rw-max);\r\n  margin: 0 auto;\r\n  padding: 0 var(--rw-pad);\r\n}\r\n\r\n#rw-net-01 .rw-net__grid{\r\n  display:grid;\r\n  grid-template-columns: 1.05fr .95fr;\r\n  gap: clamp(18px, 3vw, 42px);\r\n  align-items:center;\r\n}\r\n\r\n#rw-net-01 .rw-net__kicker{\r\n  letter-spacing: .22em;\r\n  font-weight: 900;\r\n  font-size: 14px;\r\n  text-transform: uppercase;\r\n  color: var(--rw-ink);\r\n  opacity: .9;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#rw-net-01 .rw-net__lead{\r\n  margin: 0;\r\n  max-width: 46ch;\r\n  color: var(--rw-muted);\r\n  font-size: clamp(15px, 1.25vw, 18px);\r\n  line-height: 1.75;\r\n}\r\n\r\n#rw-net-01 .rw-net__lead strong{\r\n  color: var(--rw-ink);\r\n  font-weight: 900;\r\n}\r\n\r\n#rw-net-01 .rw-net__accent{\r\n  color: var(--rw-ink);\r\n  position: relative;\r\n  font-weight: 900;\r\n  text-shadow: 0 0 22px rgba(1,75,174,.25);\r\n}\r\n#rw-net-01 .rw-net__accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:-2px;\r\n  height:2px;\r\n  background: linear-gradient(90deg, rgba(1,75,174,.0), rgba(1,75,174,.9), rgba(1,75,174,.0));\r\n  opacity:.8;\r\n}\r\n\r\n#rw-net-01 .rw-net__btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin-top: 18px;\r\n  height: 44px;\r\n  padding: 0 18px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(90deg, rgba(1,75,174,.95), rgba(1,75,174,.70));\r\n  color:#fff;\r\n  text-decoration:none;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  box-shadow: 0 18px 40px rgba(1,75,174,.18);\r\n  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n}\r\n#rw-net-01 .rw-net__btn:hover{\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 22px 50px rgba(1,75,174,.26);\r\n  filter: brightness(1.03);\r\n}\r\n\r\n#rw-net-01 .rw-net__viz{ width:100%; }\r\n\r\n#rw-net-01 .rw-net__stage{\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 1000 \/ 640;\r\n  border-radius: 18px;\r\n  border: 1px solid var(--rw-stroke2);\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(120% 120% at 70% 25%, rgba(1,75,174,.12), rgba(0,0,0,0) 55%),\r\n    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));\r\n  transform-style: preserve-3d;\r\n  will-change: transform;\r\n  box-sizing: border-box;\r\n  padding: 22px;\r\n}\r\n\r\n#rw-net-01 .rw-net__stage::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  border-radius: 18px;\r\n  background:\r\n    repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, rgba(0,0,0,0) 1px 18px),\r\n    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, rgba(0,0,0,0) 1px 20px);\r\n  opacity:.55;\r\n  pointer-events:none;\r\n}\r\n\r\n#rw-net-01 .rw-net__lines{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  pointer-events:none;\r\n}\r\n\r\n#rw-net-01 .rw-net__node,\r\n#rw-net-01 .rw-net__center{\r\n  position:absolute;\r\n  left: var(--x);\r\n  top: var(--y);\r\n  transform: translate(-50%, -50%);\r\n  z-index: 2;\r\n}\r\n\r\n#rw-net-01 .rw-net__logo{\r\n  position: relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width: var(--rw-logo-w);\r\n  height: var(--rw-logo-h);\r\n  padding: 6px 8px;\r\n  border-radius: 14px;\r\n  background: transparent;\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,.06) inset,\r\n    0 10px 24px rgba(0,0,0,.26);\r\n  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n}\r\n\r\n#rw-net-01 .rw-net__logo::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset: -14px;\r\n  border-radius: 18px;\r\n  background:\r\n    radial-gradient(60% 60% at 50% 50%, rgba(255,255,255,.22), rgba(255,255,255,0) 70%),\r\n    radial-gradient(70% 70% at 50% 50%, rgba(1,75,174,.10), rgba(1,75,174,0) 72%);\r\n  opacity: .65;\r\n  filter: blur(6px);\r\n  pointer-events:none;\r\n  transition: opacity .18s ease, transform .18s ease;\r\n}\r\n\r\n#rw-net-01 .rw-net__logo img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit: contain;\r\n  display:block;\r\n  mix-blend-mode: normal;\r\n  filter: drop-shadow(0 0 10px rgba(255,255,255,.20));\r\n  transition: transform .18s ease, filter .18s ease;\r\n}\r\n\r\n#rw-net-01 .rw-net__logo--center{\r\n  width: var(--rw-center-w);\r\n  height: var(--rw-center-h);\r\n  border-radius: 16px;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n#rw-net-01 .rw-net__logo--center::before{\r\n  inset: -18px;\r\n  opacity: .75;\r\n}\r\n\r\n#rw-net-01 .rw-net__node:hover .rw-net__logo,\r\n#rw-net-01 .rw-net__center:hover .rw-net__logo{\r\n  transform: translateY(-2px) scale(1.03);\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,.10) inset,\r\n    0 18px 46px rgba(0,0,0,.32),\r\n    0 0 22px var(--rw-glowW),\r\n    0 0 34px var(--rw-glowA),\r\n    0 0 56px var(--rw-glowB);\r\n}\r\n\r\n#rw-net-01 .rw-net__node:hover .rw-net__logo::before,\r\n#rw-net-01 .rw-net__center:hover .rw-net__logo::before{\r\n  opacity: 1;\r\n  transform: scale(1.05);\r\n}\r\n\r\n#rw-net-01 .rw-net__node:hover .rw-net__logo img,\r\n#rw-net-01 .rw-net__center:hover .rw-net__logo img{\r\n  transform: scale(1.02);\r\n  filter:\r\n    drop-shadow(0 0 10px rgba(255,255,255,.35))\r\n    drop-shadow(0 0 16px rgba(1,75,174,.28));\r\n}\r\n\r\n#rw-net-01 .rw-net__hub{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  transform: translate(-50%, -50%);\r\n  width: clamp(170px, 22vw, 210px);\r\n  height: clamp(170px, 22vw, 210px);\r\n  border-radius: 999px;\r\n  pointer-events:none;\r\n  z-index: 1;\r\n}\r\n\r\n#rw-net-01 .rw-net__hubRing{\r\n  position:absolute;\r\n  inset: 0;\r\n  border-radius: 999px;\r\n  border: 1px dashed rgba(255,255,255,.22);\r\n  box-shadow: 0 0 0 1px rgba(1,75,174,.08) inset;\r\n  opacity: .55;\r\n}\r\n\r\n#rw-net-01 .rw-net__hubDot{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 9px;\r\n  height: 9px;\r\n  border-radius: 999px;\r\n  background: rgba(1,75,174,.85);\r\n  box-shadow: 0 0 28px rgba(1,75,174,.45);\r\n}\r\n\r\n\/* \u2705 Responsive: evita que se \u201cencimen\u201d y baja el tama\u00f1o m\u00e1s *\/\r\n@media (max-width: 980px){\r\n  #rw-net-01 .rw-net__grid{ grid-template-columns: 1fr; }\r\n  #rw-net-01 .rw-net__lead{ max-width: 60ch; }\r\n\r\n  #rw-net-01.rw-net{\r\n    --rw-logo-w: clamp(66px, 14vw, 92px);\r\n    --rw-logo-h: clamp(42px, 9vw, 60px);\r\n    --rw-center-w: clamp(78px, 16vw, 110px);\r\n    --rw-center-h: clamp(52px, 10vw, 74px);\r\n  }\r\n\r\n  \/* reubica un poco en mobile *\/\r\n  #rw-net-01 .rw-net__node--acura{ --x:26%; --y:18%; }\r\n  #rw-net-01 .rw-net__node--audi{  --x:74%; --y:18%; }\r\n  #rw-net-01 .rw-net__center--bmw{ --x:50%; --y:42%; }\r\n  #rw-net-01 .rw-net__node--jeep{  --x:18%; --y:42%; }\r\n  #rw-net-01 .rw-net__node--nissan{--x:82%; --y:42%; }\r\n  #rw-net-01 .rw-net__node--merc{  --x:36%; --y:58%; }\r\n  #rw-net-01 .rw-net__node--lexus{ --x:70%; --y:58%; }\r\n  #rw-net-01 .rw-net__node--mazda{ --x:26%; --y:80%; }\r\n  #rw-net-01 .rw-net__node--honda{ --x:74%; --y:80%; }\r\n}\r\n\r\n@media (max-width: 520px){\r\n  #rw-net-01 .rw-net__stage{ padding: 16px; }\r\n  #rw-net-01 .rw-net__logo::before{ inset:-12px; filter: blur(6px); }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  #rw-net-01 .rw-net__btn,\r\n  #rw-net-01 .rw-net__logo,\r\n  #rw-net-01 .rw-net__logo img{\r\n    transition: none !important;\r\n  }\r\n  #rw-net-01 .rw-net__stage{ transform: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  const root = document.getElementById(\"rw-net-01\");\r\n  if(!root) return;\r\n  if(root.dataset.rwInited === \"1\") return;\r\n  root.dataset.rwInited = \"1\";\r\n\r\n  const stage = root.querySelector(\".rw-net__stage\");\r\n  if(!stage) return;\r\n\r\n  let raf = 0;\r\n\r\n  function tilt(e){\r\n    const r = stage.getBoundingClientRect();\r\n    const x = (e.clientX - r.left) \/ r.width;\r\n    const y = (e.clientY - r.top) \/ r.height;\r\n\r\n    const rx = (0.5 - y) * 2.2;\r\n    const ry = (x - 0.5) * 2.2;\r\n\r\n    stage.style.transform = \"translateZ(0) rotateX(\" + rx + \"deg) rotateY(\" + ry + \"deg)\";\r\n  }\r\n\r\n  function reset(){\r\n    stage.style.transform = \"translateZ(0) rotateX(0deg) rotateY(0deg)\";\r\n  }\r\n\r\n  stage.addEventListener(\"mousemove\", function(e){\r\n    if(raf) cancelAnimationFrame(raf);\r\n    raf = requestAnimationFrame(function(){ tilt(e); });\r\n  });\r\n\r\n  stage.addEventListener(\"mouseleave\", reset);\r\n\r\n  const nodes = stage.querySelectorAll(\".rw-net__node, .rw-net__center\");\r\n  nodes.forEach(function(n, i){\r\n    const base = (i % 2 === 0) ? 1 : -1;\r\n    n.style.animation = \"rwNetFloat \" + (7 + (i%4)) + \"s ease-in-out \" + (i*0.12) + \"s infinite\";\r\n    n.style.setProperty(\"--rw-f\", base);\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n@keyframes rwNetFloat{\r\n  0%,100%{ transform: translate(-50%, -50%) translateY(0px); }\r\n  50%{ transform: translate(-50%, -50%) translateY(calc(var(--rw-f, 1) * -5px)); }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c238137 e-con-full e-flex e-con e-parent\" data-id=\"c238137\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c09d13e elementor-widget elementor-widget-html\" data-id=\"c09d13e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"rw-td-01\" class=\"rw-td\" data-rw-td=\"1\" aria-label=\"Test drive CTA\">\r\n  <div class=\"rw-td__bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"rw-td__inner\">\r\n    <div class=\"rw-td__media\" aria-hidden=\"true\">\r\n      <img src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/auto-partido.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n\r\n    <div class=\"rw-td__content\">\r\n      <div class=\"rw-td__kicker\">TEST DRIVE US<\/div>\r\n      <div class=\"rw-td__sub\">And you'll never set foot in a dealership again!<\/div>\r\n\r\n      <a class=\"rw-td__btn\" href=\"\/contact-us\">TEST DRIVE COASTAL<\/a>\r\n\r\n      <div class=\"rw-td__points\" role=\"list\" aria-label=\"Key points\">\r\n        <div class=\"rw-td__pt\" role=\"listitem\">NO HIDDEN FEES<\/div>\r\n        <div class=\"rw-td__pt\" role=\"listitem\">NO FALSE ADVERTISEMENT<\/div>\r\n        <div class=\"rw-td__pt\" role=\"listitem\">NO BAIT &amp; SWITCH<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#rw-td-01.rw-td{\r\n  --rw-accent:#014bae;\r\n  --rw-ink:#0b1220;\r\n  --rw-muted:#556072;\r\n\r\n  --rw-pad: clamp(18px, 3vw, 34px);\r\n  --rw-minh: clamp(380px, 46vw, 520px);\r\n\r\n  width:100%;\r\n  position:relative;\r\n  overflow:hidden;\r\n  background: #fff;\r\n  color: var(--rw-ink);\r\n  font-family: inherit;\r\n}\r\n\r\n\/* sutil tech lines *\/\r\n#rw-td-01 .rw-td__bg{\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    radial-gradient(110% 90% at 82% 40%, rgba(1,75,174,.10), rgba(255,255,255,0) 60%),\r\n    repeating-linear-gradient(0deg, rgba(11,18,32,.03) 0 1px, rgba(255,255,255,0) 1px 26px);\r\n  opacity: 1;\r\n  pointer-events:none;\r\n}\r\n\r\n#rw-td-01 .rw-td__inner{\r\n  width:100%;\r\n  min-height: var(--rw-minh);\r\n  display:grid;\r\n  grid-template-columns: minmax(260px, 42%) 1fr;\r\n  align-items: stretch;\r\n}\r\n\r\n#rw-td-01 .rw-td__media{\r\n  position:relative;\r\n  min-height: var(--rw-minh);\r\n}\r\n\r\n#rw-td-01 .rw-td__media img{\r\n  position:absolute;\r\n  left:0;\r\n  bottom:0;\r\n  width: 115%;\r\n  max-width: none;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  object-position: left bottom;\r\n  filter: contrast(1.05);\r\n  transform: translateX(-2%);\r\n}\r\n\r\n#rw-td-01 .rw-td__content{\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction: column;\r\n  justify-content:center;\r\n  align-items:center;\r\n  text-align:center;\r\n  padding: var(--rw-pad);\r\n  padding-left: clamp(18px, 3vw, 56px);\r\n  padding-right: clamp(18px, 3vw, 56px);\r\n  gap: 10px;\r\n}\r\n\r\n#rw-td-01 .rw-td__kicker{\r\n  font-weight: 900;\r\n  letter-spacing: .28em;\r\n  text-transform: uppercase;\r\n  font-size: 14px;\r\n  color: rgba(11,18,32,.82);\r\n}\r\n\r\n#rw-td-01 .rw-td__sub{\r\n  font-size: 16px;\r\n  color: rgba(11,18,32,.62);\r\n  max-width: 42ch;\r\n  line-height: 1.55;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n#rw-td-01 .rw-td__btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  height: 46px;\r\n  min-width: 320px;\r\n  padding: 0 22px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(90deg, rgba(1,75,174,.95), rgba(1,75,174,.72));\r\n  color: #fff;\r\n  text-decoration:none;\r\n  font-weight: 900;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n  font-size: 11px;\r\n  border: 1px solid rgba(0,0,0,.06);\r\n  box-shadow: 0 16px 34px rgba(1,75,174,.22);\r\n  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n}\r\n\r\n#rw-td-01 .rw-td__btn:hover{\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 22px 46px rgba(1,75,174,.28);\r\n  filter: brightness(1.02);\r\n}\r\n\r\n#rw-td-01 .rw-td__points{\r\n  margin-top: 18px;\r\n  display:flex;\r\n  gap: clamp(14px, 3vw, 46px);\r\n  flex-wrap: wrap;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n\r\n#rw-td-01 .rw-td__pt{\r\n  font-weight: 900;\r\n  letter-spacing: .28em;\r\n  text-transform: uppercase;\r\n  font-size: 11px;\r\n  color: rgba(11,18,32,.70);\r\n  position:relative;\r\n  padding-top: 8px;\r\n}\r\n\r\n#rw-td-01 .rw-td__pt::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:50%;\r\n  width: 26px;\r\n  height: 2px;\r\n  transform: translateX(-50%);\r\n  background: linear-gradient(90deg, rgba(1,75,174,0), rgba(1,75,174,.65), rgba(1,75,174,0));\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 980px){\r\n  #rw-td-01 .rw-td__inner{\r\n    grid-template-columns: 1fr;\r\n  }\r\n  #rw-td-01 .rw-td__media{\r\n    min-height: clamp(220px, 44vw, 360px);\r\n  }\r\n  #rw-td-01 .rw-td__media img{\r\n    width: 110%;\r\n    height: 100%;\r\n    object-position: center bottom;\r\n    transform: translateX(0);\r\n  }\r\n  #rw-td-01 .rw-td__content{\r\n    padding-top: 10px;\r\n  }\r\n  #rw-td-01 .rw-td__btn{\r\n    min-width: min(340px, 92vw);\r\n  }\r\n}\r\n\r\n@media (max-width: 520px){\r\n  #rw-td-01 .rw-td__kicker{ font-size: 13px; }\r\n  #rw-td-01 .rw-td__sub{ font-size: 15px; }\r\n  #rw-td-01 .rw-td__pt{ letter-spacing: .22em; }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  #rw-td-01 .rw-td__btn{ transition: none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  const root = document.getElementById(\"rw-td-01\");\r\n  if(!root) return;\r\n  if(root.dataset.rwInited === \"1\") return;\r\n  root.dataset.rwInited = \"1\";\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3de6f1c e-con-full e-flex e-con e-parent\" data-id=\"3de6f1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d32b89d elementor-widget elementor-widget-html\" data-id=\"d32b89d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"rw-test-01\" class=\"rw-test\" data-rw-test=\"1\" aria-label=\"Testimonials\">\r\n  <div class=\"rw-test__wrap\">\r\n\r\n    <div class=\"rw-test__head\">\r\n      <div class=\"rw-test__kicker\">TESTIMONIALS<\/div>\r\n      <h2 class=\"rw-test__title\">Real people. Real deals.<\/h2>\r\n      <p class=\"rw-test__sub\">Short stories from customers who built, applied, and got their car delivered.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rw-test__shell\">\r\n      <button class=\"rw-test__nav rw-test__nav--prev\" type=\"button\" aria-label=\"Previous testimonial\">\r\n        <span class=\"rw-test__navIco\" aria-hidden=\"true\">\u2039<\/span>\r\n      <\/button>\r\n\r\n      <div class=\"rw-test__rail\" role=\"region\" aria-label=\"Testimonials carousel\">\r\n        <div class=\"rw-test__track\">\r\n\r\n          <article class=\"rw-test__card\" data-rw-card=\"1\">\r\n            <div class=\"rw-test__top\">\r\n              <div class=\"rw-test__stars\" aria-label=\"5 stars\">\r\n                <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n              <\/div>\r\n              <div class=\"rw-test__badge\">DELIVERED<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"rw-test__quote\">\u201cThe process was insanely smooth. I built my car online, applied, and Coastal handled everything. No dealership stress.\u201d<\/div>\r\n\r\n            <div class=\"rw-test__meta\">\r\n              <div class=\"rw-test__avatar\" aria-hidden=\"true\">J<\/div>\r\n              <div class=\"rw-test__who\">\r\n                <div class=\"rw-test__name\">Jordan M.<\/div>\r\n                <div class=\"rw-test__role\">BMW \u2022 New York<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"rw-test__card\" data-rw-card=\"2\">\r\n            <div class=\"rw-test__top\">\r\n              <div class=\"rw-test__stars\" aria-label=\"5 stars\">\r\n                <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n              <\/div>\r\n              <div class=\"rw-test__badge\">APPROVED<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"rw-test__quote\">\u201cI thought it would be complicated, but it wasn\u2019t. They explained everything clearly and kept me updated the whole time.\u201d<\/div>\r\n\r\n            <div class=\"rw-test__meta\">\r\n              <div class=\"rw-test__avatar\" aria-hidden=\"true\">A<\/div>\r\n              <div class=\"rw-test__who\">\r\n                <div class=\"rw-test__name\">Ashley R.<\/div>\r\n                <div class=\"rw-test__role\">Honda \u2022 New Jersey<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"rw-test__card\" data-rw-card=\"3\">\r\n            <div class=\"rw-test__top\">\r\n              <div class=\"rw-test__stars\" aria-label=\"5 stars\">\r\n                <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n              <\/div>\r\n              <div class=\"rw-test__badge\">BEST PRICE<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"rw-test__quote\">\u201cThey found the exact trim I wanted and saved me time and money. The delivery was the cherry on top.\u201d<\/div>\r\n\r\n            <div class=\"rw-test__meta\">\r\n              <div class=\"rw-test__avatar\" aria-hidden=\"true\">M<\/div>\r\n              <div class=\"rw-test__who\">\r\n                <div class=\"rw-test__name\">Michael S.<\/div>\r\n                <div class=\"rw-test__role\">Audi \u2022 Brooklyn<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"rw-test__card\" data-rw-card=\"4\">\r\n            <div class=\"rw-test__top\">\r\n              <div class=\"rw-test__stars\" aria-label=\"5 stars\">\r\n                <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n              <\/div>\r\n              <div class=\"rw-test__badge\">TRADE-IN<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"rw-test__quote\">\u201cTrade-in was easy, paperwork was simple, and they didn\u2019t play games. I\u2019d do it again 100%.\u201d<\/div>\r\n\r\n            <div class=\"rw-test__meta\">\r\n              <div class=\"rw-test__avatar\" aria-hidden=\"true\">S<\/div>\r\n              <div class=\"rw-test__who\">\r\n                <div class=\"rw-test__name\">Samantha K.<\/div>\r\n                <div class=\"rw-test__role\">Jeep \u2022 Queens<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <button class=\"rw-test__nav rw-test__nav--next\" type=\"button\" aria-label=\"Next testimonial\">\r\n        <span class=\"rw-test__navIco\" aria-hidden=\"true\">\u203a<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"rw-test__dots\" aria-label=\"Carousel pagination\">\r\n      <button class=\"rw-test__dot is-on\" type=\"button\" aria-label=\"Go to testimonial 1\"><\/button>\r\n      <button class=\"rw-test__dot\" type=\"button\" aria-label=\"Go to testimonial 2\"><\/button>\r\n      <button class=\"rw-test__dot\" type=\"button\" aria-label=\"Go to testimonial 3\"><\/button>\r\n      <button class=\"rw-test__dot\" type=\"button\" aria-label=\"Go to testimonial 4\"><\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#rw-test-01.rw-test{\r\n  --rw-accent:#014bae;\r\n  --rw-ink: rgba(255,255,255,.95);\r\n  --rw-muted: rgba(255,255,255,.72);\r\n  --rw-stroke: rgba(255,255,255,.10);\r\n\r\n  --rw-max: 1200px;\r\n  --rw-pad: clamp(18px, 3vw, 28px);\r\n  --rw-gap: clamp(14px, 2vw, 18px);\r\n\r\n  width:100%;\r\n  color: var(--rw-ink);\r\n  font-family: inherit;\r\n}\r\n\r\n#rw-test-01 .rw-test__wrap{\r\n  max-width: var(--rw-max);\r\n  margin: 0 auto;\r\n  padding: clamp(28px, 5vw, 54px) var(--rw-pad);\r\n}\r\n\r\n#rw-test-01 .rw-test__head{\r\n  text-align:center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#rw-test-01 .rw-test__kicker{\r\n  display:inline-block;\r\n  padding: 10px 14px;\r\n  border-radius: 999px;\r\n  border: 1px solid var(--rw-stroke);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));\r\n  letter-spacing: .28em;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  font-size: 12px;\r\n  color: var(--rw-muted);\r\n}\r\n\r\n#rw-test-01 .rw-test__title{\r\n  margin: 14px 0 8px;\r\n  font-size: clamp(24px, 3vw, 40px);\r\n  line-height: 1.12;\r\n  letter-spacing: .01em;\r\n}\r\n\r\n#rw-test-01 .rw-test__sub{\r\n  margin: 0 auto;\r\n  max-width: 60ch;\r\n  color: var(--rw-muted);\r\n  line-height: 1.6;\r\n  font-size: 15px;\r\n}\r\n\r\n#rw-test-01 .rw-test__shell{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns: 46px 1fr 46px;\r\n  align-items:center;\r\n  gap: 10px;\r\n  margin-top: 22px;\r\n}\r\n\r\n#rw-test-01 .rw-test__rail{\r\n  overflow:hidden;\r\n  border-radius: 20px;\r\n}\r\n\r\n#rw-test-01 .rw-test__track{\r\n  display:flex;\r\n  gap: var(--rw-gap);\r\n  transform: translateX(0);\r\n  transition: transform .28s ease;\r\n  will-change: transform;\r\n}\r\n\r\n#rw-test-01 .rw-test__card{\r\n  flex: 0 0 min(520px, 100%);\r\n  border-radius: 20px;\r\n  padding: 18px 18px 16px;\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  background:\r\n    radial-gradient(120% 120% at 0% 0%, rgba(1,75,174,.22), rgba(255,255,255,.06) 54%, rgba(255,255,255,.03) 100%),\r\n    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));\r\n  backdrop-filter: blur(10px);\r\n  box-shadow:\r\n    0 18px 46px rgba(0,0,0,.42),\r\n    0 0 0 1px rgba(1,75,174,.06) inset;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n#rw-test-01 .rw-test__card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-2px;\r\n  background: radial-gradient(70% 70% at 30% 20%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%);\r\n  opacity: .7;\r\n  pointer-events:none;\r\n}\r\n\r\n#rw-test-01 .rw-test__top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap: 10px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#rw-test-01 .rw-test__stars{\r\n  display:flex;\r\n  gap: 4px;\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,.92);\r\n  text-shadow: 0 0 18px rgba(1,75,174,.18);\r\n}\r\n\r\n#rw-test-01 .rw-test__badge{\r\n  font-size: 10px;\r\n  letter-spacing: .22em;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  padding: 8px 10px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  background: linear-gradient(90deg, rgba(1,75,174,.70), rgba(1,75,174,.38));\r\n  color: rgba(255,255,255,.96);\r\n}\r\n\r\n#rw-test-01 .rw-test__quote{\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: rgba(255,255,255,.88);\r\n  margin: 0 0 14px;\r\n}\r\n\r\n#rw-test-01 .rw-test__meta{\r\n  display:flex;\r\n  align-items:center;\r\n  gap: 12px;\r\n}\r\n\r\n#rw-test-01 .rw-test__avatar{\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 999px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-weight: 900;\r\n  color: #fff;\r\n  background:\r\n    radial-gradient(70% 70% at 30% 20%, rgba(255,255,255,.20), rgba(255,255,255,0) 60%),\r\n    linear-gradient(180deg, rgba(1,75,174,.90), rgba(1,75,174,.55));\r\n  box-shadow:\r\n    0 10px 26px rgba(1,75,174,.18),\r\n    0 0 0 1px rgba(255,255,255,.12) inset;\r\n}\r\n\r\n#rw-test-01 .rw-test__name{\r\n  font-weight: 900;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n#rw-test-01 .rw-test__role{\r\n  color: var(--rw-muted);\r\n  font-size: 13px;\r\n  margin-top: 2px;\r\n}\r\n\r\n#rw-test-01 .rw-test__nav{\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 14px;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));\r\n  color: rgba(255,255,255,.92);\r\n  cursor:pointer;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  box-shadow: 0 18px 36px rgba(0,0,0,.30);\r\n  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;\r\n}\r\n\r\n#rw-test-01 .rw-test__nav:hover{\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 24px 46px rgba(0,0,0,.38);\r\n  filter: brightness(1.05);\r\n}\r\n\r\n#rw-test-01 .rw-test__nav:active{\r\n  transform: translateY(0px);\r\n}\r\n\r\n#rw-test-01 .rw-test__navIco{\r\n  font-size: 26px;\r\n  line-height: 1;\r\n}\r\n\r\n#rw-test-01 .rw-test__dots{\r\n  margin-top: 14px;\r\n  display:flex;\r\n  justify-content:center;\r\n  gap: 10px;\r\n}\r\n\r\n#rw-test-01 .rw-test__dot{\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,.20);\r\n  background: rgba(255,255,255,.12);\r\n  cursor:pointer;\r\n  transition: transform .18s ease, background .18s ease, border-color .18s ease, width .18s ease;\r\n}\r\n\r\n#rw-test-01 .rw-test__dot.is-on{\r\n  width: 26px;\r\n  background: rgba(1,75,174,.80);\r\n  border-color: rgba(1,75,174,.55);\r\n}\r\n\r\n@media (max-width: 980px){\r\n  #rw-test-01 .rw-test__shell{\r\n    grid-template-columns: 1fr;\r\n  }\r\n  #rw-test-01 .rw-test__nav{\r\n    display:none;\r\n  }\r\n  #rw-test-01 .rw-test__rail{\r\n    border-radius: 18px;\r\n  }\r\n  #rw-test-01 .rw-test__track{\r\n    overflow-x: auto;\r\n    scroll-snap-type: x mandatory;\r\n    padding-bottom: 6px;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n  #rw-test-01 .rw-test__track::-webkit-scrollbar{ height: 8px; }\r\n  #rw-test-01 .rw-test__track::-webkit-scrollbar-thumb{\r\n    background: rgba(255,255,255,.18);\r\n    border-radius: 999px;\r\n  }\r\n  #rw-test-01 .rw-test__card{\r\n    scroll-snap-align: start;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  #rw-test-01 .rw-test__track,\r\n  #rw-test-01 .rw-test__nav,\r\n  #rw-test-01 .rw-test__dot{\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n  const root = document.getElementById(\"rw-test-01\");\r\n  if(!root) return;\r\n  if(root.dataset.rwInited === \"1\") return;\r\n  root.dataset.rwInited = \"1\";\r\n\r\n  const track = root.querySelector(\".rw-test__track\");\r\n  const rail  = root.querySelector(\".rw-test__rail\");\r\n  const prev  = root.querySelector(\".rw-test__nav--prev\");\r\n  const next  = root.querySelector(\".rw-test__nav--next\");\r\n  const dots  = Array.from(root.querySelectorAll(\".rw-test__dot\"));\r\n  const cards = Array.from(root.querySelectorAll(\".rw-test__card\"));\r\n\r\n  let index = 0;\r\n\r\n  function clamp(n,min,max){ return Math.max(min, Math.min(max, n)); }\r\n\r\n  function cardStep(){\r\n    const first = cards[0];\r\n    if(!first) return rail.clientWidth;\r\n    const styles = getComputedStyle(track);\r\n    const gap = parseFloat(styles.columnGap || styles.gap || 0) || 0;\r\n    return first.getBoundingClientRect().width + gap;\r\n  }\r\n\r\n  function setDots(i){\r\n    dots.forEach((d, idx) => d.classList.toggle(\"is-on\", idx === i));\r\n  }\r\n\r\n  function goTo(i){\r\n    index = clamp(i, 0, cards.length - 1);\r\n    setDots(index);\r\n\r\n    if(window.matchMedia(\"(max-width: 980px)\").matches){\r\n      const step = cardStep();\r\n      track.scrollTo({ left: step * index, behavior: \"smooth\" });\r\n      return;\r\n    }\r\n\r\n    const step = cardStep();\r\n    track.style.transform = \"translateX(\" + (-step * index) + \"px)\";\r\n  }\r\n\r\n  function onPrev(){ goTo(index - 1); }\r\n  function onNext(){ goTo(index + 1); }\r\n\r\n  if(prev) prev.addEventListener(\"click\", onPrev);\r\n  if(next) next.addEventListener(\"click\", onNext);\r\n\r\n  dots.forEach((d, i) => d.addEventListener(\"click\", () => goTo(i)));\r\n\r\n  window.addEventListener(\"resize\", function(){\r\n    track.style.transform = \"translateX(0)\";\r\n    goTo(index);\r\n  }, { passive:true });\r\n\r\n  goTo(0);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Section Heading THE SMARTER WAY TO BUY YOUR NEXT CAR We negotiate the best deals on your behalf and deliver your new vehicle directly to your door \u2014 saving you time, stress, and money. START YOUR CAR SEARCH LUXURY VEHICLES. EXCEPTIONAL EXPERIENCE. From custom orders to trade-ins and leasing options, we handle every detail so [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":66,"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1493,"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/pages\/7\/revisions\/1493"}],"wp:attachment":[{"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}