{"id":6,"date":"2025-09-13T23:47:22","date_gmt":"2025-09-13T23:47:22","guid":{"rendered":"https:\/\/powderblue-rhinoceros-445339.hostingersite.com\/?page_id=6"},"modified":"2025-12-12T06:14:11","modified_gmt":"2025-12-12T06:14:11","slug":"main-page","status":"publish","type":"page","link":"https:\/\/dracepace.com\/es\/","title":{"rendered":"Main page"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0ad136 e-con-full e-flex e-con e-parent\" data-id=\"d0ad136\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d526ea elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6d526ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n\r\n<!-- =======================\r\n  HERO SECTION - Karting Academy\r\n  Versi\u00f3n con <img> para desktop\/mobile - Full Width\r\n======================= -->\r\n<style>\r\n  .karting-hero {\r\n    position: relative;\r\n    width: 100vw; \/* fuerza todo el ancho del viewport *\/\r\n    margin-left: calc(50% - 50vw); \/* rompe el ancho limitado de WP *\/\r\n    text-align: left;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Imagen responsive *\/\r\n  .karting-hero img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  \/* Texto encima *\/\r\n  .karting-hero h2 {\r\n    position: absolute;\r\n    top: 60%;\r\n    left: 8%;\r\n    transform: translateY(-50%);\r\n    font-family: 'Manrope', sans-serif;\r\n    font-size: 2.4rem;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    color: #ffffff;\r\n    max-width: 400px;\r\n    margin: 0;\r\n    text-shadow: 0px 3px 10px rgba(0,0,0,0.6);\r\n  }\r\n\r\n  .karting-hero strong {\r\n    color: #ad18ea;\r\n  }\r\n\r\n  \/* Desktop visible por defecto *\/\r\n  .karting-hero .hero-desk { display: block; }\r\n  .karting-hero .hero-mob { display: none; }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .karting-hero{\r\n      margin-top: 4em;\r\n    }\r\n    .karting-hero .hero-desk { display: none; }\r\n    .karting-hero .hero-mob { display: block; }\r\n\r\n    .karting-hero h2 {\r\n      font-size: 4.5vw;\r\n      left: 5%;\r\n      font-weight: 900;\r\n      max-width: 190px;\r\n      line-height: 17px;\r\n      top: 30vw;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"karting-hero\">\r\n  <!-- Imagen Desktop -->\r\n  <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/header\/mainenergy_desk.webp?v1\" alt=\"Karting Academy\" class=\"hero-desk\">\r\n\r\n  <!-- Imagen Mobile -->\r\n  <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/header\/mainenergy_mob.webp\" alt=\"Karting Academy\" class=\"hero-mob\">\r\n\r\n  <!-- Texto -->\r\n  <h2>Entrena con nosotros<br> <strong>alcanza tu mayor potencial.<\/strong><\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61e436b e-grid e-con-full e-con e-parent\" data-id=\"61e436b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b71a2c2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b71a2c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =======================\r\n  Secci\u00f3n 2 \u2014 Track Experience (FULL-BLEED)\r\n  WordPress (HTML widget) \u2014 Dracepace\r\n======================= -->\r\n<style>\r\n  :root{\r\n    --accent:#ad18ea;          \/* Morado marca *\/\r\n    --bg:#000;                 \/* Fondo negro *\/\r\n    --text:#fff;               \/* Texto principal *\/\r\n    --muted:#B9B9B9;           \/* Texto secundario *\/\r\n    --content-max:1200px;      \/* M\u00e1ximo ancho del contenido *\/\r\n    --side-pad:40px;           \/* Padding lateral interno *\/\r\n  }\r\n\r\n  \/* ===== Full-bleed: rompe el contenedor del tema ===== *\/\r\n  #section-track{\r\n    background: var(--bg);\r\n    color: var(--text);\r\n    \/* full width que ignora el max-width del theme\/elementor *\/\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Evita scroll horizontal por el full-bleed en algunos themes *\/\r\n  html, body { overflow-x: hidden; }\r\n\r\n  #section-track .wrap{\r\n    max-width: var(--content-max);\r\n    padding: 56px var(--side-pad) 80px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Banda de carrera (muesca1) *\/\r\n  .track-flag{\r\n    display:flex; justify-content:center; align-items:center;\r\n    margin: 0 auto 22px;\r\n  }\r\n  .track-flag img{\r\n    width: 240px; max-width: 70vw; height:auto; display:block;\r\n  }\r\n\r\n  \/* T\u00edtulo *\/\r\n  .track-title{\r\n    text-align:center;\r\n    font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    color: #fff;\r\n    letter-spacing:.2px;\r\n    margin: 0 auto 34px;\r\n    font-size: clamp(26px, 4vw, 42px);\r\n  }\r\n  .track-title strong{\r\n    display:block;\r\n    color: var(--accent);\r\n    font-weight: 900;\r\n  }\r\n\r\n  \/* Grid texto-izq \/ imagen-der *\/\r\n  .track-grid{\r\n    display:grid;\r\n    grid-template-columns: 1.05fr .95fr;\r\n    gap: 36px;\r\n    align-items: center;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  \/* Bloque texto *\/\r\n  .track-copy{\r\n    position:relative;\r\n    font-size: clamp(15px, 1.9vw, 18px);\r\n    line-height:1.6;\r\n    color: var(--text);\r\n  }\r\n  \/* Muesca peque\u00f1a sobre el texto (muesca2) *\/\r\n  .track-copy .muesca{\r\n    display:inline-block;\r\n    width: 78px; \/* peque\u00f1a, \u201carribita nom\u00e1s\u201d *\/\r\n    height:auto;\r\n    margin-bottom: 14px;\r\n    vertical-align: middle;\r\n  }\r\n  .track-copy p{ margin:0 0 12px; }\r\n  .track-copy .muted{ color: var(--muted); }\r\n  .track-copy em{ font-style: normal; color: var(--accent); }\r\n\r\n  \/* Imagen derecha *\/\r\n  .track-media{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n  }\r\n  .track-media img{\r\n    width:100%;\r\n    border-radius:18px;\r\n    box-shadow: 0 10px 28px rgba(0,0,0,.55);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 980px){\r\n    .track-grid{\r\n      grid-template-columns: 1fr;\r\n      gap: 28px;\r\n    }\r\n  }\r\n  @media (max-width: 640px){\r\n    :root { --side-pad:20px; }\r\n    .track-flag img{ width: 180px; }\r\n    #section-track .wrap{ padding: 44px var(--side-pad) 20px; }\r\n  }\r\n  @media (max-width: 768px){\r\n    .track-title strong{\r\n      font-size: 5.5vw;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"section-track\">\r\n  <div class=\"wrap\">\r\n\r\n    <!-- Banda de carrera superior -->\r\n    <div class=\"track-flag\" aria-hidden=\"true\">\r\n      <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion2\/muesca1.png\"\r\n           alt=\"Racing band\">\r\n    <\/div>\r\n\r\n    <!-- H2 con <strong> en morado -->\r\n    <h2 class=\"track-title\">\r\n      Experiencia emocionante en la pista\r\n      <strong>Velocidad, t\u00e9cnica y emoci\u00f3n para todos.<\/strong>\r\n    <\/h2>\r\n\r\n    <!-- Grid: texto izquierda \/ imagen derecha -->\r\n    <div class=\"track-grid\">\r\n      <div class=\"track-copy\">\r\n        <img decoding=\"async\" class=\"muesca\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion2\/muesca2.webp\"\r\n             alt=\"Detail\">\r\n        <p>\r\n          Descubre <em>\"con nosotros\"<\/em> la emocion de cada Vuelta, en una experiencia de karting para todos los niveles, pensada para potenciarte al maximo.\r\n        <\/p>\r\n        <!-- <p class=\"muted\">\r\n          Coaching-focused sessions, clean track lines, and safe, repeatable practice\r\n          to improve control, speed, and consistency.\r\n        <\/p> -->\r\n      <\/div>\r\n\r\n      <div class=\"track-media\">\r\n        <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion2\/seccion2.webp\"\r\n             alt=\"Karting action\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13d0b11 e-grid e-con-full e-con e-parent\" data-id=\"13d0b11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a90e02d elementor-widget elementor-widget-html\" data-id=\"a90e02d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =======================\r\n  SECCI\u00d3N SPEED \/ RACER \u2014 con POPUPS (Coach + Schedules + Levels)\r\n======================= -->\r\n<style>\r\n  #speedRacer{\r\n    --brand:#AE18EB; --bg:#000; --ink:#EDEDED; --cyan:#60D3D8; --maxw:1200px;\r\n    --logo-y: 64px; --ctaH: 46px; --ctaSkew: -12deg;\r\n    color:var(--ink); width:100%; overflow:hidden;\r\n  }\r\n  #speedRacer *{box-sizing:border-box}\r\n\r\n  \/* ===== TOP ===== *\/\r\n  #speedRacer .top-band{position:relative; z-index:3; background:var(--bg);}\r\n  #speedRacer .ribbon{\r\n    position:relative; height:35px; max-width:100%; width:750px;\r\n    padding:0 28px; display:flex; align-items:center;\r\n    background:transparent; overflow:visible; z-index:2;\r\n  }\r\n  #speedRacer .ribbon::before{\r\n    content:\"\"; position:absolute; inset:0; background:#fff; z-index:0;\r\n    clip-path:polygon(0 0, 78% 0, 81% 101%, 0 100%);\r\n  }\r\n  .speed-logo{ position:absolute; left:30%; top:15px; width:35%; height:auto; z-index:2; display:block; }\r\n\r\n  \/* ===== Cyan band ===== *\/\r\n  #speedRacer .cyan-wrap{ position:relative; background:var(--cyan); padding:44px 0 2px; z-index:1; margin-top:55px; }\r\n  #speedRacer .cyan-wrap::before{\r\n    content:\"\"; position:absolute; top:-1px; left:15%; width:60%; height:25px; background:#fff;\r\n    clip-path:polygon(12% 100%, 9% 0, 100% 0, 97% 100%); z-index:1;\r\n  }\r\n  #speedRacer .cyan-wrap::after{\r\n    content:\"\"; position:absolute; bottom:-22px; left:32%; width:36%; height:44px; background:var(--cyan);\r\n    clip-path:polygon(12% 0, 88% 0, 100% 100%, 0 100%); z-index:1;\r\n  }\r\n  #speedRacer .wrap{max-width:var(--maxw); margin:0 auto; padding:30px 0 20px; position:relative; z-index:2;}\r\n\r\n  \/* ===== Cards ===== *\/\r\n  .speed-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\r\n  .card{ position:relative; overflow:visible; padding-bottom:calc(var(--ctaH)\/2 + 8px); cursor:pointer; }\r\n  .card img{width:100%; height:auto; object-fit:cover; display:block; filter:saturate(1.05) contrast(1.05);}\r\n  .card .txt{position:absolute; left:16px; right:16px; bottom:54px; z-index:3; font-family:\"Manrope\", system-ui, sans-serif;}\r\n  .card .txt p{margin:0; font-weight:800; line-height:1.04; font-size:clamp(20px,2.2vw,32px);}\r\n  .card .txt .accent{color:var(--brand); display:block;}\r\n\r\n  \/* ===== CTA ===== *\/\r\n  .cta{ position:absolute; left:50%; transform:translateX(-50%); bottom:2%; height:var(--ctaH); line-height:var(--ctaH);\r\n        padding:0 30px; color:#fff; text-decoration:none!important; z-index:4; display:inline-flex; align-items:center; justify-content:center; }\r\n  .cta::before{ content:\"\"; position:absolute; inset:0; background:#0c0c0c; transform:skewX(var(--ctaSkew)); z-index:-1; }\r\n  .cta > span{ font-family:\"Manrope\", system-ui, sans-serif; font-weight:700; font-size:16px; letter-spacing:.3px; }\r\n\r\n  \/* ===== Racer text ===== *\/\r\n  .racer-title{\r\n    margin:40px 0 0; text-align:center; position:relative;\r\n    font-family:Race-Sport; font-weight:200; letter-spacing:.12em; line-height:1;\r\n    font-size:clamp(44px,7.2vw,110px); color:transparent; -webkit-text-stroke:2px rgb(255 255 255);\r\n  }\r\n\r\n  \/* ===== Responsive ===== *\/\r\n  @media (max-width:768px){\r\n\r\n  \t#coachModal .modal-eyebrow{\r\n  \t\tfont-size: 2vw !important;\r\n  \t}\r\n  \t#coachModal .modal-name {\r\n    \tfont-size: 3vw !important;\r\n\t}\r\n\t#coachModal .modal-sub{\r\n\t\tfont-size: 2vw !important;\r\n\t}\r\n\t#coachModal .modal-body{\r\n\t\tfont-size: 1.75vw !important;\r\n\t}\r\n    #levelsModal .cat-title h3{\r\n      font-size: 7.5vw;\r\n      text-align: center;\r\n    }\r\n    .speed-cards{display:block;}\r\n    .card{margin:0 6px 18px;}\r\n    .speed-logo{width:40%;}\r\n    .cta{ padding:0 26px; }\r\n    .cta > span{ font-size:15px; }\r\n  }\r\n\r\n  \/* ===== POPUPS ===== *\/\r\n  .speed-modal{\r\n    position:fixed; inset:0; background:rgba(0,0,0,.7); display:none; align-items:center; justify-content:center;\r\n    z-index:1000; padding:18px;\r\n  }\r\n  .speed-modal[aria-hidden=\"false\"]{ display:flex; }\r\n  body.modal-open{ overflow:hidden; }\r\n\r\n  .modal-box{\r\n    position:relative; width:min(920px, 94vw); aspect-ratio:16\/10;\r\n    box-shadow:0 18px 60px rgba(0,0,0,.6);\r\n    border-radius:8px; overflow:hidden;\r\n    background-size:cover; background-position:center; background-repeat:no-repeat;\r\n  }\r\n  .modal-close{\r\n    position:absolute; top:5px; right:15px; width:34px; height:34px;\r\n    background: transparent !important; border:none; color:#fff; font-size:30px; cursor:pointer;\r\n    z-index:10;\r\n  }\r\n\r\n  \/* Coach *\/\r\n  #coachModal .modal-box{background-image:url('https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion3\/popup_speed.png');}\r\n  #coachModal .modal-text{\r\n    position:absolute; left:52%; right:6%; top:12%; bottom:10%;\r\n    font-family:\"Manrope\", system-ui, sans-serif; color:#fff; display:flex; flex-direction:column; gap:8px;\r\n  }\r\n  #coachModal .modal-eyebrow{ font-size:12px; letter-spacing:.12em; text-transform:uppercase; opacity:.9; }\r\n  #coachModal .modal-name{ font-family:Race-Sport, Manrope, system-ui, sans-serif; font-weight:800; font-size:clamp(22px,3vw,34px); color:var(--brand); }\r\n  #coachModal .modal-sub{ font-size:12px; opacity:.9; }\r\n  #coachModal .modal-body{ font-size:14px; line-height:1.5; margin-top:6px; }\r\n\r\n  \/* Schedules *\/\r\n  #schedulesModal .modal-box{background-image:url('https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion3\/schedules.png');}\r\n\r\n  \/* Levels (Our Categories) *\/\r\n  #levelsModal .modal-box{\r\n    background:#000; overflow:auto; height:auto; aspect-ratio:auto; padding:0; border-radius:8px;\r\n  }\r\n\r\n  \/* ========== OUR CATEGORIES (popup content) ========== *\/\r\n  #levelsModal #categories-band{\r\n    position:relative; width:100%; background: #09051c; color:#0b0b0b;\r\n    padding:38px 0 72px; margin:0;\r\n  }\r\n  #levelsModal #categories-band::before,\r\n  \/*#levelsModal #categories-band::after{\r\n    content:\"\"; position:absolute; left:50%; transform:translateX(-50%);\r\n    width:min(520px,60vw); height:26px; background:var(--bg,#000);\r\n    clip-path:polygon(12% 100%,9% 0,100% 0,97% 100%);\r\n  }*\/\r\n  #levelsModal #categories-band::after{bottom:-26px; background:var(--cyan);}\r\n  #levelsModal .inner{max-width:1100px; margin:0 auto; padding:0 50px;}\r\n  #levelsModal .cat-title{display:flex; align-items:center; justify-content:center; gap:18px; margin-bottom:6px;}\r\n  #levelsModal .cat-title h3{margin:0; font-size:34px; font-weight:800; color:var(--brand);}\r\n  #levelsModal .cat-title .strip{height:22px; width:220px;}\r\n  #levelsModal p.sub{margin:6px 0 18px; text-align:center; color:#fff;}\r\n  #levelsModal .cards{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; width:100%; margin:0 auto;}\r\n  #levelsModal .cards img{width:100%; display:block; border-radius:4px;}\r\n  @media (max-width:768px){\r\n    #levelsModal .inner{\r\n      padding: 0 25px;\r\n    }\r\n    #levelsModal .cards{grid-template-columns:repeat(2,1fr); width:100%;}\r\n    #levelsModal .cards img:last-child{grid-column:1\/-1; justify-self:center; width:50%;}\r\n  }\r\n<\/style>\r\n\r\n<section id=\"speedRacer\">\r\n  <div class=\"top-band\">\r\n    <div class=\"ribbon\">\r\n      <img decoding=\"async\" class=\"speed-logo\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion3\/speed.png\" alt=\"SPEED\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cyan-wrap\">\r\n    <div class=\"wrap\">\r\n      <div class=\"speed-cards speed-owl\">\r\n        <!-- CARD 1 \u2014 Coach -->\r\n        <div class=\"card\" data-modal-target=\"coachModal\">\r\n          <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion3\/us_coach.webp\" alt=\"our coach and founder\">\r\n          <div class=\"txt\"><p>nuestro coach <span class=\"accent\">y fundador<\/span><\/p><\/div>\r\n          <a class=\"cta\" href=\"#\"><span>ver m\u00e1s &gt;<\/span><\/a>\r\n        <\/div>\r\n\r\n        <!-- CARD 2 \u2014 Schedules -->\r\n        <div class=\"card\" data-modal-target=\"schedulesModal\">\r\n          <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion3\/datesv3.webp?v2\" alt=\"flexible schedules\">\r\n          <div class=\"txt\"><p>Horarios <span class=\"accent\">flexibles<\/span><\/p><\/div>\r\n          <a class=\"cta\" href=\"#\"><span>ver horarios &gt;<\/span><\/a>\r\n        <\/div>\r\n\r\n        <!-- CARD 3 \u2014 Levels (abre Our Categories) -->\r\n        <div class=\"card\" data-modal-target=\"levelsModal\">\r\n          <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion3\/all-levelv3.webp\" alt=\"for all levels\">\r\n          <div class=\"txt\"><p>para todos <span class=\"accent\">niveles<\/span><\/p><\/div>\r\n          <a class=\"cta\" href=\"#\"><span>ver m\u00e1s &gt;<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"racer-title\">RACER<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ========= MODALS ========= -->\r\n<!-- Coach -->\r\n<div class=\"speed-modal\" id=\"coachModal\" aria-hidden=\"true\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"modal-close\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"modal-text\">\r\n      <div class=\"modal-eyebrow\">Nuestro entrenador y fundador<\/div>\r\n      <div class=\"modal-name\">DIEGO DURAND<\/div>\r\n      <div class=\"modal-sub\">Piloto de carreras profesional con m\u00e1s de 40 a\u00f1os de experiencia.<\/div>\r\n      <div class=\"modal-body\">\r\n        Desde mis primeras vueltas en un kart, me cautiv\u00f3 la velocidad, la precisi\u00f3n y la b\u00fasqueda de la trazada perfecta.\nA lo largo de los a\u00f1os, he competido en campeonatos profesionales de diversas disciplinas del automovilismo, como karting, f\u00f3rmulas, turismos y deportivos, aprendiendo de primera mano la disciplina, la resiliencia y la determinaci\u00f3n necesarias para triunfar en la pista.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Schedules -->\r\n<div class=\"speed-modal\" id=\"schedulesModal\" aria-hidden=\"true\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"modal-close\" aria-label=\"Close\">\u2715<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Levels (Our Categories popup) -->\r\n<div class=\"speed-modal\" id=\"levelsModal\" aria-hidden=\"true\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"modal-close\" aria-label=\"Close\">\u2715<\/button>\r\n    <section id=\"categories-band\">\r\n      <div class=\"inner\">\r\n        <div class=\"cat-title\">\r\n          <img decoding=\"async\" class=\"strip\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/services\/kart_rental\/trazado.png\" alt=\"\">\r\n          <h3>Nuestras categor\u00edas<\/h3>\r\n          <img decoding=\"async\" class=\"strip\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/services\/kart_rental\/trazado.png\" alt=\"\">\r\n        <\/div>\r\n        <p class=\"sub\">Elige la categor\u00eda que m\u00e1s te convenga.<\/p>\r\n        <div class=\"cards\">\r\n          <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/services\/kart_rental\/baby_kart.png\" alt=\"Baby Kart\">\r\n          <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/services\/kart_rental\/cadet.png\" alt=\"Cadet\">\r\n          <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/services\/kart_rental\/semisenior.png\" alt=\"Junior \/ Senior\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ===== jQuery + Owl ===== -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/owl.carousel.min.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/OwlCarousel2\/2.3.4\/assets\/owl.carousel.min.css\">\r\n\r\n<script>\r\n(function(){\r\n  \/\/ Owl solo en mobile\r\n  function toggleOwl(){\r\n    var $wrap = jQuery('.speed-owl');\r\n    if (window.matchMedia('(max-width:768px)').matches) {\r\n      if (!$wrap.hasClass('owl-loaded')) {\r\n        $wrap.addClass('owl-carousel').owlCarousel({\r\n          items:1, margin:16, loop:true, dots:true, nav:false, autoplay:false, smartSpeed:450\r\n        });\r\n      }\r\n    } else {\r\n      if ($wrap.hasClass('owl-loaded')) {\r\n        $wrap.trigger('destroy.owl.carousel');\r\n        $wrap.removeClass('owl-carousel owl-loaded');\r\n        $wrap.find('.owl-stage-outer').children().unwrap();\r\n      }\r\n    }\r\n  }\r\n  jQuery(toggleOwl);\r\n  jQuery(window).on('resize orientationchange', toggleOwl);\r\n\r\n  \/\/ POPUPS\r\n  const body=document.body;\r\n  function openModal(m){if(!m)return;m.setAttribute('aria-hidden','false');body.classList.add('modal-open');}\r\n  function closeModal(m){if(!m)return;m.setAttribute('aria-hidden','true');body.classList.remove('modal-open');}\r\n\r\n  document.querySelectorAll('.card[data-modal-target]').forEach(card=>{\r\n    card.addEventListener('click',e=>{\r\n      e.preventDefault();\r\n      openModal(document.getElementById(card.dataset.modalTarget));\r\n    });\r\n  });\r\n  document.querySelectorAll('.modal-close').forEach(btn=>{\r\n    btn.addEventListener('click',()=>closeModal(btn.closest('.speed-modal')));\r\n  });\r\n  document.querySelectorAll('.speed-modal').forEach(modal=>{\r\n    modal.addEventListener('click',e=>{\r\n      if(!e.target.closest('.modal-box')) closeModal(modal);\r\n    });\r\n  });\r\n  document.addEventListener('keydown',e=>{\r\n    if(e.key==='Escape') document.querySelectorAll('.speed-modal[aria-hidden=\"false\"]').forEach(m=>closeModal(m));\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-92bd66f e-grid e-con-full e-con e-parent\" data-id=\"92bd66f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cbd4ea elementor-widget elementor-widget-html\" data-id=\"7cbd4ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =======================\r\n  Secci\u00f3n 4 \u2014 Like Us \/ Misi\u00f3n (ajustada)\r\n  WordPress (HTML widget) \u2014 DRacepace\r\n======================= -->\r\n<style>\r\n  :root{\r\n    --brand:#AE18EB;      \/* Morado marca *\/\r\n    --cyan:#1AC7FF;       \/* Cian acento *\/\r\n    --bg:#000;            \/* Fondo negro *\/\r\n    --ink:#EDEDED;        \/* Texto principal *\/\r\n    --muted:#B9B9B9;      \/* Texto secundario *\/\r\n    --maxw:1200px;        \/* Ancho m\u00e1x. del contenido *\/\r\n  }\r\n\r\n  #section4{\r\n    position:relative; width:100vw; left:50%; right:50%;\r\n    margin-left:-50vw; margin-right:-50vw;  \/* full-bleed real *\/\r\n    background:var(--bg); color:var(--ink);\r\n    overflow:hidden;\r\n  }\r\n\r\n  \/* ===== Top: l\u00ednea negra + pol\u00edgono cian hacia abajo (como la captura) ===== *\/\r\n  #section4 .top-edge{\r\n    position:relative; height:46px; \/* alto del \u00e1rea decorativa *\/\r\n  }\r\n  \/* l\u00ednea negra completa *\/\r\n  #section4 .top-edge::before{\r\n    content:\"\"; position:absolute; inset:0 0 auto 0;\r\n\/*    height:6px; background:#0a0a0a; z-index:2;*\/\r\n  }\r\n  \/* pol\u00edgono cian centrado que baja *\/\r\n  #section4 .top-edge::after{\r\n    content:\"\"; position:absolute; top:-1px; left:50%; transform:translateX(-50%);\r\n    width:50%; height:35px; background:#60D3D8;\r\n    \/* forma tipo pesta\u00f1a con punta al centro *\/\r\n    clip-path:polygon(12% 100%, 9% 0, 100% 0, 97% 100%);\r\n    filter:drop-shadow(0 6px 0 rgba(0,0,0,.45));\r\n    z-index:1;\r\n  }\r\n\r\n  #section4 .wrap{\r\n    max-width:var(--maxw);\r\n    padding:64px 20px 90px;\r\n    margin:0 auto;\r\n    position:relative;\r\n  }\r\n\r\n  \/* ===== Bloques ===== *\/\r\n  .s4-grid{\r\n    display:grid;\r\n    grid-template-columns: 1.1fr 1fr;\r\n    gap:48px 56px;\r\n    align-items:center;\r\n  }\r\n  .s4-block{position:relative}\r\n\r\n  \/* Marco imagen con muescas cian *\/\r\n  .s4-frame{\r\n    position:relative; display:block; width:100%;\r\n    border:6px solid var(--brand); border-radius:10px;\r\n    outline:2px solid rgba(174,24,235,.35);\r\n    overflow:hidden; background:#111;\r\n    box-shadow:0 12px 40px rgba(0,0,0,.55);\r\n  }\r\n  .s4-frame img{display:block; width:100%; height:auto; filter:contrast(.98)}\r\n  \/* 4 muescas cian (triangulitos) *\/\r\n  .s4-frame::before, .s4-frame::after{content:\"\"; position:absolute; width:0; height:0; border:12px solid transparent}\r\n  .s4-frame::before{left:16px; top:-1px; border-top-color:var(--cyan)}\r\n  .s4-frame::after{right:16px; bottom:-1px; border-bottom-color:var(--cyan)}\r\n  .s4-frame .k1, .s4-frame .k2{content:\"\"; position:absolute; width:0; height:0; border:12px solid transparent}\r\n  .s4-frame .k1{right:16px; top:-1px; border-top-color:var(--cyan)}\r\n  .s4-frame .k2{left:16px; bottom:-1px; border-bottom-color:var(--cyan)}\r\n\r\n  \/* Muesca extra (imagen peque\u00f1a) sobre el segundo bloque *\/\r\n  .s4-chip{\r\n    position:absolute; z-index:3; width:74px; height:auto;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Tipograf\u00eda *\/\r\n  .s4-eyebrow{\r\n    font:700 1.05rem\/1.1 \"Manrope\",system-ui; letter-spacing:.03em; text-transform:lowercase; color:#fff; opacity:.9;\r\n    margin:0 0 10px;\r\n  }\r\n  .s4-title{\r\n    font-family:'GABARITO-VARIABLE'; margin:0 0 16px; font-size: 45px; color: #fff;\r\n  }\r\n  .s4-title strong{color:var(--brand); font-weight:800}\r\n  .s4-copy{\r\n    font:500 0.98rem\/1.65 \"Manrope\",system-ui; color:var(--ink); opacity:.92;\r\n    max-width:560px; margin:0;\r\n  }\r\n\r\n  \/* Alterno: invierte \u00f3rdenes en segundo bloque solo en desktop *\/\r\n  .s4-grid .invert .s4-media{order:2}\r\n  .s4-grid .invert .s4-text{order:1}\r\n\r\n  \/* Responsivo *\/\r\n  @media (max-width: 980px){\r\n    .s4-grid{\r\n      grid-template-columns: 1fr;\r\n      gap:28px;\r\n    }\r\n    .s4-grid .invert .s4-media{order:2}\r\n    .s4-grid .invert .s4-text{order:1}\r\n    #section4 .wrap{padding:44px 16px 70px}\r\n    .s4-copy{max-width:unset}\r\n    .s4-chip{width:56px}\r\n    #section4 .top-edge{height:34px}\r\n    #section4 .top-edge::after{height:34px; width:clamp(180px, 58vw, 380px)}\r\n  }\r\n  @media (max-width: 768px){\r\n  #section4 .s4-grid{\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n  section#section4 .s4-title{\r\n    text-align: center;\r\n  }\r\n  section#section4 .s4-copy{\r\n    text-align: justify;\r\n  }\r\nsection#section4 .reserve-title p{\r\n  font-size: 11vw;\r\n}\r\nsection#section4.reserve-title .line1 strong{\r\n  font-size: 10vw;\r\n  \r\n}\r\n  \/* Siempre texto primero, imagen despu\u00e9s *\/\r\n  #section4 .s4-text{ order: 1; }\r\n  #section4 .s4-media{ order: 2; }\r\n\r\n  \/* (Opcional) afina espacios y la muesca peque\u00f1a del bloque 2 *\/\r\n  #section4 .wrap{ padding: 44px 16px 70px; }\r\n  #section4 .s4-b2 .s4-media .s4-chip{ width:56px; right:24px; top:-18px; }\r\n}\r\n\r\n  \/* Full width safe en Elementor *\/\r\n  .elementor-widget-container #section4{margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%)}\r\n<\/style>\r\n\r\n<section id=\"section4\" aria-label=\"Secci\u00f3n 4 DRacepace\">\r\n  <div class=\"top-edge\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <!-- ====== Bloque 1: Imagen \u2014 Texto ====== -->\r\n    <div class=\"s4-grid s4-b1\">\r\n      <div class=\"s4-block s4-media\">\r\n        <figure class=\"s4-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion4\/likeusv2.webp\" alt=\"Pilotos en pista \u2014 DRacepace\">\r\n          <i class=\"k1\" aria-hidden=\"true\"><\/i><i class=\"k2\" aria-hidden=\"true\"><\/i>\r\n        <\/figure>\r\n      <\/div>\r\n\r\n      <div class=\"s4-block s4-text\">\r\n        <h3 class=\"s4-title\">Sobre  <strong>nosotros<\/strong><\/h3>\r\n        <p class=\"s4-copy\">\r\n          En DRacePace formamos pilotos con visi\u00f3n, disciplina y prop\u00f3sito. Somos una academia dedicada al desarrollo integral de j\u00f3venes talentos en karting y automovilismo, combinando t\u00e9cnica, preparaci\u00f3n f\u00edsica y mental, un enfoque centrado en la excelencia.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ====== Bloque 2: Texto \u2014 Imagen (con muesca2 arriba de la imagen) ====== -->\r\n    <div class=\"s4-grid s4-b2 invert\" style=\"margin-top:70px\">\r\n      <div class=\"s4-block s4-text\">\r\n        <h3 class=\"s4-title\">Nuestra misi\u00f3n <strong>mission<\/strong><\/h3>\r\n        <p class=\"s4-copy\">\r\n          Acompa\u00f1ar a cada piloto desde sus primeras vueltas hasta su consolidaci\u00f3n como competidor profesional, con una metodolog\u00eda moderna, entrenadores expertos, trabajo en equipo y pasi\u00f3n por las carreras.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"s4-block s4-media\" style=\"position:relative\">\r\n        <!-- Muesca peque\u00f1a encima -->\r\n        <img decoding=\"async\" class=\"s4-chip\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion4\/muesca2.webp\"\r\n             alt=\"\" style=\"right:78px; top:-26px\">\r\n        <figure class=\"s4-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion4\/missionv2.webp\" alt=\"Karting en acci\u00f3n \u2014 DRacepace\">\r\n          <i class=\"k1\" aria-hidden=\"true\"><\/i><i class=\"k2\" aria-hidden=\"true\"><\/i>\r\n        <\/figure>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52ebc3c e-grid e-con-full e-con e-parent\" data-id=\"52ebc3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8113057 elementor-widget elementor-widget-html\" data-id=\"8113057\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =======================\r\n  Section 5 \u2014 Reserve \/ Book CTA\r\n  WordPress (HTML widget) \u2014 DRacepace\r\n======================= -->\r\n<style>\r\n  :root{\r\n    --brand:#AE18EB;      \/* Morado marca *\/\r\n    --cyan:#1AC7FF;       \/* Cian acento *\/\r\n    --bg:#000;            \/* Fondo negro *\/\r\n    --ink:#EDEDED;        \/* Texto *\/\r\n    --maxw:1200px;\r\n\r\n    \/* Ajustes r\u00e1pidos (Desktop) *\/\r\n    --title-overlap: 28px;   \/* cu\u00e1nto se superpone el t\u00edtulo sobre la imagen *\/\r\n    --copy-top: 96px;        \/* posici\u00f3n Y del texto dentro de la imagen *\/\r\n    --copy-left: 56px;       \/* posici\u00f3n X del texto dentro de la imagen *\/\r\n    --cta-right: 38px;       \/* posici\u00f3n X del CTA (desde derecha) *\/\r\n    --cta-bottom: 26px;      \/* posici\u00f3n Y del CTA (desde abajo) *\/\r\n  }\r\n\r\n  #reserve-section{\r\n    position:relative; width:100vw; left:50%; right:50%;\r\n    margin-left:-50vw; margin-right:-50vw; background:var(--bg); color:var(--ink);\r\n  }\r\n  #reserve-section .wrap{\r\n    max-width:var(--maxw); margin:0 auto; padding:0px 20px 88px; position:relative;\r\n  }\r\n\r\n  \/* ====== T\u00edtulo flotante (2 l\u00edneas) ====== *\/\r\n  .reserve-title{\r\n    position:relative; z-index:3; text-align:center;\r\n    transform: translateY(calc(-1 * var(--title-overlap)));\r\n    margin-bottom: calc(-1 * var(--title-overlap));top: 3vw; line-height: 40px;\r\n  }\r\n  .reserve-title p{\r\n    margin:0;\r\n  }\r\n  .reserve-title .line1{\r\n    display:flex; align-items:center; justify-content:center; gap:16px;\r\n    font-family: 'Gabarito-Variable';\r\n    letter-spacing:.01em; margin-bottom:8px;\r\n  }\r\n  .reserve-title .line1 strong{color:var(--brand); font-weight:900;font-family: 'Gabarito-Variable';\r\n    font-size: 4vw;}\r\n  .reserve-title .flag{\r\n    height:20px; width:auto; display:inline-block; vertical-align:middle; filter:grayscale(1) contrast(1.1) brightness(.98);\r\n  }\r\n  .reserve-title .line2{\r\n    font-family: 'Gabarito-Variable';\r\n    color: #fff;\r\n    font-size: 5vw\r\n  }\r\n\r\n  \/* ====== Tarjeta \/ Imagen principal ====== *\/\r\n  .reserve-card{\r\n    position:relative; z-index:1; overflow:hidden; border-radius:10px;\r\n    box-shadow:0 16px 50px rgba(0,0,0,.55);\r\n  }\r\n  .reserve-card picture, .reserve-card img{display:block; width:100%; height:auto}\r\n  \/* Tinte violeta sutil sobre la imagen *\/\r\n  .reserve-card::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background:\r\n      linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.22) 100%),\r\n      linear-gradient(120deg, rgba(174,24,235,.32) 0%, rgba(0,0,0,0) 60%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Texto dentro de la imagen *\/\r\n  .reserve-copy{\r\n    position:absolute; left:9%; top:40%;\r\n    width:min(560px, 60%); z-index:2;\r\n    font:600 clamp(14px,1.25vw,18px)\/1.65 \"Manrope\",system-ui; color:#fff;\r\n    text-shadow:0 3px 14px rgba(0,0,0,.55);\r\n  }\r\n  \/* Flecha decorativa a la izquierda (opcional) *\/\r\n  \/*.reserve-copy::before{\r\n    content:\"\u00bb\"; position:absolute; left:-28px; top:2px; font-weight:900;\r\n    color:var(--cyan); font-size:1.6em; line-height:1;\r\n    text-shadow:none;\r\n  }*\/\r\n  .reserve-copy .emph{color:var(--cyan); font-weight:800}\r\n\r\n  \/* CTA flotante *\/\r\n  .reserve-cta{\r\n    position:absolute; right:38px; bottom:15px;\r\n    z-index:3; text-decoration:none; color:#fff; font:800 15px\/1 \"Manrope\",system-ui;\r\n    padding:14px 18px; background:#0c0c0c; border-radius:1px;\r\n    transform:skewX(-12deg);\r\n    box-shadow:0 10px 24px rgba(0,0,0,.45);\r\n  }\r\n  .reserve-cta span{display:inline-block; transform:skewX(12deg)}\r\n  \/*.reserve-cta::before{\r\n    content:\"\"; position:absolute; inset:-8px auto auto -18px; width:78px; height:34px;\r\n    background:var(--brand); border-radius:10px; z-index:-1; transform:skewX(-12deg);\r\n    filter:brightness(1.05);\r\n  }*\/\r\n  .reserve-cta:hover{filter:brightness(1.05)}\r\n\r\n  \/* ====== Responsive ====== *\/\r\n  @media (max-width: 840px){\r\n    :root{\r\n      --title-overlap: 22px;\r\n      --copy-top: 78px;\r\n      --copy-left: 24px;\r\n      --cta-right: 20px;\r\n      --cta-bottom: 18px;\r\n    }\r\n    #reserve-section .wrap{padding:52px 14px 72px}\r\n    .reserve-copy{width:78%;left: 13%;\r\n    top: 18%;}\r\n    .reserve-title .flag{height:18px}\r\n  }\r\n    @media (max-width: 768px){\r\n      section#reserve-section .reserve-title p{\r\n      font-size: 11vw;\r\n      font-weight: 900;\r\n      }\r\n      section#reserve-section .reserve-title{\r\n        line-height: 8vw;\r\n      }\r\n      section#reserve-section .reserve-title .flag{\r\n        height: 18px;\r\n        width: 85px;\r\n      }\r\n      section#reserve-section .reserve-title p strong{\r\n      font-size: 11vw;\r\n      }\r\n      section#reserve-section .reserve-copy{\r\n        font-family: 'Gabarito-Variable';\r\n        line-height: 5vw;\r\n      }\r\n      section#reserve-section .reserve-cta{\r\n        right: 6vw;\r\n        bottom: 2vw;\r\n        padding: 6px 18px;\r\n        transform: skewX(-30deg);\r\n      }\r\n      section#reserve-section .reserve-cta span{\r\n        font-size: 4vw;\r\n        transform: skewX(30deg);\r\n      }\r\n    }\r\n\r\n  \/* Full-bleed seguro en Elementor *\/\r\n  .elementor-widget-container #reserve-section{\r\n    margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%);\r\n  }\r\n<\/style>\r\n\r\n<section id=\"reserve-section\" aria-label=\"Reserve your training\">\r\n  <div class=\"wrap\">\r\n\r\n    <!-- T\u00edtulo flotante con banderas -->\r\n    <div class=\"reserve-title\">\r\n      <div class=\"line1\">\r\n        <img decoding=\"async\" class=\"flag\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion5\/muesca3.png\" alt=\"\" loading=\"lazy\">\r\n       <p> <strong>reserva<\/strong><\/p>\r\n        <img decoding=\"async\" class=\"flag\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion5\/muesca3.png\" alt=\"\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"line2\">\r\n        <p>tu entrenamiento<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tarjeta principal -->\r\n    <div class=\"reserve-card\">\r\n      <picture>\r\n        <source media=\"(max-width: 840px)\" srcset=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion5\/reserve_mob.webp\">\r\n        <img decoding=\"async\" src=\"https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion5\/reserve.webp\" alt=\"Kart training reservation \u2014 DRacepace\">\r\n      <\/picture>\r\n\r\n      <!-- Texto dentro de la pieza (alineado a la flecha celeste) -->\r\n      <p class=\"reserve-copy\">\r\n        te guiaremos paso a paso<br>\r\n        para que desarrolles tus<br>\r\n        <span class=\"emph\">habilidades en la pista<\/span>\r\n      <\/p>\r\n\r\n      <!-- CTA flotante -->\r\n      <a class=\"reserve-cta\" href=\"#book\">\r\n        <span>book here &nbsp;><\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22670db e-grid e-con-full e-con e-parent\" data-id=\"22670db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c10fdd7 elementor-widget elementor-widget-html\" data-id=\"c10fdd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =======================\r\n  Section 5 \u2014 Contact CTA (Desktop + Mobile)\r\n  WordPress HTML widget \u2014 Dracepace\r\n======================= -->\r\n<style>\r\n  :root{\r\n    --brand:#AE18EB;        \/* Morado marca *\/\r\n    --bg:#000;              \/* Negro sitio *\/\r\n    --ink:#EDEDED;          \/* Texto claro *\/\r\n    --card:#FFFFFF;         \/* Fondo card *\/\r\n    --muted:#8F8F8F;\r\n    --maxw:1200px;\r\n    --radius:18px;\r\n    --shadow: 0 18px 45px rgba(0,0,0,.35);\r\n  }\r\n\r\n  \/* ====== SECTION WRAPPER ====== *\/\r\n  #contact-us{\r\n    position: relative;\r\n    width:100%;\r\n    color:var(--ink);\r\n    background:#000 url('https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion5\/contactv2.webp')\r\n               center center \/ cover no-repeat;\r\n    overflow: visible;\r\n\r\n  }\r\n\r\n  \/* Fondo mobile *\/\r\n  @media (max-width: 768px){\r\n    #contact-us{\r\n      background-image:url('https:\/\/dracepace.com\/wp-content\/themes\/images\/seccion5\/contactv2_mob.webp');\r\n      height: 62em;\r\n    }\r\n    #contact-us h3{\r\n      color: #AE18EB;\r\n      text-align: center;\r\n      position: relative;\r\n      bottom: 8vw;\r\n      font-size: 8.5vw;\r\n    }\r\n    #contact-us h3 br{\r\n      display: none;\r\n    }\r\n    #contact-us .wpcf7 .textarea{\r\n      min-height: 100px;\r\n     height: 95px;\r\n    }\r\n    #contact-us span.wpcf7-list-item-label{\r\n      font-size: 3vw;\r\n    }\r\n  }\r\n\r\n  \/* ====== LAYOUT ====== *\/\r\n  #contact-us .wrap{\r\n    max-width:var(--maxw);\r\n    margin:0 auto;\r\n    padding: 72px 20px 120px;\r\n    display:grid;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    gap:36px;\r\n    align-items:center;\r\n  }\r\n\r\n  \/* Mobile: stack + \u201cflotante\u201d *\/\r\n  @media (max-width: 768px){\r\n    #contact-us .wrap{\r\n      grid-template-columns: 1fr;\r\n      padding: 56px 16px 40px;\r\n    }\r\n  }\r\n\r\n  \/* ====== COPY LEFT ====== *\/\r\n  #contact-us h3{\r\n    font-family: 'Gabarito-Variable';\r\n    font-weight: 800;\r\n    font-size: 5vw;\r\n    color: #fff;\r\n    line-height: 1.05;\r\n    margin: 0;\r\n    letter-spacing: .2px;\r\n  }\r\n\r\n  #contact-us .headline{\r\n    text-shadow: 0 4px 14px rgba(0,0,0,.45);\r\n  }\r\n\r\n  \/* ====== FORM CARD ====== *\/\r\n  #contact-us .form-card{\r\n    background:var(--card);\r\n    color:#222;\r\n    border-radius:var(--radius);\r\n    box-shadow:var(--shadow);\r\n    padding:22px 22px 26px;\r\n  }\r\n  div#wpcf7-f175-p6-o1 br{\r\n    height: 0;\r\n    display: contents;\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    #contact-us .form-card{\r\n      position: relative;\r\n      top: 55vw;\r\n      margin-bottom: 10px;\r\n      z-index: 3;  \r\n      padding: 22px 22px 0px;\r\n    }\r\n  }\r\n\r\n  \/* ====== CF7 STYLES ====== *\/\r\n  \/* T\u00edtulos dentro del form *\/\r\n  #contact-us .wpcf7 .form-title{\r\n    font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    font-weight: 900;\r\n    font-size: clamp(28px, 4.2vw, 38px);\r\n    color: #AD18EA; \/* o #AE18EB si prefieres m\u00e1s brillante *\/\r\n    text-align:center;\r\n    margin: 6px 0 4px;\r\n  }\r\n  #contact-us .wpcf7 .form-sub{\r\n    text-align:center;\r\n    font-weight:400;\r\n    color:#2d2d2d;\r\n    font-family: 'Gabarito-Variable';\r\n    margin: 0 0 12px;\r\n  }\r\n\r\n  \/* Inputs con menos separaci\u00f3n (usamos class:input y class:textarea en CF7) *\/\r\n  #contact-us .wpcf7 .input,\r\n  #contact-us .wpcf7 .textarea{\r\n    width:100%;\r\n    border:2px solid #6a5e5e;\r\n    border-radius:12px;\r\n    padding:12px 14px;\r\n    font-size:15px;\r\n    outline:none;\r\n    transition:border-color .2s ease, box-shadow .2s ease;\r\n    background:#fff;\r\n    margin-bottom:10px;  \/* <-- menos gap *\/\r\n    display:block;\r\n  }\r\n  #contact-us .wpcf7 .textarea{ min-height: 120px;height: 70px; resize:vertical; }\r\n  #contact-us .wpcf7 .input:focus,\r\n  #contact-us .wpcf7 .textarea:focus{\r\n    border-color: var(--brand);\r\n    box-shadow: 0 0 0 4px rgba(174,24,235,.12);\r\n  }\r\n\r\n  \/* Checkboxes compactos *\/\r\n  #contact-us .wpcf7 .wpcf7-list-item{\r\n    display:block;\r\n    margin:8px 0;\r\n    font-size:13px;\r\n    color:#3A3A3A;\r\n  }\r\n\r\n  \/* Submit *\/\r\n  #contact-us .wpcf7 input[type=\"submit\"]{\r\n    width:100%;\r\n    border:none;\r\n    border-radius:12px;\r\n    padding:12px 18px;\r\n    font-weight:800;\r\n    letter-spacing:.2px;\r\n    cursor:pointer;\r\n    background: #18B6FF; \/* puedes usar var(--brand) si quieres morado *\/\r\n    color:#fff;\r\n    transition: transform .05s ease, box-shadow .2s ease, opacity .2s ease;\r\n    box-shadow: 0 8px 18px rgba(24,182,255,.35);\r\n  }\r\n  #contact-us .wpcf7 input[type=\"submit\"]:hover{ opacity:.95 }\r\n  #contact-us .wpcf7 input[type=\"submit\"]:active{ transform: translateY(1px) }\r\n\r\n  #contact-us .wpcf7 form .wpcf7-response-output{\r\n    border: none;\r\n    margin: 12px 0 0;\r\n    padding: 0;\r\n    color:#2e7d32;\r\n    font-size: 14px;\r\n  }\r\n<\/style>\r\n\r\n<section id=\"contact-us\" aria-label=\"Contact us\">\r\n  <div class=\"wrap\">\r\n    <!-- Columna izquierda -->\r\n    <div class=\"headline\">\r\n      <h3>\u00bflisto para <br>empezar?<\/h3>\r\n    <\/div>\r\n\r\n    <!-- Columna derecha -->\r\n    <div class=\"form-card\">\r\n      <div class=\"wpcf7\">\r\n        <!-- Reemplaza por TU shortcode copiado de Contact \u2192 Contact Forms -->\r\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f175-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"175\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/es\/wp-json\/wp\/v2\/pages\/6#wpcf7-f175-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/es\/wp-json\/wp\/v2\/pages\/6#wpcf7-f175-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"175\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f175-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<h2 class=\"form-title\">Cont\u00e1ctanos\n<\/h2>\n<p class=\"form-sub\">\u00bfNecesitas m\u00e1s informaci\u00f3n antes de reservar?\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel input\" aria-invalid=\"false\" placeholder=\"Celular\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"E-mail\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text input\" aria-invalid=\"false\" placeholder=\"Asunto\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea textarea\" aria-invalid=\"false\" placeholder=\"Cu\u00e9ntanos un poco m\u00e1s sobre tus necesidades.\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-152\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-152\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto los \n  <a href=\"\/es\/terminos-y-condiciones\/\" target=\"_blank\" rel=\"noopener\">T\u00e9rminos y Condiciones<\/a><\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-152\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-152\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Acepto recibir informaci\u00f3n y promociones<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n<\/div>\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Train with us, reach your full potential. Exciting track experience Speed, technique, and excitement for everyone Discover \u201cwith us\u201d the [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":243,"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":1165,"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions\/1165"}],"wp:attachment":[{"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}