Karting Ocaña

Circuito de karting, reservas y eventos en Ocaña

Eventos

<style>
/* Karting Ocaña - estilos base para pegar en un bloque HTML personalizado de WordPress */
.wp-site-blocks > header,
.wp-site-blocks > footer,
.wp-block-post-title,
.entry-title,
.page-title,
.site-header,
.site-footer {
  display: none !important;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #080808 !important;
  overflow-x: hidden !important;
}

.elementor-widget-html,
.elementor-widget-container,
.entry-content,
.site-main,
.wp-site-blocks,
.wp-block-post-content,
.wp-block-group {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

.ko-page {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  font-family: Arial, Helvetica, sans-serif;
  background: #080808;
  color: #fff;
  line-height: 1.4;
}

.ko-page * { box-sizing: border-box; }

.ko-nav {
  position: absolute;
  top: 24px;
  left: 6%;
  right: 6%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  z-index: 10;
}

.ko-logo {
  width: 150px;
  max-width: 34vw;
  height: auto;
  display: block;
}

.ko-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  align-items: center;
  justify-content: flex-end;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14px;
}

.ko-menu a {
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent;
  padding-bottom: 6px;
}

.ko-menu a:hover,
.ko-menu a.ko-active {
  color: #ffcc00 !important;
  border-bottom-color: #e91b23;
}

.ko-hero {
  min-height: 700px;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.42) 45%, rgba(0,0,0,0.16) 100%),
    url("https://karting-ocana.com/wp-content/uploads/2026/05/20260524_110920-scaled.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 130px 6% 85px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ko-hero-content {
  max-width: 760px;
}

.ko-kicker {
  color: #ffcc00;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 16px;
}

