Booking

Pasiegos Epic Weekend – Ride The Real Spain :root { –trigo: #EFDDAF; –verde-vid: #2E5540; –verde-duero: #143228; –azul: #85A5B8; –negro: #0F0F0F; –aurora: #86FFC5; –cream: #F7F2E8; –gold: #C9A84C; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { background: var(–negro); color: var(–cream); font-family: ‘Barlow’, sans-serif; font-weight: 300; overflow-x: hidden; } /* ── WAVE PATTERN ── */ .wave-bg { position: absolute; inset: 0; opacity: 0.06; background-image: url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’800′ height=’400’%3E%3Cpath d=’M0 60 Q100 30 200 60 Q300 90 400 60 Q500 30 600 60 Q700 90 800 60′ fill=’none’ stroke=’%23F7F2E8′ stroke-width=’2’/%3E%3Cpath d=’M0 100 Q100 70 200 100 Q300 130 400 100 Q500 70 600 100 Q700 130 800 100′ fill=’none’ stroke=’%23F7F2E8′ stroke-width=’2’/%3E%3Cpath d=’M0 140 Q100 110 200 140 Q300 170 400 140 Q500 110 600 140 Q700 170 800 140′ fill=’none’ stroke=’%23F7F2E8′ stroke-width=’2’/%3E%3Cpath d=’M0 180 Q100 150 200 180 Q300 210 400 180 Q500 150 600 180 Q700 210 800 180′ fill=’none’ stroke=’%23F7F2E8′ stroke-width=’2’/%3E%3Cpath d=’M0 220 Q100 190 200 220 Q300 250 400 220 Q500 190 600 220 Q700 250 800 220′ fill=’none’ stroke=’%23F7F2E8′ stroke-width=’2’/%3E%3Cpath d=’M0 260 Q100 230 200 260 Q300 290 400 260 Q500 230 600 260 Q700 290 800 260′ fill=’none’ stroke=’%23F7F2E8′ stroke-width=’2’/%3E%3Cpath d=’M0 300 Q100 270 200 300 Q300 330 400 300 Q500 270 600 300 Q700 330 800 300′ fill=’none’ stroke=’%23F7F2E8′ stroke-width=’2’/%3E%3Cpath d=’M0 340 Q100 310 200 340 Q300 370 400 340 Q500 310 600 340 Q700 370 800 340′ fill=’none’ stroke=’%23F7F2E8′ stroke-width=’2’/%3E%3C/svg%3E”); background-size: 800px 400px; pointer-events: none; } /* ── LOGO SVG ── */ .logo-svg { width: 60px; height: auto; } /* ── HERO ── */ #hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 6vw 8vh; overflow: hidden; } #hero::before { content: ”; position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(15,15,15,0.3) 0%, rgba(15,15,15,0.1) 40%, rgba(15,15,15,0.75) 80%, rgba(15,15,15,1) 100% ); z-index: 1; } .hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; } .hero-content { position: relative; z-index: 2; max-width: 900px; } .hero-nav { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; padding: 2.5rem 6vw; } .hero-nav a { color: var(–cream); text-decoration: none; font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.8rem; letter-spacing: 0.15em; text-transform: uppercase; opacity: 0.7; transition: opacity 0.2s; } .hero-nav a:hover { opacity: 1; } .tag { display: inline-block; font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(–aurora); margin-bottom: 1.5rem; opacity: 0; animation: fadeUp 0.8s forwards 0.3s; } h1.hero-title { font-family: ‘Cormorant Garamond’, serif; font-size: clamp(3.5rem, 9vw, 8rem); font-weight: 300; line-height: 0.95; letter-spacing: -0.02em; color: var(–cream); margin-bottom: 0.3em; opacity: 0; animation: fadeUp 0.9s forwards 0.5s; } h1.hero-title em { font-style: italic; color: var(–trigo); } .hero-sub { font-family: ‘Barlow Condensed’, sans-serif; font-size: clamp(1rem, 2.5vw, 1.4rem); font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase; color: var(–cream); opacity: 0; animation: fadeUp 0.9s forwards 0.7s; margin-bottom: 3rem; } .hero-pills { display: flex; gap: 1rem; flex-wrap: wrap; opacity: 0; animation: fadeUp 0.9s forwards 0.9s; } .pill { border: 1px solid rgba(247,242,232,0.25); padding: 0.5rem 1.2rem; font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(–cream); border-radius: 100px; } .pill.accent { background: var(–aurora); color: var(–negro); border-color: var(–aurora); font-weight: 600; } @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } /* ── SCROLL INDICATOR ── */ .scroll-hint { position: absolute; bottom: 2rem; right: 6vw; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; opacity: 0.4; } .scroll-hint span { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; writing-mode: vertical-rl; } .scroll-line { width: 1px; height: 50px; background: var(–cream); animation: scrollDown 1.5s ease-in-out infinite; } @keyframes scrollDown { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform: scaleY(1); transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } } /* ── SECTIONS ── */ section { position: relative; overflow: hidden; } .container { max-width: 1200px; margin: 0 auto; padding: 0 6vw; } /* ── INTRO STRIP ── */ #intro { background: var(–verde-duero); padding: 5rem 0; } #intro .container { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .section-label { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(–aurora); margin-bottom: 1rem; } h2 { font-family: ‘Cormorant Garamond’, serif; font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 300; line-height: 1.1; color: var(–cream); margin-bottom: 1.5rem; } h2 em { font-style: italic; color: var(–trigo); } p { font-size: 1rem; line-height: 1.8; color: rgba(247,242,232,0.75); max-width: 520px; } .stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .stat-box { border: 1px solid rgba(247,242,232,0.12); padding: 1.5rem; border-radius: 4px; } .stat-num { font-family: ‘Cormorant Garamond’, serif; font-size: 2.8rem; font-weight: 300; color: var(–trigo); line-height: 1; margin-bottom: 0.3rem; } .stat-label { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(247,242,232,0.5); } /* ── DAYS ── */ #rutas { background: var(–negro); padding: 7rem 0; } #rutas .wave-bg { opacity: 0.04; } .rutas-header { text-align: center; margin-bottom: 5rem; } .days-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; } .day-card { position: relative; overflow: hidden; aspect-ratio: 4/5; cursor: default; } .day-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .day-card:hover img { transform: scale(1.04); } .day-card::after { content: ”; position: absolute; inset: 0; background: linear-gradient(to top, rgba(15,15,15,0.92) 0%, rgba(15,15,15,0.3) 60%, transparent 100%); } .day-info { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 2.5rem; } .day-num { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(–aurora); margin-bottom: 0.5rem; } .day-title { font-family: ‘Cormorant Garamond’, serif; font-size: 2rem; font-weight: 400; color: var(–cream); margin-bottom: 0.3rem; line-height: 1.1; } .day-sub { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.8rem; letter-spacing: 0.1em; color: rgba(247,242,232,0.6); text-transform: uppercase; margin-bottom: 1.2rem; font-style: italic; } .day-stats { display: flex; gap: 1.5rem; } .day-stat { display: flex; flex-direction: column; gap: 0.1rem; } .day-stat-val { font-family: ‘Barlow Condensed’, sans-serif; font-size: 1.1rem; font-weight: 500; color: var(–trigo); } .day-stat-label { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.65rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(247,242,232,0.4); } .diff-dots { display: flex; gap: 4px; margin-top: 0.8rem; } .diff-dot { width: 7px; height: 7px; border-radius: 50%; background: var(–aurora); } .diff-dot.empty { background: rgba(247,242,232,0.2); } /* ── INCLUYE ── */ #incluye { background: var(–cream); color: var(–negro); padding: 7rem 0; } #incluye .section-label { color: var(–verde-vid); } #incluye h2 { color: var(–negro); } #incluye h2 em { color: var(–verde-vid); } #incluye p { color: rgba(15,15,15,0.65); } #incluye .container { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; } .incluye-list { list-style: none; margin-top: 2rem; } .incluye-list li { display: flex; align-items: flex-start; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(15,15,15,0.08); font-size: 0.95rem; line-height: 1.5; color: rgba(15,15,15,0.8); max-width: none; } .incluye-list li::before { content: ‘—’; color: var(–verde-vid); font-family: ‘Cormorant Garamond’, serif; font-size: 1.1rem; flex-shrink: 0; margin-top: 0.1rem; } .alojamiento-card { background: var(–negro); border-radius: 4px; overflow: hidden; } .aloj-img-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; } .aloj-img-grid img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; } .aloj-img-grid img:first-child { grid-column: 1 / -1; aspect-ratio: 16/9; } .aloj-info { padding: 1.8rem; } .aloj-info .section-label { color: var(–aurora); margin-bottom: 0.5rem; } .aloj-name { font-family: ‘Cormorant Garamond’, serif; font-size: 1.6rem; color: var(–cream); margin-bottom: 0.3rem; } .aloj-loc { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(247,242,232,0.4); margin-bottom: 1rem; } .aloj-desc { font-size: 0.9rem; line-height: 1.7; color: rgba(247,242,232,0.6); max-width: none; } /* ── PRECIO ── */ #precio { background: var(–verde-duero); padding: 7rem 0; position: relative; } #precio .container { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; } .precio-block { position: relative; z-index: 1; } .precio-num { font-family: ‘Cormorant Garamond’, serif; font-size: clamp(4rem, 8vw, 7rem); font-weight: 300; color: var(–trigo); line-height: 1; margin: 1rem 0 0.3rem; } .precio-label { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(–aurora); margin-bottom: 2rem; } .precio-notes { display: flex; flex-direction: column; gap: 0.6rem; margin-bottom: 2.5rem; } .precio-note { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.85rem; letter-spacing: 0.05em; color: rgba(247,242,232,0.6); display: flex; align-items: center; gap: 0.5rem; } .precio-note::before { content: ‘✓’; color: var(–aurora); font-size: 0.8rem; } /* ── FORM ── */ .form-side h2 { margin-bottom: 0.5rem; } .form-side > p { margin-bottom: 2rem; } .form-group { margin-bottom: 1.2rem; } label { display: block; font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(247,242,232,0.5); margin-bottom: 0.4rem; } input, select, textarea { width: 100%; background: rgba(247,242,232,0.06); border: 1px solid rgba(247,242,232,0.15); border-radius: 3px; padding: 0.85rem 1rem; color: var(–cream); font-family: ‘Barlow’, sans-serif; font-size: 0.95rem; font-weight: 300; outline: none; transition: border-color 0.2s, background 0.2s; -webkit-appearance: none; } input:focus, select:focus, textarea:focus { border-color: var(–aurora); background: rgba(134,255,197,0.05); } select option { background: var(–verde-duero); color: var(–cream); } textarea { resize: vertical; min-height: 90px; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .btn-reserve { width: 100%; background: var(–aurora); color: var(–negro); border: none; padding: 1.1rem 2rem; font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; border-radius: 3px; margin-top: 0.5rem; transition: background 0.2s, transform 0.1s; } .btn-reserve:hover { background: #a0ffd4; transform: translateY(-1px); } .btn-reserve:active { transform: translateY(0); } .form-disclaimer { font-size: 0.75rem; color: rgba(247,242,232,0.3); text-align: center; margin-top: 0.8rem; line-height: 1.5; max-width: none; } /* ── SUCCESS MESSAGE ── */ #success-msg { display: none; background: rgba(134,255,197,0.1); border: 1px solid var(–aurora); border-radius: 4px; padding: 2rem; text-align: center; } #success-msg h3 { font-family: ‘Cormorant Garamond’, serif; font-size: 1.8rem; color: var(–aurora); margin-bottom: 0.5rem; } #success-msg p { color: rgba(247,242,232,0.7); font-size: 0.95rem; max-width: none; } /* ── FOOTER ── */ footer { background: var(–negro); border-top: 1px solid rgba(247,242,232,0.06); padding: 3rem 0; } footer .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.5rem; } .footer-brand { display: flex; align-items: center; gap: 1rem; } .footer-links { display: flex; gap: 2rem; } .footer-links a { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(247,242,232,0.35); text-decoration: none; transition: color 0.2s; } .footer-links a:hover { color: var(–cream); } .footer-copy { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.7rem; letter-spacing: 0.1em; color: rgba(247,242,232,0.2); } /* ── PLAZAS BADGE ── */ .plazas-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(201,168,76,0.12); border: 1px solid rgba(201,168,76,0.3); padding: 0.5rem 1rem; border-radius: 100px; margin-bottom: 1.5rem; } .plazas-dot { width: 6px; height: 6px; border-radius: 50%; background: var(–gold); animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.8); } } .plazas-text { font-family: ‘Barlow Condensed’, sans-serif; font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(–gold); } /* ── DIVIDER ── */ .wave-divider { height: 2px; background: linear-gradient(90deg, transparent, var(–verde-vid), transparent); margin: 0; } /* ── RESPONSIVE ── */ @media (max-width: 768px) { #intro .container, .days-grid, #incluye .container, #precio .container { grid-template-columns: 1fr; gap: 2.5rem; } .form-row { grid-template-columns: 1fr; } h1.hero-title { font-size: clamp(2.8rem, 12vw, 5rem); } .day-card { aspect-ratio: 3/4; } footer .container { flex-direction: column; align-items: flex-start; } } /* ── FADE IN ON SCROLL ── */ .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.visible { opacity: 1; transform: translateY(0); }
ridetherealspain.com
Primavera 2026 · Cantabria

Pasiegos
Epic Weekend

Dos días en el corazón de Cantabria — puertos y recuerdos que marcan

168 km · 2 días
4.860 m desnivel
Todo incluido
690 € / persona
Scroll

No es una ruta.
Es un fin de semana
que recordarás.

Los Valles Pasiegos esconden dos de los puertos más duros y más bellos del norte de España. Los subimos en grupo reducido, con todo organizado, para que tú solo pienses en pedalear.

94
km — Día 1
74
km — Día 2
2.770
m desnivel Día 1
2.090
m desnivel Día 2

Dos días.
Cuatro puertos.

Día 01
Machucos + Picón Blanco
“El día que recordarás”
94 km Distancia
2.770 m Desnivel
6h 15m Aprox.
Día 02
Lunada + Estacas de Trueba
“Fluidez, paisaje”
74 km Distancia
2.090 m Desnivel
4h 30m Aprox.

Todo resuelto.
Tú solo pedalea.

Nos encargamos de cada detalle para que el fin de semana sea perfecto.

  • Alojamiento completo en Casa Rincón Pasiego (casa íntegra, grupos reducidos)
  • Todas las comidas — desayunos, avituallamientos en ruta, cenas
  • Rutas diseñadas y guiadas por nuestro equipo
  • Asistencia mecánica y logística en ruta todo el fin de semana
  • Transfer de equipaje y soporte con vehículo de apoyo
  • Contenido fotográfico premium de la experiencia
  • Acceso a prueba de componentes ciclistas premium en condiciones reales
  • Grupos reducidos — máximo 10 participantes
Casa Rincón Pasiego
Casa Rincón Pasiego
Espinosa de los Monteros, Burgos

Cabaña pasiega tradicional rehabilitada, alquilada íntegramente para el grupo. Seis habitaciones, chimeneas, finca privada. El punto de encuentro y descanso perfecto entre dos días épicos.

Plazas limitadas — junio 2026
690€
por persona · todo incluido
Cómo funciona el pago
HOY Señal de reserva 390€ vía PayPal
JUNIO Resto 300€ — 30 días antes del viaje
Alojamiento en casa exclusiva
Todas las comidas
Asistencia mecánica y logística
Guía y soporte en ruta
Contenido fotográfico premium
Máximo 10 participantes

Apúntate
ahora.

Rellena tus datos y paga la señal de 390€ directamente con PayPal. Tu plaza queda confirmada al instante.

Nombre
Apellidos
Email
Teléfono
Fin de semana Selecciona una fecha Junio 2026 — 1ª fecha (por confirmar) Junio 2026 — 2ª fecha (por confirmar)
Algo que quieras contarnos (opcional)

Pagarás 390€ ahora como señal de reserva. Los 300€ restantes se abonan 30 días antes del viaje. Pago seguro con PayPal.

¡Plaza reservada! 🎉

Tu señal de 390€ está confirmada. En menos de 24 horas te escribimos con todos los detalles del viaje.

¿Tienes alguna duda? alvaro@ridetherealspain.com · 645 600 383

https://www.paypal.com/sdk/js?client-id=TU_PAYPAL_CLIENT_ID_AQUI&currency=EUR&locale=es_ES // ── Scroll reveal ── const revealEls = document.querySelectorAll(‘.reveal’); const observer = new IntersectionObserver((entries) => { entries.forEach((entry, i) => { if (entry.isIntersecting) { setTimeout(() => entry.target.classList.add(‘visible’), i * 80); observer.unobserve(entry.target); } }); }, { threshold: 0.12 }); revealEls.forEach(el => observer.observe(el)); // ── Form → mostrar botón PayPal ── let formData = {}; document.getElementById(‘reserva-form’).addEventListener(‘submit’, function(e) { e.preventDefault(); // Guardar datos del formulario formData = { nombre: document.getElementById(‘nombre’).value, apellidos: document.getElementById(‘apellidos’).value, email: document.getElementById(’email’).value, telefono: document.getElementById(‘telefono’).value, fecha: document.getElementById(‘fecha’).value, mensaje: document.getElementById(‘mensaje’).value, }; // Ocultar botón “Continuar” y mostrar PayPal document.getElementById(‘btn-continuar’).style.display = ‘none’; document.getElementById(‘paypal-button-container’).style.display = ‘block’; // Scroll suave al botón PayPal document.getElementById(‘paypal-button-container’).scrollIntoView({ behavior: ‘smooth’, block: ‘center’ }); }); // ── Renderizar botón PayPal ── paypal.Buttons({ style: { shape: ‘rect’, color: ‘gold’, layout: ‘vertical’, label: ‘pay’, height: 50 }, createOrder: function(data, actions) { return actions.order.create({ purchase_units: [{ description: ‘Pasiegos Epic Weekend — Señal de reserva’, amount: { currency_code: ‘EUR’, value: ‘390.00’ }, custom_id: formData.nombre + ‘ ‘ + formData.apellidos + ‘ | ‘ + formData.email + ‘ | ‘ + formData.telefono + ‘ | ‘ + formData.fecha }] }); }, onApprove: function(data, actions) { return actions.order.capture().then(function(details) { // Pago completado — mostrar mensaje de éxito document.getElementById(‘reserva-form’).style.display = ‘none’; document.getElementById(‘success-msg’).style.display = ‘block’; document.getElementById(‘success-msg’).scrollIntoView({ behavior: ‘smooth’, block: ‘center’ }); // Notificación por email al cliente (abre cliente de correo como backup) const subject = encodeURIComponent(‘Confirmación reserva — Pasiegos Epic Weekend’); const body = encodeURIComponent( ‘Hola ‘ + formData.nombre + ‘,\n\n’ + ‘Tu plaza está reservada. Hemos recibido la señal de 390€.\n\n’ + ‘Te escribiremos en menos de 24h con todos los detalles.\n\n’ + ‘Ride The Real Spain\n’ + ‘alvaro@ridetherealspain.com | 645 600 383’ ); setTimeout(() => { window.open(‘mailto:’ + formData.email + ‘?subject=’ + subject + ‘&body=’ + body); }, 1500); }); }, onError: function(err) { alert(‘Ha habido un problema con el pago. Por favor, inténtalo de nuevo o contáctanos en alvaro@ridetherealspain.com’); console.error(‘PayPal error:’, err); }, onCancel: function() { // Restaurar botón si cancela document.getElementById(‘btn-continuar’).style.display = ‘block’; document.getElementById(‘paypal-button-container’).style.display = ‘none’; } }).render(‘#paypal-button-container’);