{"id":1332,"date":"2026-02-27T01:20:23","date_gmt":"2026-02-27T01:20:23","guid":{"rendered":"https:\/\/coastal.richiweb.com\/?page_id=1332"},"modified":"2026-03-16T17:53:33","modified_gmt":"2026-03-16T17:53:33","slug":"coastal-automotive-leasing","status":"publish","type":"page","link":"https:\/\/coastal.richiweb.com\/es_es\/coastal-automotive-leasing\/","title":{"rendered":"Coastal Automotive Leasing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1332\" class=\"elementor elementor-1332\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3848c1f e-con-full e-flex e-con e-parent\" data-id=\"3848c1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c49fbe elementor-widget elementor-widget-html\" data-id=\"1c49fbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\r\n  RW COASTAL - HERO SLIDER (1 imagen)\r\n  - Scoped: #rw-coastal-hero-01\r\n  - Imagen clara\/blanca => SIN overlay\r\n  - Texto NEGRO (t\u00edtulo + subt\u00edtulo)\r\n  - Animaci\u00f3n repetitiva cada 7000ms\r\n  - Responsive incluido\r\n================================== -->\r\n\r\n<section id=\"rw-coastal-hero-01\" class=\"rw-coastal-hero\" aria-label=\"Hero slider\">\r\n  <div class=\"rw-coastal-hero__bg\" role=\"img\" aria-label=\"Yellow sedan on clean background\"><\/div>\r\n\r\n  <div class=\"rw-coastal-hero__inner\">\r\n    <div class=\"rw-coastal-hero__copy\" data-rw-copy=\"1\">\r\n      <h2 class=\"rw-coastal-hero__title\">WHAT\u2019S UNDER OUR HOOD?<\/h2>\r\n      <p class=\"rw-coastal-hero__sub\">Convenience - Experience - Transparency<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===============================\r\n   RW COASTAL - HERO (SCOPED)\r\n================================== *\/\r\n#rw-coastal-hero-01{\r\n  \/* ====== CONTROLES R\u00c1PIDOS ====== *\/\r\n  --rw-img:url('https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/auto-amarillo-2-1.webp');\r\n\r\n  \/* \u2705 Medidas *\/\r\n  --rw-h: 800px;                 \/* desktop *\/\r\n  --rw-h-md: 620px;              \/* tablet *\/\r\n  --rw-h-sm: 440px;              \/* m\u00f3vil *\/\r\n\r\n  --rw-max: 1200px;\r\n  --rw-padX: clamp(16px, 4vw, 56px);\r\n  --rw-padTop: clamp(26px, 6vw, 64px);\r\n\r\n  \/* \u2705 Texto NEGRO *\/\r\n  --rw-text: rgba(10,10,10,.92);\r\n  --rw-muted: rgba(10,10,10,.72);\r\n\r\n  \/* Animaci\u00f3n (texto) *\/\r\n  --rw-enter-from: -80px;        \/* entra desde izquierda (positivo = derecha) *\/\r\n  --rw-enter-duration: 950ms;\r\n  --rw-enter-ease: cubic-bezier(.2,.8,.2,1);\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: var(--rw-h);\r\n  overflow: hidden;\r\n  background: #fff; \/* por si la imagen no carga, fondo blanco *\/\r\n}\r\n\r\n\/* Imagen de fondo *\/\r\n#rw-coastal-hero-01 .rw-coastal-hero__bg{\r\n  position:absolute;\r\n  inset:0;\r\n  background-image: var(--rw-img);\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  background-position: center;\r\n  transform: scale(1.01);\r\n}\r\n\r\n\/* Contenido *\/\r\n#rw-coastal-hero-01 .rw-coastal-hero__inner{\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: var(--rw-h);\r\n  display: grid;\r\n  place-items: start center;\r\n  padding: var(--rw-padTop) var(--rw-padX) 24px;\r\n}\r\n\r\n#rw-coastal-hero-01 .rw-coastal-hero__copy{\r\n  width: min(var(--rw-max), 100%);\r\n  text-align: center;\r\n\r\n  \/* estado base (para animaci\u00f3n) *\/\r\n  opacity: 0;\r\n  transform: translateX(var(--rw-enter-from));\r\n  will-change: transform, opacity;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n#rw-coastal-hero-01 .rw-coastal-hero__title{\r\n  margin: 0;\r\n  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  font-weight: 900;\r\n  color: var(--rw-text);\r\n  font-size: clamp(24px, 3.2vw, 46px);\r\n  line-height: 1.05;\r\n\r\n  \/* sombra MUY suave (negro sobre blanco) *\/\r\n  text-shadow: 0 1px 0 rgba(255,255,255,.55);\r\n}\r\n\r\n\/* Subt\u00edtulo (kicker) *\/\r\n#rw-coastal-hero-01 .rw-coastal-hero__sub{\r\n  margin: 14px auto 0;\r\n  max-width: 900px;\r\n  color: var(--rw-muted);\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  line-height: 1.25;\r\n  letter-spacing: .28em;\r\n  text-transform: uppercase;\r\n\r\n  text-shadow: 0 1px 0 rgba(255,255,255,.55);\r\n}\r\n\r\n\/* Animaci\u00f3n IN \/ OUT (para loop) *\/\r\n#rw-coastal-hero-01 .rw-coastal-hero__copy.is-in{\r\n  animation: rwCoastalEnter var(--rw-enter-duration) var(--rw-enter-ease) 0ms forwards;\r\n}\r\n#rw-coastal-hero-01 .rw-coastal-hero__copy.is-out{\r\n  animation: rwCoastalExit 520ms cubic-bezier(.2,.7,.2,1) 0ms forwards;\r\n}\r\n\r\n@keyframes rwCoastalEnter{\r\n  from{ opacity:0; transform: translateX(var(--rw-enter-from)); }\r\n  to{ opacity:1; transform: translateX(0); }\r\n}\r\n@keyframes rwCoastalExit{\r\n  from{ opacity:1; transform: translateX(0); }\r\n  to{ opacity:0; transform: translateX(calc(var(--rw-enter-from) * -0.55)); }\r\n}\r\n\r\n\/* \u2705 Responsive *\/\r\n@media (max-width: 1024px){\r\n  #rw-coastal-hero-01{ min-height: var(--rw-h-md); }\r\n  #rw-coastal-hero-01 .rw-coastal-hero__inner{ min-height: var(--rw-h-md); }\r\n}\r\n@media (max-width: 767px){\r\n  #rw-coastal-hero-01{ min-height: var(--rw-h-sm); }\r\n  #rw-coastal-hero-01 .rw-coastal-hero__inner{\r\n    min-height: var(--rw-h-sm);\r\n    padding-top: 20px;\r\n  }\r\n  #rw-coastal-hero-01 .rw-coastal-hero__title{ letter-spacing: .14em; }\r\n  #rw-coastal-hero-01 .rw-coastal-hero__sub{ letter-spacing: .18em; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ===============================\r\n   RW COASTAL - LOOP ANIM (7000ms)\r\n   - Repite la animaci\u00f3n cada 7000\r\n   - Solo corre cuando el bloque es visible\r\n================================== *\/\r\n(function(){\r\n  const root = document.getElementById('rw-coastal-hero-01');\r\n  if(!root) return;\r\n\r\n  const copy = root.querySelector('[data-rw-copy=\"1\"]');\r\n  if(!copy) return;\r\n\r\n  const LOOP_MS = 7000;\r\n  const OUT_MS  = 520;\r\n  const GAP_MS  = 120;\r\n\r\n  let timer = null;\r\n\r\n  function enter(){\r\n    copy.classList.remove('is-out');\r\n    void copy.offsetWidth;\r\n    copy.classList.add('is-in');\r\n  }\r\n\r\n  function cycle(){\r\n    copy.classList.remove('is-in');\r\n    void copy.offsetWidth;\r\n    copy.classList.add('is-out');\r\n    setTimeout(()=>{ enter(); }, OUT_MS + GAP_MS);\r\n  }\r\n\r\n  function start(){\r\n    if(timer) clearInterval(timer);\r\n    enter();\r\n    timer = setInterval(cycle, LOOP_MS);\r\n  }\r\n\r\n  function stop(){\r\n    if(timer) clearInterval(timer);\r\n    timer = null;\r\n  }\r\n\r\n  const io = new IntersectionObserver((entries)=>{\r\n    entries.forEach(e=>{\r\n      if(e.isIntersecting) start();\r\n      else stop();\r\n    });\r\n  }, { threshold: 0.25 });\r\n\r\n  io.observe(root);\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-521239c e-con-full e-flex e-con e-parent\" data-id=\"521239c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7288369 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7288369\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================\r\n  COASTAL - BENEFITS (DARK) + CTA\r\n  - Elementor HTML Widget (copiar\/pegar)\r\n  - Scoped: #rw-benefits-coastal-01\r\n  - Pensado para ir SOBRE fondo negro (pero incluye su propio \u201cglass\u201d dark)\r\n  - Animaci\u00f3n on-scroll: IntersectionObserver (1 sola vez)\r\n================================= -->\r\n\r\n<section id=\"rw-benefits-coastal-01\" class=\"rw-bnf\">\r\n  <div class=\"rw-bnf__bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"rw-bnf__container\">\r\n    <header class=\"rw-bnf__head\">\r\n      <p class=\"rw-bnf__kicker\">WHY COASTAL<\/p>\r\n      <h2 class=\"rw-bnf__title\">SMARTER WAY TO GET YOUR CAR<\/h2>\r\n      <p class=\"rw-bnf__lead\">\r\n        Save time, save money, and enjoy a smooth delivery process \u2014 with clear guidance from start to finish.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- BENEFIT 1 -->\r\n    <article class=\"rw-bnf__item rw-bnf__item--img-left\" data-rw-bnf=\"1\">\r\n      <div class=\"rw-bnf__marker\">\r\n        <span class=\"rw-bnf__dot\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"rw-bnf__tag\">SAVE TIME<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"rw-bnf__card\">\r\n        <figure class=\"rw-bnf__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/clock.avif\" alt=\"Save time\" loading=\"lazy\">\r\n        <\/figure>\r\n\r\n        <div class=\"rw-bnf__content\">\r\n          <h3 class=\"rw-bnf__h\">Skip the dealership runaround<\/h3>\r\n          <p class=\"rw-bnf__p\">\r\n            Comparing options across multiple dealerships can be <span class=\"rw-bnf__hi\">time-consuming<\/span> and stressful.\r\n            We simplify your search so you can move faster with <span class=\"rw-bnf__hi\">confidence<\/span>.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- BENEFIT 2 -->\r\n    <article class=\"rw-bnf__item rw-bnf__item--img-right\" data-rw-bnf=\"1\">\r\n      <div class=\"rw-bnf__marker\">\r\n        <span class=\"rw-bnf__dot\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"rw-bnf__tag\">SAVE MONEY<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"rw-bnf__card\">\r\n        <div class=\"rw-bnf__content\">\r\n          <h3 class=\"rw-bnf__h\">Access competitive pricing<\/h3>\r\n          <p class=\"rw-bnf__p\">\r\n            Our tools and negotiation experience help you reach <span class=\"rw-bnf__hi\">strong deals<\/span>.\r\n            You get a cleaner path to the <span class=\"rw-bnf__hi\">best price<\/span> without the back-and-forth.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <figure class=\"rw-bnf__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/02\/pig.avif\" alt=\"Save money\" loading=\"lazy\">\r\n        <\/figure>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- BENEFIT 3 -->\r\n    <article class=\"rw-bnf__item rw-bnf__item--img-left rw-bnf__item--hero\" data-rw-bnf=\"1\">\r\n      <div class=\"rw-bnf__marker\">\r\n        <span class=\"rw-bnf__dot\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"rw-bnf__tag\">DELIVERY<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"rw-bnf__card rw-bnf__card--hero\">\r\n        <figure class=\"rw-bnf__media rw-bnf__media--blob\">\r\n          <img decoding=\"async\" src=\"https:\/\/coastal.richiweb.com\/wp-content\/uploads\/2026\/03\/imagen2.png\" alt=\"Delivery\" loading=\"lazy\">\r\n        <\/figure>\r\n\r\n        <div class=\"rw-bnf__content\">\r\n          <h3 class=\"rw-bnf__h\">Delivered to your home or workplace<\/h3>\r\n          <p class=\"rw-bnf__p\">\r\n            Avoid the hassle \u2014 for your convenience, the car can be delivered where you prefer.\r\n            Sign from the <span class=\"rw-bnf__hi\">comfort<\/span> of your space and stay updated every step of the way.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"rw-bnf__cta\" data-rw-bnf=\"1\">\r\n      <h3 class=\"rw-bnf__ctaT\">IN THE AREA? LET\u2019S TALK<\/h3>\r\n      <p class=\"rw-bnf__ctaP\">We\u2019d love to meet you and help you find the right vehicle \u2014 fast, clear, and stress-free.<\/p>\r\n      <a class=\"rw-bnf__ctaBtn\" href=\"\/contact-us\/\">CONTACT US<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================================\r\n   Scoped styles: #rw-benefits-coastal-01\r\n================================= *\/\r\n#rw-benefits-coastal-01.rw-bnf{\r\n  --rw-accent:#1976ff;                 \/* AZUL COASTAL *\/\r\n  --rw-ink:#ffffff;\r\n  --rw-muted:rgba(255,255,255,.72);\r\n  --rw-soft:rgba(255,255,255,.08);\r\n  --rw-line:rgba(255,255,255,.12);\r\n  --rw-glass:rgba(255,255,255,.045);\r\n  --rw-shadow:0 22px 60px rgba(0,0,0,.55);\r\n  --rw-radius:18px;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding: clamp(56px, 6vw, 90px) 0;\r\n  color:var(--rw-ink);\r\n  font-family: inherit;\r\n}\r\n\r\n\/* Fondo sutil (pattern dark) *\/\r\n#rw-benefits-coastal-01 .rw-bnf__bg{\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  opacity:.55;\r\n  background:\r\n    radial-gradient(circle at 78% 22%, rgba(25,118,255,.22) 0 1px, transparent 2px) 0 0\/ 150px 150px,\r\n    radial-gradient(circle at 30% 70%, rgba(255,255,255,.18) 0 1px, transparent 2px) 0 0\/ 190px 190px,\r\n    linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px) 0 0\/ 200px 200px,\r\n    linear-gradient(225deg, rgba(255,255,255,.05) 0 1px, transparent 1px) 0 0\/ 260px 260px;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__container{\r\n  width:min(1120px, calc(100% - 40px));\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__head{\r\n  text-align:center;\r\n  margin-bottom: clamp(26px, 3.2vw, 44px);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__kicker{\r\n  margin:0 0 10px;\r\n  letter-spacing:.20em;\r\n  font-weight:800;\r\n  font-size:12px;\r\n  color:rgba(255,255,255,.68);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__title{\r\n  margin:0 0 10px;\r\n  font-weight:900;\r\n  letter-spacing:.08em;\r\n  font-size: clamp(26px, 3.2vw, 40px);\r\n  text-transform:uppercase;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__lead{\r\n  margin:0 auto;\r\n  max-width: 780px;\r\n  color:var(--rw-muted);\r\n  line-height:1.7;\r\n  font-size: clamp(14px, 1.35vw, 16px);\r\n}\r\n\r\n\/* Item wrapper *\/\r\n#rw-benefits-coastal-01 .rw-bnf__item{\r\n  position:relative;\r\n  margin: clamp(18px, 2.5vw, 30px) 0;\r\n}\r\n\r\n\/* Marker (dot + tag) *\/\r\n#rw-benefits-coastal-01 .rw-bnf__marker{\r\n  width:min(980px, 100%);\r\n  margin: 0 auto 10px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  justify-content:flex-start;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__dot{\r\n  width:10px; height:10px;\r\n  border-radius:50%;\r\n  background:var(--rw-accent);\r\n  box-shadow: 0 0 0 4px rgba(25,118,255,.12), 0 16px 35px rgba(25,118,255,.20);\r\n  transform: scale(.7);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__tag{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  height:32px;\r\n  padding:0 16px;\r\n  border-radius:12px;\r\n  background: rgba(25,118,255,.18);\r\n  border:1px solid rgba(25,118,255,.35);\r\n  color:#fff;\r\n  font-weight:900;\r\n  letter-spacing:.18em;\r\n  font-size:11px;\r\n  text-transform:uppercase;\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n\/* Card *\/\r\n#rw-benefits-coastal-01 .rw-bnf__card{\r\n  width:min(980px, 100%);\r\n  margin:0 auto;\r\n  border-radius: var(--rw-radius);\r\n  background: var(--rw-glass);\r\n  border:1px solid var(--rw-line);\r\n  box-shadow: var(--rw-shadow);\r\n  backdrop-filter: blur(10px);\r\n  overflow:hidden;\r\n\r\n  display:grid;\r\n  grid-template-columns: 1.05fr 1fr;\r\n  align-items:center;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__item--img-right .rw-bnf__card{\r\n  grid-template-columns: 1fr 1.05fr;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__media{\r\n  padding: clamp(18px, 2.4vw, 28px);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__media img{\r\n  width:100%;\r\n  max-width: 360px;\r\n  height:auto;\r\n  display:block;\r\n  filter: drop-shadow(0 18px 28px rgba(0,0,0,.45));\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__content{\r\n  padding: clamp(20px, 2.8vw, 34px);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__h{\r\n  margin:0 0 10px;\r\n  font-weight:900;\r\n  letter-spacing:.08em;\r\n  font-size: clamp(18px, 2vw, 22px);\r\n  text-transform:uppercase;\r\n  position:relative;\r\n  padding-bottom:10px;\r\n}\r\n\r\n\/* Subrayado \u201cse dibuja\u201d en reveal *\/\r\n#rw-benefits-coastal-01 .rw-bnf__h::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  bottom:0;\r\n  height:2px;\r\n  width:0;\r\n  background: linear-gradient(90deg, rgba(25,118,255,.95), rgba(25,118,255,0));\r\n  border-radius: 999px;\r\n  transition: width .85s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__p{\r\n  margin:0;\r\n  color:var(--rw-muted);\r\n  line-height:1.75;\r\n  font-size: clamp(14px, 1.3vw, 16px);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__hi{\r\n  color:#fff;\r\n  font-weight:800;\r\n  text-shadow: 0 0 0 rgba(0,0,0,0);\r\n  position:relative;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__hi::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: rgba(25,118,255,.55);\r\n  border-radius: 999px;\r\n  opacity:.55;\r\n}\r\n\r\n\/* Hero (Delivery) *\/\r\n#rw-benefits-coastal-01 .rw-bnf__item--hero .rw-bnf__media img{\r\n  max-width: 560px;\r\n}\r\n\r\n\/* Blob shape (compatible) *\/\r\n#rw-benefits-coastal-01 .rw-bnf__media--blob{\r\n  padding: clamp(18px, 2.4vw, 28px);\r\n}\r\n#rw-benefits-coastal-01 .rw-bnf__media--blob img{\r\n  border-radius: 44% 56% 52% 48% \/ 45% 40% 60% 55%;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  box-shadow: 0 30px 70px rgba(0,0,0,.55);\r\n}\r\n\r\n\/* CTA *\/\r\n#rw-benefits-coastal-01 .rw-bnf__cta{\r\n  width:min(980px, 100%);\r\n  margin: clamp(26px, 3.4vw, 44px) auto 0;\r\n  text-align:center;\r\n  padding: clamp(18px, 2.4vw, 28px);\r\n  border-radius: var(--rw-radius);\r\n  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));\r\n  border:1px solid rgba(255,255,255,.12);\r\n  box-shadow: 0 22px 60px rgba(0,0,0,.55);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__ctaT{\r\n  margin:0 0 8px;\r\n  font-weight:900;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  font-size: clamp(16px, 1.8vw, 20px);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__ctaP{\r\n  margin:0 auto 16px;\r\n  max-width: 720px;\r\n  color:var(--rw-muted);\r\n  line-height:1.7;\r\n  font-size: clamp(14px, 1.25vw, 16px);\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__ctaBtn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  height:44px;\r\n  padding:0 22px;\r\n  border-radius:999px;\r\n  background: var(--rw-accent);\r\n  color:#fff;\r\n  font-weight:900;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  font-size:12px;\r\n  text-decoration:none;\r\n  box-shadow: 0 18px 45px rgba(25,118,255,.28);\r\n  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__ctaBtn:hover{\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 22px 60px rgba(25,118,255,.34), 0 0 0 4px rgba(25,118,255,.14);\r\n  filter: brightness(1.02);\r\n}\r\n\r\n\/* ================================\r\n   Reveal animations (init hidden)\r\n================================= *\/\r\n#rw-benefits-coastal-01 [data-rw-bnf=\"1\"] .rw-bnf__marker,\r\n#rw-benefits-coastal-01 [data-rw-bnf=\"1\"] .rw-bnf__card,\r\n#rw-benefits-coastal-01 [data-rw-bnf=\"1\"].rw-bnf__cta{\r\n  opacity:0;\r\n  transform: translateY(14px);\r\n  transition: opacity .85s cubic-bezier(.2,.8,.2,1), transform .85s cubic-bezier(.2,.8,.2,1);\r\n  will-change: opacity, transform;\r\n}\r\n\r\n\/* Imagen entra desde lado *\/\r\n#rw-benefits-coastal-01 .rw-bnf__item--img-left .rw-bnf__card{\r\n  transform: translateX(-46px);\r\n}\r\n#rw-benefits-coastal-01 .rw-bnf__item--img-right .rw-bnf__card{\r\n  transform: translateX(46px);\r\n}\r\n\/* CTA entra desde abajo (normal) *\/\r\n#rw-benefits-coastal-01 .rw-bnf__cta{\r\n  transform: translateY(18px);\r\n}\r\n\r\n\/* Activo *\/\r\n#rw-benefits-coastal-01 .rw-bnf__item.is-in .rw-bnf__marker{\r\n  opacity:1;\r\n  transform: translateY(0);\r\n  transition-delay: 0ms;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__item.is-in .rw-bnf__card{\r\n  opacity:1;\r\n  transform: translateX(0) translateY(0);\r\n  transition-delay: 90ms;\r\n}\r\n\r\n\/* Dot pop + underline draw *\/\r\n#rw-benefits-coastal-01 .rw-bnf__item.is-in .rw-bnf__dot{\r\n  transform: scale(1);\r\n  transition: transform .65s cubic-bezier(.2,.9,.2,1);\r\n}\r\n#rw-benefits-coastal-01 .rw-bnf__item.is-in .rw-bnf__h::after{\r\n  width:100%;\r\n}\r\n\r\n#rw-benefits-coastal-01 .rw-bnf__cta.is-in{\r\n  opacity:1;\r\n  transform: translateY(0);\r\n  transition-delay: 120ms;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px){\r\n  #rw-benefits-coastal-01 .rw-bnf__marker{\r\n    justify-content:flex-start;\r\n  }\r\n\r\n  #rw-benefits-coastal-01 .rw-bnf__card,\r\n  #rw-benefits-coastal-01 .rw-bnf__item--img-right .rw-bnf__card{\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #rw-benefits-coastal-01 .rw-bnf__media img{\r\n    max-width: 520px;\r\n  }\r\n\r\n  \/* En m\u00f3vil: reveal m\u00e1s natural desde abajo *\/\r\n  #rw-benefits-coastal-01 .rw-bnf__item--img-left .rw-bnf__card,\r\n  #rw-benefits-coastal-01 .rw-bnf__item--img-right .rw-bnf__card{\r\n    transform: translateY(18px);\r\n  }\r\n  #rw-benefits-coastal-01 .rw-bnf__item.is-in .rw-bnf__card{\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  #rw-benefits-coastal-01 [data-rw-bnf=\"1\"] .rw-bnf__marker,\r\n  #rw-benefits-coastal-01 [data-rw-bnf=\"1\"] .rw-bnf__card,\r\n  #rw-benefits-coastal-01 [data-rw-bnf=\"1\"].rw-bnf__cta{\r\n    transition:none !important;\r\n    opacity:1 !important;\r\n    transform:none !important;\r\n  }\r\n  #rw-benefits-coastal-01 .rw-bnf__h::after{\r\n    width:100% !important;\r\n    transition:none !important;\r\n  }\r\n  #rw-benefits-coastal-01 .rw-bnf__dot{\r\n    transform: scale(1) !important;\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-benefits-coastal-01\");\r\n  if(!root) return;\r\n\r\n  const items = Array.from(root.querySelectorAll(\".rw-bnf__item\"));\r\n  const cta   = root.querySelector(\".rw-bnf__cta\");\r\n\r\n  \/\/ Fallback\r\n  if(!(\"IntersectionObserver\" in window)){\r\n    items.forEach(el => el.classList.add(\"is-in\"));\r\n    if(cta) cta.classList.add(\"is-in\");\r\n    return;\r\n  }\r\n\r\n  const io = new IntersectionObserver((entries, obs) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"is-in\");\r\n        obs.unobserve(entry.target); \/\/ 1 vez\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.18,\r\n    rootMargin: \"0px 0px -10% 0px\"\r\n  });\r\n\r\n  items.forEach(el => io.observe(el));\r\n\r\n  if(cta){\r\n    const io2 = new IntersectionObserver((entries, obs) => {\r\n      entries.forEach(entry => {\r\n        if(entry.isIntersecting){\r\n          cta.classList.add(\"is-in\");\r\n          obs.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.2,\r\n      rootMargin: \"0px 0px -8% 0px\"\r\n    });\r\n    io2.observe(cta);\r\n  }\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-f6a0303 e-con-full e-flex e-con e-parent\" data-id=\"f6a0303\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8b0dd elementor-widget elementor-widget-html\" data-id=\"1d8b0dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================\r\n  COASTAL - MAP BLOCK (FULL WIDTH)\r\n  - Elementor HTML Widget\r\n  - Scoped: #rw-map-coastal-01\r\n================================= -->\r\n\r\n<section id=\"rw-map-coastal-01\" class=\"rw-map\">\r\n  <div class=\"rw-map__wrap\">\r\n\r\n    <div class=\"rw-map__head\">\r\n      <h3 class=\"rw-map__title\">IN THE AREA? STOP BY!<\/h3>\r\n      <p class=\"rw-map__sub\">\r\n        We\u2019d love to meet you. Find us here and let\u2019s talk about your next car.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rw-map__card\" role=\"region\" aria-label=\"Map\">\r\n\r\n      <!-- MAPA -->\r\n      <iframe\r\n        class=\"rw-map__iframe\"\r\n        src=\"https:\/\/www.google.com\/maps?q=39.97954,-74.16144&z=17&output=embed\"\r\n        loading=\"lazy\"\r\n        referrerpolicy=\"no-referrer-when-downgrade\"\r\n        allowfullscreen\r\n        title=\"Google Map\"\r\n      ><\/iframe>\r\n\r\n      <!-- BARRA DIRECCI\u00d3N -->\r\n      <div class=\"rw-map__bar\">\r\n\r\n        <div class=\"rw-map__addr\">\r\n          <span class=\"rw-map__pin\"><\/span>\r\n\r\n          <span class=\"rw-map__addrText\">\r\n            Coastal Automotive Leasing LLC \u00b7 1001 Fischer Blvd Suite 3 PMB 187 \u00b7\r\n            Toms River, NJ 08753 \u00b7 United States\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <!-- BOT\u00d3N MAPS -->\r\n        <a\r\n          class=\"rw-map__btn\"\r\n          href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=39.97954,-74.16144\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          OPEN IN MAPS\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ================================\r\n   MAP BLOCK\r\n================================= *\/\r\n\r\n#rw-map-coastal-01{\r\n\r\n  --rw-accent:#1976ff;\r\n  --rw-text:#ffffff;\r\n  --rw-muted:rgba(255,255,255,.72);\r\n  --rw-line:rgba(255,255,255,.12);\r\n  --rw-glass:rgba(255,255,255,.04);\r\n\r\n  padding: clamp(40px,5vw,70px) 0;\r\n  color:var(--rw-text);\r\n\r\n}\r\n\r\n\/* wrapper *\/\r\n\r\n#rw-map-coastal-01 .rw-map__wrap{\r\n\r\n  width:min(1400px, calc(100% - 40px));\r\n  margin:auto;\r\n\r\n}\r\n\r\n\/* header *\/\r\n\r\n#rw-map-coastal-01 .rw-map__head{\r\n\r\n  text-align:center;\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n#rw-map-coastal-01 .rw-map__title{\r\n\r\n  margin:0 0 10px;\r\n  font-size: clamp(18px,2vw,24px);\r\n  letter-spacing:.18em;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n#rw-map-coastal-01 .rw-map__sub{\r\n\r\n  max-width:760px;\r\n  margin:auto;\r\n  color:var(--rw-muted);\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\/* card *\/\r\n\r\n#rw-map-coastal-01 .rw-map__card{\r\n\r\n  border-radius:18px;\r\n  overflow:hidden;\r\n  border:1px solid var(--rw-line);\r\n  background:var(--rw-glass);\r\n  box-shadow:0 25px 70px rgba(0,0,0,.6);\r\n\r\n}\r\n\r\n\/* mapa *\/\r\n\r\n#rw-map-coastal-01 .rw-map__iframe{\r\n\r\n  width:100%;\r\n  height:clamp(320px,45vw,520px);\r\n  border:0;\r\n\r\n  filter:\r\n  grayscale(1)\r\n  contrast(1.05)\r\n  brightness(.92);\r\n\r\n}\r\n\r\n\/* barra inferior *\/\r\n\r\n#rw-map-coastal-01 .rw-map__bar{\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:16px;\r\n\r\n  padding:14px 18px;\r\n\r\n  background:rgba(0,0,0,.45);\r\n  border-top:1px solid rgba(255,255,255,.1);\r\n\r\n}\r\n\r\n\/* direcci\u00f3n *\/\r\n\r\n#rw-map-coastal-01 .rw-map__addr{\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n}\r\n\r\n#rw-map-coastal-01 .rw-map__pin{\r\n\r\n  width:10px;\r\n  height:10px;\r\n  border-radius:50%;\r\n\r\n  background:var(--rw-accent);\r\n\r\n  box-shadow:\r\n  0 0 0 4px rgba(25,118,255,.12),\r\n  0 12px 25px rgba(25,118,255,.3);\r\n\r\n}\r\n\r\n#rw-map-coastal-01 .rw-map__addrText{\r\n\r\n  font-weight:700;\r\n  color:rgba(255,255,255,.85);\r\n\r\n}\r\n\r\n\/* bot\u00f3n *\/\r\n\r\n#rw-map-coastal-01 .rw-map__btn{\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  height:42px;\r\n  padding:0 20px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--rw-accent);\r\n  color:white;\r\n\r\n  text-decoration:none;\r\n  font-weight:900;\r\n  font-size:12px;\r\n\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n\r\n  box-shadow:0 15px 40px rgba(25,118,255,.35);\r\n\r\n  transition:.25s;\r\n\r\n}\r\n\r\n#rw-map-coastal-01 .rw-map__btn:hover{\r\n\r\n  transform:translateY(-2px);\r\n\r\n  box-shadow:\r\n  0 25px 60px rgba(25,118,255,.4),\r\n  0 0 0 4px rgba(25,118,255,.15);\r\n\r\n}\r\n\r\n\/* responsive *\/\r\n\r\n@media(max-width:720px){\r\n\r\n#rw-map-coastal-01 .rw-map__bar{\r\n\r\nflex-direction:column;\r\nalign-items:flex-start;\r\n\r\n}\r\n\r\n#rw-map-coastal-01 .rw-map__btn{\r\n\r\nwidth:100%;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\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>WHAT\u2019S UNDER OUR HOOD? Convenience &#8211; Experience &#8211; Transparency WHY COASTAL SMARTER WAY TO GET YOUR CAR Save time, save money, and enjoy a smooth delivery process \u2014 with clear guidance from start to finish. SAVE TIME Skip the dealership runaround Comparing options across multiple dealerships can be time-consuming and stressful. We simplify your search [&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-1332","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/pages\/1332","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=1332"}],"version-history":[{"count":47,"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/pages\/1332\/revisions"}],"predecessor-version":[{"id":1489,"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/pages\/1332\/revisions\/1489"}],"wp:attachment":[{"href":"https:\/\/coastal.richiweb.com\/es_es\/wp-json\/wp\/v2\/media?parent=1332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}