Ciclismo de Montaña

Eventos

Navegación de búsqueda y vistas de Eventos

Navegación de vistas de Evento

Hoy

  • V VALIDA COPA VAZSEGUROS BAÑOS

    BAÑOS, AZUAY , Ecuador

    /* Estilos delimitados para evitar conflicto con Elementor */ .inscripcion-widget-container { --azul-marino: #0a192f; --azul-marino-light: #172a45; --azul-electrico: #0066ff; --azul-electrico-glow: rgba(0, 102, 255, 0.3); --blanco: #ffffff; --gris-claro: #f4f7fa; --gris-borde: #e2e8f0; --texto-oscuro: #1e293b; --texto-mutado: #64748b; font-family: 'Open Sans', sans-serif; color: var(--texto-oscuro); line-height: 1.6; width: 100%; max-width: 800px; margin: 0 auto; box-sizing: border-box; } .inscripcion-widget-container * { box-sizing: border-box; } /* Header Principal */ .inscripcion-widget-container .header { text-align: center; margin-bottom: 40px; } .inscripcion-widget-container .header h1 { font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight: 900; color: var(--azul-marino); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; line-height: 1.2; } .inscripcion-widget-container .header p { color: var(--texto-mutado); font-size: 1.1rem; margin: 0; } .inscripcion-widget-container .badge-tag { display: inline-block; background: rgba(0, 102, 255, 0.1); color: var(--azul-electrico); padding: 6px 16px; border-radius: 50px; font-weight: 700; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; } /* Tarjetas de Información Superior */ .inscripcion-widget-container .top-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 20px; margin-bottom: 40px; } @media (max-width: 640px) { .inscripcion-widget-container .top-grid { grid-template-columns: 1fr; } } .inscripcion-widget-container .card { background: var(--blanco); border-radius: 16px; padding: 30px; border: 1px solid var(--gris-borde); box-shadow: 0 10px 25px rgba(10, 25, 47, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; } .inscripcion-widget-container .card:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(10, 25, 47, 0.08); } /* Card Valor de Inscripción */ .inscripcion-widget-container .card-price { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden; border-top: 5px solid var(--azul-electrico); } .inscripcion-widget-container .card-price .title { font-family: 'Montserrat', sans-serif; font-size: 0.9rem; font-weight: 700; color: var(--texto-mutado); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; } .inscripcion-widget-container .card-price .amount { font-family: 'Montserrat', sans-serif; font-size: 3.5rem; font-weight: 900; color: var(--azul-marino); line-height: 1; } .inscripcion-widget-container .card-price .amount span { color: var(--azul-electrico); } /* Card Cuenta Regresiva */ .inscripcion-widget-container .card-timer { text-align: center; border-top: 5px solid var(--azul-marino); } .inscripcion-widget-container .card-timer .title { font-family: 'Montserrat', sans-serif; font-size: 0.9rem; font-weight: 700; color: var(--texto-mutado); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px; } .inscripcion-widget-container .countdown-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .inscripcion-widget-container .timer-box { background: var(--gris-claro); padding: 12px 5px; border-radius: 10px; border: 1px solid var(--gris-borde); } .inscripcion-widget-container .timer-box .number { font-family: 'Montserrat', sans-serif; font-size: 1.6rem; font-weight: 800; color: var(--azul-electrico); display: block; line-height: 1; } .inscripcion-widget-container .timer-box .label { font-size: 0.7rem; font-weight: 600; color: var(--texto-mutado); text-transform: uppercase; margin-top: 4px; display: block; } .inscripcion-widget-container .timer-deadline { font-size: 0.8rem; color: var(--texto-mutado); margin-top: 15px; font-weight: 600; } /* Título Proceso */ .inscripcion-widget-container .section-title { font-family: 'Montserrat', sans-serif; font-size: 1.8rem; font-weight: 800; color: var(--azul-marino); text-align: center; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px; position: relative; } .inscripcion-widget-container .section-title::after { content: ''; display: block; width: 50px; height: 4px; background: var(--azul-electrico); margin: 8px auto 0; border-radius: 2px; } /* Desplegables (Acordeón) */ .inscripcion-widget-container .accordion-item { background: var(--blanco); border: 2px solid var(--gris-borde); border-radius: 16px; margin-bottom: 20px; overflow: hidden; transition: all 0.3s ease; } .inscripcion-widget-container .accordion-item.active { border-color: var(--azul-electrico); box-shadow: 0 10px 30px rgba(0, 102, 255, 0.1); } .inscripcion-widget-container .accordion-header { width: 100%; padding: 24px 30px; background: var(--blanco); border: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; text-align: left; transition: background 0.3s ease; } .inscripcion-widget-container .accordion-header:hover { background: var(--gris-claro); } .inscripcion-widget-container .step-title-group { display: flex; align-items: center; gap: 15px; } .inscripcion-widget-container .step-badge { background: var(--azul-marino); color: var(--blanco); font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 1.1rem; padding: 8px 16px; border-radius: 10px; transition: background 0.3s ease; } .inscripcion-widget-container .accordion-item.active .step-badge { background: var(--azul-electrico); } .inscripcion-widget-container .step-text { font-family: 'Montserrat', sans-serif; font-size: 1.3rem; font-weight: 700; color: var(--azul-marino); } .inscripcion-widget-container .accordion-icon { width: 36px; height: 36px; border-radius: 50%; background: var(--gris-claro); display: flex; align-items: center; justify-content: center; color: var(--azul-marino); font-size: 1rem; transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease; } .inscripcion-widget-container .accordion-item.active .accordion-icon { transform: rotate(180deg); background: var(--azul-electrico); color: var(--blanco); } .inscripcion-widget-container .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0, 1, 0, 1); background: var(--blanco); } .inscripcion-widget-container .accordion-content-inner { padding: 0 30px 30px 30px; border-top: 1px solid var(--gris-borde); margin-top: 5px; padding-top: 25px; } /* Bloque estático del PASO 2 */ .inscripcion-widget-container .step-static-card { background: var(--blanco); border: 2px solid var(--azul-electrico); border-radius: 16px; padding: 24px 30px; margin-bottom: 20px; } /* Detalle Bancario */ .inscripcion-widget-container .bank-details-card { background: var(--gris-claro); border-radius: 12px; padding: 20px 25px; margin-bottom: 25px; border-left: 5px solid var(--azul-marino); } .inscripcion-widget-container .bank-name { font-family: 'Montserrat', sans-serif; font-size: 1.2rem; font-weight: 800; color: var(--azul-marino); margin-bottom: 12px; display: flex; align-items: center; gap: 10px; } .inscripcion-widget-container .bank-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .inscripcion-widget-container .bank-info-item .label { font-size: 0.75rem; text-transform: uppercase; font-weight: 700; color: var(--texto-mutado); display: block; } .inscripcion-widget-container .bank-info-item .value { font-family: 'Montserrat', sans-serif; font-size: 1.05rem; font-weight: 700; color: var(--texto-oscuro); } .inscripcion-widget-container .divider-or { text-align: center; margin: 20px 0; position: relative; } .inscripcion-widget-container .divider-or::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: var(--gris-borde); z-index: 1; } .inscripcion-widget-container .divider-or span { position: relative; z-index: 2; background: var(--blanco); padding: 0 15px; font-weight: 700; color: var(--texto-mutado); font-size: 0.85rem; text-transform: uppercase; } /* Botón Tarjeta */ .inscripcion-widget-container .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 16px 28px; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1.05rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; cursor: pointer; border: none; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .inscripcion-widget-container .btn-card { background: var(--azul-electrico); color: var(--blanco) !important; } .inscripcion-widget-container .btn-card:hover { background: #0052cc; box-shadow: 0 8px 20px var(--azul-electrico-glow); transform: translateY(-2px); } Gran Evento Deportivo Inscripciones Abiertas Sigue los pasos a continuación para asegurar tu cupo en la carrera. Valor Inscripción $20 Cierre de Inscripciones 00 Días 00 Horas 00 Min 00 Seg Termina el 20 de Septiembre de 2026 - 08h00 Proceso de Inscripción PASO 1 Realiza tu Pago BANCO PICHINCHA Tipo de Cuenta Cuenta Corriente Número de Cuenta 21 000 69 465 Titular JORGE PLUA ASSAN Cédula 0913058699 O mediante tarjeta Paga con Tarjeta PASO 2 Registro de Comprobante

  • RUTA DE LOS COLONOS 2026

    PUERTO QUITO, PICHINCHA , Ecuador

    8ª EDICIÓN Ruta de los Colonos LUGAR DE SALIDA DE LA CARRERA PUERTO QUITO, PICHINCHA ⚡ Sábado 03 de Octubre Pekkes 🌲 Domingo 04 de Octubre Público en General /* Importación de tipografía moderna */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); /* Contenedor General */ .ruta-colonos-web-container { width: 100%; max-width: 700px; margin: 30px auto; background-color: #ffffff; /* Fondo Blanco Pulcro */ border-radius: 16px; box-shadow: 0 15px 35px rgba(13, 27, 42, 0.08); /* Sombra suave azulada */ overflow: hidden; font-family: 'Poppins', sans-serif; border: 3px solid #d4af37; /* Filo Dorado Elegante */ } /* 1. Encabezado de Imagen */ .banner-header-image { width: 100%; height: 280px; background-image: url('https://i.postimg.cc/rsKk9Qz7/rutacolonos2026.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } /* Divisor inferior de la imagen en Oro Degradado */ .banner-header-image::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #b38f24 0%, #d4af37 50%, #f3e5ab 100%); } /* 2. Cuerpo de Información */ .banner-body-content { padding: 35px 30px; text-align: center; background-color: #ffffff; } /* Badge de la Edición en Dorado */ .banner-badge { background: linear-gradient(135deg, #d4af37 0%, #b38f24 100%); color: #ffffff; font-weight: 800; font-size: 11px; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; display: inline-block; margin-bottom: 14px; letter-spacing: 1px; box-shadow: 0 3px 8px rgba(179, 143, 36, 0.2); } /* Título Principal en Azul Marino Premium */ .banner-title { color: #0f2a4a; /* Azul Marino Profundo */ font-size: 34px; font-weight: 800; margin: 0 0 24px 0; text-transform: uppercase; letter-spacing: -0.5px; } /* BOTÓN PREMIUM EN AZUL REAL CON DETALLES DORADOS */ .banner-location-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 16px; background: linear-gradient(135deg, #0f2a4a 0%, #1a4473 100%); /* Fondo Azul */ padding: 14px 32px; border-radius: 50px; margin-bottom: 35px; text-decoration: none; border: 2px solid #d4af37; /* Borde de Oro */ box-shadow: 0 4px 18px rgba(15, 42, 74, 0.25); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); max-width: 100%; box-sizing: border-box; overflow: hidden; animation: pulseGlow 2s infinite ease-in-out; } /* Efecto de destello de luz (Shine) */ .btn-shine { position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); animation: shineEffect 4.5s infinite linear; } /* Hover del Botón */ .banner-location-btn:hover { transform: translateY(-3px) scale(1.01); box-shadow: 0 8px 25px rgba(15, 42, 74, 0.4); background: linear-gradient(135deg, #1a4473 0%, #0f2a4a 100%); border-color: #f3e5ab; /* Brillo más claro en hover */ } /* Icono SVG de la manito */ .hand-svg { width: 24px; height: 24px; flex-shrink: 0; transform: rotate(-10deg); transition: transform 0.2s ease; } .banner-location-btn:hover .hand-svg { transform: scale(1.15) rotate(-5deg); } /* Estructura del texto del botón */ .location-text { color: #ffffff; line-height: 1.4; text-align: left; } .text-line-1 { font-size: 11px; font-weight: 500; letter-spacing: 0.8px; opacity: 0.85; display: inline-block; } .text-line-2 { font-size: 14px; font-weight: 800; letter-spacing: 0.5px; color: #fbc02d; /* Texto de la ubicación destacado */ display: inline-block; margin-top: 1px; transition: color 0.2s ease; } .banner-location-btn:hover .text-line-2 { color: #ffffff; } /* ANIMACIONES CSS */ @keyframes shineEffect { 0% { left: -100%; } 18% { left: 150%; } 100% { left: 150%; } } @keyframes pulseGlow { 0% { box-shadow: 0 4px 15px rgba(15, 42, 74, 0.25); } 50% { box-shadow: 0 4px 25px rgba(26, 68, 115, 0.45); } 100% { box-shadow: 0 4px 15px rgba(15, 42, 74, 0.25); } } /* Contenedor de Fechas */ .banner-schedule { display: flex; flex-direction: column; gap: 15px; max-width: 500px; margin: 0 auto; } /* Tarjetas de fechas */ .schedule-card { display: flex; align-items: center; background-color: #f8fafc; /* Fondo gris-azul muy suave */ border-left: 5px solid #1a4473; /* Filo lateral azul */ border-radius: 10px; padding: 15px 20px; transition: all 0.2s ease; text-align: left; border-top: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7; border-right: 1px solid #edf2f7; } .schedule-card:hover { transform: translateX(5px); box-shadow: 0 5px 15px rgba(15, 42, 74, 0.05); background-color: #ffffff; } /* Tarjeta de Pekkes con detalles dorados para dar balance */ .schedule-card.pekkes { border-left-color: #d4af37; /* Filo Dorado */ background-color: #fdfbf7; /* Fondo sutilmente crema/cálido */ border-top-color: #f7f3e9; border-bottom-color: #f7f3e9; border-right-color: #f7f3e9; } .card-icon { font-size: 24px; margin-right: 15px; flex-shrink: 0; } .card-content { display: flex; flex-direction: column; } .date { font-size: 13px; color: #64748b; /* Texto secundario slate */ text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; } .audience { font-size: 20px; color: #0f2a4a; /* Azul para el título interno */ font-weight: 700; margin-top: 2px; } /* Ajuste de color para Pekkes en combinación con su tarjeta */ .pekkes .audience { color: #b38f24; /* Dorado oscuro legible */ } /* Optimización para Teléfonos Inteligentes */ @media (max-width: 600px) { .ruta-colonos-web-container { margin: 10px auto; border-radius: 12px; box-shadow: none; } .banner-header-image { height: 180px; } .banner-body-content { padding: 25px 15px; } .banner-title { font-size: 26px; margin-bottom: 18px; } .banner-location-btn { padding: 12px 24px; gap: 12px; } .hand-svg { width: 20px; height: 20px; } .text-line-1 { font-size: 10px; } .text-line-2 { font-size: 12px; } .audience { font-size: 18px; } } Categorías del Evento Distancia 39K Elite Varones Abierta Master A Varones 30 a 39 Años Master B Varones 40 a 49 Años Master C Varones 50 Años en Adelante Juvenil Varones 17 a 18 Años Distancia 33K Master D Varones 60 Años en Adelante Pre-Juvenil Varones 15 a 16 Años Parejas Mixtas Open Varones A Hasta 35 Años Open Varones B 36 Años en Adelante Open Damas hasta 35 Años Open Damas 36 años en adelante Distancia 25K Infantil Varones 13 a 14 Años Infantil Damas 13 a 14 Años Principiantes Varones Sin Clip Principiantes Damas Sin Clip /* Importación de tipografía moderna */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); /* Contenedor principal con base blanca predominante y filo dorado */ .colonos-table-container { background-color: #ffffff; border-radius: 16px; padding: 24px; max-width: 800px; margin: 30px auto; box-shadow: 0 15px 35px rgba(15, 42, 74, 0.06); font-family: 'Poppins', sans-serif; position: relative; overflow: hidden; border: 3px solid #d4af37; /* Filo Dorado Elegante */ box-sizing: border-box; } /* Línea superior decorativa con degradado dorado metalizado */ .table-header-accent { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #b38f24 0%, #d4af37 50%, #f3e5ab 100%); } /* Estructura general */ .colonos-interactive-table { width: 100%; display: flex; flex-direction: column; gap: 6px; } /* Cabecera

  • RUTA LOS RAIDISTAS 2026

    00 DÍAS : 00 HORAS : 00 MIN : 00 SEG $25 CONJERSEY $15 SINJERSEY ¡INSCRÍBETE AHORA! PASO 1 PAGO POR TRANSFERENCIA Transferencia: Ver datos aquí O PAGO CON TARJETA KIT BÁSICO KIT PREMIUM (JERSEY) PASO 2 Una vez realizado tu pago, completa tu registro: REGISTRA TUS DATOS Y PAGO AQUÍ DISTANCIAS Y CATEGORÍAS 25K NOVATAS DAMAS NOVATOS VARONES 35K JUVENIL VARONES HASTA 18 AÑOS OPEN DAMAS A HASTA 35 AÑOS OPEN DAMAS B 36 AÑOS EN ADELANTE OPEN VARONES A HASTA 29 AÑOS OPEN VARONES B 30 A 45 AÑOS OPEN VARONES C 46 A 59 AÑOS MASTER D VARONES 60 AÑOS EN ADELANTE INCLUSIVA TODO TIPO Y EDAD 53K ELITE DAMAS ELITE VARONES MASTER A VARONES 30 A 39 AÑOS MASTER B VARONES 40 A 49 AÑOS MASTER C VARONES 50 AÑOS EN ADELANTE × DATOS BANCARIOS Banco: Banco Pichincha Tipo de Cuenta: Cuenta Corriente Nº de Cuenta: 21 000 69 465 Titular: Jorge Plua Assan Cédula: 0913058699 Cerrar /* Importar tipografía deportiva/robusta */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;0,900;1,900&display=swap'); .raidistas-widget { width: 100%; max-width: 1100px; /* Ampliado para mejor visualización en escritorio */ margin: 0 auto; background-color: #2b3a28; /* Verde Oliva Oscuro Fondo */ font-family: 'Montserrat', sans-serif; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 30px rgba(0,0,0,0.35); color: #ffffff; text-align: center; box-sizing: border-box; } .raidistas-widget * { box-sizing: border-box; } /* Contenedor Banner e Imagen */ .raidistas-banner-container { position: relative; width: 100%; line-height: 0; overflow: hidden; } .raidistas-img { width: 100%; max-height: 380px; /* Control de altura en PC */ object-fit: cover; display: block; filter: sepia(0.3) hue-rotate(50deg) saturate(1.2) contrast(1.05); } /* Degradado para transición suave */ .raidistas-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(to bottom, rgba(43, 58, 40, 0) 0%, rgba(43, 58, 40, 1) 100%); } /* Contenido Inferior */ .raidistas-content { padding: 20px 30px 40px 30px; background-color: #2b3a28; } /* Estilos del Contador */ .raidistas-timer-container { display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 25px; } .timer-box { background: #1c261a; border: 2px solid #5a754f; border-radius: 10px; padding: 10px 16px; min-width: 75px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.5); } .timer-box span { display: block; font-size: 34px; font-weight: 900; color: #a8d070; line-height: 1; font-family: monospace, sans-serif; text-shadow: 0 0 10px rgba(168, 208, 112, 0.4); } .timer-box label { display: block; font-size: 11px; font-weight: 700; color: #8fa87c; margin-top: 4px; letter-spacing: 1px; } .timer-dots { font-size: 28px; font-weight: 900; color: #5a754f; margin-top: -12px; } /* Estilos de Precios */ .raidistas-prices { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 10px; margin-bottom: 30px; } .price-card { display: flex; align-items: center; gap: 10px; background: rgba(0, 0, 0, 0.2); padding: 10px 22px; border-radius: 12px; border: 1px solid rgba(143, 168, 124, 0.2); } .price-amount { font-size: 48px; font-weight: 900; color: #8cb843; line-height: 1; text-shadow: 2px 2px 0px #151d14; } .price-label { font-size: 14px; font-weight: 900; color: #ffffff; text-align: left; line-height: 1.1; letter-spacing: 0.5px; } /* SECCIÓN: INSCRIPCIÓN Y PASOS */ .raidistas-signup-section { border-top: 2px dashed #42583e; padding-top: 30px; margin-top: 20px; } .signup-title { font-size: 30px; font-weight: 900; color: #a8d070; letter-spacing: 1.5px; margin: 0 0 25px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } /* Grid para Pasos de Registro */ .steps-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; } .step-card { background: #1e291c; border: 1px solid #435b3d; border-radius: 14px; padding: 22px; position: relative; box-shadow: 0 4px 15px rgba(0,0,0,0.2); display: flex; flex-direction: column; justify-content: space-between; } .step-card-2 { justify-content: flex-start; } .step-badge { background: #8cb843; color: #151d14; font-weight: 900; font-size: 13px; padding: 4px 14px; border-radius: 20px; display: inline-block; align-self: center; margin-bottom: 15px; letter-spacing: 1px; } .option-subtitle { font-size: 12px; font-weight: 700; color: #8fa87c; letter-spacing: 1px; margin: 0 0 8px 0; } .payment-divider { position: relative; text-align: center; margin: 15px 0; } .payment-divider::before { content: ''; position: absolute; top: 50%; left: 10%; right: 10%; height: 1px; background: #394d34; z-index: 1; } .payment-divider span { background: #1e291c; padding: 0 10px; position: relative; z-index: 2; color: #8fa87c; font-weight: 900; font-size: 12px; } .step-description { font-size: 14px; color: #d1e0ca; margin-bottom: 20px; margin-top: 10px; } /* BOTONES */ .rd-btn { display: inline-block; padding: 12px 20px; border-radius: 8px; font-weight: 900; font-size: 13px; text-decoration: none; text-transform: uppercase; transition: all 0.25s ease; cursor: pointer; box-sizing: border-box; border: none; font-family: 'Montserrat', sans-serif; } .btn-modal { background-color: #3f553a; color: #ffffff; border: 1px solid #6b8c62; width: 100%; } .btn-modal:hover { background-color: #516d4b; } .btn-group { display: flex; gap: 10px; justify-content: center; } .btn-card { background-color: #394a35; color: #ffffff; border: 1px solid #5a754f; flex: 1; padding: 10px 8px; font-size: 11px; } .btn-card:hover { background-color: #4b6346; color: #a8d070; } .btn-primary-action { background-color: #8cb843; color: #151d14; width: 100%; font-size: 14px; letter-spacing: 0.5px; box-shadow: 0 4px 12px rgba(140, 184, 67, 0.3); margin-top: auto; } .btn-primary-action:hover { background-color: #9ed14c; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(140, 184, 67, 0.4); } /* SECCIÓN: DISTANCIAS Y CATEGORÍAS */ .raidistas-categories-section { border-top: 2px dashed #42583e; padding-top: 30px; margin-top: 30px; } .categories-main-title { font-size: 28px; font-weight: 900; color: #a8d070; letter-spacing: 1.5px; margin: 0 0 25px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } /* Grid para las Categorías */ .distances-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: start; } .distance-card { background: #1e291c; border: 1px solid #435b3d; border-radius: 14px; padding: 20px; text-align: left; box-shadow: 0 4px 12px rgba(0,0,0,0.2); height: 100%; } .distance-header { margin-bottom: 15px; text-align: center; } .distance-badge { background: #8cb843; color: #151d14; font-weight: 900; font-size: 18px; padding: 6px 20px; border-radius: 6px; display: inline-block; letter-spacing: 1px; } .categories-list { list-style: none; padding: 0; margin: 0; } .categories-list li { font-size: 13px; font-weight: 700; color: #d1e0ca; padding: 8px 0 8px 20px; position: relative; border-bottom: 1px solid rgba(143, 168, 124, 0.15); line-height: 1.3; } .categories-list li:last-child { border-bottom: none; } .categories-list li::before { content: "•"; color: #8cb843; font-size: 18px; position: absolute; left: 4px; top: 5px; } /* ESTILOS DEL MODAL */ .rd-modal { display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.75); backdrop-filter: blur(4px); align-items: center; justify-content: center; } .rd-modal-content { background-color: #232e20; border: 2px solid #5a754f; margin: auto; padding: 25px; border-radius: 16px; width: 90%; max-width: 420px;

  • SIERRA NEGRA 2026

    ISLA ISABELA, GALAPAGOS GALAPAGOS, Ecuador

    00 Días 00 Horas 00 Min 00 Seg ▲ 1090 m de desnivel Categorías Varones 70K | Damas 50K SENIOR: Hasta 29 años MASTER A: 30 a 39 años MASTER B: 40 a 49 años MASTER C: 50 años en adelante VALOR DE INSCRIPCIÓN POR PERSONA $60 PROCESO DE INSCRIPCIÓN 1 REALIZA EL PAGO AQUÍ Selecciona tu método de pago preferido para continuar con la inscripción. 🏦 Ver Datos de Transferencia 💳 Pagar con Tarjeta 2 REGÍSTRATE AQUÍ Una vez realizado el pago, completa el formulario de registro con tu comprobante. ¡REGÍSTRATE AQUÍ! × DATOS DE TRANSFERENCIA Banco: BANCO PICHINCHA Tipo de Cuenta: CUENTA CORRIENTE Número de Cuenta: 21 000 69 465 Titular: JORGE PLUA ASSAN Cédula / RUC: 0913058699 O PAGA CON TARJETA 💳 Pagar con Tarjeta Directamente /* Reseteo del contenedor principal para forzar 100% ancho */ .full-width-header-widget { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #121212; font-family: 'Roboto', 'Segoe UI', sans-serif; color: #ffffff; text-align: center; box-sizing: border-box; overflow-x: hidden; } /* Imagen de encabezado adaptable */ .header-hero { position: relative; width: 100%; line-height: 0; } .hero-image { width: 100%; height: auto; max-height: 80vh; object-fit: contain; display: block; } .image-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(18,18,18,0) 0%, #121212 100%); } /* Contador Regresivo */ .countdown-wrapper { position: relative; margin-top: -35px; z-index: 10; padding: 0 15px; } .countdown-container { display: inline-flex; justify-content: center; gap: 12px; background: rgba(25, 25, 25, 0.9); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.15); padding: 12px 20px; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.6); } .time-block { display: flex; flex-direction: column; align-items: center; min-width: 48px; } .time-number { font-size: 22px; font-weight: 800; color: #ff5722; line-height: 1; } .time-label { font-size: 10px; text-transform: uppercase; color: #bbb; margin-top: 4px; } /* Sección Inferior */ .content-container { max-width: 600px; margin: 0 auto; padding: 25px 20px 40px; } .elevation-badge { display: inline-block; background: rgba(255, 87, 34, 0.15); color: #ff5722; border: 1px solid #ff5722; padding: 6px 18px; border-radius: 20px; font-size: 14px; font-weight: 700; margin-bottom: 25px; } .category-title { font-size: 20px; font-weight: 700; margin-bottom: 4px; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .category-subtitle { font-size: 13px; color: #aaa; margin: 0 0 18px 0; font-weight: 400; font-style: italic; } .category-list { list-style: none; padding: 0; margin: 0 0 35px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .category-list li { background: #1e1e1e; padding: 12px; border-radius: 8px; font-size: 13px; border-left: 4px solid #ff5722; text-align: left; box-sizing: border-box; } /* ESTILOS DE PRECIO */ .price-section { background: linear-gradient(135deg, #1e1e1e 0%, #252525 100%); border: 1px solid rgba(255, 87, 34, 0.3); border-radius: 12px; padding: 20px 15px; margin-bottom: 35px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); } .price-title { display: block; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; color: #ccc; text-transform: uppercase; margin-bottom: 5px; } .price-amount { font-size: 48px; font-weight: 900; color: #ff5722; line-height: 1; text-shadow: 0 2px 10px rgba(255, 87, 34, 0.3); } /* PASOS DE INSCRIPCIÓN */ .registration-steps { margin-top: 30px; text-align: left; } .steps-title { font-size: 18px; font-weight: 800; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 25px; } .step-card { background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 12px; padding: 20px; margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; text-align: center; } .step-number { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ff5722; background: rgba(255, 87, 34, 0.1); color: #ff5722; font-size: 24px; font-weight: 900; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .step-content { width: 100%; } .step-content h4 { margin: 0 0 6px 0; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; } .step-desc { font-size: 12px; color: #aaa; margin: 0 0 15px 0; } .payment-buttons { display: flex; flex-direction: column; gap: 10px; width: 100%; } /* BOTONES GENERALES */ .btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 8px; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; border: none; transition: all 0.2s ease; box-sizing: border-box; text-transform: uppercase; } .btn-icon { margin-right: 8px; } .btn-secondary { background: #2b2b2b; color: #fff; border: 1px solid #444; } .btn-secondary:hover { background: #383838; border-color: #666; } .btn-card { background: #1062fe; color: #fff; } .btn-card:hover { background: #0052e0; } .btn-primary { background: #ff5722; color: #fff; box-shadow: 0 4px 15px rgba(255, 87, 34, 0.4); } .btn-primary:hover { background: #f4511e; transform: translateY(-2px); } .btn-large { width: 100%; padding: 16px 20px; font-size: 16px; letter-spacing: 1px; margin-top: 5px; } .btn-block { width: 100%; } /* MODAL */ .modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(5px); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } .modal-overlay.active { opacity: 1; pointer-events: auto; } .modal-content { background: #1e1e1e; border: 1px solid #333; border-radius: 12px; width: 90%; max-width: 420px; padding: 25px 20px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.8); text-align: left; transform: translateY(20px); transition: transform 0.3s ease; } .modal-overlay.active .modal-content { transform: translateY(0); } .modal-close { position: absolute; top: 10px; right: 15px; background: transparent; border: none; color: #888; font-size: 28px; cursor: pointer; line-height: 1; } .modal-close:hover { color: #fff; } .modal-title { font-size: 16px; font-weight: 800; color: #ff5722; margin: 0 0 15px 0; text-align: center; } .bank-details { background: #141414; border-radius: 8px; padding: 12px 15px; margin-bottom: 20px; border: 1px dashed #333; } .bank-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #222; font-size: 13px; } .bank-item:last-child { border-bottom: none; } .bank-label { color: #888; } .bank-value { font-weight: 700; color: #fff; text-align: right; } .highlight-acc { color: #ff5722; font-size: 15px; } .modal-divider { text-align: center; border-bottom: 1px solid #333; line-height: 0.1em; margin: 20px 0; } .modal-divider span { background: #1e1e1e; padding: 0 10px; color: #666; font-size: 11px; font-weight: 700; } /* Ajustes para Smartphones */ @media (max-width: 480px) { .countdown-wrapper { margin-top: -25px; } .countdown-container { gap: 6px; padding: 10px 12px; } .time-block { min-width: 40px; } .time-number { font-size: 18px; } .time-label { font-size: 9px; } .category-list { grid-template-columns: 1fr; } .price-amount { font-size: 40px; } }

Calendario generado por The Events Calendar