Eventos

Navegación de búsqueda y vistas de Eventos

Navegación de vistas de Evento

Hoy

  • 5K SER FELIZ

    GUAYAQUIL, GUAYAS GUAYAQUIL, GUAYAS

    VALOR DE INSCRIPCIÓN ¡CUPOS AGOTADOS! Agradecemos a todos por su gran apoyo e interés. El proceso de inscripción ha finalizado. ¡ÚLTIMOS CUPOS DISPONIBLES (SIN CAMISETA)! VALOR INSCRIPCIÓN $ 30 ESTE ES EL KIT QUE RECIBIRÁS TIEMPO RESTANTE PARA LA CARRERA AL 6 DE SEPTIEMBRE 2026 7AM 00 Días : 00 Horas : 00 Minutos : 00 Segundos Tu aporte es fundamental. Al inscribirte, no solo participas en la carrera, sino que contribuyes directamente a la labor de la @fundacionserfeliz Cada kilómetro cuenta para apoyar el tratamiento de niños y jóvenes con cáncer infantil. PASO 1 REALIZA EL PAGO Banco Pichincha Cuenta: 21 000 69 465 Cuenta: CUENTA CORRIENTE Beneficiario: JORGE PLUA ASSAN Cédula: 0913058699 o también Pagar con Tarjeta de Crédito PASO 2 REGÍSTRATE Una vez realizado tu pago, asegura tu cupo completando el formulario: Registra tu pago y datos personales aquí Opcional: Puedes sumar una donación extra durante tu registro. /* Estructura Principal */ .contenedor-inscripcion-premium { width: 100%; max-width: 850px; margin: 30px auto; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 35px rgba(255, 136, 0, 0.08), 0 5px 15px rgba(0, 0, 0, 0.04); background: #ffffff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; border: 1px solid #f0f4f8; box-sizing: border-box; opacity: 0; transform: translateY(20px); animation: entradaInscripcion 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; } /* Encabezado */ .header-inscripcion-premium { background: linear-gradient(135deg, #ffcc00 0%, #ff8800 100%); padding: 28px 24px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; } .icon-header-inscripcion { width: 38px; height: 38px; color: #ffffff; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15)); } .header-inscripcion-premium h3 { margin: 0; color: #ffffff; font-size: 22px; letter-spacing: 1.5px; font-weight: 800; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /* Cuerpo */ .body-inscripcion-premium { padding: 40px 30px; background-color: #ffffff; } /* Estilos del Banner Agotado */ .banner-agotado { background: #fef2f2; border: 2px dashed #ef4444; border-radius: 16px; padding: 30px 20px; text-align: center; margin-bottom: 20px; } .banner-agotado svg { width: 48px; height: 48px; color: #ef4444; margin-bottom: 12px; } .banner-agotado h2 { margin: 0 0 8px 0; color: #991b1b; font-size: 26px; font-weight: 900; letter-spacing: 1px; } .banner-agotado p { margin: 0; color: #7f1d1d; font-size: 15px; font-weight: 500; } /* Contenedor Flex de Precios y Badge */ .precio-dinamico-wrapper { text-align: center; margin-bottom: 35px; display: flex; flex-direction: column; align-items: center; gap: 20px; } /* Badge Personalización / Últimos Cupos */ .badge-personalizacion { background: #fff3eb; color: #d97706; border: 1px solid #fde68a; font-size: 12px; font-weight: 800; padding: 8px 18px; border-radius: 30px; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 2px 8px rgba(255, 136, 0, 0.08); text-transform: uppercase; } .punto-pulsante { width: 8px; height: 8px; background-color: #ff8800; border-radius: 50%; display: inline-block; box-shadow: 0 0 0 rgba(255, 136, 0, 0.4); animation: pulsoPunto 1.8s infinite; } .bloque-precio-unico { display: flex; justify-content: center; width: 100%; } .precio-box { display: flex; flex-direction: column; align-items: center; } .etiqueta-precio-boceto { font-size: 13px; font-weight: 800; text-transform: uppercase; margin-bottom: 6px; letter-spacing: 1px; color: #ff8800; } /* CONTENEDOR DE PRECIO */ .precio-brillante-container { color: #ff8800; padding: 8px 40px; background: linear-gradient(135deg, #ffffff 0%, #fffbf0 100%); border-radius: 24px; border: 2px solid #ffcc00; display: inline-flex; justify-content: center; align-items: flex-start; position: relative; overflow: hidden; line-height: 1; box-shadow: 0 8px 20px rgba(255, 204, 0, 0.15); } .precio-box .monto-premium { font-size: 80px; font-weight: 900; letter-spacing: -2px; } .precio-box .moneda-premium { font-size: 32px; font-weight: 800; margin-top: 10px; margin-right: 4px; } /* Efecto de Destello */ .destello-efecto { position: absolute; top: 0; left: -150%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); animation: brilloMetalico 3.5s infinite ease-in-out; } /* ESTILOS DE LA TARJETA DEL KIT DEL CORREDOR */ .contenedor-kit-corredor { width: 100%; max-width: 460px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 16px; box-sizing: border-box; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; } .contenedor-kit-corredor:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 136, 0, 0.12); } .header-kit-tag { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px; color: #ff8800; font-weight: 800; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; } .header-kit-tag svg { width: 18px; height: 18px; } .marco-imagen-kit { width: 100%; border-radius: 12px; overflow: hidden; background: #f8fafc; border: 1px solid #f1f5f9; } .imagen-kit-oficial { width: 100%; height: auto; display: block; object-fit: cover; transition: transform 0.5s ease; } .contenedor-kit-corredor:hover .imagen-kit-oficial { transform: scale(1.02); } /* CONTADOR REGRESIVO MODERNO */ .contador-regresivo-moderno { background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%); border: 1px solid #e2e8f0; padding: 20px; border-radius: 16px; margin-top: 5px; width: 100%; max-width: 460px; box-sizing: border-box; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); } .titulo-contador { margin: 0 0 14px 0; font-size: 11px; color: #64748b; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; } .reloj-grid { display: flex; justify-content: center; align-items: center; gap: 6px; } .tarjeta-tiempo { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 10px 8px; min-width: 72px; display: flex; flex-direction: column; align-items: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); } .numero-tiempo { font-size: 26px; font-weight: 900; color: #1e293b; line-height: 1; font-variant-numeric: tabular-nums; } .etiqueta-tiempo { font-size: 10px; color: #ff8800; margin-top: 4px; font-weight: 700; text-transform: uppercase; } .separador-tiempo { font-size: 20px; font-weight: 800; color: #cbd5e1; margin-top: -12px; } /* Mensajes y Detalles */ .mensaje-solidario-premium { font-size: 15.5px; color: #475569; line-height: 1.6; text-align: center; max-width: 650px; margin: 0 auto 20px auto; } .fundacion-badge { color: #ff8800; font-weight: 700; background-color: #fff3eb; padding: 2px 8px; border-radius: 6px; } .detalles-pago-premium { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; color: #64748b; font-style: italic; border-top: 1px dashed #e2e8f0; padding-top: 20px; margin-bottom: 35px; text-align: center; } .detalles-pago-premium svg { width: 18px; height: 18px; color: #ffcc00; min-width: 18px; } /* Bloques de Pasos */ .seccion-pasos-pago { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; } .bloque-paso { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); } .paso-titulo { font-size: 15px; font-weight: 800; color: #0f172a; letter-spacing: 0.5px; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; } .paso-numero { background: #ff8800; color: #ffffff; font-size: 10px; padding: 3px 8px; border-radius: 6px; font-weight: 800; } .tarjeta-banco { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; height:

  • NARANYORK RUTA

    NARANJITO, GUAYAS NARANJITO, GUAYAS, Ecuador

    Categorías Oficiales Revisa tu grupo y prepárate para la ruta EL EVENTO INICIA EN 00 Días 00 Horas 00 Minutos 00 Segundos N° Categoría Rango / Edad Distancia 1 ÉLITE VARONES OPEN 83 KM 2 MÁSTER A VARONES 30-39 83 KM 3 MÁSTER B VARONES 40-49 83 KM 4 MÁSTER C VARONES 50-59 83 KM 5 MÁSTER D VARONES 60+ 83 KM 6 ÉLITE DAMAS OPEN 83 KM 7 MÁSTER A DAMAS 30-39 83 KM 8 MÁSTER B DAMAS 40+ 83 KM 9 MÁSTER VARONES MTB OPEN 55 KM 10 MÁSTER DAMAS MTB OPEN 55 KM 11 EJECUTIVOS VARONES RUTA OPEN 55 KM 12 EJECUTIVAS DAMAS RUTA OPEN 55 KM /* Contenedor Principal */ .contenedor-evento-ciclismo { max-width: 1100px; margin: 0 auto; font-family: 'Poppins', 'Montserrat', Arial, sans-serif; padding: 10px; } /* --- ESTILOS DEL ENCABEZADO --- */ .encabezado-banner { position: relative; width: 100%; height: 380px; background-image: url('https://i.postimg.cc/xdSG5WcH/Gemini-Generated-Image-rvs30nrvs30nrvs3.png'); background-size: cover; background-position: center center; border-radius: 16px 16px 0 0; display: flex; align-items: flex-end; overflow: hidden; } .banner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 40%, rgba(255,255,255,0.85) 85%, #ffffff 100%); z-index: 1; } .banner-contenido { position: relative; z-index: 2; padding: 30px 40px; width: 100%; } .banner-titulo { font-size: 36px; font-weight: 800; color: #1a1a1a; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: -0.5px; } .banner-subtitulo { font-size: 16px; color: #555555; margin: 0; font-weight: 500; } /* --- ESTILOS DE LA CUENTA REGRESIVA --- */ .cuenta-regresiva-contenedor { background: #1a1a1a; color: #ffffff; text-align: center; padding: 20px; border-top: 3px solid #FF6B00; } .cuenta-regresiva-titulo { font-size: 12px; font-weight: 700; letter-spacing: 2px; color: #FF6B00; margin-bottom: 12px; text-transform: uppercase; } .cuenta-regresiva-reloj { display: flex; justify-content: center; gap: 15px; } .bloque-tiempo { display: flex; flex-direction: column; align-items: center; min-width: 65px; background: rgba(255, 255, 255, 0.05); padding: 8px 12px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); } .bloque-tiempo .numero { font-size: 28px; font-weight: 800; line-height: 1; color: #ffffff; } .bloque-tiempo .etiqueta { font-size: 10px; text-transform: uppercase; color: #aaaaaa; margin-top: 5px; font-weight: 600; } /* --- ESTILOS DE LA TABLA --- */ .tabla-contenedor-ciclismo { width: 100%; overflow-x: auto; border-radius: 0 0 16px 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); background: #ffffff; margin-top: 0; } .tabla-categorias-ciclismo { width: 100%; border-collapse: collapse; text-align: left; background-color: #ffffff; } .tabla-categorias-ciclismo thead tr { background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%); color: #ffffff; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; } .tabla-categorias-ciclismo th { padding: 18px 25px; font-weight: 600; } .tabla-categorias-ciclismo tbody tr { border-bottom: 1px solid #f5f5f5; transition: all 0.2s ease; } .tabla-categorias-ciclismo tbody tr:nth-of-type(even) { background-color: #fafafa; } .tabla-categorias-ciclismo tbody tr:hover { background-color: #fff5ee; } .tabla-categorias-ciclismo td { padding: 16px 25px; color: #2c3e50; font-size: 15px; font-weight: 500; } .tabla-categorias-ciclismo tbody td:first-child { color: #95a5a6; font-weight: 700; width: 60px; } .categoria-destacada { color: #FF6B00 !important; font-weight: 700 !important; } .categoria-mtb { color: #2980b9 !important; font-weight: 600; } .separador-modalidad { border-top: 2px dashed #e2e8f0; } .distancia-tag { display: inline-block; padding: 6px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; text-align: center; } .km-largo { background-color: #fff0e6; color: #FF6B00; } .km-corto { background-color: #e3f2fd; color: #1565c0; } /* Responsive */ @media (max-width: 768px) { .encabezado-banner { height: 260px; } .banner-contenido { padding: 20px; } .banner-titulo { font-size: 26px; } .banner-subtitulo { font-size: 13px; } .cuenta-regresiva-reloj { gap: 8px; } .bloque-tiempo { min-width: 50px; padding: 6px 8px; } .bloque-tiempo .numero { font-size: 20px; } .bloque-tiempo .etiqueta { font-size: 9px; } .tabla-categorias-ciclismo td, .tabla-categorias-ciclismo th { padding: 12px 15px; font-size: 13px; } } Detalles del Evento Cronograma y Ubicación Fecha y Hora 20 de Septiembre 06:30 AM — Salida Oficial Zona de Concentración Av. Guayaquil y Av. 9 de Octubre Punto de Salida y Llegada Referencia Local Frente a la estación del tren Centro de Arte y Cultura Naranjito /* Contenedor e Identidad Visual Cohesiva */ .tarjeta-info-ciclismo { max-width: 1100px; margin: 30px auto; padding: 35px; background: #ffffff; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06); font-family: 'Poppins', 'Montserrat', Arial, sans-serif; box-sizing: border-box; } .info-bloque-cabecera { margin-bottom: 25px; text-align: left; } .info-tag-vivo { background: #e1e8ed; color: #2c3e50; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 5px 14px; border-radius: 50px; letter-spacing: 0.5px; display: inline-block; margin-bottom: 8px; } .info-bloque-cabecera h2 { font-size: 24px; font-weight: 800; color: #1a1a1a; margin: 0; text-transform: uppercase; } /* Distribución en rejilla moderna responsiva */ .info-cuadrícula { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* Estilo de los bloques de información */ .info-item { background: #fafafa; border: 1px solid #eeeeee; padding: 25px 20px; border-radius: 12px; display: flex; align-items: flex-start; transition: all 0.3s ease; } .info-item:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.04); border-color: #e0e0e0; } /* Destacar la Fecha con los colores del Logotipo */ .item-destacado { background: linear-gradient(145deg, #ffffff 0%, #fff5ee 100%); border-color: #ffe0cc; } /* Contenedores de Iconos */ .info-icono { background: #1a1a1a; color: #ffffff; padding: 12px; border-radius: 10px; margin-right: 15px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .item-destacado .info-icono { background: #FF6B00; box-shadow: 0 6px 15px rgba(255, 107, 0, 0.25); } /* Formato de los textos */ .info-texto h3 { margin: 0 0 6px 0; font-size: 13px; text-transform: uppercase; color: #888888; letter-spacing: 0.5px; font-weight: 600; } .resalto-naranja { font-size: 20px; font-weight: 800; color: #FF6B00; margin: 0 0 2px 0; } .detalle-principal { font-size: 16px; font-weight: 700; color: #1a1a1a; margin: 0 0 2px 0; line-height: 1.3; } .sub-detalle { font-size: 14px; color: #555555; margin: 0; font-weight: 500; } .font-marca { color: #888888; font-style: italic; } /* Ajustes para Tablets y Teléfonos */ @media (max-width: 992px) { .info-cuadrícula { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .tarjeta-info-ciclismo { padding: 20px; margin: 15px auto; } .info-cuadrícula { grid-template-columns: 1fr; gap: 15px; } .info-item { padding: 20px 15px; } .resalto-naranja { font-size: 18px; } .detalle-principal { font-size: 15px; } } Inscripciones Abiertas Tarifas y Kits Oficiales FINALIZADO EL 31 DE MAYO Fase Preventa Descuento especial de lanzamiento Kit Básico Sin Jersey oficial $15.00 Kit Plus Con Jersey Pro $27.50 Kit Premium Masaje + Crioterapia $32.50 ACTIVO Precio Regular Tarifa oficial intermedia de la ruta Kit Básico Sin Jersey oficial $20.00 Popular Kit PLUS Con Jersey

  • 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

  • 10K AMISTAD A TRAVES DEL DEPORTE

    SANGOLQUÍ, PICHINCHA

    Faltan para la carrera: 00 Días : 00 Horas : 00 Min : 00 Seg ¡LA CARRERA HA COMENZADO! CATEGORÍAS 10K 18 a 29 Años 30 a 39 Años 40 a 49 Años 50+ Años o más Escuela de Capacitación Toda Edad * Edad cumplida al día de la carrera. * Se premia la general y ellos abandonan sus categorías (no hay doble premiación). /* Contenedor Raíz y Reseteo Básico */ .evento-micrositio-root { background-color: #ffffff; font-family: 'Montserrat', 'Segoe UI', Roboto, sans-serif; max-width: 100%; margin: 0 auto; overflow: hidden; /* Evita desbordes */ border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } /* --- Estilos del Encabezado (Imagen) --- */ .evento-header { width: 100%; line-height: 0; /* Elimina espacio inferior de imagen */ } .evento-banner-img { width: 100%; height: auto; display: block; } /* --- Estilos del Contador Regresivo (Fondo Azul Deportivo) --- */ .evento-contador-wrapper { background-color: #0d47a1; /* Azul Principal Oscuro */ background-image: linear-gradient(135deg, #0d47a1 0%, #1e88e5 100%); /* Degradado Deportivo */ color: #ffffff; padding: 30px 20px; text-align: center; position: relative; border-bottom: 5px solid #d32f2f; /* Línea de acento Roja inferior */ } .contador-titulo { font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 20px 0; color: #e3f2fd; /* Azul muy claro */ } .contador-display { display: flex; justify-content: center; align-items: center; gap: 10px; max-width: 600px; margin: 0 auto; } .cont-bloque { display: flex; flex-direction: column; align-items: center; min-width: 70px; } .cont-numero { font-size: 48px; font-weight: 800; line-height: 1; color: #ffffff; font-variant-numeric: tabular-nums; /* Mantiene números alineados */ } .cont-etiqueta { font-size: 12px; text-transform: uppercase; color: #bbdefb; /* Azul claro para contraste */ font-weight: 600; margin-top: 5px; letter-spacing: 1px; } .cont-divisor { font-size: 36px; font-weight: 300; color: #e3f2fd; opacity: 0.7; padding-bottom: 20px; /* Alineación visual */ } .contador-finalizado-msj { font-size: 24px; font-weight: 800; color: #ffeb3b; /* Amarillo brillante para destacar */ text-transform: uppercase; margin-top: 10px; } /* --- Estilos de Categorías --- */ .categorias-contenedor { padding: 40px 20px; max-width: 900px; margin: 0 auto; } .categorias-titulo { color: #0d47a1; text-align: center; font-size: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 1px; } .categorias-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px; margin-bottom: 35px; } .categoria-tarjeta { background-color: #f8fafc; border: 2px solid #e2e8f0; border-top: 5px solid #1e88e5; /* Detalle Azul deportivo */ border-radius: 10px; padding: 25px 15px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .categoria-tarjeta:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(30, 136, 229, 0.15); border-color: #1e88e5; } .categoria-tarjeta.destacado { border-top-color: #d32f2f; /* Detalle Rojo */ } .categoria-tarjeta.destacado:hover { box-shadow: 0 10px 20px rgba(211, 47, 47, 0.15); border-color: #d32f2f; } .categoria-tarjeta.especial { border-top-color: #0d47a1; /* Azul oscuro institucional */ } .categoria-rango { display: block; font-size: 32px; font-weight: 800; color: #1e293b; line-height: 1.1; } .categoria-rango.texto-sm { font-size: 18px; font-weight: 700; text-transform: uppercase; } .categoria-etiqueta { display: block; font-size: 14px; color: #64748b; font-weight: 600; text-transform: uppercase; margin-top: 8px; letter-spacing: 0.5px; } .categorias-reglas { border-top: 1px dashed #e2e8f0; padding-top: 25px; max-width: 700px; margin: 0 auto; } .regla-item { font-size: 15px; color: #475569; line-height: 1.6; margin: 10px 0; display: flex; align-items: flex-start; } .asterisco { color: #d32f2f; /* Rojo llamativo */ font-weight: bold; font-size: 20px; margin-right: 10px; line-height: 1; } /* ============================================= AJUSTES RESPONSIVE (MÓVILES) ============================================= --> */ @media (max-width: 600px) { .evento-contador-wrapper { padding: 20px 10px; } .cont-numero { font-size: 32px; } .cont-etiqueta { font-size: 10px; } .cont-bloque { min-width: 50px; } .cont-divisor { font-size: 24px; padding-bottom: 15px; } .contador-titulo { font-size: 16px; margin-bottom: 15px; } .categorias-titulo { font-size: 22px; } .categoria-rango { font-size: 28px; } .categoria-rango.texto-sm { font-size: 16px; } .regla-item { font-size: 14px; } } @media (max-width: 400px) { .categorias-grid { grid-template-columns: 1fr; } .contador-display { gap: 5px; } } Premios y reconocimientos para nuestros ganadores y participantes 1 Moto 250cc Thunder Motos 1 Hospedaje Napo Wildlife Center 1 TV 65" IDC Mayorista Limóncocha Wildlife Experience (2 Días 1 Noche) Amazon Journeys 4 Hospedajes Termas El Pantanal 2 Masajes Termas El Pantanal 10 Truchas Termas El Pantanal 10 Entradas Termas El Pantanal 10 Premios Mil Deportes 3 Órdenes de Consumo Cocina Manaba Río /* Contenedor Raíz */ .premios-micrositio-root { background-color: #ffffff; font-family: 'Montserrat', 'Segoe UI', Roboto, sans-serif; max-width: 100%; margin: 0 auto; overflow: hidden; border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } /* Contenedor Principal */ .premios-contenedor { padding: 40px 20px; max-width: 1100px; margin: 0 auto; } /* Encabezado */ .premios-encabezado { text-align: center; margin-bottom: 40px; } .premios-subtitulo { color: #64748b; font-size: 16px; margin: 0; font-weight: 500; } /* Grilla de Premios */ .premios-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; } /* Tarjeta Individual */ .premio-tarjeta { background-color: #f8fafc; border: 2px solid #e2e8f0; border-top: 4px solid #1e88e5; /* Azul Deportivo */ border-radius: 10px; padding: 20px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .premio-tarjeta:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(30, 136, 229, 0.15); border-color: #1e88e5; } /* Tarjetas Destacadas */ .premio-tarjeta.destacado { border-top-color: #d32f2f; /* Detalle Rojo */ background-color: #fff8f8; } .premio-tarjeta.destacado:hover { box-shadow: 0 10px 20px rgba(211, 47, 47, 0.18); border-color: #d32f2f; } .premio-tarjeta.destacado .premio-icono { background-color: #ffebee; color: #d32f2f; } /* Iconos SVG */ .premio-icono { width: 50px; height: 50px; background-color: #e3f2fd; color: #1e88e5; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; flex-shrink: 0; } .premio-icono svg { width: 26px; height: 26px; } /* Info */ .premio-info { width: 100%; } .premio-cantidad { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #1e88e5; letter-spacing: 0.8px; margin-bottom: 5px; } .premio-tarjeta.destacado .premio-cantidad { color: #d32f2f; } .premio-nombre { font-size: 15px; font-weight: 700; color: #1e293b; margin: 0; line-height: 1.35; } /* ============================================= AJUSTES RESPONSIVE (MÓVILES) ============================================= */ @media (max-width: 768px) { .premios-contenedor { padding: 30px 15px; } .premios-subtitulo { font-size: 14px; } .premios-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; } .premio-tarjeta { padding: 15px; } .premio-icono { width: 44px; height: 44px; } .premio-icono svg { width: 22px; height: 22px; } .premio-nombre { font-size: 14px; } } @media (max-width: 480px) { .premios-grid

  • RUN FOR DIVERSITY 2026

    00Días 00Horas 00Min 00Seg Parque Samanes CATEGORÍAS 6K GENERAL 3K GENERAL 1K FAMILIAR 1K DISCAPACIDAD .custom-banner-widget { width: 100%; font-family: 'Roboto', sans-serif; text-align: center; box-sizing: border-box; } .banner-img { width: 100%; height: auto; display: block; } .widget-content { padding: 20px 15px; background-color: #f9f9f9; } .countdown-container { display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; } .time-block { background: #111111; color: #ffffff; padding: 10px 15px; border-radius: 8px; min-width: 65px; } .time-block span { display: block; font-size: 1.8rem; font-weight: bold; line-height: 1; } .time-block label { font-size: 0.75rem; text-transform: uppercase; opacity: 0.8; } .location-title { font-size: 1.8rem; text-transform: uppercase; color: #333333; margin: 15px 0; } .categories-section h3 { font-size: 1.2rem; margin-bottom: 10px; color: #555555; letter-spacing: 1px; } .category-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } .category-list li { background-color: #0073aa; color: #ffffff; padding: 8px 16px; border-radius: 20px; font-weight: bold; font-size: 0.9rem; } @media (max-width: 480px) { .countdown-container { gap: 8px; } .time-block { min-width: 50px; padding: 8px 5px; } .time-block span { font-size: 1.3rem; } .category-list { flex-direction: column; align-items: center; } .category-list li { width: 80%; } } RUTA DEL EVENTO Ubícate y revisa el recorrido completo en el Parque Samanes .custom-map-widget { width: 100%; font-family: 'Roboto', sans-serif; background-color: #f9f9f9; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08); margin-top: 20px; box-sizing: border-box; } .map-header { background-color: #111111; color: #ffffff; padding: 15px; text-align: center; } .map-header h3 { margin: 0; font-size: 1.3rem; letter-spacing: 1.5px; text-transform: uppercase; color: #ffffff; } .map-container { width: 100%; background: #e5e5e5; } .map-footer { padding: 12px 15px; text-align: center; background-color: #ffffff; } .map-footer p { margin: 0; font-size: 0.9rem; color: #555555; font-weight: 500; } @media (max-width: 480px) { .map-header h3 { font-size: 1.1rem; } .map-footer p { font-size: 0.8rem; } } DETALLES DEL RECORRIDO CIRCUITOS POR CATEGORÍA 6K DOS VUELTAS 3K UNA VUELTA 1K UNA VUELTA AL ESTADIO LUGAR DE SALIDA REDONDEL CENTRAL MONUMENTO A LA BANDERA DE GUAYAQUIL .custom-info-widget { width: 100%; font-family: 'Roboto', sans-serif; background-color: #f9f9f9; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08); margin-top: 20px; box-sizing: border-box; } .info-header { background-color: #111111; color: #ffffff; padding: 15px; text-align: center; } .info-header h3 { margin: 0; font-size: 1.3rem; letter-spacing: 1.5px; text-transform: uppercase; color: #ffffff; } .info-body { padding: 20px 15px; background-color: #ffffff; } .info-group { margin-bottom: 20px; text-align: center; } .info-group:last-child { margin-bottom: 0; } .info-group h4 { margin: 0 0 12px 0; font-size: 1rem; color: #555555; letter-spacing: 1px; text-transform: uppercase; } .circuit-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; max-width: 400px; margin: 0 auto; } .circuit-list li { background-color: #f0f4f8; padding: 10px 15px; border-radius: 8px; display: flex; align-items: center; justify-content: flex-start; gap: 12px; font-weight: bold; color: #333333; font-size: 0.95rem; } .badge { background-color: #0073aa; color: #ffffff; padding: 4px 10px; border-radius: 12px; font-size: 0.85rem; min-width: 35px; text-align: center; } .location-group { border-top: 1px solid #eeeeee; padding-top: 20px; } .location-text { margin: 0; font-size: 0.95rem; font-weight: bold; color: #111111; display: flex; align-items: center; justify-content: center; gap: 8px; } .location-icon { width: 22px; height: 22px; fill: #0073aa; flex-shrink: 0; } @media (max-width: 480px) { .info-header h3 { font-size: 1.1rem; } .circuit-list li { font-size: 0.85rem; padding: 8px 12px; } .location-text { font-size: 0.85rem; flex-direction: column; } }

  • RUNNING SOLCA MANABI

    PORTOVIEJO, MANABI

    .solca-running-card { width: 100%; max-width: 2560px; /* Soporte hasta resolución 4K */ margin: 20px auto; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(21, 81, 138, 0.12); overflow: hidden; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; border: 1px solid #e2e8f0; box-sizing: border-box; } /* Container de Imagen en Proporción 16:9 */ .solca-hero-header { position: relative; width: 100%; aspect-ratio: 16 / 9; background-color: #0C3E6B; overflow: hidden; } .solca-hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } /* Overlay para la Cuenta Regresiva */ .solca-hero-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(12, 62, 107, 0) 0%, rgba(12, 62, 107, 0.75) 50%, rgba(12, 62, 107, 0.98) 100%); padding: 30px 15px 12px 15px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } /* Estilos de la Cuenta Regresiva */ .solca-countdown-container { width: 100%; } .solca-countdown-title { font-size: clamp(0.75rem, 1.5vw, 1.2rem); text-transform: uppercase; letter-spacing: 1.2px; color: #38B6E0; font-weight: 800; text-align: center; margin-bottom: 6px; text-shadow: 0 1px 3px rgba(0,0,0,0.8); } .solca-countdown-grid { display: flex; justify-content: center; gap: 8px; } .solca-countdown-item { background: rgba(12, 62, 107, 0.75); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 6px; padding: 6px 10px; min-width: 52px; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.3); } .solca-countdown-number { font-size: clamp(1.2rem, 2vw, 2.2rem); font-weight: 800; color: #ffffff; line-height: 1; display: block; } .solca-countdown-label { font-size: clamp(0.6rem, 1vw, 0.9rem); text-transform: uppercase; color: #E2E8F0; font-weight: 600; margin-top: 3px; display: block; } /* Barra de Borde Degradado */ .solca-gradient-bar { height: 4px; width: 100%; background: linear-gradient(90deg, #38B6E0, #E84125); } .solca-card-body { padding: 25px 25px 30px 25px; color: #1E293B; } .solca-description { text-align: center; font-size: clamp(1.05rem, 1.8vw, 1.6rem); line-height: 1.5; color: #475569; margin-bottom: 24px; } .solca-reto-highlight { color: #0C3E6B; font-weight: 700; } /* Grid de información */ .solca-grid-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 24px; } .solca-info-box { background: #F8FAFC; border: 1px solid #E2E8F0; border-left: 4px solid #38B6E0; border-radius: 8px; padding: 14px 18px; display: flex; align-items: center; gap: 12px; } .solca-svg-icon { width: 24px; height: 24px; flex-shrink: 0; } .solca-info-box .text-label { font-size: clamp(0.75rem, 1vw, 0.95rem); text-transform: uppercase; color: #64748B; font-weight: 600; display: block; } .solca-info-box .text-val { font-size: clamp(0.95rem, 1.3vw, 1.3rem); font-weight: 700; color: #0C3E6B; } /* Banner de Precios */ .solca-promo-banner { background: #EFF6FF; border-radius: 12px; padding: 24px; margin-bottom: 24px; border: 1px dashed #38B6E0; text-align: center; } .solca-price-label { font-size: clamp(0.85rem, 1.2vw, 1.2rem); text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #15518A; display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 16px; } /* Grid para Tarjetas de Precios 7K y 3K */ .solca-prices-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 16px; } .solca-price-card { background: #ffffff; border: 1px solid #CBD5E1; border-radius: 8px; padding: 16px 12px; display: flex; flex-direction: column; align-items: center; } .solca-distance { font-size: clamp(1.1rem, 1.5vw, 1.5rem); font-weight: 800; color: #38B6E0; line-height: 1; } .solca-price-big { font-size: clamp(2.2rem, 3.5vw, 3.8rem); font-weight: 900; color: #0C3E6B; line-height: 1; margin: 6px 0; } .solca-kit-info { font-size: clamp(0.78rem, 1.1vw, 1.1rem); color: #475569; font-weight: 600; margin: 0; } .solca-dates { font-size: clamp(0.88rem, 1.2vw, 1.15rem); color: #475569; display: flex; align-items: center; justify-content: center; gap: 6px; } .solca-alert { display: inline-flex; align-items: center; gap: 6px; background: #FEE2E2; color: #991B1B; font-size: clamp(0.8rem, 1vw, 1rem); font-weight: 700; padding: 6px 16px; border-radius: 20px; margin-top: 12px; } /* Cierre */ .solca-footer-motto { text-align: center; margin-top: 20px; font-weight: 700; color: #15518A; font-size: clamp(1rem, 1.4vw, 1.4rem); display: flex; align-items: center; justify-content: center; gap: 8px; } @media (max-width: 480px) { .solca-countdown-item { min-width: 42px; padding: 4px 6px; } } El evento inicia en: 00 Días 00 Horas 00 Min 00 Seg Elige tu reto: 3K o 7K y prepárate para vivir una jornada de deporte, energía y esperanza. Fecha 27 Septiembre Lugar Parque La Rotonda Hora 07:00 A. M. VALORES DE INSCRIPCIÓN 7k $7 kit incluye camiseta 3k $5 kit con producto sorpresa Del 20 de agosto al 13 de septiembre CUPOS LIMITADOS ¡Ponte en modo RUNNING y corre por tu corazón! .solca-card { width: 100%; max-width: 2560px; /* Soporte hasta resolución 4K */ margin: 20px auto; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(21, 81, 138, 0.12); overflow: hidden; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; border: 1px solid #e2e8f0; box-sizing: border-box; } .solca-card-header { background: linear-gradient(135deg, #0C3E6B 0%, #15518A 100%); color: #ffffff; padding: clamp(20px, 3vw, 40px); text-align: center; position: relative; } .solca-card-header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #38B6E0, #E84125); } .solca-card-header h2 { margin: 0; font-size: clamp(1.3rem, 2.5vw, 2.5rem); font-weight: 800; color: #ffffff; letter-spacing: 0.5px; text-transform: uppercase; } .solca-card-body { padding: clamp(20px, 3vw, 45px); color: #1E293B; } /* Bloques de Pasos */ .solca-step-block { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: clamp(18px, 2.5vw, 36px); margin-bottom: clamp(20px, 2.5vw, 36px); position: relative; } .solca-step-badge { display: inline-flex; align-items: center; gap: 8px; background: #15518A; color: #ffffff; font-size: clamp(0.75rem, 1vw, 1.1rem); font-weight: 800; padding: 6px 16px; border-radius: 20px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 16px; } .solca-step-badge.step-2 { background: #E84125; } .solca-step-title { font-size: clamp(1.1rem, 1.8vw, 1.8rem); font-weight: 800; color: #0C3E6B; margin: 0 0 16px 0; display: flex; align-items: center; gap: 10px; } /* Caja de Transferencia Bancaria */ .solca-bank-details { background: #ffffff; border-left: 4px solid #38B6E0; border-radius: 8px; padding: clamp(14px, 2vw, 24px); margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); } .solca-bank-row { display: flex; justify-content: space-between; align-items: center; padding: clamp(6px, 1vw, 12px) 0; border-bottom: 1px dashed #E2E8F0; font-size: clamp(0.9rem, 1.3vw, 1.3rem); } .solca-bank-row:last-child { border-bottom: none; } .solca-bank-label { color: #64748B; font-weight: 600; } .solca-bank-val { color: #0C3E6B; font-weight: 700; } /* Divisor "O" */ .solca-divider-or { text-align: center; position: relative; margin: clamp(20px, 2.5vw, 32px) 0; font-weight: 700; color: #94A3B8; font-size: clamp(0.85rem, 1.1vw, 1.2rem); text-transform: uppercase; } .solca-divider-or::before, .solca-divider-or::after { content: ''; position: absolute; top: 50%; width: 42%; height: 1px; background: #CBD5E1; } .solca-divider-or::before { left: 0; } .solca-divider-or::after { right: 0; } /* Contenedores y Botones de Pago */ .solca-card-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; /* Separación marcada entre los botones de pago */ margin-top: 12px; } .solca-btn-container { text-align: center; width: 100%; } .solca-btn

  • 10K ESSUNA

    BASE NAVAL SALINAS, SALINAS , Ecuador

    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,800;1,700&display=swap'); .essuna-card-container { font-family: 'Montserrat', sans-serif; max-width: 900px; margin: 20px auto; background: #0b1c38; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); border: 1px solid rgba(197, 155, 39, 0.4); } /* Encabezado con el Arte */ .essuna-banner { width: 100%; display: block; line-height: 0; border-bottom: 3px solid #c59b27; } .essuna-banner img { width: 100%; height: auto; display: block; object-fit: cover; } /* Seccion del Contador Regresivo */ .essuna-countdown-section { background: linear-gradient(180deg, #061021 0%, #0b1c38 100%); padding: 25px 15px; text-align: center; border-bottom: 1px solid rgba(197, 155, 39, 0.2); } .essuna-countdown-title { color: #c59b27; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; } .essuna-timer { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } .timer-box { background: rgba(255, 255, 255, 0.05); border: 1px solid #c59b27; border-radius: 8px; padding: 10px 15px; min-width: 70px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .timer-number { display: block; color: #ffffff; font-size: 28px; font-weight: 800; line-height: 1; } .timer-label { display: block; color: #c59b27; font-size: 10px; font-weight: 600; text-transform: uppercase; margin-top: 5px; letter-spacing: 1px; } /* Tabla de Categorías */ .essuna-table-wrapper { overflow-x: auto; padding: 10px 0; } .essuna-table { width: 100%; border-collapse: collapse; color: #ffffff; text-align: left; } .essuna-table th { background-color: #061021; color: #c59b27; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 16px 20px; letter-spacing: 1px; border-bottom: 2px solid #c59b27; } .essuna-table td { padding: 16px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-size: 15px; vertical-align: middle; } .essuna-table tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.03); } .essuna-table tbody tr:hover { background-color: rgba(197, 155, 39, 0.1); transition: background-color 0.2s ease; } .badge-distancia { display: inline-block; background: #c59b27; color: #0b1c38; font-weight: 800; padding: 6px 14px; border-radius: 20px; font-size: 13px; letter-spacing: 0.5px; } .categoria-nombre { font-weight: 700; color: #ffffff; font-size: 16px; letter-spacing: 0.5px; } /* Adaptabilidad Responsive */ @media (max-width: 600px) { .timer-box { padding: 8px 10px; min-width: 55px; } .timer-number { font-size: 20px; } .timer-label { font-size: 9px; } .essuna-table th, .essuna-table td { padding: 12px 10px; font-size: 13px; } .badge-distancia { padding: 4px 8px; font-size: 11px; } .categoria-nombre { font-size: 14px; } } Tiempo restante para el inicio 00 Días 00 Horas 00 Minutos 00 Segundos Distancia Categoría Edad Género 1K COCOLISOS I Hasta 8 años Niños y niñas 2K COCOLISOS II 9 – 12 años Niños y niñas 5K / 10K ZEUS Hasta 19 años Masculino y femenino 5K / 10K CORSARIOS 20 – 29 años Masculino y femenino 5K / 10K DUKES 30 – 39 años Masculino y femenino 5K / 10K POPEYES 40 – 49 años Masculino y femenino 5K / 10K NEPTUNO 50 a 59 años Masculino y femenino 5K / 10K POSEIDÓN 60 años en adelante Masculino y femenino @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;0,900&display=swap'); .essuna-price-card { font-family: 'Montserrat', sans-serif; max-width: 380px; margin: 20px auto; background: #0b1c38; border-radius: 20px; padding: 45px 20px 35px 20px; text-align: center; position: relative; overflow: hidden; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45); border: 2px solid #c59b27; } /* Animación de la Cinta Hot (Pulsante sin iconos) */ .hot-ribbon { position: absolute; top: 18px; right: -35px; transform: rotate(45deg); background: linear-gradient(135deg, #ff3b30 0%, #ff9500 100%); color: #ffffff; font-size: 11px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 40px; box-shadow: 0 4px 10px rgba(255, 59, 48, 0.4); animation: pulse-hot 1.8s infinite ease-in-out; user-select: none; } @keyframes pulse-hot { 0% { transform: rotate(45deg) scale(1); box-shadow: 0 4px 10px rgba(255, 59, 48, 0.4); } 50% { transform: rotate(45deg) scale(1.08); box-shadow: 0 6px 20px rgba(255, 59, 48, 0.8); } 100% { transform: rotate(45deg) scale(1); box-shadow: 0 4px 10px rgba(255, 59, 48, 0.4); } } /* Destello de fondo */ .price-glow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; background: radial-gradient(circle, rgba(197, 155, 39, 0.15) 0%, rgba(11, 28, 56, 0) 70%); pointer-events: none; } /* Texto del Precio */ .price-amount { position: relative; font-size: 72px; font-weight: 900; color: #ffffff; line-height: 1; margin: 0; letter-spacing: -2px; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); } .price-currency { color: #c59b27; } /* Texto Inscripción */ .price-label { position: relative; font-size: 18px; font-weight: 700; color: #c59b27; text-transform: uppercase; letter-spacing: 4px; margin-top: 12px; display: block; } /* Adaptabilidad para móviles */ @media (max-width: 480px) { .essuna-price-card { max-width: 290px; padding: 40px 15px 30px 15px; } .price-amount { font-size: 58px; } .price-label { font-size: 15px; letter-spacing: 3px; } .hot-ribbon { font-size: 10px; top: 15px; right: -38px; } } HOT $15 Inscripción @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,800;1,700&display=swap'); .essuna-card-container { font-family: 'Montserrat', sans-serif; max-width: 900px; margin: 20px auto; background: #0b1c38; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); border: 1px solid rgba(197, 155, 39, 0.4); color: #ffffff; padding: 30px; box-sizing: border-box; } /* Encabezado Principal de Secciones */ .step-header { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; border-bottom: 2px solid #c59b27; padding-bottom: 12px; } .step-badge { background: #c59b27; color: #0b1c38; font-size: 16px; font-weight: 800; padding: 6px 16px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; } .step-title { font-size: 22px; font-weight: 800; color: #ffffff; margin: 0; text-transform: uppercase; letter-spacing: 1px; } .option-subtitle { color: #c59b27; font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 20px 0 15px 0; letter-spacing: 1px; } /* Grid de Bancos */ .bank-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 30px; } .bank-card { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(197, 155, 39, 0.3); border-radius: 12px; padding: 20px; transition: transform 0.2s ease, border-color 0.2s ease; } .bank-card:hover { border-color: #c59b27; transform: translateY(-3px); background: rgba(197, 155, 39, 0.05); } .bank-name { color: #c59b27; font-size: 18px; font-weight: 800; margin-bottom: 12px; text-transform: uppercase; border-bottom: 1px solid rgba(197, 155, 39, 0.2); padding-bottom: 8px; } .bank-details { font-size: 14px; line-height: 1.6; color: #e0e0e0; } .bank-details strong { color: #ffffff; } .bank-details a { color: #c59b27; text-decoration: none; word-break: break-all; } .bank-details a:hover { text-decoration: underline; } /* Separadores visuales */ .divider { height: 1px; background: linear-gradient(90deg, transparent, rgba(197, 155, 39, 0.4), transparent); margin: 35px 0; } /* Estilos de Botones */ .btn-container { display: flex; justify-content: center; margin-top: 15px; } .btn-action { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #c59b27 0%, #9a781b

  • FOOTRACE Sembrando Semillas 2026

    SANTO DOMINGO, SANTO DOMINGO DE LOS TSACHILAS , Ecuador

    .race-container { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; padding: 20px; background-color: #f9f9f9; } .race-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease; } .race-card:hover { transform: translateY(-5px); } .race-header { background: linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%); /* Amarillo-Verdoso (Activo) */ padding: 20px; text-align: center; } .race-header h2 { margin: 0; color: #333; font-size: 2.5rem; font-weight: 800; } .race-content { padding: 20px; } .category-item { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #eee; } .category-item:last-child { border-bottom: none; } .cat-name { font-weight: bold; color: #444; text-transform: uppercase; font-size: 0.9rem; } .cat-age { color: #666; font-style: italic; } /* ANIMACIÓN DE PARPADEO PARA NUEVOS CUPOS (Llamativo pero positivo) */ @keyframes parpadeoCupos { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } .text-nuevos-cupos { color: #0066cc; /* Azul llamativo para denotar habilitación exitosa */ font-weight: 900; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 8px; display: block; animation: parpadeoCupos 1.2s infinite; /* Parpadeo infinito */ text-shadow: 0 0 2px rgba(0, 102, 204, 0.2); } 5K Juvenil 16 a 17 años Junior 18 a 19 años Senior 20 a 29 años Master 30 a 39 años Super Master 40 a 49 años Ultra Master 50 a 59 años Mega Master 60 a 69 años Corazón de Oro 70+ años 3K ¡NUEVOS CUPOS CON COSTO HABILITADOS! Kids 14 a 15 años SEMILLAS KIDS ¡NUEVOS CUPOS CON COSTO HABILITADOS! 1K 12 A 13 años 500 MTS 10 a 11 años 250 MTS 8 a 9 años 125 MTS 6 a 7 años 75 MTS 4 a 5 años 50 MTS Hasta 3 años .award-banner { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%); border-radius: 15px; padding: 30px 20px; text-align: center; margin: 20px auto; max-width: 800px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 3px solid #fff; position: relative; overflow: hidden; } .award-banner::before { content: '★'; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 3rem; color: rgba(255, 255, 255, 0.5); } .award-banner::after { content: '★'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 3rem; color: rgba(255, 255, 255, 0.5); } .award-text { color: #333; margin: 0; text-transform: uppercase; letter-spacing: 1px; } .award-text h3 { font-size: 1.2rem; margin-bottom: 5px; font-weight: 600; color: #444; } .award-text h2 { font-size: 2.2rem; margin: 0; font-weight: 900; color: #2c3e50; line-height: 1.2; } .highlight-orange-box { display: inline-block; background: #fda085; color: white; padding: 5px 15px; border-radius: 50px; margin-top: 10px; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } @media (max-width: 600px) { .award-banner::before, .award-banner::after { display: none; } .award-text h2 { font-size: 1.6rem; } } RECONOCIMIENTO ESPECIAL PREMIOS HASTA EL 7MO LUGAR POR CATEGORÍAS .pricing-wrapper { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; padding: 20px; max-width: 1100px; margin: 0 auto; } .price-card { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.08); border: 2px solid #f0f0f0; display: flex; flex-direction: column; transition: transform 0.3s ease; } .price-card:hover { transform: translateY(-8px); } .price-header { padding: 25px; text-align: center; color: #333; } /* Colores según tu estilo */ .bg-lime { background: linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%); } .bg-orange { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); } .bg-white { background: #ffffff; border-bottom: 3px solid #d4fc79; } /* ESTILO PARA TARJETA DESACTIVADA / AGOTADA */ .bg-grey-disabled { background: linear-gradient(135deg, #dcdcdc 0%, #e0e0e0 100%) !important; border-bottom: 3px solid #b5b5b5 !important; } .price-amount { font-size: 3rem; font-weight: 900; margin: 10px 0; display: block; } .price-title { font-weight: 800; text-transform: uppercase; font-size: 1.1rem; letter-spacing: 1px; } .kit-content { padding: 25px; flex-grow: 1; } /* CONTENIDO DESACTIVADO */ .kit-content.disabled { opacity: 0.4; filter: grayscale(100%); background-color: #ebebeb; } .kit-title { font-weight: bold; color: #555; margin-bottom: 15px; text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 10px; font-size: 0.9rem; } .kit-list { list-style: none; padding: 0; margin: 0; } .kit-list li { padding: 8px 0; color: #444; display: flex; align-items: center; font-size: 0.95rem; } .kit-list li::before { content: '✓'; color: #27ae60; font-weight: bold; margin-right: 10px; } .kit-list li.no-item { color: #aaa; text-decoration: line-through; } .kit-list li.no-item::before { content: '✕'; color: #e74c3c; } .badge-promo { background: #333; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; margin-top: 10px; display: inline-block; } /* ANIMACIÓN DE PARPADEO PARA NUEVOS CUPOS (Llamativo pero positivo) */ @keyframes parpadeoCupos { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } .text-nuevos-cupos { color: #0066cc; /* Azul dinámico */ font-weight: 900; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 10px; display: block; animation: parpadeoCupos 1.2s infinite; text-shadow: 0 0 2px rgba(0, 102, 204, 0.2); } CON CAMISETA $20 CONTENIDO DEL KIT CAMISETA OFICIAL DORSAL + CHIP FRUTAS REFRIGERIO HIDRATACIÓN SIN CAMISETA $10 CONTENIDO DEL KIT CAMISETA DORSAL + CHIP FRUTAS REFRIGERIO HIDRATACIÓN 3K / SEMILLAS KIDS $10 ¡NUEVOS CUPOS CON COSTO HABILITADOS! DESDE 3K HACIA ABAJO HELADO INCLUIDO CAMISETA OFICIAL DORSAL HIDRATACIÓN CAMISETA REFRIGERIO FRUTAS .steps-container { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 900px; margin: 20px auto; padding: 10px; } .step-box { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); margin-bottom: 30px; border: 1px solid #eee; } .step-header { padding: 20px; text-align: center; color: #333; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; } .bg-step1 { background: linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%); } .bg-step2 { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); } .step-content { padding: 30px; } .bank-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 25px; } .bank-card { background: #fdfdfd; padding: 20px; border-radius: 15px; border-left: 5px solid #d4fc79; box-shadow: 2px 2px 10px rgba(0,0,0,0.03); } .bank-name { font-weight: 900; color: #2c3e50; margin-bottom: 5px; display: block; font-size: 1.1rem; } .acc-type { color: #666; font-size: 0.85rem; text-transform: uppercase; display: block; margin-bottom: 5px; } .acc-number { font-family: monospace; font-size: 1.3rem; color: #333; font-weight: bold; } .owner-info { background: #f9f9f9; padding: 20px; border-radius: 15px; text-align: center; border: 1px dashed #ccc; } .owner-info p { margin: 5px 0; color: #444; } .btn-card-payment { display: block; background: #2c3e50; color: white !important; text-decoration: none; text-align: center; padding: 15px; border-radius: 50px; margin-top: 20px; font-weight: bold; transition: all 0.3s

  • 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); }

  • 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;

  • HOPE RUN MACHALA

    MACHALA, EL ORO EL ORO, Ecuador

    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,900;1,800&display=swap'); .hope-widget-container { font-family: 'Montserrat', sans-serif; max-width: 800px; margin: 0 auto; background: #FFFDF7; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border: 2px solid #F8C300; overflow: hidden; color: #333; padding: 0 0 30px 0; box-sizing: border-box; } /* Encabezado con Imagen y Degradado Inferior */ .hope-banner-wrapper { position: relative; width: 100%; line-height: 0; margin-bottom: 20px; } .hope-banner-img { width: 100%; height: auto; display: block; object-fit: cover; } .hope-banner-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(255, 253, 247, 0) 0%, #FFFDF7 100%); } /* Reloj de Cuenta Regresiva */ .hope-countdown-container { text-align: center; padding: 0 20px; margin-bottom: 25px; position: relative; z-index: 2; } .hope-countdown-title { font-size: 0.9rem; font-weight: 800; color: #800000; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px; } .hope-timer-grid { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } .hope-timer-box { background: linear-gradient(135deg, #D8121B 0%, #800000 100%); color: #FFFFFF; min-width: 70px; padding: 12px 8px; border-radius: 12px; box-shadow: 0 4px 10px rgba(128, 0, 0, 0.2); } .hope-timer-num { font-size: 1.8rem; font-weight: 900; line-height: 1; color: #F8C300; display: block; } .hope-timer-label { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; display: block; } /* Cuerpo del Contenido */ .hope-content-body { padding: 0 30px; } .hope-header { text-align: center; margin-bottom: 30px; } .hope-title { font-size: 2rem; font-weight: 900; color: #D8121B; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0; position: relative; display: inline-block; } .hope-title::after { content: ''; display: block; width: 60%; height: 4px; background: #F8C300; margin: 6px auto 0; border-radius: 2px; } /* Grid de Categorías */ .hope-categories-grid { display: flex; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; } .hope-card { flex: 1; min-width: 260px; border-radius: 15px; padding: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.04); transition: transform 0.3s ease; border-left: 6px solid; } .hope-card:hover { transform: translateY(-5px); } .hope-card-5k { background: #FFF5F5; border-color: #D8121B; } .hope-card-1k { background: #FFFDF0; border-color: #F8C300; } .hope-badge { display: inline-block; font-size: 2.2rem; font-weight: 900; font-style: italic; line-height: 1; margin-bottom: 5px; } .hope-card-5k .hope-badge { color: #D8121B; } .hope-card-1k .hope-badge { color: #E0A800; } .hope-subtitle { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; display: block; } .hope-card-5k .hope-subtitle { color: #800000; } .hope-card-1k .hope-subtitle { color: #8A6800; } .hope-list { list-style: none; padding: 0; margin: 0; } .hope-list li { font-size: 0.95rem; font-weight: 700; padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,0.1); display: flex; align-items: center; } .hope-list li:last-child { border-bottom: none; } .hope-list li::before { content: '✔'; margin-right: 10px; font-size: 0.8rem; } .hope-card-5k .hope-list li::before { color: #D8121B; } .hope-card-1k .hope-list li::before { color: #F8C300; } /* Bloque de Costo Doble */ .hope-price-section { background: linear-gradient(135deg, #D8121B 0%, #800000 100%); border-radius: 15px; padding: 20px; margin-bottom: 30px; text-align: center; box-shadow: 0 6px 15px rgba(128, 0, 0, 0.2); } .hope-price-title { color: #FFFFFF; font-size: 1.1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px; display: block; } .hope-price-grid { display: flex; justify-content: space-around; align-items: center; gap: 15px; flex-wrap: wrap; } .hope-price-item { flex: 1; min-width: 140px; padding: 10px; background: rgba(255, 255, 255, 0.08); border-radius: 10px; border: 1px solid rgba(248, 195, 0, 0.3); } .hope-price-value { font-size: 2.8rem; font-weight: 900; color: #F8C300; line-height: 1; display: block; } .hope-price-sublabel { font-size: 0.85rem; font-weight: 800; color: #FFFFFF; text-transform: uppercase; margin-top: 6px; display: block; letter-spacing: 0.5px; } .hope-price-divider { width: 1px; height: 50px; background: rgba(255, 255, 255, 0.2); } /* Sección Proceso de Inscripción */ .hope-steps-container { background: #FFFFFF; border: 1px solid #EFEFEF; border-radius: 15px; padding: 25px; } .hope-steps-title { font-size: 1.2rem; font-weight: 800; color: #800000; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; text-align: center; } .hope-step-item { background: #FFFDF7; border-radius: 12px; border: 1px solid #F8C300; padding: 20px; margin-bottom: 20px; } .hope-step-header { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; } .hope-step-badge { background: #D8121B; color: #FFFFFF; font-weight: 900; font-size: 0.9rem; padding: 6px 14px; border-radius: 20px; text-transform: uppercase; } .hope-bank-details { background: #FFFFFF; border-radius: 8px; padding: 15px; border-left: 4px solid #D8121B; margin-bottom: 15px; } .hope-bank-details p { margin: 4px 0; font-size: 0.95rem; color: #333; } .hope-bank-details strong { color: #800000; } .hope-divider-text { text-align: center; font-weight: 700; color: #D8121B; font-size: 0.85rem; text-transform: uppercase; margin: 15px 0 10px 0; letter-spacing: 0.5px; } /* Botones de Pago con Tarjeta (Paso 1) */ .hope-card-pay-grid { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 10px; } .hope-btn-card-pay { flex: 1; min-width: 200px; text-align: center; background: #D8121B; color: #FFFFFF !important; font-weight: 800; font-size: 0.9rem; text-transform: uppercase; padding: 12px 18px; border-radius: 8px; text-decoration: none; box-shadow: 0 3px 8px rgba(216, 18, 27, 0.25); transition: all 0.3s ease; display: inline-block; } .hope-btn-card-pay:hover { background: #800000; transform: translateY(-2px); box-shadow: 0 5px 12px rgba(128, 0, 0, 0.35); } /* Botón Paso 2 */ .hope-btn-container { text-align: center; margin-top: 10px; } .hope-btn-register { display: inline-block; background: linear-gradient(135deg, #F8C300 0%, #E0A800 100%); color: #800000 !important; font-weight: 900; font-size: 1rem; text-transform: uppercase; padding: 16px 28px; border-radius: 50px; text-decoration: none; box-shadow: 0 4px 15px rgba(248, 195, 0, 0.4); transition: all 0.3s ease; } .hope-btn-register:hover { background: linear-gradient(135deg, #D8121B 0%, #800000 100%); color: #FFFFFF !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(216, 18, 27, 0.4); } /* Responsive */ @media (max-width: 600px) { .hope-content-body { padding: 0 15px; } .hope-categories-grid { flex-direction: column; } .hope-price-divider { display: none; } .hope-price-grid { gap: 10px; } .hope-price-value { font-size: 2.2rem; } .hope-card-pay-grid { flex-direction: column; } .hope-btn-card-pay { width: 100%; box-sizing: border-box; } .hope-btn-register { width: 100%; box-sizing: border-box; font-size: 0.9rem; padding: 14px 15px; } .hope-timer-num { font-size: 1.4rem; } .hope-timer-box { min-width: 55px; padding: 8px 5px; } } El gran día empieza en: 00 Días 00 Horas 00 Min 00 Seg Categorías de la Carrera 5K Carrera Oficial GENERAL DAMAS GENERAL VARONES 1K Carrera Infantil NIÑOS HASTA 12 AÑOS NIÑAS HASTA 12 AÑOS Valor de Inscripción $25 13 Años+ $15 12 Años o Menores Proceso de Inscripción Paso 1 TRANSFIERE A BANCO GUAYAQUIL CUENTA CORRIENTE: 00 130 31 228 TITULAR: Encalada Fabara Maria Fernanda CÉDULA: 0703152603 O MEDIANTE PAGO CON TARJETA DE CRÉDITO PAGAR TARJETA: 13 AÑOS+ PAGAR TARJETA: 12 AÑOS O MENORES Paso 2 REGISTRA TU PAGO Y DATOS PERSONALES AQUÍ

  • 5K DEJANDO HUELLAS

    GUAYAQUIL, GUAYAS GUAYAQUIL, GUAYAS

    FALTAN PARA EL ARRANQUE: 00 Días 00 Horas 00 Min 00 Seg CATEGORÍAS Dejando Huellas Categoría Rango / Edad Rama NIÑOS 1K Infantil A 4 a 6 años Femenino y Masculino Infantil B 7 a 9 años Femenino y Masculino Infantil C 10 a 12 años Femenino y Masculino CAMINANTES 1K General Todas las edades Femenino y Masculino 5K COMPETITIVO Juvenil 13 a 18 años Femenino y Masculino Senior 19 a 39 años Femenino y Masculino Máster 40 a 59 años Femenino y Masculino Super Máster 60 + años Femenino y Masculino DISCAPACIDAD 5K General Única Femenino y Masculino @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); :root { --azul-marca: #0056b3; --azul-medio: #003875; --turquesa: #0ea5e9; --verde-lima: #d9f99d; --fondo-suave: #f0fdfa; --blanco: #FFFFFF; --texto-oscuro: #0f172a; } .contenedor-principal-carrera { font-family: 'Poppins', sans-serif; background-color: var(--blanco); border-radius: 20px; max-width: 800px; margin: 30px auto; box-shadow: 0 20px 40px rgba(0, 86, 179, 0.08); position: relative; overflow: hidden; border: 1px solid rgba(14, 165, 233, 0.15); } /* Estilo de la Imagen sin cortes ni solapamientos dañinos */ .imagen-encabezado { width: 100%; line-height: 0; } .imagen-encabezado img { width: 100%; height: auto; display: block; } /* Sección del Contador Fusionado abajo de la imagen */ .seccion-contador { background-color: var(--azul-medio); padding: 20px; text-align: center; color: white; border-bottom: 4px solid var(--turquesa); } .titulo-contador { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px; color: var(--verde-lima); } .reloj-contenedor { display: flex; justify-content: center; gap: 15px; } .bloque-tiempo { background: rgba(255, 255, 255, 0.1); padding: 8px 15px; border-radius: 10px; min-width: 70px; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.15); } .numero-tiempo { display: block; font-size: 28px; font-weight: 800; line-height: 1; color: var(--blanco); } .etiqueta-tiempo { font-size: 11px; font-weight: 500; color: var(--verde-lima); text-transform: uppercase; } .carrera-en-curso { font-size: 24px; font-weight: 800; color: var(--verde-lima); text-transform: uppercase; letter-spacing: 1px; padding: 5px 0; animation: pulse 1.5s infinite; } /* Contenedor de la Tabla */ .contenedor-tabla-inner { padding: 35px 20px; } /* Decoración de puntos */ .decoracion-superior { display: flex; justify-content: center; gap: 8px; margin-bottom: 20px; } .punto { width: 8px; height: 8px; border-radius: 50%; } .azul-marca { background-color: var(--azul-marca); } .azul-medio { background-color: var(--azul-medio); } .turquesa { background-color: var(--turquesa); } .verde-lima { background-color: #a3e635; } /* Encabezado */ .encabezado-tabla { text-align: center; margin-bottom: 30px; } .encabezado-tabla h2 { color: var(--azul-medio); font-size: 26px; font-weight: 800; letter-spacing: -0.5px; margin: 0; } .icono-corredor { font-size: 32px; background: linear-gradient(135deg, var(--azul-marca), var(--turquesa)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 12px; display: inline-block; animation: smooth-bounce 2.5s ease-in-out infinite; } .destacado-fascinante { font-weight: 800; background: linear-gradient(135deg, var(--azul-medio), var(--azul-marca)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Tabla */ .tabla-responsiva { overflow-x: auto; } table { width: 100%; border-collapse: separate; border-spacing: 0; margin-bottom: 10px; } thead tr { background-color: var(--azul-medio); color: white; } th { padding: 16px 20px; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; } th:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } th:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } td { padding: 16px 20px; color: #334155; font-size: 15px; border-bottom: 1px solid #e2e8f0; font-weight: 500; } .badge-categoria { font-weight: 600; color: var(--azul-marca); } .fila-titulo { background-color: var(--verde-lima); } .fila-titulo td { font-weight: 700; color: var(--azul-medio); letter-spacing: 1px; font-size: 13px; padding: 12px 20px; border-bottom: none; border-left: 5px solid var(--azul-marca); text-align: left; } tbody tr:not(.fila-titulo):hover { background-color: var(--fondo-suave); transition: background-color 0.2s ease; } .decoracion-inferior { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--azul-medio) 0%, var(--azul-marca) 50%, var(--turquesa) 100%); } @keyframes smooth-bounce { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-6px) scale(1.05); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } } @media (max-width: 600px) { .contenedor-tabla-inner { padding: 20px 10px; } th, td { padding: 12px 10px; font-size: 13px; } .encabezado-tabla h2 { font-size: 20px; } .fila-titulo td { padding: 10px; } .bloque-tiempo { min-width: 55px; padding: 6px 10px; } .numero-tiempo { font-size: 22px; } } VALOR INSCRIPCIÓN $20 Por persona EL KIT INCLUYE: Dorsal oficial Chip electrónico Camiseta oficial del evento Puntos de hidratación ¡Y muchas sorpresas más! Recibes tu medalla de participación al cruzar la meta al final del evento. @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); :root { --azul-marca: #0056b3; --azul-medio: #003875; --turquesa: #0ea5e9; --verde-lima: #d9f99d; --fondo-suave: #f0fdfa; --blanco: #FFFFFF; --texto-oscuro: #1e293b; } .contenedor-kit-inscripcion { font-family: 'Poppins', sans-serif; background-color: var(--blanco); border-radius: 20px; max-width: 800px; margin: 30px auto; box-shadow: 0 20px 40px rgba(0, 86, 179, 0.06); border: 1px solid rgba(14, 165, 233, 0.15); display: flex; overflow: hidden; } /* Columna Izquierda: Precio */ .bloque-precio { background: linear-gradient(135deg, var(--azul-medio) 0%, var(--azul-marca) 100%); color: var(--blanco); padding: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-width: 240px; position: relative; } .bloque-precio::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: var(--turquesa); } .etiqueta-valor { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: var(--verde-lima); text-transform: uppercase; margin-bottom: 5px; } .monto-principal { font-size: 64px; font-weight: 800; line-height: 1; margin: 10px 0; letter-spacing: -2px; color: var(--blanco); text-shadow: 0 4px 10px rgba(0,0,0,0.15); } .condicion-monto { font-size: 14px; font-weight: 500; opacity: 0.9; } /* Columna Derecha: Contenido Kit */ .bloque-detalles-kit { flex: 1; padding: 40px; display: flex; flex-direction: column; justify-content: center; background-color: var(--blanco); } .bloque-detalles-kit h3 { color: var(--azul-medio); font-size: 20px; font-weight: 800; margin-top: 0; margin-bottom: 25px; letter-spacing: -0.5px; display: flex; align-items: center; gap: 10px; } .icono-titulo { width: 22px; height: 22px; color: var(--turquesa); } .lista-kit { list-style: none; padding: 0; margin: 0 0 25px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } .lista-kit li { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: var(--texto-oscuro); } .contenedor-svg { width: 36px; height: 36px; background-color: var(--fondo-suave); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid rgba(14, 165, 233, 0.1); } .contenedor-svg svg { width: 18px; height: 18px; color: var(--azul-marca); } /* Modificador para el ítem "Mucho más" */ .lista-kit li:last-child .contenedor-svg { background-color: var(--verde-lima); border-color: transparent; } .lista-kit li:last-child .contenedor-svg svg { color: var(--azul-medio); } /* Banner Informativo de Medalla */ .nota-medalla { background-color: rgba(0, 86, 179, 0.04); border-left: 4px solid var(--turquesa); padding: 15px 18px; border-radius: 4px 12px 12px 4px; display: flex; align-items: flex-start; gap: 12px; } .nota-medalla svg { width: 22px; height: 22px; color: var(--azul-marca);

  • MEB XTREME EL EMPALME DUATHLON

    EL EMPALME, GUAYAS EL EMPALME, GUAYAS, Ecuador
    Duatlon

    .meb-widget-container { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #1a1e1b; color: #e0e0e0; border-radius: 12px; max-width: 800px; margin: 0 auto; box-shadow: 0 8px 24px rgba(0,0,0,0.4); border: 1px solid #2e3830; overflow: hidden; position: relative; } /* HERO & HEADER FUSION */ .meb-hero { position: relative; background: linear-gradient(180deg, rgba(26, 30, 27, 0.3) 0%, rgba(26, 30, 27, 0.95) 80%, #1a1e1b 100%), url('https://i.postimg.cc/d146DrLL/mebxtreme-duatlon.jpg') center/cover no-repeat; padding: 60px 20px 30px 20px; text-align: center; } .meb-title { color: #8ab63f; font-size: 2.5rem; font-weight: 800; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1.5px; text-shadow: 0 2px 8px rgba(0,0,0,0.8); } .meb-subtitle { color: #ffffff; font-size: 1.1rem; font-weight: 600; margin: 0 0 10px 0; letter-spacing: 0.5px; text-shadow: 0 2px 4px rgba(0,0,0,0.8); } .meb-tagline { color: #b0cc73; font-style: italic; font-size: 0.95rem; margin: 0 0 25px 0; text-shadow: 0 1px 3px rgba(0,0,0,0.8); } /* COUNTDOWN STYLES */ .meb-countdown-container { display: flex; justify-content: center; gap: 12px; margin-top: 15px; } .meb-countdown-box { background: rgba(36, 44, 39, 0.85); border: 1px solid #485c2b; backdrop-filter: blur(5px); border-radius: 8px; padding: 10px; min-width: 65px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); } .meb-countdown-number { font-size: 1.6rem; font-weight: 800; color: #ffffff; line-height: 1; } .meb-countdown-label { font-size: 0.7rem; text-transform: uppercase; color: #8ab63f; margin-top: 4px; font-weight: 700; } /* BODY CONTENT */ .meb-body { padding: 10px 30px 30px 30px; } .meb-section-title { color: #ffffff; font-size: 1.3rem; border-left: 4px solid #789c37; padding-left: 10px; margin: 25px 0 15px 0; text-transform: uppercase; } .meb-text { line-height: 1.6; color: #cccccc; font-size: 0.95rem; } .meb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin-top: 15px; } .meb-card { background-color: #232b25; border-radius: 8px; padding: 15px; border: 1px solid #333f36; } .meb-card-title { color: #8ab63f; font-weight: bold; font-size: 1.05rem; margin-bottom: 8px; } .meb-table { width: 100%; border-collapse: collapse; margin-top: 10px; background-color: #232b25; border-radius: 8px; overflow: hidden; } .meb-table th { background-color: #789c37; color: #ffffff; padding: 12px; text-align: left; font-weight: bold; font-size: 0.9rem; text-transform: uppercase; } .meb-table td { padding: 12px; border-bottom: 1px solid #2e3830; color: #dddddd; font-size: 0.9rem; } .meb-table tr:last-child td { border-bottom: none; } .meb-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; } .meb-list li { background-color: #232b25; padding: 10px 12px; border-radius: 6px; border-left: 3px solid #789c37; font-size: 0.9rem; } .meb-highlight { color: #8ab63f; font-weight: 700; } .meb-cta-container { text-align: center; margin-top: 30px; padding-top: 20px; border-top: 2px solid #2e3830; } .meb-btn { display: inline-block; background-color: #789c37; color: #ffffff; font-weight: bold; font-size: 1.1rem; padding: 14px 32px; border-radius: 50px; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(120, 156, 55, 0.3); border: none; cursor: pointer; } .meb-btn:hover { background-color: #63822d; color: #ffffff; transform: translateY(-2px); } .meb-footer-note { font-size: 0.85rem; color: #888888; margin-top: 15px; text-align: center; } /* ESTILOS DEL MODAL */ .meb-modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); display: flex; justify-content: center; align-items: center; z-index: 999999; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease; padding: 15px; box-sizing: border-box; } .meb-modal-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; } .meb-modal-content { background: #151816; border: 2px solid #789c37; border-radius: 12px; max-width: 520px; width: 100%; padding: 25px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.8); transform: translateY(-20px); transition: transform 0.3s ease; box-sizing: border-box; max-height: 90vh; overflow-y: auto; } .meb-modal-overlay.active .meb-modal-content { transform: translateY(0); } .meb-modal-close { position: absolute; top: 15px; right: 15px; background: none; border: none; color: #aaaaaa; font-size: 1.8rem; font-weight: bold; cursor: pointer; transition: color 0.2s; line-height: 1; } .meb-modal-close:hover { color: #ffffff; } .meb-modal-title { color: #8ab63f; font-size: 1.8rem; font-weight: 900; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; text-align: center; border-bottom: 2px solid #2e3830; padding-bottom: 12px; letter-spacing: 0.5px; } /* ESTILOS DE LOS BLOQUES DE PASOS */ .meb-step-box { background: #232b25; border: 1px solid #333f36; border-left: 5px solid #789c37; padding: 18px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .meb-step-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .meb-step-badge { background: #1a1e1b; color: #8ab63f; border: 2px solid #789c37; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 2px 6px rgba(0,0,0,0.4); } .meb-step-title { color: #ffffff; font-weight: 800; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.5px; } .meb-step-text { color: #e0e0e0; font-size: 0.95rem; line-height: 1.5; } .meb-step-text strong { color: #8ab63f; } /* BOTONES DE PAGO CON TARJETA */ .meb-card-payments { margin-top: 15px; padding-top: 12px; border-top: 1px dashed #3a473d; } .meb-card-payments-title { color: #ffffff; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .meb-btn-card { display: block; width: 100%; text-align: center; background-color: #1a1e1b; color: #8ab63f !important; border: 1px solid #485c2b; font-weight: bold; font-size: 0.85rem; padding: 10px 15px; border-radius: 6px; text-decoration: none; text-transform: uppercase; margin-bottom: 8px; transition: all 0.3s ease; box-sizing: border-box; } .meb-btn-card:hover { background-color: #2e3830; color: #ffffff !important; border-color: #789c37; } .meb-btn-register { display: block; width: 100%; text-align: center; background-color: #789c37; color: #ffffff !important; font-weight: bold; font-size: 1.05rem; padding: 12px 20px; border-radius: 6px; text-decoration: none; text-transform: uppercase; margin-top: 10px; transition: background-color 0.3s ease; box-sizing: border-box; box-shadow: 0 4px 10px rgba(120, 156, 55, 0.2); } .meb-btn-register:hover { background-color: #63822d; } @media (max-width: 480px) { .meb-countdown-box { min-width: 50px; padding: 8px 4px; } .meb-countdown-number { font-size: 1.2rem; } .meb-title { font-size: 1.8rem; } .meb-modal-content { padding: 20px 15px; } .meb-modal-title { font-size: 1.4rem; } .meb-step-title { font-size: 1.05rem; } } MEB XTREME DUATLÓN MTB | 18 DE OCTUBRE DE 2026 "UN DESAFÍO HECHO PARA TI" 00 Días 00 Horas 00 Min 00 Seg MEB XTREME – Duatlón MTB combina la intensidad del running con la fuerza, técnica y adrenalina del ciclismo de montaña. Diseñado para quienes quieren salir de su zona de confort, poner a prueba su preparación y demostrar todo su potencial en un evento que exige resistencia física, enfoque mental y determinación. Distancias Modalidad Running MTB Duatlón Individual 5 km 35 km Duatlón Postas 5 km 35 km Running Xtreme Power 5 km No aplica Categorías Duatlón Individual • Varones General Individual • Damas General Individual Duatlón Postas • Postas Mixtas – Edad Libre • Postas Varones – Edad Libre • Postas Damas – Edad Libre • Postas 50 Años+

  • SIERRA NEGRA 2026

    ISLA ISABELA, GALAPAGOS GALAPAGOS, Ecuador

    00 Días 00 Horas 00 Min 00 Seg ▲ 1090 m de desnivel Categorías 70K Aplica por igual para Damas y Varones Hasta 29 años 30 a 39 años 40 a 49 años 50 años + /* 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 (sin recortar) */ .header-hero { position: relative; width: 100%; line-height: 0; } .hero-image { width: 100%; height: auto; max-height: 80vh; /* Evita que la imagen sea excesivamente alta en pantallas grandes */ object-fit: contain; /* Garantiza que la imagen entera se muestre sin recortarse */ 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; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .category-list li { background: #1e1e1e; padding: 12px; border-radius: 8px; font-size: 14px; border-left: 4px solid #ff5722; text-align: left; box-sizing: border-box; } /* 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; } }

  • 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 DÍAS RESTANTES PARA FINALIZAR LA PREVENTA 00DÍAS 00HORAS 00MIN 00SEG PÚBLICO GENERAL COMPETITIVO Y FUERZAS ESPECIALES PREVENTA VALOR PREVENTA USD 20 Hasta el 31 de agosto COMPETITIVO Y FUERZAS ESPECIALES VALOR NORMAL USD 25 Desde el 1 de septiembre CATEGORÍA KIDS (3K) PREVENTA VALOR PREVENTA USD 15 Hasta el 31 de agosto NORMAL VALOR NORMAL USD 20 Desde el 1 de septiembre /* Contenedor Principal */ .pricing-container-10k { background-color: #0b0b0b; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; padding: 20px; border-radius: 4px; max-width: 1100px; margin: 0 auto; box-sizing: border-box; } /* Barra Naranja 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; } /* --- ESTILOS DEL TIMER DE PREVENTA --- */ .timer-preventa-wrapper { background: #141414; border: 1px dashed #f15a24; border-radius: 8px; padding: 15px; margin-bottom: 30px; text-align: center; } .timer-titulo { color: #ffffff; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 8px; } /* Icono de reloj con animación fluida */ .icono-reloj-animado { width: 18px; height: 18px; color: #f15a24; } .manecilla-animada { transform-origin: 12px 12px; animation: rotacion-reloj 8s linear infinite; } @keyframes rotacion-reloj { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .timer-grid { display: flex; justify-content: center; gap: 12px; } .timer-bloque { background: #222222; padding: 8px 12px; border-radius: 4px; min-width: 55px; } .timer-bloque span { display: block; font-size: 20px; font-weight: 900; color: #f15a24; line-height: 1; } .timer-bloque label { font-size: 8px; color: #8c8c8c; font-weight: 700; letter-spacing: 0.5px; margin-top: 2px; display: block; } /* Grid de Tarjetas (Responsivo) */ .pricing-grid-10k { display: flex; flex-direction: column; gap: 25px; } @media (min-width: 768px) { .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; } /* Diferenciación de Bordes */ .preventa-10k { border: 2px solid #f15a24; } .normal-10k { border: 1px solid #333333; } .kids-card-10k { border: 2px solid #f15a24; } /* Estado cuando expira la preventa */ .normal-exclusivo-10k { border: 2px solid #f15a24 !important; } /* Etiqueta Superior de Categoría */ .card-category-10k { background-color: #262626; color: #8c8c8c; font-size: 10px; font-weight: 800; text-align: center; padding: 8px 4px; letter-spacing: 1.5px; text-transform: uppercase; border-bottom: 1px solid #333333; } .kids-accent-10k { background-color: #f15a24; color: #000000; } /* Etiqueta de Preventa Original */ .card-badge-10k { background-color: #e04f1a; color: #ffffff; font-size: 11px; font-weight: 900;

  • LAGUNAS ULTRA TRAIL – OZOGOCHE – ATILLO

    OZOGOCHE - GUAMOTE, CHIMBORAZO CHIMBORAZO, Ecuador

    EL DESAFÍO INICIA EN: 00 Días 00 Horas 00 Min. 00 Seg. 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,