Eventos

Navegación de búsqueda y vistas de Eventos

Navegación de vistas de Evento

Hoy

  • COPE 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'); /* Contenedor 100% Pantalla Completa */ .hope-widget-container { font-family: 'Montserrat', sans-serif; width: 100%; max-width: 100%; margin: 0; background: #FFFDF7; border-radius: 0; border: none; overflow: hidden; color: #333; padding: 0 0 40px 0; box-sizing: border-box; } /* Encabezado con Imagen y Degradado Inferior */ .hope-banner-wrapper { position: relative; width: 100%; line-height: 0; margin-bottom: 25px; } .hope-banner-img { width: 100%; height: auto; max-height: 450px; 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: 30px; position: relative; z-index: 2; } .hope-countdown-title { font-size: 1rem; font-weight: 800; color: #800000; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px; } .hope-timer-grid { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; } .hope-timer-box { background: linear-gradient(135deg, #D8121B 0%, #800000 100%); color: #FFFFFF; min-width: 85px; padding: 15px 10px; border-radius: 12px; box-shadow: 0 4px 10px rgba(128, 0, 0, 0.2); } .hope-timer-num { font-size: 2rem; font-weight: 900; line-height: 1; color: #F8C300; display: block; } .hope-timer-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-top: 6px; display: block; } /* Cuerpo del Contenido (con ancho máximo para pantallas ultra-anchas) */ .hope-content-body { max-width: 1200px; margin: 0 auto; padding: 0 30px; } .hope-header { text-align: center; margin-bottom: 35px; } .hope-title { font-size: 2.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: 8px auto 0; border-radius: 2px; } /* Grid de Categorías */ .hope-categories-grid { display: flex; gap: 25px; margin-bottom: 35px; flex-wrap: wrap; align-items: stretch; } .hope-card { flex: 1; min-width: 300px; border-radius: 15px; padding: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); 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.5rem; 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.9rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; display: block; } .hope-card-5k .hope-subtitle { color: #800000; } .hope-card-1k .hope-subtitle { color: #8A6800; } .hope-gender-title { font-size: 0.85rem; font-weight: 900; color: #D8121B; text-transform: uppercase; margin-top: 15px; margin-bottom: 5px; letter-spacing: 0.5px; } .hope-list { list-style: none; padding: 0; margin: 0 0 15px 0; } .hope-list li { font-size: 0.95rem; font-weight: 700; padding: 6px 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 Costos */ .hope-price-section { background: linear-gradient(135deg, #D8121B 0%, #800000 100%); border-radius: 15px; padding: 25px; margin-bottom: 35px; text-align: center; box-shadow: 0 6px 15px rgba(128, 0, 0, 0.2); } .hope-price-title { color: #FFFFFF; font-size: 1.2rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px; display: block; } .hope-price-grid { display: flex; justify-content: center; align-items: stretch; gap: 15px; flex-wrap: wrap; } .hope-price-item { flex: 1; min-width: 200px; padding: 15px 12px; background: rgba(255, 255, 255, 0.08); border-radius: 10px; border: 1px solid rgba(248, 195, 0, 0.3); display: flex; flex-direction: column; justify-content: center; } .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: 8px; display: block; letter-spacing: 0.5px; } .hope-price-note { margin-top: 20px; font-size: 0.8rem; color: #FFFDF7; font-style: italic; opacity: 0.9; } /* Sección Proceso de Inscripción */ .hope-steps-container { background: #FFFFFF; border: 1px solid #EFEFEF; border-radius: 15px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); } .hope-steps-title { font-size: 1.3rem; font-weight: 800; color: #800000; margin-top: 0; margin-bottom: 25px; 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 */ .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-grid { flex-direction: column; 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: 60px; padding: 10px 5px; } } El gran día empieza en: 00 Días 00 Horas 00 Min 00 Seg Categorías de la Carrera 5K Carrera Oficial DAMAS HASTA 29 AÑOS 30 A 39 AÑOS 40 AÑOS EN ADELANTE VARONES HASTA 29 AÑOS 30 A 39 AÑOS 40 AÑOS EN ADELANTE 1K Carrera Infantil NIÑOS HASTA 12 AÑOS NIÑAS HASTA 12 AÑOS Valor de Inscripción

  • 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 500mts Infantil A 3 a 6 años Femenino y Masculino NIÑOS 1K 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;

  • 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; } /* LOGÍSTICA: ENTREGA DE KITS + UBICACIÓN */ .meb-logistics { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; padding: 10px 30px 5px 30px; } .meb-info-card { background: linear-gradient(160deg, #26302a 0%, #1f2621 100%); border: 1px solid #3a473d; border-top: 4px solid #789c37; border-radius: 10px; padding: 18px; display: flex; flex-direction: column; box-shadow: 0 4px 12px rgba(0,0,0,0.25); } .meb-info-head { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; } .meb-info-icon { font-size: 1.5rem; line-height: 1; } .meb-info-title { color: #8ab63f; font-weight: 800; font-size: 1.15rem; text-transform: uppercase; letter-spacing: 0.5px; } .meb-info-event { color: #aaaaaa; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; } .meb-info-row { display: flex; gap: 8px; font-size: 0.92rem; color: #dddddd; line-height: 1.4; margin-bottom: 8px; } .meb-info-row strong { color: #ffffff; } .meb-info-row .meb-info-label { color: #8ab63f; font-weight: 700; min-width: 70px; text-transform: uppercase; font-size: 0.78rem; padding-top: 2px; } .meb-info-big { font-size: 1.6rem; font-weight: 800; color: #ffffff; line-height: 1.1; margin: 2px 0 10px 0; } .meb-info-big span { display: block; font-size: 0.75rem; font-weight: 700; color: #8ab63f; text-transform: uppercase; letter-spacing: 0.5px; } .meb-btn-map { display: block; margin-top: auto; text-align: center; background-color: #1a1e1b; color: #8ab63f !important; border: 1px solid #789c37; font-weight: bold; font-size: 0.85rem; padding: 10px 15px; border-radius: 6px; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; } .meb-btn-map:hover { background-color: #789c37; color: #ffffff !important; } /* 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:

  • QUEVEDO CORRE POR LA SALUD

    Quevedo, Los Rios Quevedo, Ecuador

    .eq-container * { box-sizing: border-box; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .eq-container { background-color: #0a0a0a; color: #ffffff; padding: 25px; border-radius: 16px; border: 1px solid #222; max-width: 800px; margin: 0 auto; } /* Banner Info */ .eq-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-bottom: 24px; background: #121212; padding: 16px; border-radius: 12px; border: 1px solid #1a1a1a; } .eq-info-item { display: flex; align-items: center; gap: 10px; } .eq-info-item svg { width: 20px; height: 20px; flex-shrink: 0; } .eq-info-label { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 0.5px; } .eq-info-val { font-size: 14px; font-weight: 700; } /* Distancias Grid */ .eq-dist-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; } .eq-card { background: #121212; border-radius: 12px; padding: 20px; border-left: 4px solid; } .eq-card-3k { border-color: #10b981; } .eq-card-5k { border-color: #06b6d4; } .eq-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #222; } .eq-badge { font-size: 28px; font-weight: 900; line-height: 1; } .eq-card-3k .eq-badge { color: #10b981; } .eq-card-5k .eq-badge { color: #06b6d4; } .eq-type { font-size: 12px; color: #aaa; background: #1a1a1a; padding: 4px 10px; border-radius: 20px; } .eq-cat-list { list-style: none; display: flex; flex-direction: column; gap: 8px; } .eq-cat-item { display: flex; justify-content: space-between; align-items: center; background: #0a0a0a; padding: 8px 12px; border-radius: 8px; font-size: 13px; } .eq-cat-name { font-weight: 600; } .eq-cat-age { color: #10b981; font-size: 12px; font-weight: 700; } .eq-card-5k .eq-cat-age { color: #06b6d4; } Fecha 25 de Octubre 2026 Hora 08h00 Lugar Ruta del Río, Quevedo 3K Recreativa Niños 8-12 años Adolescentes 13-17 años Adultos 18-39 años Máster 40+ años 5K Competitiva Adultos 18-39 años Máster 40+ años /* ========================================= WIDGET INSCRIPCIÓN - JPLAYRACES ========================================= */ .jpr-inscripcion *, .jpr-modal * { box-sizing: border-box; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .jpr-inscripcion { background: #0a0a0a; color: #fff; padding: 25px; border-radius: 16px; border: 1px solid #222; max-width: 800px; margin: 0 auto; } /* GRID PRINCIPAL */ .jpr-main-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 16px; } .jpr-box { background: #121212; border: 1px solid #1f1f1f; border-radius: 14px; padding: 24px; } /* ========================== PRECIO ========================== */ .jpr-price-box { border-left: 4px solid #10b981; display: flex; flex-direction: column; justify-content: center; text-align: center; } .jpr-small-title { font-size: 12px; color: #999; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 6px; } .jpr-price { font-size: 78px; line-height: 1; font-weight: 900; color: #10b981; letter-spacing: -4px; margin: 5px 0; } .jpr-person { font-size: 14px; color: #aaa; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 22px; } /* BOTÓN PRINCIPAL */ .jpr-register-btn { border: 0; width: 100%; background: #10b981; color: #06150f; padding: 15px 18px; border-radius: 10px; font-size: 14px; font-weight: 900; text-transform: uppercase; cursor: pointer; transition: all .2s ease; display: flex; align-items: center; justify-content: center; gap: 9px; } .jpr-register-btn:hover { background: #34d399; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,185,129,.18); } .jpr-register-btn svg { width: 19px; height: 19px; } /* ========================== KIT ========================== */ .jpr-kit-box { border-left: 4px solid #06b6d4; } .jpr-kit-title { font-size: 20px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px; } .jpr-kit-title::after { content: ""; display: block; width: 42px; height: 3px; background: #06b6d4; margin-top: 8px; border-radius: 5px; } .jpr-kit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .jpr-kit-item { background: #0a0a0a; border: 1px solid #222; border-radius: 10px; padding: 14px 10px; display: flex; align-items: center; gap: 11px; min-height: 65px; } .jpr-kit-icon { width: 38px; height: 38px; min-width: 38px; border-radius: 9px; background: rgba(6,182,212,.10); display: flex; align-items: center; justify-content: center; color: #06b6d4; } .jpr-kit-icon svg { width: 21px; height: 21px; } .jpr-kit-name { font-size: 13px; font-weight: 700; color: #fff; } /* ========================== MODAL ========================== */ .jpr-modal { position: fixed; inset: 0; background: rgba(0,0,0,.82); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); display: none; align-items: center; justify-content: center; padding: 20px; z-index: 999999; } .jpr-modal.jpr-active { display: flex; } .jpr-modal-content { position: relative; background: #0d0d0d; color: #fff; border: 1px solid #333; width: 100%; max-width: 650px; max-height: 90vh; overflow-y: auto; border-radius: 18px; padding: 28px; box-shadow: 0 25px 70px rgba(0,0,0,.65); animation: jprModalIn .25s ease; } @keyframes jprModalIn { from { opacity: 0; transform: translateY(15px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } } .jpr-close { position: absolute; right: 17px; top: 15px; width: 35px; height: 35px; border: 0; border-radius: 50%; background: #1c1c1c; color: #aaa; font-size: 22px; cursor: pointer; line-height: 35px; transition: .2s; } .jpr-close:hover { color: #fff; background: #292929; } /* CABECERA MODAL */ .jpr-modal-header { padding-right: 45px; margin-bottom: 22px; } .jpr-modal-header h3 { font-size: 23px; font-weight: 900; color: #fff; margin-bottom: 5px; } .jpr-modal-header p { color: #999; font-size: 13px; } /* PASOS */ .jpr-step { display: flex; gap: 15px; background: #121212; border: 1px solid #222; border-radius: 13px; padding: 18px; margin-bottom: 12px; } .jpr-step-number { width: 42px; height: 42px; min-width: 42px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #10b981; color: #05150f; font-size: 18px; font-weight: 900; } .jpr-step:nth-of-type(2) .jpr-step-number { background: #06b6d4; color: #041417; } .jpr-step-content { flex: 1; } .jpr-step-title { color: #10b981; font-size: 14px; font-weight: 900; text-transform: uppercase; margin-bottom: 11px; } .jpr-step:nth-of-type(2) .jpr-step-title { color: #06b6d4; } /* DATOS BANCARIOS */ .jpr-bank { font-size: 18px; font-weight: 900; color: #fff; margin-bottom: 12px; } .jpr-bank-data { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .jpr-data { background: #090909; border-radius: 8px; padding: 10px 12px; border: 1px solid #1c1c1c; } .jpr-data-label { display: block; color: #777; font-size: 10px; text-transform: uppercase; margin-bottom: 3px; } .jpr-data-value { color: #fff; font-size: 13px; font-weight: 700; } /* BOTÓN REGISTRO */ .jpr-go-register { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #06b6d4; color: #031517 !important; text-decoration: none !important; border-radius: 9px; padding: 14px; font-size: 13px; font-weight: 900; text-transform: uppercase; margin-top: 12px; transition: .2s; } .jpr-go-register:hover { background: #22d3ee; color: #031517 !important; transform: translateY(-1px); } .jpr-go-register svg { width: 18px; height: 18px; } /* ========================== RESPONSIVE ========================== */ @media (max-width: 650px) { .jpr-inscripcion { padding: 16px; border-radius: 14px; } .jpr-main-grid { grid-template-columns: 1fr; } .jpr-box { padding: 20px; } .jpr-price { font-size: 68px; } .jpr-kit-grid { grid-template-columns: 1fr 1fr; } .jpr-modal { padding: 12px; } .jpr-modal-content { padding: 22px 16px; border-radius: 15px; } .jpr-step { padding: 15px; } .jpr-bank-data { grid-template-columns: 1fr; } } @media (max-width:

  • SIERRA NEGRA 2026

    ISLA ISABELA, GALAPAGOS GALAPAGOS, Ecuador

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

  • 10K TODO TERRENO

    JARAMIJÓ, MANABÍ , Ecuador

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

  • DRAGON SUNRISE 2026

    EL EMPALME, GUAYAS EL EMPALME, GUAYAS, Ecuador

    /* SCOPED CSS - Para evitar interferencias con Elementor/WordPress */ .dragon-widget-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #f1f5f9; max-width: 640px; margin: 0 auto; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 20px; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3); border: 1px solid #334155; box-sizing: border-box; } .dragon-widget-container * { box-sizing: border-box; margin: 0; padding: 0; } /* ENCABEZADO E IMAGEN */ .dragon-header { position: relative; width: 100%; line-height: 0; } .dragon-header img { width: 100%; height: auto; display: block; object-fit: cover; } .dragon-header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background: linear-gradient(to top, #0f172a, transparent); } /* BODY CONTENT */ .dragon-body { padding: 24px; display: flex; flex-direction: column; gap: 24px; } /* RELOJ CUENTA REGRESIVA */ .dragon-timer-title { text-align: center; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #f97316; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; } .dragon-countdown-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; } .dragon-time-box { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 10px 4px; text-align: center; } .dragon-time-val { display: block; font-size: 24px; font-weight: 900; color: #ffffff; line-height: 1.2; } .dragon-time-val.seconds { color: #f97316; } .dragon-time-lbl { font-size: 10px; color: #94a3b8; text-transform: uppercase; font-weight: 600; } /* TARJETAS GLASS */ .dragon-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; padding: 16px; } .dragon-card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .dragon-card-header svg { width: 20px; height: 20px; fill: #f97316; } .dragon-card-title { font-size: 16px; font-weight: 700; color: #ffffff; } /* DISTANCIAS Y PRECIO */ .dragon-dist-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .dragon-badges { display: flex; gap: 6px; flex-wrap: wrap; } .dragon-badge { background: rgba(249, 115, 22, 0.15); color: #fb923c; border: 1px solid rgba(249, 115, 22, 0.3); padding: 4px 10px; border-radius: 20px; font-size: 13px; font-weight: 700; } .dragon-price-tag { margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(255, 255, 255, 0.1); display: flex; justify-content: space-between; align-items: center; } .dragon-price-val { font-size: 20px; font-weight: 900; color: #4ade80; } /* LISTAS Y DETALLES */ .dragon-list { list-style: none; font-size: 13px; color: #cbd5e1; } .dragon-list li { margin-bottom: 8px; display: flex; align-items: flex-start; gap: 8px; line-height: 1.4; } .dragon-list li:last-child { margin-bottom: 0; } .dragon-dot { width: 6px; height: 6px; background: #f97316; border-radius: 50%; margin-top: 6px; flex-shrink: 0; } /* KIT ITEMS */ .dragon-kit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .dragon-kit-item { background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 10px; text-align: center; font-size: 12px; color: #e2e8f0; display: flex; align-items: center; justify-content: center; gap: 6px; } .dragon-kit-item svg { width: 16px; height: 16px; fill: #f97316; } /* INSCRIPCION PASOS */ .dragon-step-card { position: relative; background: rgba(30, 41, 59, 0.7); border: 1px solid #334155; border-radius: 14px; padding: 16px; margin-bottom: 12px; } .dragon-step-badge { position: absolute; top: 0; right: 0; background: #f97316; color: #ffffff; font-size: 10px; font-weight: 900; padding: 4px 12px; border-bottom-left-radius: 10px; border-top-right-radius: 13px; text-transform: uppercase; } .dragon-bank-details { background: #0f172a; border-radius: 8px; padding: 12px; margin: 10px 0; font-size: 12px; color: #cbd5e1; line-height: 1.6; } .dragon-bank-details strong { color: #ffffff; } .dragon-mono { font-family: monospace; background: #1e293b; padding: 2px 6px; border-radius: 4px; color: #fb923c; } /* BOTONES */ .dragon-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 16px; border-radius: 10px; font-weight: 800; font-size: 13px; text-decoration: none !important; text-transform: uppercase; transition: transform 0.2s, opacity 0.2s; box-sizing: border-box; cursor: pointer; } .dragon-btn:hover { opacity: 0.95; transform: translateY(-1px); } .dragon-btn-card { background: #10b981; color: #ffffff !important; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2); } .dragon-btn-register { background: linear-gradient(135deg, #f97316 0%, #dc2626 100%); color: #ffffff !important; font-size: 14px; padding: 14px 16px; box-shadow: 0 4px 15px rgba(249, 115, 22, 0.3); } /* MEDIA QUERIES PARA ADAPTABILIDAD */ @media (max-width: 480px) { .dragon-dist-grid { grid-template-columns: 1fr; } .dragon-time-val { font-size: 20px; } .dragon-body { padding: 16px; gap: 16px; } .dragon-kit-grid { grid-template-columns: 1fr; } } 00 Días 00 Horas 00 Min 00 Seg Distancias 10K 5K 2K Costo: $20 Recorrido salida y llegada: Padre Las Casas Retorno: Dragon Box Categorías Generales 10K y 5K: 3 primeros puestos damas y 3 primeros puestos varones. 2K: 3er puesto general unisex. Contenido del Kit Camiseta Medalla Kit de carrera Chip y número Proceso de Inscripción Paso 1 Realiza el pago Banco: Banco Pichincha Cuenta corriente: 21 000 69 465 Titular: Jorge Plúa Assan Cédula: 0913058699 PAGA AQUÍ Paso 2 Registra tus datos Una vez realizado el pago, registra tus datos y comprobante aquí: REGISTRA TUS DATOS AQUÍ

  • LAGUNAS ULTRA TRAIL – OZOGOCHE – ATILLO

    OZOGOCHE - GUAMOTE, CHIMBORAZO CHIMBORAZO, Ecuador

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

  • LA PATRONA SAQUISILI 2027

    Cuentas Regresivas PATRONA KIDS 00Días 00Horas 00Min 00Seg PATRONA SAQUISILÍ 00Días 00Horas 00Min 00Seg /* --- ESTILOS GENERALES Y FONDO ELEGANTE --- */ .patrona-widget-container { width: 100%; margin: 0 auto; font-family: 'Poppins', 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #70ac11 0%, #4c8a0c 40%, #15803D 100%); color: #1E293B; box-sizing: border-box; padding-bottom: 35px; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 30px rgba(0,0,0,0.2); position: relative; } /* --- IMAGEN LIMPIA Y SIN MÁSCARAS OSCURAS --- */ .patrona-header { width: 100%; position: relative; overflow: hidden; background-color: #0d1e08; } .patrona-banner { width: 100%; height: auto; max-height: 420px; object-fit: cover; display: block; /* Optimización de carga visual */ content-visibility: auto; } /* Divisor sutil y elegante en la base de la imagen */ .header-subtle-divider { position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; background: linear-gradient(to bottom, transparent, rgba(112, 172, 17, 0.8)); pointer-events: none; } .patrona-title { text-align: center; font-size: 1.6rem; font-weight: 800; margin: 25px 15px 15px 15px; color: #FFFFFF; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); position: relative; z-index: 2; } /* --- TARJETAS TIPO GLASSMORPHISM ELEGANTES --- */ .patrona-clocks-wrapper { display: flex; flex-direction: row; justify-content: center; align-items: stretch; gap: 20px; padding: 10px 20px; max-width: 1000px; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 2; } .patrona-clock-card { flex: 1; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 16px; padding: 22px 15px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.15); border: 1px solid rgba(255, 255, 255, 0.8); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .patrona-clock-card:hover { transform: translateY(-4px); box-shadow: 0 15px 30px rgba(0,0,0,0.22); } .clock-title { margin: 0 0 16px 0; font-size: 1.15rem; font-weight: 800; color: #14532D; letter-spacing: 1px; border-bottom: 2px solid #84CC16; padding-bottom: 6px; display: inline-block; } .clock-display { display: flex; justify-content: center; gap: 8px; } .time-block { background: #0F172A; color: #FACC15; padding: 10px 8px; border-radius: 12px; min-width: 58px; display: flex; flex-direction: column; align-items: center; box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), 0 4px 8px rgba(0,0,0,0.25); } .time-block span { font-size: 1.5rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; } .time-block small { font-size: 0.62rem; color: #94A3B8; text-transform: uppercase; margin-top: 5px; font-weight: 700; letter-spacing: 0.5px; } .clock-status { margin-top: 12px; font-weight: bold; color: #15803D; font-size: 0.9rem; } /* --- ADAPTABILIDAD SMARTPHONE --- */ @media (max-width: 768px) { .patrona-widget-container { border-radius: 12px; } .patrona-clocks-wrapper { flex-direction: column; align-items: center; gap: 15px; padding: 10px 15px; } .patrona-clock-card { width: 100%; max-width: 340px; padding: 18px 12px; } .clock-title { font-size: 1.05rem; } .time-block { min-width: 50px; padding: 8px 6px; } .time-block span { font-size: 1.25rem; } .time-block small { font-size: 0.58rem; } } /* --- SECCIÓN FESTIVA Y ANIMACIONES --- */ .hidden { display: none !important; } .festive-container { margin: 20px auto 0 auto; max-width: 90%; padding: 18px; border-radius: 14px; background: rgba(15, 23, 42, 0.95); color: #FFFFFF; text-align: center; position: relative; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.3); } .festive-message { font-size: 1.6rem; font-weight: 900; position: relative; z-index: 2; text-transform: uppercase; } .navidad-anim { color: #EF4444; animation: bounceGlow 1.5s infinite alternate; } @keyframes bounceGlow { 0% { transform: scale(0.98); text-shadow: 0 0 10px #EF4444, 0 0 20px #22C55E; } 100% { transform: scale(1.03); text-shadow: 0 0 20px #22C55E, 0 0 30px #EAB308; } } .ano-nuevo-anim { color: #FACC15; animation: flashColors 1s infinite alternate; } @keyframes flashColors { 0% { color: #FACC15; text-shadow: 0 0 15px #FACC15; } 50% { color: #38BDF8; text-shadow: 0 0 15px #38BDF8; } 100% { color: #EC4899; text-shadow: 0 0 15px #EC4899; } } .fireworks-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1; background-image: radial-gradient(circle, #ff0 2px, transparent 2px), radial-gradient(circle, #00f 2px, transparent 2px), radial-gradient(circle, #f0f 2px, transparent 2px), radial-gradient(circle, #0f0 2px, transparent 2px); background-size: 60px 60px; background-position: 0 0, 30px 30px, 15px 45px, 45px 15px; animation: fireworks 1.2s infinite linear; opacity: 0.5; } @keyframes fireworks { 0% { transform: scale(0.8); opacity: 0.8; } 50% { opacity: 0.4; } 100% { transform: scale(1.3); opacity: 0; } } Tarifas e Inscripciones Elige tu kit y asegura tu cupo MÁS VENDIDO KIDS $20 KIT JERSEY ⚡ PREVENTA - Hasta Oct 31 Inscribirme Ahora MÁS VENDIDO GENERAL $30 KIT JERSEY ⚡ PREVENTA - Hasta Oct 31 Inscribirme Ahora KIDS $15 KIT BASE ⚡ PREVENTA - Hasta Oct 31 Inscribirme Ahora GENERAL $20 KIT BASE ⚡ PREVENTA - Hasta Oct 31 Inscribirme Ahora × Proceso de Pago Plan seleccionado PASO 1 Realiza tu pago usando una de las siguientes opciones: 💳 Paga con Tarjeta de Crédito / Débito O 🏦 Transferencia Bancaria Banco: Banco Pichincha Tipo de Cta: Cuenta Transaccional N° Cuenta: 2216430587 A Nombre de: Karolyn Arequipa Cédula: 0503252116 PASO 2 Una vez realizado el pago, confirma tu registro: ✅ REGISTRA TU PAGO Y DATOS AQUÍ /* --- ESTILOS GENERALES Y DEGRADADO --- */ .patrona-pricing-container { width: 100%; margin: 0 auto; font-family: 'Poppins', 'Segoe UI', Roboto, sans-serif; background: linear-gradient(180deg, #FACC15 0%, #A3E635 50%, #15803D 100%); color: #1E293B; box-sizing: border-box; padding: 35px 20px 45px 20px; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .pricing-main-title { text-align: center; font-size: 2rem; font-weight: 800; margin: 0 0 5px 0; color: #0F172A; text-transform: uppercase; letter-spacing: 1px; } .pricing-subtitle { text-align: center; font-size: 1rem; margin: 0 0 30px 0; color: #1E293B; font-weight: 600; } /* --- GRID DE TARJETAS --- */ .pricing-cards-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1100px; margin: 0 auto; box-sizing: border-box; } .pricing-card { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(8px); border-radius: 16px; padding: 30px 15px 20px 15px; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.12); border: 2px solid rgba(255, 255, 255, 0.7); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .pricing-card:hover { transform: translateY(-5px); box-shadow: 0 12px 25px rgba(0,0,0,0.2); } /* --- FRANJA "MÁS VENDIDO" --- */ .ribbon { position: absolute; top: 15px; right: -30px; transform: rotate(45deg); width: 120px; background: #DC2626; color: #FFF; text-align: center; font-size: 0.65rem; font-weight: 800; padding: 4px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.2); letter-spacing: 0.5px; } /* --- FRANJA PARPADEANTE PREVENTA --- */ .badge-preventa-blink { background: #DC2626; color: #FFFFFF; font-size: 0.72rem; font-weight: 800; padding: 5px 8px; border-radius: 6px; margin-bottom: 12px; text-transform: uppercase;