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+