• EL SENDERO LOS CONTRABANDISTAS

    RIO VERDE, BAÑOS, TUNGURAHUA , Ecuador

    FECHA SÁBADO 3 DE OCTUBRE 2026 HORA 08H00 LUGAR RÍO VERDE, BAÑOS, TUNGURAHUA /* Contenedor principal */ .contenedor-banner-incrustado { width: 100% !important; max-width: 100% !important; background-color: #ffffff; font-family: 'Montserrat', 'Arial', sans-serif; box-sizing: border-box; } /* El contenedor de la imagen debe ser relativo para poder incrustar los datos dentro */ .banner-imagen-fondo { position: relative; width: 100%; overflow: hidden; } .banner-imagen-fondo img { width: 100%; height: auto; display: block; } /* Degradado sutil de negro a transparente en la base de la imagen */ .sombra-inferior { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; /* Cubre el 40% inferior de la imagen */ background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; pointer-events: none; /* No interfiere con clics */ } /* Contenedor de datos posicionado estrictamente sobre la parte inferior de la imagen */ .fila-datos-incrustados { position: absolute; bottom: 20px; /* Separación desde el borde inferior de la imagen */ left: 0; width: 100%; display: flex; gap: 12px; box-sizing: border-box; padding: 0 20px; /* Margen de seguridad izquierdo y derecho */ z-index: 2; /* Por encima de la sombra y la imagen */ } /* Bloques negros flotantes sobre el banner */ .bloque-dato-incrustado { flex: 1; background-color: rgba(0, 0, 0, 0.9); /* Negro casi sólido para el estilo agresivo */ border-bottom: 5px solid #ff0000; /* Filo inferior rojo */ color: #ffffff; padding: 12px 5px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 4px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); /* Sombra más pronunciada al flotar */ backdrop-filter: blur(3px); /* Le da un toque moderno traslúcido */ } /* Títulos de datos (FECHA, HORA, LUGAR) */ .bloque-dato-incrustado .titulo-dato { font-size: 0.8rem; font-weight: 800; color: #ff0000; letter-spacing: 1px; margin-bottom: 3px; } /* Información de datos */ .bloque-dato-incrustado .info-dato { font-size: 0.85rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; } /* --- ADAPTACIÓN ESTRICTA PARA SMARTPHONES --- */ @media (max-width: 767px) { .fila-datos-incrustados { bottom: 8px; /* Más pegado al borde en pantallas chicas */ gap: 4px; padding: 0 8px; } .bloque-dato-incrustado { padding: 6px 2px; border-bottom-width: 3px; /* Filo rojo un toque más fino en celular */ } .bloque-dato-incrustado .titulo-dato { font-size: 0.5rem; letter-spacing: 0.5px; margin-bottom: 1px; } .bloque-dato-incrustado .info-dato { font-size: 0.46rem; /* Calibrado para que el texto largo de Baños no se rompa */ } } DISTANCIAS PARTICIPANTES 20K 10K 5K 2K RECREATIVO /* Contenedor envolvente general */ .contenedor-principal-distancias { width: 100%; background-color: #ffffff; /* Fondo blanco */ font-family: 'Montserrat', 'Arial', sans-serif; box-sizing: border-box; padding: 15px 0; } /* Estilo del nuevo Título Elegante */ .titulo-seccion { color: #000000; /* Texto principal negro */ font-size: 1.6rem; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; margin-bottom: 20px; /* Espacio entre el título y las tarjetas */ position: relative; display: block; } /* Detalle en rojo para el título */ .titulo-seccion .resaltado-rojo { color: #ff0000; } /* Contenedor principal que alinea todo en una fila */ .contenedor-distancias { display: flex; gap: 10px; /* Espacio entre los bloques */ width: 100%; box-sizing: border-box; } /* Estilo base para cada bloque de distancia */ .bloque-distancia { flex: 1; /* Hace que los 4 bloques midan exactamente lo mismo */ background-color: #000000; /* Fondo negro */ border-bottom: 5px solid #ff0000; /* Filo inferior rojo */ color: #ffffff; /* Fuente blanca */ padding: 15px 5px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 4px; /* Un leve redondeado para mejorar el acabado */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Sombra suave */ } /* Estilo para los números grandes (20K, 10K, etc.) */ .bloque-distancia .numero { font-size: 2rem; font-weight: 800; line-height: 1; letter-spacing: 1px; } /* Estilo especial para la etiqueta "RECREATIVO" del 2K */ .bloque-distancia .etiqueta { font-size: 0.65rem; font-weight: 700; color: #ff0000; /* Rojo para que resalte el texto */ margin-top: 5px; letter-spacing: 0.5px; } /* --- ADAPTACIÓN ESTRICTA PARA SMARTPHONES --- */ @media (max-width: 767px) { .titulo-seccion { font-size: 1.2rem; /* Título ligeramente más pequeño en móviles */ letter-spacing: 1px; margin-bottom: 15px; } .contenedor-distancias { gap: 5px; /* Reducimos el espacio en móvil para ganar milímetros */ } .bloque-distancia { padding: 10px 2px; /* Menos espacio interno en móvil */ border-bottom-width: 4px; /* Filo rojo un poco más delgado en móvil */ } .bloque-distancia .numero { font-size: 1.2rem; /* Reduce el tamaño en móvil para que entren los 4 en fila sin desbordar */ } .bloque-distancia .etiqueta { font-size: 0.45rem; /* Texto recreativo más pequeño para pantallas chicas */ letter-spacing: 0px; } } VALOR DE INSCRIPCIÓN 5K - 10K - 20K $30 PREVENTA HASTA EL 31 DE JULIO 2K (COLEGIOS) $0 EXCLUSIVO ESTUDIANTES TIEMPO RESTANTE DE PREVENTA: 00Días 00Horas 00Min 00Seg INSCRIPCIONES ORDINARIAS /* Contenedor general */ .contenedor-principal-precios { width: 100%; background-color: #ffffff; font-family: 'Montserrat', 'Arial', sans-serif; box-sizing: border-box; padding: 20px 10px; max-width: 600px; margin: 0 auto; } /* Título Principal */ .titulo-precios { color: #000000; font-size: 1.6rem; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; margin-bottom: 20px; } .titulo-precios .resaltado-rojo { color: #ff0000; } /* Contenedor de las dos tarjetas */ .fila-precios { display: flex; gap: 15px; width: 100%; box-sizing: border-box; margin-bottom: 25px; } /* Bloques de precio individuales */ .bloque-precio { flex: 1; background-color: #000000; border-bottom: 6px solid #ff0000; color: #ffffff; padding: 20px 10px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 6px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); } /* Variante estética para colegios si se desea diferenciar ligeramente */ .bloque-precio.bloque-colegios { border-bottom-color: #333333; } /* Distancias */ .bloque-precio .distancia-precio { font-size: 1rem; font-weight: 700; color: #ff0000; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase; } .bloque-precio.bloque-colegios .distancia-precio { color: #ffffff; } /* Precio gigante */ .bloque-precio .monto-precio { font-size: 3rem; font-weight: 900; line-height: 1; margin-bottom: 8px; } /* Detalle inferior de la tarjeta */ .bloque-precio .detalle-precio { font-size: 0.65rem; font-weight: 700; color: #cccccc; letter-spacing: 0.5px; line-height: 1.2; } /* --- SECCIÓN DEL CONTADOR REGRESIVO --- */ .contenedor-contador { background-color: #f4f4f4; border-radius: 6px; padding: 15px; text-align: center; box-shadow: inset 0px 2px 5px rgba(0,0,0,0.05); }

  • 10K TODO TERRENO

    JARAMIJÓ, MANABÍ , Ecuador

    PRÓXIMO ENCUENTRO 00 DÍAS 00 HORAS 00 MIN 00 SEG LUGAR: PLAYA JARAMIJÓ 10K GENERAL Juvenil 14 a 17 años Senior 18 a 29 años Master A 30 a 39 años Master B 40 a 49 años Master C 50 a 59 años Leyenda 60 años en adelante 3K KIDS Kids A 7 a 9 años Kids B 10 a 13 años CATEGORÍAS ESPECIALES Parejas Mixtas 18 años en adelante Familiares / Amigos CPCB-IM Paul Corella Parra 18 años en adelante FUERZAS ESPECIALES (10K + NATACIÓN) Civiles, Militares y Policiales Fuerzas Especiales Elite 18 a 30 años Fuerzas Especiales Experiencia 31 años en adelante /* --- CONFIGURACIÓN GENERAL --- */ .contenedor-principal-carrera { font-family: 'Montserrat', 'Segoe UI', Roboto, sans-serif; background-color: #0b0b0b; border-radius: 16px; overflow: hidden; max-width: 1000px; margin: 0 auto; box-shadow: 0 10px 30px rgba(0,0,0,0.7); } /* --- BANNER CON ARTE Y CONTADOR --- */ .banner-cuenta-atras { position: relative; background-image: url('https://i.postimg.cc/gJjD1L1v/banner-10ktodoterreno.png'); background-size: cover; background-position: center; padding: 60px 20px; text-align: center; display: flex; align-items: center; justify-content: center; min-height: 250px; } .capa-oscura { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(11, 11, 11, 0.95) 100%); z-index: 1; } .contenido-banner { position: relative; z-index: 2; width: 100%; } .titulo-evento { color: #ffffff; font-size: 1.1rem; letter-spacing: 3px; font-weight: 700; margin: 0 0 15px 0; text-shadow: 0 2px 4px rgba(0,0,0,0.8); } /* GRID DEL CONTADOR */ .grid-contador { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; } .bloque-tiempo { background: rgba(20, 20, 20, 0.85); border: 1px solid rgba(255, 69, 0, 0.3); backdrop-filter: blur(5px); padding: 10px; border-radius: 8px; min-width: 75px; box-shadow: 0 4px 10px rgba(0,0,0,0.5); } .numero-tiempo { display: block; font-size: 2rem; font-weight: 800; color: #ff4500; line-height: 1; margin-bottom: 3px; } .etiqueta-tiempo { display: block; font-size: 0.65rem; color: #bbbbbb; font-weight: 600; letter-spacing: 1px; } /* ESTILO LUGAR */ .info-lugar { display: inline-flex; align-items: center; gap: 8px; background: #ff4500; color: #ffffff; padding: 8px 18px; border-radius: 50px; font-weight: 700; font-size: 0.9rem; letter-spacing: 0.5px; box-shadow: 0 4px 15px rgba(255, 69, 0, 0.4); text-transform: uppercase; } .icono-mapa { width: 18px; height: 18px; } /* --- SECCIÓN DE TARJETAS DE CATEGORÍAS --- */ .contenedor-categorias { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 30px; box-sizing: border-box; } .tarjeta-categoria { background: #141414; border: 1px solid #222; border-top: 4px solid #ff4500; border-radius: 8px; padding: 22px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); transition: transform 0.3s ease, border-color 0.3s ease; } .tarjeta-categoria:hover { transform: translateY(-3px); border-color: #ff6a00; } .tarjeta-ancha { grid-column: span 2; } .encabezado-categoria { font-size: 1.25rem; font-weight: 800; color: #ffffff; letter-spacing: 1px; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 2px dashed #ff4500; } .subtitulo-encabezado { font-size: 0.95rem; color: #ff6a00; font-weight: 700; display: inline-block; margin-left: 5px; } .aclaratoria-categoria { font-size: 0.85rem; color: #bbbbbb; font-weight: 400; margin-top: 5px; text-transform: none; letter-spacing: 0px; } .lista-categoria { list-style: none; padding: 0; margin: 0; } .lista-categoria li { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; color: #e0e0e0; font-size: 0.95rem; border-bottom: 1px solid #222; } .lista-categoria li:last-child { border-bottom: none; } .lista-categoria li span:first-child { font-weight: 600; color: #ffffff; padding-right: 15px; } .lista-categoria li span:last-child { color: #ff6a00; font-weight: bold; background: rgba(255, 69, 0, 0.12); padding: 4px 10px; border-radius: 4px; font-size: 0.85rem; white-space: nowrap; } /* --- DISEÑO RESPONSIVO (MÓVILES) --- */ @media (max-width: 768px) { .contenedor-categorias { grid-template-columns: 1fr; padding: 15px; } .tarjeta-ancha { grid-column: span 1; } .grid-contador { gap: 8px; } .bloque-tiempo { min-width: 60px; padding: 8px 5px; } .numero-tiempo { font-size: 1.5rem; } .banner-cuenta-atras { padding: 40px 15px; } .lista-categoria li { flex-direction: column; align-items: flex-start; gap: 8px; } .lista-categoria li span:last-child { align-self: flex-start; } } INSCRIPCIONES Y PRECIOS COMPETITIVO Y FUERZAS ESPECIALES PÚBLICO GENERAL USD 25 Precio oficial del evento CATEGORÍA KIDS (3K) VALOR DE INSCRIPCIÓN USD 20 Precio oficial del evento /* Contenedor Principal */ .pricing-container-10k { background-color: #0b0b0b; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; padding: 20px; border-radius: 4px; max-width: 900px; margin: 0 auto; box-sizing: border-box; } /* Encabezado Superior */ .pricing-header-10k { background-color: #f15a24; color: #ffffff; font-size: 24px; font-weight: 800; text-align: center; padding: 15px 10px; letter-spacing: 1px; margin-bottom: 25px; text-transform: uppercase; } /* Grid de Tarjetas (Responsivo) */ .pricing-grid-10k { display: flex; flex-direction: column; gap: 25px; } @media (min-width: 600px) { .pricing-grid-10k { flex-direction: row; justify-content: center; align-items: stretch; } } /* Estilos Base de Tarjetas */ .price-card-10k { flex: 1; background-color: #1a1a1a; border-radius: 8px; overflow: hidden; position: relative; display: flex; flex-direction: column; box-sizing: border-box; } /* Borde Destacado */ .highlight-card-10k { border: 2px solid #f15a24; } /* Etiqueta Superior de Categoría */ .card-category-10k { background-color: #262626; color: #ffffff; font-size: 11px; font-weight: 800; text-align: center; padding: 10px 6px; letter-spacing: 1.5px; text-transform: uppercase; border-bottom: 1px solid #333333; } .kids-accent-10k { background-color: #f15a24; color: #000000; } /* Contenido Interno */ .card-content-10k { padding: 30px 20px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-grow: 1; } /* Textos y Precios */ .price-label-10k { color: #8c8c8c; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; margin: 0 0 12px 0; text-transform: uppercase; } .price-amount-10k { display: flex; justify-content: center; align-items: baseline; gap: 8px; margin-bottom: 8px; } .currency-10k { font-size: 16px; font-weight: 700; color: #8c8c8c; } .number-10k { font-size: 52px; font-weight: 900; line-height: 1; color: #f15a24; } /* Textos Auxiliares */ .date-limit-10k { color: #ffffff; font-size: 12px; font-weight: 500; margin: 8px 0 0 0; font-style: italic; opacity: 0.8; } PASO 1: REALIZA EL PAGO BANCO PICHINCHA Tipo de Cta: Cta. Ahorro TRANSACCIONAL Número: 22 084 325 81 Beneficiario:Andrés Alejandro Montesdeoca Cruz Cédula: 1805184148 Ó CON TARJETA Paga COMPETITIVO Y F. ESPECIALES Paga Kids (Hasta 13 años) PASO 2: REGISTRA TUS DATOS Registra tus datos y comprobante de pago a continuación: ¡REGÍSTRATE AQUÍ! OBSERVACIÓN: Las validaciones de los pagos pueden demorar hasta 48 horas laborables en el envío del correo de confirmación. /* Contenedor Principal */ .steps-container-10k { background-color: #0b0b0b; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; padding: 25px 15px; border-radius: 4px; max-width: 750px; margin: 0 auto; box-sizing: border-box; color: #ffffff; } /* Bloques de Pasos */ .step-block-10k { background-color: #161616; border: 1px solid #262626; border-radius: 8px; padding: 20px; margin-bottom: 25px; } /* Títulos de Pasos

  • LAGUNAS ULTRA TRAIL – OZOGOCHE – ATILLO

    OZOGOCHE - GUAMOTE, CHIMBORAZO CHIMBORAZO, Ecuador

    EL DESAFÍO INICIA EN: 00Días 00Horas 00Min. 00Seg. CATEGORÍAS POR EDAD 7K Infantil: 8 a 12 años Juvenil: 13 a 18 años Abierta: 19 a 29 años Máster A: 30 a 39 años Máster B: 40 a 49 años Máster C: 50 a 59 años Super Master: 60 + años 15K Juvenil: hasta los 18 años Abierta: 19 a 29 años Máster A: 30 a 39 años Máster B: 40 a 49 años Máster C: 50 + años Super Master: 60 + años 20K | 60K | 120K Abierta: hasta los 29 años Máster A: 30 a 39 años Máster B: 40 a 49 años Máster C: 50 + años ¿QUÉ GUARDIÁN SERÁS? Categorías en Modalidad General 7K Guardián del Agua Salida: 08:00 AM Kit: $25 15K Guardián del Polylepis mycrophilla Salida: 07:00 AM Kit: $35 20K Guardián del Páramo Salida: 08:00 AM Kit: $40 60K Guardián de la Vida Salida: 03:00 AM Kit: $60 DISTANCIA REINA 120K Ultra Guardianes de Lagunas Modalidad Individual (General) Salida: 02:00 AM Kit: $95 Modalidad en Postas (3 Atletas)* Equipos: Mixtos, Varones o Mujeres Salida: 01:00 AM Kit por Equipo: $120 (un solo pago) *Relevos en postas: 1er corredor hace 20K, 2do corredor hace 40K y 3er corredor hace 60K. 🔸 LÍNEA AVANCE – ALTO RENDIMIENTO Para corredores que buscan mayor confort, tecnología y transpirabilidad durante la ruta. Tela dry-fit texturizada de alta gama Protección UV contra radiación solar Elongación premium para mayor libertad Corte Slim Fit técnico adaptativo No genera malos olores Elasticidad bidireccional en todos los insumos Composición Híbrida Inteligente: Parte frontal en dry-fit con textura suave y espalda totalmente microperforada para lograr una ventilación superior en climas exigentes. /* Variables de Color basadas en la imagen */ :root { --gold-primary: #f2ab27; --gold-dark: #cc8a14; --bg-dark: #1e2219; --bg-card: #272c21; --text-light: #ffffff; --text-muted: #b3bda8; --orange-accent: #ff941a; --teal-accent: #2bbfa3; --green-accent: #82b83b; --red-accent: #d94b36; } .lagunas-container { font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; background-color: var(--bg-dark); color: var(--text-light); max-width: 900px; margin: 0 auto; padding: 20px; border-radius: 12px; } .lagunas-header { text-align: center; margin-bottom: 30px; } .header-img { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); } /* Cronómetro */ .countdown-section { background: linear-gradient(135deg, var(--bg-card) 0%, #171a13 100%); border: 1px solid rgba(242, 171, 39, 0.2); padding: 25px; border-radius: 10px; text-align: center; margin-bottom: 30px; box-shadow: inset 0 0 10px rgba(0,0,0,0.5); } .countdown-section h3 { color: var(--gold-primary); letter-spacing: 2px; margin-top: 0; margin-bottom: 20px; font-size: 1.1rem; } .countdown-timer { display: flex; justify-content: center; gap: 20px; } .time-block { min-width: 75px; } .time-block span { font-size: 2.5rem; font-weight: bold; color: var(--text-light); display: block; line-height: 1; } .time-block p { color: var(--gold-primary); font-size: 0.8rem; text-transform: uppercase; margin: 5px 0 0 0; letter-spacing: 1px; } /* ESTILOS DE CATEGORÍAS POR EDAD */ .age-categories-section { background-color: #171a13; border: 1px solid rgba(242, 171, 39, 0.3); border-radius: 10px; padding: 25px 20px; margin-bottom: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.4); } .cat-main-title { text-align: center; color: var(--gold-primary); font-size: 1.6rem; letter-spacing: 2px; margin-top: 0; margin-bottom: 25px; text-transform: uppercase; } .age-categories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; } .age-cat-card { background-color: var(--bg-card); border-radius: 8px; padding: 20px 15px; border: 1px solid rgba(255, 255, 255, 0.05); display: flex; flex-direction: column; align-items: center; } .cat-distance-badge { font-size: 1.4rem; font-weight: 800; padding: 6px 16px; border-radius: 20px; margin-bottom: 15px; text-align: center; width: 100%; letter-spacing: 1px; } .badge-7k { background-color: rgba(43, 191, 163, 0.15); color: #40e0d0; border: 1px solid #2bbfa3; } .badge-15k { background-color: rgba(130, 184, 59, 0.15); color: #a2e048; border: 1px solid #82b83b; } .badge-ultra { background-color: rgba(217, 75, 54, 0.15); color: #ff6b52; border: 1px solid #d94b36; } .cat-list { list-style: none; padding: 0; margin: 0; width: 100%; } .cat-list li { font-size: 0.9rem; padding: 8px 0; border-bottom: 1px dotted rgba(255, 255, 255, 0.1); color: var(--text-light); } .cat-list li:last-child { border-bottom: none; } .cat-list strong { color: var(--gold-primary); } /* Sección de Categorías / Guardián */ .categories-section h2 { text-align: center; color: var(--gold-primary); font-size: 2rem; letter-spacing: 1px; margin-bottom: 5px; text-shadow: 1px 1px 4px rgba(0,0,0,0.6); } .section-subtitle { text-align: center; color: var(--text-muted); font-size: 1rem; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1px; } .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 25px; } .category-card { background-color: var(--bg-card); border-left: 4px solid var(--gold-primary); padding: 20px; border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.3s ease, box-shadow 0.3s ease; } .category-card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(242, 171, 39, 0.15); } .distance { font-size: 2rem; font-weight: 800; color: var(--gold-primary); line-height: 1; margin-bottom: 5px; } .guardian-title { font-size: 1.05rem; font-weight: 600; margin-bottom: 15px; min-height: 42px; } .race-time { font-size: 0.85rem; color: var(--text-muted); border-top: 1px solid rgba(255,255,255,0.1); padding-top: 10px; margin-bottom: 5px; } .kit-price { font-size: 1.15rem; font-weight: bold; color: var(--text-light); background-color: rgba(242, 171, 39, 0.1); border: 1px dashed rgba(242, 171, 39, 0.3); text-align: center; padding: 4px; border-radius: 4px; margin-top: auto; } /* Tarjeta Ultra 120K */ .ultra-card { background: linear-gradient(145deg, #2c3326 0%, var(--bg-card) 100%); border: 1px solid var(--gold-primary); padding: 30px; border-radius: 10px; text-align: center; position: relative; margin-top: 30px; box-shadow: 0 6px 20px rgba(0,0,0,0.4); } .ultra-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background-color: var(--gold-primary); color: var(--bg-dark); padding: 4px 15px; font-size: 0.75rem; font-weight: bold; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; } .ultra-card .distance { font-size: 3rem; margin-bottom: 0; } .ultra-details { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; margin: 20px 0; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); } .mode-info { font-size: 0.95rem; flex: 1; min-width: 200px; display: flex; flex-direction: column; justify-content: space-between; } .mode-info strong { color: var(--gold-primary); display: inline-block; margin-bottom: 5px; } .team-types { font-size: 0.85rem; color: #e6f2dc; font-style: italic; } .race-time-ultra { font-size: 0.9rem; color: var(--text-muted); display: block; margin: 5px 0; } .kit-price-ultra { font-size: 1.3rem; font-weight: 800; color: #ffffff; margin-top: 10px; background: rgba(255,255,255,0.05); padding: 6px; border-radius: 6px; border: 1px solid rgba(242, 171, 39, 0.4); } .kit-price-ultra small { font-size: 0.75rem; display: block; color: var(--text-muted); font-weight: normal; } .post-note { font-size: 0.85rem; color: var(--text-muted); font-style: italic; margin: 0; letter-spacing: 0.3px; } /* Sección Camiseta */ .jersey-section { background-color: #171a13; border: 1px solid rgba(255, 148, 26, 0.2); border-radius: 10px;