{"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":"2026-09-08T17:56:54","modified_gmt":"2026-09-08T17:56:54","slug":"main-page","status":"publish","type":"page","link":"https:\/\/dracepace.com\/es\/","title":{"rendered":"Main page"},"content":{"rendered":"\t\t<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>Train with us,<br> <strong>reach your full potential.<\/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      Exciting track experience\r\n      <strong>Speed, technique, and excitement for everyone<\/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          Discover <em>\u201cwith us\u201d<\/em> the thrill of every lap in a karting experience\r\n          for all skill levels\u2014designed to help you reach your maximum potential.\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=\"Team Owner and founder\">\r\n          <div class=\"txt\"><p>Team Owner <span class=\"accent\">and founder<\/span><\/p><\/div>\r\n          <a class=\"cta\" href=\"#\"><span>see more ><\/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>Flexible <span class=\"accent\">schedules<\/span><\/p><\/div>\r\n          <a class=\"cta\" href=\"#\"><span>see schedules ><\/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>for all <span class=\"accent\">levels<\/span><\/p><\/div>\r\n          <a class=\"cta\" href=\"#\"><span>see more ><\/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\">Team Owner &amp; founder<\/div>\r\n      <div class=\"modal-name\">DIEGO DURAND<\/div>\r\n      <div class=\"modal-sub\">Professional racing driver with 40+ years of experience<\/div>\r\n      <div class=\"modal-body\">\r\n        From my very first laps in a kart, I was hooked by the speed, the precision, and the chase for that perfect line.\r\n        Over the years, I've competed in professional championships of many disciplines of motorsport like karting, formula cars,\r\n        touring and sport cars, learning firsthand the discipline, resilience, and determination it takes to succeed on the track.\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>Our categories<\/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\">Choose the category that suits you best.<\/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\">About  <strong>us<\/strong><\/h3>\r\n        <p class=\"s4-copy\">\r\n          At DRacePace, we train drivers with vision, discipline, and purpose. We are an academy dedicated to the comprehensive development of young talents in karting and motorsports, combining technique, physical and mental preparation, with a focus on excellence.\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\">Our <strong>mission<\/strong><\/h3>\r\n        <p class=\"s4-copy\">\r\n          Accompanying each driver from their first laps to their consolidation as a professional competitor. Modern methodology, expert coaches, teamwork, and a passion for racing.\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>book<\/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>your training<\/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        We'll guide you step by step<br>\r\n        to develop your<br>\r\n        <span class=\"emph\">skills on the track<\/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>ready to <br>get started?<\/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\">\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\">Contact Us\n<\/h2>\n<p class=\"form-sub\">Need more information before booking?\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=\"Name\" 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-validates-as-required wpcf7-text wpcf7-validates-as-tel input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone\" 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=\"Subject\" 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=\"Tell us a bit more about your needs.\" 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\">I have read and accept the \n  <a href=\"\/terminos-y-condiciones\" target=\"_blank\" rel=\"noopener\">Terms and Conditions<\/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\">I agree to receive information and promotions<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/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>\n\t\t","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>\n","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":246,"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":1204,"href":"https:\/\/dracepace.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions\/1204"}],"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}]}}