{"id":9,"date":"2026-04-21T17:34:25","date_gmt":"2026-04-21T15:34:25","guid":{"rendered":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/?page_id=9"},"modified":"2026-05-15T16:51:39","modified_gmt":"2026-05-15T14:51:39","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fd70bd e-flex e-con-boxed e-con e-parent\" data-id=\"8fd70bd\" 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-441bc8c elementor-widget elementor-widget-html\" data-id=\"441bc8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header>\r\n  <nav class=\"navbar\">\r\n\r\n    <!-- NUEVO LOGO PREMIUM -->\r\n    <a href=\"\/\" class=\"logo\">\r\n\r\n      <div class=\"logo-emblem\">\r\n        <div class=\"logo-line\"><\/div>\r\n        <span>IC<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"logo-text\">\r\n        <strong>Impremium<\/strong>\r\n        <small>Cars<\/small>\r\n      <\/div>\r\n\r\n    <\/a>\r\n\r\n    <div class=\"menu-right\">\r\n      <ul class=\"nav-links\">\r\n        <li><a href=\"\/?page_id=18\">Cat\u00e1logo<\/a><\/li>\r\n        <li><a href=\"\/?page_id=30\">Nuestros clientes<\/a><\/li>\r\n        <li><a href=\"\/?page_id=63\">Contacto<\/a><\/li>\r\n      <\/ul>\r\n\r\n      <a href=\"\/?page_id=18\" class=\"cta-button\">\r\n        Ver colecci\u00f3n\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/nav>\r\n<\/header>\r\n\r\n<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nheader {\r\n  width: 100%;\r\n  background: rgba(10, 10, 10, 0.96);\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1000;\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.navbar {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 22px 40px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n\/* LOGO *\/\r\n.logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  text-decoration: none;\r\n}\r\n\r\n.logo-emblem {\r\n  width: 54px;\r\n  height: 54px;\r\n  border-radius: 16px;\r\n  position: relative;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(199,168,107,0.18),\r\n      rgba(255,255,255,0.02)\r\n    );\r\n\r\n  border: 1px solid rgba(199,168,107,0.28);\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  overflow: hidden;\r\n\r\n  box-shadow:\r\n    0 8px 30px rgba(199,168,107,0.12),\r\n    inset 0 0 18px rgba(255,255,255,0.03);\r\n\r\n  transition: 0.35s ease;\r\n}\r\n\r\n.logo:hover .logo-emblem {\r\n  transform: translateY(-2px);\r\n  box-shadow:\r\n    0 14px 40px rgba(199,168,107,0.22),\r\n    inset 0 0 18px rgba(255,255,255,0.04);\r\n}\r\n\r\n.logo-line {\r\n  position: absolute;\r\n  width: 120%;\r\n  height: 1px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(199,168,107,0.7),\r\n    transparent\r\n  );\r\n  transform: rotate(-35deg);\r\n}\r\n\r\n.logo-emblem span {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  color: #ffffff;\r\n  font-size: 1rem;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.logo-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  line-height: 1;\r\n}\r\n\r\n.logo-text strong {\r\n  color: #ffffff;\r\n  font-size: 1.08rem;\r\n  font-weight: 800;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.logo-text small {\r\n  color: #c7a86b;\r\n  font-size: 0.7rem;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  margin-top: 7px;\r\n}\r\n\r\n\/* NAV *\/\r\n.nav-links {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 34px;\r\n  list-style: none;\r\n}\r\n\r\n.nav-links a {\r\n  text-decoration: none;\r\n  color: #f5f5f5;\r\n  font-size: 0.95rem;\r\n  font-weight: 500;\r\n  letter-spacing: 0.8px;\r\n  text-transform: uppercase;\r\n  transition: color 0.3s ease, opacity 0.3s ease;\r\n  position: relative;\r\n}\r\n\r\n.nav-links a:hover {\r\n  color: #c7a86b;\r\n}\r\n\r\n.nav-links a::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: -8px;\r\n  width: 0;\r\n  height: 1px;\r\n  background: #c7a86b;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.nav-links a:hover::after {\r\n  width: 100%;\r\n}\r\n\r\n.cta-button {\r\n  text-decoration: none;\r\n  color: #0b0b0b;\r\n  background: #c7a86b;\r\n  padding: 12px 22px;\r\n  border-radius: 999px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.8px;\r\n  text-transform: uppercase;\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    background 0.3s ease;\r\n\r\n  box-shadow: 0 6px 20px rgba(199, 168, 107, 0.18);\r\n}\r\n\r\n.cta-button:hover {\r\n  transform: translateY(-2px);\r\n  background: #d8b678;\r\n  box-shadow: 0 10px 24px rgba(199, 168, 107, 0.28);\r\n}\r\n\r\n.menu-right {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n\r\n  .navbar {\r\n    flex-direction: column;\r\n    gap: 18px;\r\n    padding: 20px;\r\n  }\r\n\r\n  .menu-right {\r\n    flex-direction: column;\r\n    gap: 18px;\r\n  }\r\n\r\n  .nav-links {\r\n    gap: 18px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n\r\n}\r\n<\/style>\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-738fa7f e-flex e-con-boxed e-con e-parent\" data-id=\"738fa7f\" 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-f4ffca9 elementor-widget elementor-widget-html\" data-id=\"f4ffca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Hero Premium<\/title>\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    :root {\r\n      --bg: #060606;\r\n      --bg-soft: #111111;\r\n      --text: #ffffff;\r\n      --muted: #b8b8b8;\r\n      --gold: #c8a76b;\r\n      --gold-soft: rgba(200, 167, 107, 0.18);\r\n      --line: rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    body {\r\n      font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\r\n      background: var(--bg);\r\n      color: var(--text);\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    .hero {\r\n      position: relative;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 15% 20%, rgba(200, 167, 107, 0.12), transparent 30%),\r\n        radial-gradient(circle at 80% 30%, rgba(255,255,255,0.06), transparent 25%),\r\n        linear-gradient(135deg, #050505 0%, #0d0d0d 45%, #050505 100%);\r\n    }\r\n\r\n    \/* Fondo de l\u00edneas deportivas *\/\r\n    .hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\r\n      background-size: 70px 70px;\r\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent 90%);\r\n      opacity: 0.35;\r\n      animation: gridMove 18s linear infinite;\r\n    }\r\n\r\n    \/* Luz dorada animada *\/\r\n    .hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 600px;\r\n      height: 600px;\r\n      right: -180px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(200, 167, 107, 0.28), transparent 65%);\r\n      filter: blur(25px);\r\n      animation: pulseGlow 6s ease-in-out infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero-inner {\r\n      width: 100%;\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n      padding: 110px 60px 60px;\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: 1.1fr 0.9fr;\r\n      gap: 40px;\r\n      align-items: center;\r\n    }\r\n\r\n    .hero-left {\r\n      max-width: 760px;\r\n      animation: fadeUp 1.2s ease forwards;\r\n    }\r\n\r\n    .hero-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 10px 16px;\r\n      border: 1px solid rgba(200, 167, 107, 0.28);\r\n      background: rgba(255,255,255,0.03);\r\n      border-radius: 999px;\r\n      color: var(--gold);\r\n      font-size: 0.82rem;\r\n      letter-spacing: 1.8px;\r\n      text-transform: uppercase;\r\n      backdrop-filter: blur(8px);\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .hero-tag::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: var(--gold);\r\n      box-shadow: 0 0 12px var(--gold);\r\n      animation: blinkDot 1.8s infinite;\r\n    }\r\n\r\n    .hero-title {\r\n      font-size: clamp(3rem, 7vw, 6.4rem);\r\n      line-height: 0.92;\r\n      font-weight: 800;\r\n      letter-spacing: -2px;\r\n      margin-bottom: 24px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .hero-title .stroke {\r\n      display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1px rgba(255,255,255,0.35);\r\n      text-stroke: 1px rgba(255,255,255,0.35);\r\n    }\r\n\r\n    .hero-title .gold {\r\n      color: var(--gold);\r\n      text-shadow: 0 0 18px rgba(200, 167, 107, 0.12);\r\n    }\r\n\r\n    .hero-description {\r\n      font-size: 1.05rem;\r\n      line-height: 1.8;\r\n      color: var(--muted);\r\n      max-width: 640px;\r\n      margin-bottom: 34px;\r\n    }\r\n\r\n    .hero-actions {\r\n      display: flex;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    .btn-primary,\r\n    .btn-secondary {\r\n      text-decoration: none;\r\n      padding: 15px 28px;\r\n      border-radius: 999px;\r\n      font-weight: 600;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      font-size: 0.9rem;\r\n      transition: all 0.35s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .btn-primary {\r\n      background: linear-gradient(135deg, #d6b57a, #b99357);\r\n      color: #0b0b0b;\r\n      box-shadow: 0 12px 30px rgba(200, 167, 107, 0.22);\r\n    }\r\n\r\n    .btn-primary:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 18px 40px rgba(200, 167, 107, 0.32);\r\n    }\r\n\r\n    .btn-secondary {\r\n      border: 1px solid rgba(255,255,255,0.16);\r\n      color: #fff;\r\n      background: rgba(255,255,255,0.03);\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .btn-secondary:hover {\r\n      border-color: rgba(200, 167, 107, 0.45);\r\n      color: var(--gold);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .hero-stats {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(120px, 1fr));\r\n      gap: 18px;\r\n      max-width: 760px;\r\n    }\r\n\r\n    .stat-card {\r\n      border: 1px solid var(--line);\r\n      background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));\r\n      padding: 22px 20px;\r\n      border-radius: 22px;\r\n      backdrop-filter: blur(8px);\r\n      transition: transform 0.35s ease, border-color 0.35s ease;\r\n      animation: floatCard 5s ease-in-out infinite;\r\n    }\r\n\r\n    .stat-card:nth-child(2) {\r\n      animation-delay: 0.6s;\r\n    }\r\n\r\n    .stat-card:nth-child(3) {\r\n      animation-delay: 1.2s;\r\n    }\r\n\r\n    .stat-card:hover {\r\n      transform: translateY(-6px);\r\n      border-color: rgba(200, 167, 107, 0.35);\r\n    }\r\n\r\n    .stat-number {\r\n      font-size: 1.8rem;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .stat-label {\r\n      color: var(--muted);\r\n      font-size: 0.92rem;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .hero-right {\r\n      position: relative;\r\n      min-height: 620px;\r\n      animation: fadeRight 1.3s ease forwards;\r\n    }\r\n\r\n    .car-stage {\r\n      position: absolute;\r\n      inset: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/* Tarjeta visual grande *\/\r\n    .car-frame {\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: 620px;\r\n      height: 480px;\r\n      border-radius: 36px;\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      background:\r\n        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)),\r\n        radial-gradient(circle at 20% 20%, rgba(200,167,107,0.14), transparent 30%),\r\n        linear-gradient(145deg, rgba(10,10,10,0.9), rgba(18,18,18,0.96));\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,0.05),\r\n        0 25px 70px rgba(0,0,0,0.45);\r\n      overflow: hidden;\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .car-frame::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.07) 50%, transparent 80%);\r\n      transform: translateX(-120%);\r\n      animation: shineSweep 4.8s ease-in-out infinite;\r\n    }\r\n\r\n    \/* Suelo *\/\r\n    .car-floor {\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 42px;\r\n      transform: translateX(-50%);\r\n      width: 75%;\r\n      height: 18px;\r\n      background: radial-gradient(circle, rgba(200,167,107,0.28), transparent 70%);\r\n      filter: blur(12px);\r\n      animation: floorPulse 4s ease-in-out infinite;\r\n    }\r\n\r\n    \/* Silueta coche creada con CSS *\/\r\n    .car-shape {\r\n      position: absolute;\r\n      width: 500px;\r\n      height: 210px;\r\n      bottom: 90px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      animation: carFloat 4.5s ease-in-out infinite;\r\n    }\r\n\r\n    .car-body {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(135deg, #202020 0%, #0f0f0f 30%, #2b2b2b 55%, #0a0a0a 100%);\r\n      clip-path: polygon(\r\n        7% 65%, 12% 56%, 20% 48%, 31% 36%, 43% 24%, 58% 20%, 71% 26%, 81% 38%,\r\n        91% 50%, 95% 59%, 96% 69%, 92% 75%, 84% 78%, 74% 79%, 66% 78%, 58% 77%,\r\n        47% 77%, 37% 78%, 29% 79%, 20% 79%, 11% 77%, 6% 73%\r\n      );\r\n      border: 1px solid rgba(255,255,255,0.06);\r\n      box-shadow:\r\n        inset 0 0 20px rgba(255,255,255,0.03),\r\n        0 18px 30px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    .car-highlight {\r\n      position: absolute;\r\n      top: 42px;\r\n      left: 110px;\r\n      width: 250px;\r\n      height: 14px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent);\r\n      filter: blur(2px);\r\n      opacity: 0.7;\r\n    }\r\n\r\n    .car-window {\r\n      position: absolute;\r\n      top: 48px;\r\n      left: 145px;\r\n      width: 205px;\r\n      height: 56px;\r\n      background: linear-gradient(180deg, rgba(120,120,120,0.35), rgba(30,30,30,0.2));\r\n      clip-path: polygon(8% 100%, 18% 22%, 64% 10%, 90% 48%, 100% 100%);\r\n      border: 1px solid rgba(255,255,255,0.05);\r\n    }\r\n\r\n    .car-window.rear {\r\n      top: 56px;\r\n      left: 330px;\r\n      width: 72px;\r\n      height: 38px;\r\n      clip-path: polygon(0 100%, 15% 18%, 100% 35%, 94% 100%);\r\n    }\r\n\r\n    .light-front,\r\n    .light-back {\r\n      position: absolute;\r\n      border-radius: 30px;\r\n      filter: blur(0.5px);\r\n    }\r\n\r\n    .light-front {\r\n      right: 22px;\r\n      top: 108px;\r\n      width: 40px;\r\n      height: 10px;\r\n      background: linear-gradient(90deg, #fff4cf, #ffd782);\r\n      box-shadow: 0 0 18px rgba(255, 215, 130, 0.75);\r\n      animation: headlightBlink 3.6s ease-in-out infinite;\r\n    }\r\n\r\n    .light-back {\r\n      left: 18px;\r\n      top: 122px;\r\n      width: 26px;\r\n      height: 8px;\r\n      background: linear-gradient(90deg, #ff8e8e, #ff3535);\r\n      box-shadow: 0 0 14px rgba(255, 53, 53, 0.65);\r\n    }\r\n\r\n    .wheel {\r\n      position: absolute;\r\n      bottom: 8px;\r\n      width: 94px;\r\n      height: 94px;\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(circle at center, #1f1f1f 0 18%, #6d6d6d 18% 24%, #131313 24% 55%, #050505 55% 68%, #1d1d1d 68% 100%);\r\n      border: 3px solid #151515;\r\n      box-shadow: inset 0 0 10px rgba(255,255,255,0.05);\r\n      animation: wheelSpin 8s linear infinite;\r\n    }\r\n\r\n    .wheel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 22px;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n\r\n    .wheel.front { right: 92px; }\r\n    .wheel.back { left: 88px; }\r\n\r\n    .car-info-box {\r\n      position: absolute;\r\n      right: 18px;\r\n      top: 18px;\r\n      width: 180px;\r\n      padding: 18px;\r\n      border-radius: 22px;\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      background: rgba(255,255,255,0.04);\r\n      backdrop-filter: blur(12px);\r\n      animation: floatBox 5.5s ease-in-out infinite;\r\n    }\r\n\r\n    .car-info-box small {\r\n      display: block;\r\n      color: var(--gold);\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.8px;\r\n      font-size: 0.72rem;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .car-info-box h3 {\r\n      font-size: 1.25rem;\r\n      line-height: 1.2;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .car-info-box p {\r\n      color: var(--muted);\r\n      font-size: 0.9rem;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .mini-panel {\r\n      position: absolute;\r\n      left: 18px;\r\n      bottom: 18px;\r\n      padding: 16px 18px;\r\n      border-radius: 18px;\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n      background: rgba(255,255,255,0.04);\r\n      backdrop-filter: blur(12px);\r\n      min-width: 180px;\r\n      animation: floatBox 6.2s ease-in-out infinite;\r\n    }\r\n\r\n    .mini-panel span {\r\n      display: block;\r\n      color: var(--muted);\r\n      font-size: 0.82rem;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .mini-panel strong {\r\n      display: block;\r\n      font-size: 1.35rem;\r\n      color: #fff;\r\n    }\r\n\r\n    .speed-lines {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .speed-lines span {\r\n      position: absolute;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, transparent, rgba(200,167,107,0.7), transparent);\r\n      animation: speedRun 4s linear infinite;\r\n      opacity: 0.55;\r\n    }\r\n\r\n    .speed-lines span:nth-child(1) { top: 22%; width: 220px; left: -30%; animation-delay: 0s; }\r\n    .speed-lines span:nth-child(2) { top: 38%; width: 180px; left: -35%; animation-delay: 1.2s; }\r\n    .speed-lines span:nth-child(3) { top: 62%; width: 260px; left: -40%; animation-delay: 2.1s; }\r\n    .speed-lines span:nth-child(4) { top: 78%; width: 200px; left: -32%; animation-delay: 3s; }\r\n\r\n    @keyframes fadeUp {\r\n      from { opacity: 0; transform: translateY(40px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes fadeRight {\r\n      from { opacity: 0; transform: translateX(40px); }\r\n      to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    @keyframes pulseGlow {\r\n      0%, 100% { transform: translateY(-50%) scale(1); opacity: 0.75; }\r\n      50% { transform: translateY(-50%) scale(1.12); opacity: 1; }\r\n    }\r\n\r\n    @keyframes blinkDot {\r\n      0%, 100% { opacity: 1; transform: scale(1); }\r\n      50% { opacity: 0.45; transform: scale(0.8); }\r\n    }\r\n\r\n    @keyframes gridMove {\r\n      0% { transform: translateY(0); }\r\n      100% { transform: translateY(70px); }\r\n    }\r\n\r\n    @keyframes shineSweep {\r\n      0% { transform: translateX(-120%) skewX(-20deg); }\r\n      55%, 100% { transform: translateX(130%) skewX(-20deg); }\r\n    }\r\n\r\n    @keyframes floorPulse {\r\n      0%, 100% { opacity: 0.6; transform: translateX(-50%) scaleX(1); }\r\n      50% { opacity: 1; transform: translateX(-50%) scaleX(1.08); }\r\n    }\r\n\r\n    @keyframes carFloat {\r\n      0%, 100% { transform: translateX(-50%) translateY(0); }\r\n      50% { transform: translateX(-50%) translateY(-10px); }\r\n    }\r\n\r\n    @keyframes wheelSpin {\r\n      from { transform: rotate(0deg); }\r\n      to { transform: rotate(360deg); }\r\n    }\r\n\r\n    @keyframes headlightBlink {\r\n      0%, 100% { opacity: 1; }\r\n      45% { opacity: 0.8; }\r\n      50% { opacity: 0.55; }\r\n      55% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes floatCard {\r\n      0%, 100% { transform: translateY(0px); }\r\n      50% { transform: translateY(-8px); }\r\n    }\r\n\r\n    @keyframes floatBox {\r\n      0%, 100% { transform: translateY(0px); }\r\n      50% { transform: translateY(-7px); }\r\n    }\r\n\r\n    @keyframes speedRun {\r\n      0% { transform: translateX(0); opacity: 0; }\r\n      10% { opacity: 0.65; }\r\n      90% { opacity: 0.65; }\r\n      100% { transform: translateX(180vw); opacity: 0; }\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n      .hero-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n        padding-top: 130px;\r\n      }\r\n\r\n      .hero-right {\r\n        min-height: 520px;\r\n      }\r\n\r\n      .hero-stats {\r\n        max-width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .hero-inner {\r\n        padding: 110px 22px 40px;\r\n      }\r\n\r\n      .hero-title {\r\n        font-size: clamp(2.6rem, 13vw, 4.6rem);\r\n      }\r\n\r\n      .hero-description {\r\n        font-size: 0.98rem;\r\n        line-height: 1.7;\r\n      }\r\n\r\n      .hero-stats {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .hero-right {\r\n        min-height: 420px;\r\n      }\r\n\r\n      .car-frame {\r\n        height: 360px;\r\n        border-radius: 28px;\r\n      }\r\n\r\n      .car-shape {\r\n        width: 340px;\r\n        height: 150px;\r\n        bottom: 70px;\r\n      }\r\n\r\n      .car-window {\r\n        top: 34px;\r\n        left: 98px;\r\n        width: 135px;\r\n        height: 40px;\r\n      }\r\n\r\n      .car-window.rear {\r\n        top: 39px;\r\n        left: 230px;\r\n        width: 48px;\r\n        height: 28px;\r\n      }\r\n\r\n      .light-front {\r\n        right: 14px;\r\n        top: 77px;\r\n        width: 28px;\r\n      }\r\n\r\n      .light-back {\r\n        left: 10px;\r\n        top: 87px;\r\n      }\r\n\r\n      .wheel {\r\n        width: 64px;\r\n        height: 64px;\r\n        bottom: 6px;\r\n      }\r\n\r\n      .wheel.front { right: 62px; }\r\n      .wheel.back { left: 58px; }\r\n\r\n      .car-info-box {\r\n        width: 150px;\r\n        padding: 14px;\r\n      }\r\n\r\n      .mini-panel {\r\n        min-width: 145px;\r\n        padding: 14px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"hero\">\r\n    <div class=\"hero-inner\">\r\n      <div class=\"hero-left\">\r\n        <div class=\"hero-tag\">Exclusividad en movimiento<\/div>\r\n\r\n        <h1 class=\"hero-title\">\r\n          Potencia que\r\n          <span class=\"stroke\">impone<\/span>\r\n          <span class=\"gold\">lujo real<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"hero-description\">\r\n          Descubre una selecci\u00f3n premium de veh\u00edculos deportivos y de lujo pensada para clientes que no buscan un coche cualquiera, sino una experiencia visual, emocional y exclusiva desde el primer instante.\r\n        <\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a href=\"#catalogo\" class=\"btn-primary\">Ver cat\u00e1logo<\/a>\r\n          <a href=\"#contacto\" class=\"btn-secondary\">Solicitar asesoramiento<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hero-stats\">\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-number\">+120<\/div>\r\n            <div class=\"stat-label\">Veh\u00edculos exclusivos seleccionados con criterio premium<\/div>\r\n          <\/div>\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-number\">24h<\/div>\r\n            <div class=\"stat-label\">Respuesta r\u00e1pida para clientes que buscan atenci\u00f3n seria<\/div>\r\n          <\/div>\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-number\">Top<\/div>\r\n            <div class=\"stat-label\">Marcas ic\u00f3nicas con imagen deportiva y sofisticada<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-right\">\r\n        <div class=\"car-stage\">\r\n          <div class=\"car-frame\">\r\n            <div class=\"speed-lines\">\r\n              <span><\/span>\r\n              <span><\/span>\r\n              <span><\/span>\r\n              <span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"car-info-box\">\r\n              <small>Impremium Cars<\/small>\r\n              <h3>Luxury Performance<\/h3>\r\n              <p>Dise\u00f1o limpio, presencia fuerte y una est\u00e9tica que impacta al instante.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"mini-panel\">\r\n              <span>Experiencia<\/span>\r\n              <strong>Premium & Sport<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"car-floor\"><\/div>\r\n\r\n            <div class=\"car-shape\">\r\n              <div class=\"car-body\"><\/div>\r\n              <div class=\"car-highlight\"><\/div>\r\n              <div class=\"car-window\"><\/div>\r\n              <div class=\"car-window rear\"><\/div>\r\n              <div class=\"light-front\"><\/div>\r\n              <div class=\"light-back\"><\/div>\r\n              <div class=\"wheel back\"><\/div>\r\n              <div class=\"wheel front\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-1b92ac0 e-flex e-con-boxed e-con e-parent\" data-id=\"1b92ac0\" 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-aa67884 elementor-widget elementor-widget-html\" data-id=\"aa67884\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Marcas Exclusivas<\/title>\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    :root {\r\n      --bg: #070707;\r\n      --bg-soft: #101010;\r\n      --card: rgba(255, 255, 255, 0.04);\r\n      --line: rgba(255, 255, 255, 0.08);\r\n      --text: #ffffff;\r\n      --muted: #b9b9b9;\r\n      --gold: #c8a76b;\r\n      --gold-soft: rgba(200, 167, 107, 0.12);\r\n    }\r\n\r\n    body {\r\n      font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\r\n      background: var(--bg);\r\n      color: var(--text);\r\n    }\r\n\r\n    .brands-section {\r\n      position: relative;\r\n      padding: 110px 24px;\r\n      background:\r\n        radial-gradient(circle at top left, rgba(200, 167, 107, 0.08), transparent 28%),\r\n        linear-gradient(180deg, #050505 0%, #0a0a0a 100%);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .brands-section::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\r\n      background-size: 60px 60px;\r\n      opacity: 0.35;\r\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .brands-container {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .brands-header {\r\n      max-width: 760px;\r\n      margin: 0 auto 60px;\r\n      text-align: center;\r\n      animation: fadeUp 1s ease forwards;\r\n    }\r\n\r\n    .brands-tag {\r\n      display: inline-block;\r\n      padding: 10px 18px;\r\n      border: 1px solid rgba(200, 167, 107, 0.28);\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.03);\r\n      color: var(--gold);\r\n      font-size: 0.8rem;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 22px;\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .brands-title {\r\n      font-size: clamp(2rem, 4vw, 3.8rem);\r\n      line-height: 1.05;\r\n      font-weight: 800;\r\n      letter-spacing: -1.5px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .brands-title span {\r\n      color: var(--gold);\r\n    }\r\n\r\n    .brands-text {\r\n      color: var(--muted);\r\n      font-size: 1.02rem;\r\n      line-height: 1.85;\r\n      max-width: 700px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .brands-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(6, 1fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    .brand-card {\r\n      position: relative;\r\n      min-height: 155px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 24px;\r\n      border-radius: 24px;\r\n      border: 1px solid var(--line);\r\n      background:\r\n        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),\r\n        radial-gradient(circle at top, rgba(200,167,107,0.08), transparent 45%);\r\n      backdrop-filter: blur(8px);\r\n      overflow: hidden;\r\n      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\r\n      animation: floatSoft 5s ease-in-out infinite;\r\n    }\r\n\r\n    .brand-card:nth-child(2) { animation-delay: 0.4s; }\r\n    .brand-card:nth-child(3) { animation-delay: 0.8s; }\r\n    .brand-card:nth-child(4) { animation-delay: 1.2s; }\r\n    .brand-card:nth-child(5) { animation-delay: 1.6s; }\r\n    .brand-card:nth-child(6) { animation-delay: 2s; }\r\n\r\n    .brand-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.08) 50%, transparent 80%);\r\n      transform: translateX(-130%);\r\n      transition: transform 0.8s ease;\r\n    }\r\n\r\n    .brand-card:hover::before {\r\n      transform: translateX(130%);\r\n    }\r\n\r\n    .brand-card:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(200, 167, 107, 0.35);\r\n      box-shadow: 0 20px 40px rgba(0,0,0,0.35);\r\n    }\r\n\r\n    .brand-name {\r\n      position: relative;\r\n      z-index: 2;\r\n      font-size: 1.15rem;\r\n      font-weight: 700;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      color: #ffffff;\r\n      text-align: center;\r\n    }\r\n\r\n    .brand-name.gold {\r\n      color: var(--gold);\r\n    }\r\n\r\n    .brand-line {\r\n      position: absolute;\r\n      bottom: 18px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 42px;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .brands-bottom-text {\r\n      max-width: 980px;\r\n      margin: 46px auto 0;\r\n      text-align: center;\r\n      color: #9f9f9f;\r\n      font-size: 0.96rem;\r\n      line-height: 1.8;\r\n      animation: fadeUp 1.1s ease forwards;\r\n    }\r\n\r\n    @keyframes fadeUp {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(35px);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n\r\n    @keyframes floatSoft {\r\n      0%, 100% {\r\n        transform: translateY(0px);\r\n      }\r\n      50% {\r\n        transform: translateY(-6px);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1150px) {\r\n      .brands-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .brands-section {\r\n        padding: 85px 18px;\r\n      }\r\n\r\n      .brands-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n      }\r\n\r\n      .brand-card {\r\n        min-height: 125px;\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .brand-name {\r\n        font-size: 1rem;\r\n        letter-spacing: 1.4px;\r\n      }\r\n\r\n      .brands-text,\r\n      .brands-bottom-text {\r\n        font-size: 0.95rem;\r\n        line-height: 1.75;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .brands-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"brands-section\" id=\"marcas\">\r\n    <div class=\"brands-container\">\r\n      <div class=\"brands-header\">\r\n        <div class=\"brands-tag\">Selecci\u00f3n exclusiva<\/div>\r\n        <h2 class=\"brands-title\">\r\n          Trabajamos con las marcas\r\n          <span>m\u00e1s ic\u00f3nicas<\/span>\r\n        <\/h2>\r\n        <p class=\"brands-text\">\r\n          Nuestra selecci\u00f3n re\u00fane algunas de las firmas m\u00e1s admiradas del mundo del motor, combinando deportividad, lujo, dise\u00f1o y presencia para ofrecer una experiencia visual y aspiracional desde el primer segundo.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"brands-grid\">\r\n        <div class=\"brand-card\">\r\n          <div class=\"brand-name\">Ferrari<\/div>\r\n          <div class=\"brand-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"brand-card\">\r\n          <div class=\"brand-name gold\">Lamborghini<\/div>\r\n          <div class=\"brand-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"brand-card\">\r\n          <div class=\"brand-name\">Porsche<\/div>\r\n          <div class=\"brand-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"brand-card\">\r\n          <div class=\"brand-name gold\">McLaren<\/div>\r\n          <div class=\"brand-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"brand-card\">\r\n          <div class=\"brand-name\">Maserati<\/div>\r\n          <div class=\"brand-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"brand-card\">\r\n          <div class=\"brand-name gold\">Land Rover<\/div>\r\n          <div class=\"brand-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"brands-bottom-text\">\r\n        Veh\u00edculos seleccionados para clientes que valoran la exclusividad, el car\u00e1cter y una est\u00e9tica premium con alma deportiva.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-691d792 e-flex e-con-boxed e-con e-parent\" data-id=\"691d792\" 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-b0b3026 elementor-widget elementor-widget-html\" data-id=\"b0b3026\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Final p\u00e1gina premium<\/title>\r\n\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    :root {\r\n      --bg: #070707;\r\n      --bg-soft: #101010;\r\n      --card: rgba(255,255,255,0.04);\r\n      --line: rgba(255,255,255,0.08);\r\n      --text: #ffffff;\r\n      --muted: #a7a7a7;\r\n      --gold: #c8a76b;\r\n      --gold-soft: rgba(200, 167, 107, 0.12);\r\n    }\r\n\r\n    body {\r\n      font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\r\n      background: linear-gradient(180deg, #050505 0%, #090909 100%);\r\n      color: var(--text);\r\n    }\r\n\r\n    .end-section {\r\n      position: relative;\r\n      padding: 110px 24px 30px;\r\n      background:\r\n        radial-gradient(circle at top center, rgba(200,167,107,0.10), transparent 28%),\r\n        linear-gradient(180deg, #060606 0%, #090909 45%, #050505 100%);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .end-section::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\r\n      background-size: 70px 70px;\r\n      opacity: 0.28;\r\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .end-container {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .cta-box {\r\n      position: relative;\r\n      border: 1px solid var(--line);\r\n      border-radius: 34px;\r\n      padding: 60px 50px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),\r\n        radial-gradient(circle at top left, rgba(200,167,107,0.10), transparent 35%);\r\n      backdrop-filter: blur(10px);\r\n      overflow: hidden;\r\n      box-shadow: 0 30px 60px rgba(0,0,0,0.28);\r\n      margin-bottom: 36px;\r\n    }\r\n\r\n    .cta-box::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(120deg, transparent 15%, rgba(255,255,255,0.08) 50%, transparent 85%);\r\n      transform: translateX(-130%);\r\n      animation: shineMove 6s ease-in-out infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .cta-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.2fr 0.8fr;\r\n      gap: 30px;\r\n      align-items: center;\r\n    }\r\n\r\n    .cta-tag {\r\n      display: inline-block;\r\n      padding: 10px 18px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(200,167,107,0.28);\r\n      background: rgba(255,255,255,0.03);\r\n      color: var(--gold);\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      font-size: 0.8rem;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .cta-title {\r\n      font-size: clamp(2rem, 4vw, 4rem);\r\n      line-height: 1.02;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: -1.5px;\r\n      margin-bottom: 18px;\r\n      max-width: 760px;\r\n    }\r\n\r\n    .cta-title span {\r\n      color: var(--gold);\r\n    }\r\n\r\n    .cta-text {\r\n      color: var(--muted);\r\n      font-size: 1rem;\r\n      line-height: 1.9;\r\n      max-width: 670px;\r\n    }\r\n\r\n    .cta-actions {\r\n      display: flex;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-start;\r\n      align-items: center;\r\n    }\r\n\r\n    .btn-primary,\r\n    .btn-secondary {\r\n      text-decoration: none;\r\n      padding: 15px 28px;\r\n      border-radius: 999px;\r\n      font-size: 0.9rem;\r\n      font-weight: 600;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      transition: all 0.35s ease;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .btn-primary {\r\n      background: linear-gradient(135deg, #d7b67c, #b99357);\r\n      color: #0b0b0b;\r\n      box-shadow: 0 12px 28px rgba(200,167,107,0.22);\r\n    }\r\n\r\n    .btn-primary:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 18px 36px rgba(200,167,107,0.30);\r\n    }\r\n\r\n    .btn-secondary {\r\n      border: 1px solid rgba(255,255,255,0.12);\r\n      background: rgba(255,255,255,0.03);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .btn-secondary:hover {\r\n      transform: translateY(-3px);\r\n      border-color: rgba(200,167,107,0.35);\r\n      color: var(--gold);\r\n    }\r\n\r\n    .footer-main {\r\n      display: grid;\r\n      grid-template-columns: 1.2fr 0.8fr 0.8fr 1fr;\r\n      gap: 26px;\r\n      padding: 34px 0 26px;\r\n      border-top: 1px solid rgba(255,255,255,0.06);\r\n      border-bottom: 1px solid rgba(255,255,255,0.06);\r\n    }\r\n\r\n    .footer-brand {\r\n      max-width: 360px;\r\n    }\r\n\r\n    .footer-logo {\r\n      font-size: 1.55rem;\r\n      font-weight: 800;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .footer-logo span {\r\n      color: var(--gold);\r\n    }\r\n\r\n    .footer-description {\r\n      color: var(--muted);\r\n      font-size: 0.96rem;\r\n      line-height: 1.85;\r\n    }\r\n\r\n    .footer-column h4 {\r\n      font-size: 0.92rem;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.8px;\r\n      color: var(--gold);\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .footer-links {\r\n      list-style: none;\r\n    }\r\n\r\n    .footer-links li {\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .footer-links a,\r\n    .footer-contact a,\r\n    .footer-contact span {\r\n      text-decoration: none;\r\n      color: #d8d8d8;\r\n      font-size: 0.95rem;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .footer-links a:hover,\r\n    .footer-contact a:hover {\r\n      color: var(--gold);\r\n    }\r\n\r\n    .footer-contact {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n\r\n    .footer-social {\r\n      display: flex;\r\n      gap: 12px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .social-link {\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-decoration: none;\r\n      color: #fff;\r\n      background: rgba(255,255,255,0.03);\r\n      transition: all 0.35s ease;\r\n      font-size: 0.9rem;\r\n    }\r\n\r\n    .social-link:hover {\r\n      transform: translateY(-3px);\r\n      border-color: rgba(200,167,107,0.35);\r\n      color: var(--gold);\r\n      box-shadow: 0 10px 24px rgba(0,0,0,0.22);\r\n    }\r\n\r\n    .footer-bottom {\r\n      padding-top: 22px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .footer-bottom p,\r\n    .footer-bottom a {\r\n      color: #8d8d8d;\r\n      font-size: 0.88rem;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .footer-bottom a:hover {\r\n      color: var(--gold);\r\n    }\r\n\r\n    @keyframes shineMove {\r\n      0% {\r\n        transform: translateX(-130%) skewX(-20deg);\r\n      }\r\n      55%, 100% {\r\n        transform: translateX(130%) skewX(-20deg);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .cta-grid,\r\n      .footer-main {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .cta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .end-section {\r\n        padding: 85px 18px 24px;\r\n      }\r\n\r\n      .cta-box {\r\n        padding: 38px 24px;\r\n        border-radius: 26px;\r\n      }\r\n\r\n      .cta-text,\r\n      .footer-description {\r\n        font-size: 0.95rem;\r\n        line-height: 1.75;\r\n      }\r\n\r\n      .footer-bottom {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"end-section\" id=\"contacto\">\r\n    <div class=\"end-container\">\r\n\r\n      <div class=\"cta-box\">\r\n        <div class=\"cta-grid\">\r\n          <div>\r\n            <div class=\"cta-tag\">\u00daltimo paso<\/div>\r\n            <h2 class=\"cta-title\">\r\n              Tu pr\u00f3ximo coche no deber\u00eda ser <span>uno m\u00e1s<\/span>\r\n            <\/h2>\r\n            <p class=\"cta-text\">\r\n              Ponte en contacto con nosotros y descubre una nueva forma de acceder al lujo sobre ruedas. Selecci\u00f3n exclusiva, atenci\u00f3n personalizada y una experiencia pensada para clientes que buscan algo realmente distinto.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"cta-actions\">\r\n            <a href=\"#catalogo\" class=\"btn-primary\">Ver cat\u00e1logo<\/a>\r\n            <a href=\"#contacto\" class=\"btn-secondary\">Contactar<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <footer class=\"footer-main\">\r\n        <div class=\"footer-brand\">\r\n          <div class=\"footer-logo\">Impremium <span>Cars<\/span><\/div>\r\n          <p class=\"footer-description\">\r\n            Veh\u00edculos premium seleccionados para clientes que valoran el dise\u00f1o, la deportividad, la exclusividad y una experiencia de compra a la altura de cada marca.\r\n          <\/p>\r\n\r\n          <div class=\"footer-social\">\r\n            <a href=\"#\" class=\"social-link\">IG<\/a>\r\n            <a href=\"#\" class=\"social-link\">FB<\/a>\r\n            <a href=\"#\" class=\"social-link\">TT<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-column\">\r\n          <h4>Navegaci\u00f3n<\/h4>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"#inicio\">Inicio<\/a><\/li>\r\n            <li><a href=\"#catalogo\">Cat\u00e1logo<\/a><\/li>\r\n            <li><a href=\"#clientes\">Nuestros clientes<\/a><\/li>\r\n            <li><a href=\"#contacto\">Contacto<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-column\">\r\n          <h4>Marcas<\/h4>\r\n          <ul class=\"footer-links\">\r\n            <li><a href=\"#\">Ferrari<\/a><\/li>\r\n            <li><a href=\"#\">Lamborghini<\/a><\/li>\r\n            <li><a href=\"#\">Porsche<\/a><\/li>\r\n            <li><a href=\"#\">McLaren<\/a><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"footer-column\">\r\n          <h4>Contacto<\/h4>\r\n          <div class=\"footer-contact\">\r\n            <span>Barcelona, Espa\u00f1a<\/span>\r\n            <a href=\"tel:+34000000000\">+34 000 000 000<\/a>\r\n            <a href=\"mailto:info@impremiumcars.com\">info@impremiumcars.com<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/footer>\r\n\r\n      <div class=\"footer-bottom\">\r\n        <p>\u00a9 2026 Impremium Cars. Todos los derechos reservados.<\/p>\r\n        <div>\r\n          <a href=\"#\">Aviso legal<\/a>\r\n          <span style=\"margin:0 10px; color:#555;\">|<\/span>\r\n          <a href=\"#\">Pol\u00edtica de privacidad<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-af8984d e-flex e-con-boxed e-con e-parent\" data-id=\"af8984d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6fea1c e-flex e-con-boxed e-con e-parent\" data-id=\"d6fea1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>IC Impremium Cars Cat\u00e1logo Nuestros clientes Contacto Ver colecci\u00f3n Hero Premium Exclusividad en movimiento Potencia que impone lujo real Descubre una selecci\u00f3n premium de veh\u00edculos deportivos y de lujo pensada para clientes que no buscan un coche cualquiera, sino una experiencia visual, emocional y exclusiva desde el primer instante. Ver cat\u00e1logo Solicitar asesoramiento +120 Veh\u00edculos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":37,"href":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/proyecto-25-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}