.ko-page h1,
.ko-page h2,
.ko-page h3 {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

.ko-hero h1,
.ko-subhero h1 {
  font-size: clamp(42px, 7vw, 88px);
  line-height: 0.95;
  margin: 0 0 25px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -2px;
}

.ko-yellow { color: #ffcc00; }
.ko-red { color: #e91b23; }

.ko-hero p,
.ko-subhero p {
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.45;
  max-width: 620px;
  margin: 0 0 34px;
  color: #f4f4f4;
}

.ko-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.ko-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 22px;
  border-radius: 9px;
  text-decoration: none !important;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14px;
  border: 2px solid transparent;
  transition: transform .18s ease, opacity .18s ease;
}

.ko-btn:hover {
  transform: translateY(-2px);
  opacity: .9;
}

.ko-btn-red { background: #e91b23; color: #fff !important; }
.ko-btn-yellow { background: #ffcc00; color: #111 !important; }
.ko-btn-outline { border-color: #fff; color: #fff !important; background: rgba(0,0,0,.25); }

.ko-reserva {
  background: linear-gradient(180deg, #191919, #101010);
  border-top: 4px solid #e91b23;
  border-radius: 18px;
  margin: -56px 6% 0;
  padding: 24px;
  position: relative;
  z-index: 8;
  display: grid;
  grid-template-columns: 1.15fr repeat(4, minmax(120px, 1fr)) 1.35fr;
  gap: 14px;
  align-items: end;
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
}

.ko-reserva strong {
  display: block;
  color: #ffcc00;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1.05;
}

.ko-reserva span { color: #fff; }

.ko-field label {
  display: block;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #fff;
}

.ko-field input,
.ko-field select {
  width: 100%;
  padding: 14px;
  border-radius: 7px;
  border: 1px solid #333;
  background: #fff;
  color: #111;
  min-height: 48px;
}

.ko-section {
  padding: 78px 6%;
  background: #0b0b0b;
}

.ko-section-alt { background: #111; }

.ko-title {
  text-align: center;
  font-size: clamp(30px, 4vw, 44px);
  text-transform: uppercase;
  font-weight: 900;
  margin: 0 0 38px;
}

.ko-title-left { text-align: left; }

.ko-lead {
  max-width: 840px;
  margin: -16px auto 40px;
  color: #ddd;
  text-align: center;
  font-size: 18px;
}

.ko-cards,
.ko-price-grid,
.ko-event-grid {
  display: grid;
  gap: 22px;
}

.ko-price-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ko-event-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.ko-cards { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }

.ko-card {
  background: linear-gradient(180deg, #1b1b1b, #101010);
  border: 1px solid #333;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}

.ko-card h3 {
  margin: 0 0 12px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 900;
}

.ko-card p {
  color: #ccc;
  margin: 0 0 18px;
}

.ko-price {
  font-size: 46px;
  font-weight: 900;
  color: #ffcc00;
  margin: 16px 0;
}

.ko-card ul {
  padding-left: 18px;
  margin: 0 0 22px;
  color: #eee;
  line-height: 1.8;
}

.ko-circuito {
  background:
    linear-gradient(90deg, rgba(0,0,0,0.72), rgba(0,0,0,0.22)),
    url("https://karting-ocana.com/wp-content/uploads/2026/05/20260524_110900-scaled.jpg");
  background-size: cover;
  background-position: center;
  padding: 95px 6%;
}

.ko-circuito-box { max-width: 680px; }
.ko-circuito p { color: #f4f4f4; font-size: 18px; line-height: 1.65; }

.ko-feature-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #2b2b2b;
  border-radius: 14px;
  overflow: hidden;
  margin-top: 34px;
}

.ko-feature {
  background: rgba(0,0,0,.72);
  padding: 22px;
}

.ko-feature strong { color: #ffcc00; text-transform: uppercase; display: block; }
.ko-feature span { color: #ddd; font-size: 14px; }

.ko-subhero {
  min-height: 420px;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.78), rgba(0,0,0,0.25)),
    url("https://karting-ocana.com/wp-content/uploads/2026/05/20260524_110920-scaled.jpg");
  background-size: cover;
  background-position: center;
  padding: 120px 6% 70px;
  display: flex;
  align-items: center;
}

.ko-subhero .ko-logo { margin-bottom: 30px; }

.ko-footer {
  padding: 30px 6%;
  background: #050505;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #ddd;
  flex-wrap: wrap;
  border-top: 1px solid #222;
}

.ko-footer a { color: #fff !important; text-decoration: none !important; }

@media (max-width: 980px) {
  .ko-menu { display: none; }
  .ko-nav { justify-content: center; }
  .ko-reserva { grid-template-columns: 1fr; margin: 0; border-radius: 0; }
  .ko-hero { min-height: 620px; padding-top: 120px; }
  .ko-feature-row { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .ko-feature-row { grid-template-columns: 1fr; }
  .ko-section { padding: 55px 5%; }
  .ko-footer { flex-direction: column; }
}
</style>
<div class="ko-page">
  <div class="ko-nav">
    <a href="/"><img class="ko-logo" src="https://karting-ocana.com/wp-content/uploads/2026/05/logo-1.jpg" alt="Karting Ocaña"></a>
    <div class="ko-menu">
      <a href="/#inicio">Inicio</a>
      <a href="/#reservas">Reservas</a>
      <a href="/#precios">Precios</a>
      <a href="/#eventos">Eventos</a>
      <a href="/#circuito">Circuito</a>
      <a href="/#contacto">Contacto</a>
    </div>
  </div>

  <section class="ko-subhero">
    <div>
      <img class="ko-logo" src="https://karting-ocana.com/wp-content/uploads/2026/05/logo-1.jpg" alt="Karting Ocaña">
      <h1>Eventos  <span class="ko-yellow"></span></h1>
      <p>Sin EVENTOS  disponibles en Karting Ocaña.</p>
      <div class="ko-buttons">
        <a class="ko-btn ko-btn-red" href="/#reservas">Reservar ahora</a>
        <a class="ko-btn ko-btn-yellow" href="tel:925958927">Llamar</a>
      </div>
    </div>
  </section>

  <section class="ko-section">
    <h2 class="ko-title">Próximos eventos</h2>
    <p class="ko-lead">Puedes actualizar esta página cada mes con las próximas carreras, horarios especiales o promociones.</p>
    <div class="ko-cards">
      <div class="ko-card"><h3>Carreras sociales</h3><p>Compite con otros pilotos en un ambiente divertido y seguro. Ideal para aficionados al karting.</p><a class="ko-btn ko-btn-yellow" href="tel:925958927">Consultar</a></div>
      <div class="ko-card"><h3>Tandas especiales</h3><p>Publica aquí tandas promocionales, bonos o jornadas con horarios ampliados.</p><a class="ko-btn ko-btn-red" href="mailto:info@kartingocana.com?subject=Consulta%20eventos%20del%20mes">Solicitar información</a></div>
      <div class="ko-card"><h3>Entrenamientos</h3><p>Consulta disponibilidad para entrenamientos, tandas libres y alquiler de pista.</p><a class="ko-btn ko-btn-yellow" href="/#contacto">Contactar</a></div>
    </div>
  </section>
  <section class="ko-section ko-section-alt">
    <h2 class="ko-title">¿Tienes un grupo?</h2>
    <p class="ko-lead">Preparamos carreras privadas para amigos, clubes, empresas y celebraciones. Contacta para reservar fecha.</p>
    <div class="ko-buttons" style="justify-content:center;"><a class="ko-btn ko-btn-red" href="mailto:info@kartingocana.com?subject=Reserva%20grupo%20Karting%20Oca%C3%B1a">Pedir información</a></div>
  </section>

  <footer class="ko-footer" id="contacto">
    <div>Carretera CM 4005 KM 2,9 · Ocaña, Toledo</div>
    <div><a href="tel:925958927">925 95 89 27</a></div>
    <div><a href="mailto:info@kartingocana.com">info@kartingocana.com</a></div>
  </footer>
</div>