{"id":16153,"date":"2026-09-30T02:27:49","date_gmt":"2026-09-30T06:27:49","guid":{"rendered":"https:\/\/www.servicronos.com\/wordpress\/?page_id=16153"},"modified":"2026-09-30T07:30:43","modified_gmt":"2026-09-30T11:30:43","slug":"4ta-fecha-triatlon-aspatri-2026","status":"publish","type":"page","link":"https:\/\/www.servicronos.com\/wordpress\/4ta-fecha-triatlon-aspatri-2026\/","title":{"rendered":"4ta fecha Triatl\u00f3n ASPATRI 2026"},"content":{"rendered":"\n<!-- ===========================================================\n     4ta FECHA TRIATL\u00d3N ASPATRI 2026 \u2014 p\u00e1gina del evento\n\n     Esto es un bloque \u00abHTML personalizado\u00bb. Se edita como texto.\n     NO abrir con Elementor: lo convierte y se pierde todo.\n\n     D\u00d3NDE EST\u00c1 CADA COSA (buscar el texto entre comillas):\n\n       Bot\u00f3n de inscripci\u00f3n ...... buscar  \"EDITAR: INSCRIPCION\"\n       Fecha y hora de largada ... buscar  \"EDITAR: FECHA\"\n       Promoci\u00f3n y precios ....... buscar  \"EDITAR: PRECIOS\"\n       Modalidades y categor\u00edas .. buscar  \"EDITAR: MODALIDADES\"\n       WhatsApp y contacto ....... buscar  \"EDITAR: CONTACTO\"\n       Sede y mapa ............... buscar  \"EDITAR: MAPA\"\n       Medios de pago ............ buscar  \"EDITAR: PAGOS\"\n\n     Para buscar dentro del bloque: el Ctrl+F del navegador NO sirve\n     adentro del recuadro de c\u00f3digo. Se baja a ojo hasta la marca, o\n     se copia todo a un editor, se cambia all\u00e1 y se pega de vuelta.\n     =========================================================== -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800;1,900&family=Barlow:wght@400;500;600&display=swap');\n\n\/* \u2500\u2500 Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Todo va prefijado con .asp para no tocar el resto del sitio. Ojo:\n   esta p\u00e1gina tambi\u00e9n se sirve dentro del sitio viejo (ScriptCase),\n   que tiene reglas globales sobre etiquetas sueltas. Ver m\u00e1s abajo. *\/\n.asp,.asp *{box-sizing:border-box}\n.asp{\n  --rojo:#e5322d; --azul:#0f2a5b; --gris:#9aa0a6; --sec:#4a5a78;\n  --fondo:#f5f7fa; --borde:#e4e8ef; --borde-boton:#d5dbe6;\n  --sobre-azul:#9fb0cc; --sobre-rojo:#ffd9d7;\n  --lado:clamp(20px,5vw,64px); --alto:clamp(56px,8vw,104px);\n  position:relative; overflow:hidden; background:#fff; color:var(--azul);\n  font-family:'Barlow',sans-serif; -webkit-font-smoothing:antialiased;\n  font-size:16px; line-height:1.5;\n}\n.asp a{color:var(--rojo); text-decoration:none}\n.asp img{display:block; max-width:100%}\n.asp h1,.asp h2{margin:0}\n.asp .cond{font-family:'Barlow Condensed',sans-serif; text-transform:uppercase}\n.asp .it{font-style:italic}\n.asp :target{scroll-margin-top:76px}\n\n\/* Etiquetitas grises de arriba de cada bloque *\/\n.asp-eti{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gris); font-weight:600}\n.asp-eti--ch{font-size:11px}\n\n\/* Los botones del dise\u00f1o declaran su propio tama\u00f1o a prop\u00f3sito:\n   ScriptCase le pone height:35px a todos los <button> y los aplasta. *\/\n.asp .asp-mod,\n.asp .asp-cta{height:auto; min-height:0; max-height:none; width:auto; margin:0}\n\n@keyframes asp-subir{from{opacity:0; transform:translateY(20px)} to{opacity:1; transform:none}}\n\n\/* \u2500\u2500 Cabecera \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-nav{\n  position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between;\n  gap:16px; padding:14px var(--lado); border-bottom:1px solid var(--borde);\n  background:rgba(255,255,255,.94); backdrop-filter:blur(6px);\n}\n.asp-marca{display:flex; align-items:center; gap:10px}\n.asp-marca__cuadros{display:flex; gap:3px}\n.asp-marca__cuadros i{width:18px; height:18px; transform:skewX(-14deg); display:block}\n.asp-marca__t{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic;\n  font-size:24px; letter-spacing:.02em; text-transform:uppercase; color:var(--azul)}\n.asp-nav__links{display:flex; gap:clamp(14px,2.4vw,26px); font-size:13px; font-weight:600;\n  letter-spacing:.08em; text-transform:uppercase}\n.asp-nav__links a{color:var(--azul)}\n.asp-nav__links a:hover{color:var(--rojo)}\n.asp-cta{background:var(--rojo); color:#fff; font-weight:600; font-size:13px; letter-spacing:.08em;\n  text-transform:uppercase; padding:12px 20px; border-radius:3px; border:0; cursor:pointer;\n  font-family:inherit; display:inline-block; white-space:nowrap; transition:background .18s ease}\n.asp a.asp-cta, .asp a.asp-cta:hover{color:#fff}\n.asp-cta:hover{background:var(--azul)}\n\n\/* \u2500\u2500 Franjas diagonales del fondo del hero \u2500\u2500 *\/\n.asp-franjas{position:absolute; inset:0; pointer-events:none; height:1100px;\n  background:linear-gradient(112deg,transparent 0 58%,rgba(15,42,91,.05) 58% 66%,\n              transparent 66% 70%,rgba(229,50,45,.06) 70% 76%,transparent 76%)}\n\n\/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-hero{position:relative; display:grid; gap:clamp(28px,4vw,56px); align-items:center;\n  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));\n  padding:clamp(40px,6vw,88px) var(--lado) clamp(32px,4vw,56px)}\n.asp-hero__txt{animation:asp-subir .8s cubic-bezier(.2,.8,.2,1) both; order:2; min-width:0;\n  container-type:inline-size}\n.asp-hero__img{animation:asp-subir .8s .12s cubic-bezier(.2,.8,.2,1) both; order:1; min-width:0}\n.asp-insignia{display:inline-flex; align-items:center; gap:10px; background:var(--azul); color:#fff;\n  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-style:italic; font-size:22px;\n  text-transform:uppercase; padding:6px 16px 6px 12px; transform:skewX(-8deg); margin-bottom:18px}\n.asp-insignia i{display:inline-block; width:10px; height:10px; background:var(--rojo)}\n\/* El t\u00edtulo se mide contra SU COLUMNA (cqi), no contra la pantalla (vw). Con vw se\n   sal\u00eda en casi cualquier monitor: a 1.474 px de ancho el tipo ya llega a su m\u00e1ximo\n   de 140 px, pero la columna mide la mitad de la pantalla y no le alcanza.\n   Y el ancho y el padding van con .asp delante porque ScriptCase le pone\n   padding:10px y la mitad del ancho a todos los <h1>. *\/\n.asp .asp-h1{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic;\n  text-transform:uppercase; line-height:.9; letter-spacing:-.01em; color:var(--azul);\n  width:100%; max-width:100%; padding:0; margin:0; overflow-wrap:break-word;\n  font-size:clamp(40px,8.5vw,140px)}\n@supports (font-size:1cqi){\n  .asp .asp-h1{font-size:clamp(40px,14cqi,140px)}\n}\n.asp-h1 span{color:var(--rojo)}\n.asp-disc{display:flex; flex-wrap:wrap; gap:8px 14px; margin:20px 0 28px;\n  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:20px;\n  letter-spacing:.12em; text-transform:uppercase; color:var(--azul)}\n.asp-disc i{color:var(--rojo); font-style:normal}\n.asp-datos{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:2px;\n  background:var(--borde); border:2px solid var(--borde); max-width:560px}\n.asp-dato{background:#fff; padding:18px 20px; min-width:0}\n.asp-dato__v{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:30px;\n  line-height:1.1; color:var(--azul); text-transform:uppercase; margin-top:4px}\n.asp-dato__v b{font-weight:700; color:var(--gris); font-size:20px}\n.asp-dato--f .asp-dato__v{font-size:44px; line-height:1; color:var(--rojo)}\n.asp-dato--f .asp-dato__v b{font-size:22px; color:var(--azul); font-weight:800}\n.asp-flyer{position:relative; max-width:520px; margin:0 auto}\n.asp-flyer__bloque{position:absolute; inset:14px -14px -14px 14px; background:var(--azul); transform:skewX(-3deg)}\n.asp-flyer img{position:relative; width:100%; box-shadow:0 30px 60px -20px rgba(15,42,91,.35)}\n\n\/* \u2500\u2500 Cuenta regresiva \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-reloj{position:relative; background:var(--azul); color:#fff; padding:0 var(--lado)}\n.asp-reloj__g{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr)); align-items:stretch}\n.asp-reloj__t{padding:22px 20px 22px 0; display:flex; align-items:center;\n  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-style:italic; font-size:26px;\n  text-transform:uppercase; letter-spacing:.04em}\n.asp-reloj__c{padding:18px 20px; border-left:1px solid rgba(255,255,255,.15);\n  display:flex; flex-direction:column; gap:2px; min-width:0}\n.asp-reloj__n{font-family:'Barlow Condensed',sans-serif; font-weight:900;\n  font-size:clamp(36px,5vw,64px); line-height:1; font-variant-numeric:tabular-nums}\n.asp-reloj__l{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--sobre-azul); font-weight:600}\n.asp-reloj__abre{background:var(--rojo); padding:18px 20px; display:flex; flex-direction:column;\n  justify-content:center; gap:2px; min-width:0}\n.asp-reloj__abre .asp-eti--ch{color:var(--sobre-rojo)}\n.asp-reloj__abre b{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic;\n  font-size:28px; line-height:1; text-transform:uppercase}\n\n\/* \u2500\u2500 Modalidades \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-sec{position:relative; padding:var(--alto) var(--lado)}\n.asp-sec--gris{background:var(--fondo)}\n.asp-h2{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic;\n  text-transform:uppercase; font-size:clamp(38px,6.5vw,88px); line-height:.9; color:var(--azul)}\n.asp-h2 span{color:var(--rojo)}\n.asp-cab{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;\n  gap:16px; margin-bottom:32px}\n.asp-promo{display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600;\n  letter-spacing:.08em; text-transform:uppercase; color:var(--rojo); border:2px solid var(--rojo);\n  padding:8px 14px; border-radius:3px}\n.asp-mods{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px}\n.asp-mod{cursor:pointer; font-family:'Barlow Condensed',sans-serif; font-size:19px; font-weight:800;\n  text-transform:uppercase; letter-spacing:.03em; padding:10px 18px; border-radius:3px;\n  border:2px solid var(--borde-boton); background:#fff; color:var(--azul);\n  line-height:1.15; min-width:0; overflow-wrap:break-word;\n  transition:border-color .2s ease, background .2s ease, color .2s ease}\n.asp-mod:hover{border-color:var(--azul)}\n.asp-mod[aria-pressed=\"true\"]{background:var(--azul); color:#fff; border-color:var(--azul)}\n.asp-mod:focus-visible{outline:3px solid var(--rojo); outline-offset:2px}\n.asp-tarjetas{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:16px}\n.asp-ficha{background:#fff; border-top:6px solid var(--rojo); padding:28px clamp(20px,3vw,36px);\n  grid-column:1 \/ -1; display:flex; flex-direction:column; gap:22px;\n  box-shadow:0 10px 30px -18px rgba(15,42,91,.25); min-width:0}\n.asp-ficha__cab{display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; align-items:flex-end}\n.asp-ficha__n{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic;\n  text-transform:uppercase; font-size:clamp(34px,5.5vw,68px); line-height:.9; color:var(--azul); margin-top:6px}\n.asp-ficha__p{font-family:'Barlow Condensed',sans-serif; font-weight:900;\n  font-size:clamp(34px,5.5vw,68px); line-height:.9; color:var(--rojo); margin-top:6px; white-space:nowrap}\n.asp-ficha__der{text-align:right; min-width:0}\n.asp-barra{display:flex; gap:4px; height:68px}\n.asp-tramo{min-width:0; color:#fff; padding:10px 12px; display:flex; flex-direction:column;\n  justify-content:space-between; overflow:hidden; transform:skewX(-6deg);\n  transition:flex .5s cubic-bezier(.2,.8,.2,1)}\n.asp-tramo__l{font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:600;\n  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transform:skewX(6deg)}\n.asp-tramo__d{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:28px;\n  line-height:1; white-space:nowrap; transform:skewX(6deg)}\n.asp-bici{font-size:15px; color:var(--sec); line-height:1.6}\n.asp-caja{background:#fff; padding:28px clamp(20px,3vw,36px); min-width:0}\n.asp-cats{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px 24px; margin-top:16px}\n.asp-cat{font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:22px; color:var(--azul);\n  padding:8px 0; border-bottom:1px solid var(--borde)}\n.asp-costos{background:var(--azul); color:#fff; padding:28px clamp(20px,3vw,36px); min-width:0}\n.asp-costos summary{color:var(--sobre-azul); cursor:pointer; list-style:none; display:flex;\n  align-items:center; justify-content:space-between; gap:12px}\n.asp-costos summary::-webkit-details-marker{display:none}\n.asp-costos summary::after{content:'+'; font-size:20px; line-height:1; color:#fff; font-weight:400}\n.asp-costos[open] summary::after{content:'\u2013'}\n.asp-costos[open] summary{margin-bottom:10px}\n.asp-costo{display:flex; justify-content:space-between; gap:12px; font-size:15px; padding:8px 0;\n  border-bottom:1px solid rgba(255,255,255,.12)}\n.asp-costo span:first-child{color:#d5deee}\n.asp-costo b{font-weight:600; font-variant-numeric:tabular-nums;\n  font-family:'Barlow Condensed',sans-serif; font-size:19px; white-space:nowrap}\n\n\/* \u2500\u2500 Premios y kit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-premios{padding:var(--alto) var(--lado); display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:16px}\n.asp-kit{background:var(--rojo); color:#fff; padding:clamp(28px,4vw,44px); position:relative; overflow:hidden}\n.asp-kit__anillo{position:absolute; right:-30px; top:-30px; width:160px; height:160px;\n  border:24px solid rgba(255,255,255,.12); border-radius:50%}\n.asp-kit .asp-eti{color:var(--sobre-rojo); margin-bottom:14px; position:relative}\n.asp-titulon{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic;\n  text-transform:uppercase; font-size:clamp(34px,5vw,64px); line-height:.9; position:relative}\n.asp-kit ul{margin:22px 0 0; padding:0; list-style:none; display:flex; flex-direction:column;\n  gap:10px; font-size:15px; line-height:1.5; position:relative}\n.asp-kit li:last-child{font-weight:600}\n.asp-prem{background:var(--fondo); padding:clamp(28px,4vw,44px); min-width:0}\n.asp-prem .asp-eti{margin-bottom:14px}\n.asp-prem .asp-titulon{color:var(--azul); margin-bottom:26px}\n.asp-prem .asp-titulon span{color:var(--rojo)}\n.asp-prem__g{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));\n  gap:18px 28px; font-size:15px; line-height:1.55; color:var(--sec)}\n.asp-prem__g strong{color:var(--azul); display:block; margin-bottom:4px}\n.asp-prem__ojo{color:var(--rojo); font-weight:600}\n\n\/* \u2500\u2500 Inscripci\u00f3n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-insc{padding:var(--alto) var(--lado); border-top:1px solid var(--borde); display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr)); gap:clamp(32px,5vw,72px)}\n.asp-insc h2{margin-bottom:28px}\n.asp-pasos{margin:0; padding:0; list-style:none; display:flex; flex-direction:column}\n.asp-paso{display:grid; grid-template-columns:56px minmax(0,1fr); gap:16px; padding:16px 0;\n  border-top:1px solid var(--borde); font-size:16px; line-height:1.5; color:var(--sec)}\n.asp-paso:last-child{border-bottom:1px solid var(--borde)}\n.asp-paso__n{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic;\n  font-size:40px; line-height:1; color:var(--rojo)}\n.asp-paso strong{color:var(--azul)}\n.asp-cta--g{display:inline-flex; align-items:center; gap:14px; margin-top:28px;\n  font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic; font-size:28px;\n  letter-spacing:.04em; padding:16px 30px}\n.asp-cta--g i{font-family:'Barlow',sans-serif; font-style:normal; font-size:20px}\n.asp-pagos{display:flex; flex-direction:column; gap:26px; min-width:0}\n.asp-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px}\n.asp-chip{font-size:13px; font-weight:600; padding:9px 14px; border:2px solid var(--borde);\n  color:var(--azul); border-radius:3px; max-width:100%; transition:border-color .18s ease, background .18s ease, color .18s ease}\n.asp-chip--f{border-color:var(--azul)}\n.asp-chip--b{border-color:transparent; background:var(--fondo); color:var(--sec); font-weight:400}\n.asp a.asp-chip:hover{background:var(--azul); border-color:var(--azul); color:#fff}\n.asp-consulta{display:flex; flex-wrap:wrap; gap:12px; align-items:center;\n  padding:18px 20px; background:var(--azul); color:#fff}\n.asp-consulta p{flex:1; min-width:200px; font-size:14px; line-height:1.5; margin:0}\n.asp a.asp-wa{background:var(--rojo); color:#fff; font-size:13px; font-weight:600; letter-spacing:.08em;\n  text-transform:uppercase; padding:10px 16px; border-radius:3px; transition:background .18s ease, color .18s ease}\n.asp a.asp-wa:hover{background:#fff; color:var(--azul)}\n\n\/* \u2500\u2500 Gu\u00eda del c\u00f3digo de inscripci\u00f3n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-codigo{display:flex; gap:16px; align-items:flex-start; margin-top:14px;\n  padding:16px; background:var(--fondo); border-left:4px solid var(--rojo)}\n.asp-codigo p{margin:0; font-size:14px; line-height:1.5; color:var(--sec)}\n.asp-codigo p b{color:var(--azul)}\n\/* El bot\u00f3n declara su tama\u00f1o: ScriptCase le pone height:35px a todo <button> *\/\n.asp .asp-codigo__lupa{position:relative; flex:none; padding:0; border:0; background:#fff;\n  cursor:zoom-in; display:block; font-family:inherit; line-height:0;\n  width:104px; height:104px; border-radius:3px; overflow:hidden}\n.asp .asp-codigo__lupa img{width:100%; height:100%; object-fit:contain; padding:4px}\n.asp-codigo__lupa:focus-visible{outline:3px solid var(--rojo); outline-offset:3px}\n.asp-lupa{position:absolute; left:50%; bottom:6px; transform:translateX(-50%);\n  background:rgba(15,42,91,.92); color:#fff; border-radius:999px; padding:4px 8px;\n  font-size:10px; font-weight:600; white-space:nowrap; pointer-events:none; line-height:1.2}\n.asp-visor{position:fixed; inset:0; z-index:100; background:rgba(15,42,91,.94);\n  display:none; place-items:center; padding:18px; cursor:zoom-out}\n.asp-visor.abierto{display:grid}\n.asp-visor img{max-width:min(100%,860px); max-height:88vh; width:auto; border-radius:6px}\n.asp .asp-visor__x{position:absolute; top:14px; right:18px; width:44px; height:44px; border:0;\n  border-radius:50%; background:rgba(255,255,255,.16); color:#fff; font-size:26px; line-height:1;\n  cursor:pointer; font-family:inherit; padding:0}\n.asp-visor__x:hover{background:rgba(255,255,255,.3)}\n\n\/* \u2500\u2500 Ubicaci\u00f3n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-ubi{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));\n  border-top:1px solid var(--borde)}\n.asp-ubi__izq{padding:clamp(40px,6vw,72px) var(--lado); display:flex; flex-direction:column;\n  justify-content:space-between; gap:32px; background:#fff}\n.asp-sede{font-family:'Barlow Condensed',sans-serif; font-weight:900; font-style:italic;\n  text-transform:uppercase; font-size:clamp(40px,6.5vw,100px); line-height:.88; color:var(--azul); margin-top:12px}\n.asp-sede span{color:var(--rojo)}\n.asp-contactos{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:20px;\n  font-size:14px; line-height:1.6; color:var(--sec)}\n.asp-contactos a{color:var(--rojo)}\n.asp-mapa{min-height:380px; background:var(--fondo); position:relative}\n.asp-mapa > summary{display:none}\n.asp-mapa iframe{position:absolute; inset:0; width:100%; height:100%; border:0; display:block}\n\n\/* \u2500\u2500 Pie \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.asp-pie{display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px;\n  padding:22px var(--lado); background:var(--azul); color:var(--sobre-azul); font-size:12px;\n  letter-spacing:.08em; text-transform:uppercase; border-top:6px solid var(--rojo)}\n\n\/* \u2500\u2500 Tel\u00e9fono \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width:760px){\n  \/* \u2500\u2500 Compactado: la p\u00e1gina med\u00eda 6.596px (casi 8 pantallas) \u2500\u2500\n     Se achican los aires, no el contenido. *\/\n  .asp{--alto:clamp(40px,7vw,104px)}\n\n  \/* La cuenta regresiva ocupaba 4 filas: ahora los n\u00fameros van en una sola *\/\n  .asp-reloj__g{grid-template-columns:repeat(4,minmax(0,1fr))}\n  .asp-reloj__t{grid-column:1 \/ -1; padding:16px 0 2px; font-size:20px}\n  .asp-reloj__c{border-left:0; border-top:0; padding:6px 0 14px}\n  .asp-reloj__n{font-size:clamp(28px,8.5vw,40px)}\n  .asp-reloj__l{font-size:9px; letter-spacing:.1em}\n  .asp-reloj__abre{grid-column:1 \/ -1; flex-direction:row; align-items:baseline;\n    gap:10px; margin:0 calc(var(--lado) * -1) 0; padding:10px var(--lado)}\n  .asp-reloj__abre b{font-size:22px}\n\n  \/* Hero: la l\u00ednea de disciplinas se part\u00eda en dos y las celdas de fecha y\n     sede ocupaban mucho alto para dos datos. *\/\n  .asp-insignia{font-size:19px; margin-bottom:14px; padding:5px 13px 5px 10px}\n  .asp-disc{font-size:16px; letter-spacing:.08em; gap:6px 10px; margin:14px 0 18px}\n  \/* Fecha y sede quedan siempre una al lado de la otra, no apiladas *\/\n  .asp-datos{grid-template-columns:1fr 1fr}\n  .asp-dato{padding:9px 11px}\n  .asp-dato__v{font-size:18px; margin-top:2px; line-height:1.15}\n  .asp-dato__v b{font-size:13px}\n  .asp-dato--f .asp-dato__v{font-size:28px}\n  .asp-dato--f .asp-dato__v b{font-size:15px}\n  .asp-eti--ch{font-size:10px; letter-spacing:.12em}\n\n  \/* T\u00edtulos de secci\u00f3n m\u00e1s chicos *\/\n  .asp-h2{font-size:clamp(30px,8.5vw,88px)}\n  .asp-titulon{font-size:clamp(28px,7.5vw,64px)}\n  .asp-sede{font-size:clamp(34px,10vw,100px)}\n\n  \/* Cabecera de secci\u00f3n y tarjetas con menos aire *\/\n  .asp-cab{margin-bottom:16px; gap:12px}\n  .asp-promo{font-size:12px; padding:6px 11px}\n\n  \/* Las 8 modalidades en dos columnas parejas, no una por fila *\/\n  .asp-mods{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-bottom:14px}\n  \/* El cuerpo acompa\u00f1a al ancho: en pantallas muy angostas baja solo en vez\n     de cortar \u00abTriatl\u00f3n corto\u00bb a la mitad. *\/\n  .asp-mod{font-size:clamp(12px,3.9vw,15px); padding:9px 5px; letter-spacing:.01em;\n    text-align:center; border-width:1px}\n\n  .asp-ficha,.asp-caja,.asp-costos{padding:18px}\n  .asp-ficha{gap:14px}\n  .asp-ficha__n,.asp-ficha__p{font-size:clamp(30px,8vw,68px)}\n  .asp-tarjetas{gap:10px}\n\n  \/* Categor\u00edas: entraban dos por fila y sobraba alto *\/\n  .asp-cats{grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:2px 16px; margin-top:12px}\n  .asp-cat{font-size:18px; padding:5px 0}\n\n  .asp-costo{padding:5px 0; font-size:14px}\n  .asp-costo b{font-size:17px}\n\n  \/* Premios *\/\n  .asp-premios{gap:10px}\n  .asp-kit,.asp-prem{padding:20px 18px}\n  .asp-kit ul{margin-top:14px; gap:6px; font-size:13.5px}\n  .asp-prem .asp-titulon{margin-bottom:14px}\n  .asp-prem__g{gap:10px 18px; font-size:13.5px; line-height:1.4}\n  .asp-kit__anillo{width:120px; height:120px; border-width:18px}\n\n  \/* Pasos y chips de pago: eran 888px de chips *\/\n  .asp-paso{padding:11px 0; grid-template-columns:44px minmax(0,1fr); gap:12px; font-size:15px}\n  .asp-paso__n{font-size:32px}\n  .asp-cta--g{margin-top:20px}\n  .asp-pagos{gap:18px}\n  .asp-chips{gap:6px; margin-top:9px}\n  .asp-chip{font-size:12px; padding:7px 11px}\n  .asp-chip--b{padding:6px 10px}\n  .asp-codigo{padding:12px; gap:12px; margin-top:12px}\n  .asp-consulta{padding:14px 16px}\n\n  \/* Los 9 bancos como chips ocupaban cuatro filas: pasan a una l\u00ednea de texto *\/\n  .asp-chips--bancos{display:block; font-size:13px; color:var(--sec); line-height:1.7; margin-top:6px}\n  .asp-chips--bancos .asp-chip--b{display:inline; background:none; padding:0; border:0;\n    border-radius:0; font-size:13px; font-weight:400}\n  .asp-chips--bancos .asp-chip--b:not(:last-child)::after{content:' \u00b7 '; color:var(--gris)}\n\n  \/* Ubicaci\u00f3n *\/\n  .asp-ubi__izq{padding:32px var(--lado); gap:22px}\n  .asp-contactos{gap:14px}\n\n  \/* El mapa arranca plegado: son ~300 KB de Google Maps que no se descargan\n     hasta que alguien lo pide. *\/\n  .asp-mapa{min-height:0; position:static; background:var(--fondo)}\n  .asp-mapa > summary{display:flex; align-items:center; justify-content:space-between; gap:12px;\n    padding:15px var(--lado); cursor:pointer; list-style:none; color:var(--azul)}\n  .asp-mapa > summary::-webkit-details-marker{display:none}\n  .asp-mapa > summary::after{content:'+'; font-size:20px; line-height:1; font-weight:400}\n  .asp-mapa[open] > summary::after{content:'\u2013'}\n  .asp-mapa iframe{position:static; width:100%; height:280px}\n  .asp-pie{padding:16px var(--lado)}\n\n  \/* La cabecera pasa a dos filas: marca y bot\u00f3n arriba, enlaces abajo.\n     En una sola fila no entran sin achicarlos hasta lo ilegible. *\/\n  .asp-nav{flex-wrap:wrap; gap:10px 16px; padding:11px var(--lado)}\n  .asp-nav__links{width:100%; justify-content:center; order:3; gap:18px; font-size:12px}\n  .asp-marca__t{font-size:20px}\n  .asp-marca__cuadros i{width:15px; height:15px}\n  .asp-cta{padding:10px 16px; font-size:12px}\n  .asp :target{scroll-margin-top:96px}\n\n  .asp-reloj__t{padding:18px 0 4px; font-size:22px}\n  .asp-reloj__c{border-left:0; border-top:1px solid rgba(255,255,255,.15); padding:14px 0}\n  .asp-reloj__abre{margin:14px 0 18px; padding:14px 18px}\n  .asp-ficha__der{text-align:left}\n  .asp-barra{height:60px}\n  .asp-tramo__d{font-size:22px}\n  .asp-cta--g{font-size:24px; padding:14px 24px}\n}\n@media (max-width:460px){\n  \/* El tramo m\u00e1s angosto (nataci\u00f3n) no llega a mostrar su nombre: se le saca\n     aire al padding y al interletrado en vez de cortarlo con puntos. *\/\n  .asp-tramo{padding:9px 6px}\n  .asp-tramo__l{font-size:9px; letter-spacing:0}\n  .asp-tramo__d{font-size:19px}\n  .asp-cat{font-size:20px}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .asp-hero__txt,.asp-hero__img{animation:none}\n  .asp-tramo{transition:none}\n}\n<\/style>\n\n<div class=\"asp\">\n  <div class=\"asp-franjas\"><\/div>\n\n  <header class=\"asp-nav\">\n    <div class=\"asp-marca\">\n      <div class=\"asp-marca__cuadros\">\n        <i style=\"background:#e5322d\"><\/i><i style=\"background:#9aa0a6\"><\/i><i style=\"background:#0f2a5b\"><\/i>\n      <\/div>\n      <div class=\"asp-marca__t\">Aspatri<\/div>\n    <\/div>\n    <nav class=\"asp-nav__links\">\n      <a href=\"#modalidades\">Modalidades<\/a>\n      <a href=\"#premios\">Premios<\/a>\n      <a href=\"#inscripcion\">Inscripci\u00f3n<\/a>\n    <\/nav>\n    <a class=\"asp-cta\" data-asp-insc>Inscribirme<\/a>\n  <\/header>\n\n  <section class=\"asp-hero\">\n    <div class=\"asp-hero__txt\">\n      <div class=\"asp-insignia\"><i><\/i>4.\u00aa fecha \u00b7 2026<\/div>\n      <h1 class=\"asp-h1\">Triatl\u00f3n<br><span>Aspatri<\/span><\/h1>\n      <div class=\"asp-disc\"><span>Nataci\u00f3n<\/span><i>\u00b7<\/i><span>Ciclismo<\/span><i>\u00b7<\/i><span>Running<\/span><\/div>\n      <div class=\"asp-datos\">\n        <div class=\"asp-dato asp-dato--f\">\n          <div class=\"asp-eti asp-eti--ch\">Fecha<\/div>\n          <div class=\"asp-dato__v\">06 <b>DIC<\/b><\/div>\n        <\/div>\n        <div class=\"asp-dato\">\n          <div class=\"asp-eti asp-eti--ch\">Sede<\/div>\n          <div class=\"asp-dato__v\">El Delta<br><b>Tosa<\/b><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"asp-hero__img\">\n      <div class=\"asp-flyer\">\n        <div class=\"asp-flyer__bloque\"><\/div>\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.servicronos.com\/wordpress\/wp-content\/uploads\/2026\/09\/flyer-aspatri-4ta.webp\" alt=\"Flyer de la 4ta fecha del Triatl\u00f3n ASPATRI 2026, el 6 de diciembre en El Delta, Tosa\" width=\"1080\" height=\"1350\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"asp-reloj\">\n    <div class=\"asp-reloj__g\">\n      <div class=\"asp-reloj__t\">Faltan<\/div>\n      <div class=\"asp-reloj__c\"><div class=\"asp-reloj__n\" data-asp-d>00<\/div><div class=\"asp-reloj__l\">D\u00edas<\/div><\/div>\n      <div class=\"asp-reloj__c\"><div class=\"asp-reloj__n\" data-asp-h>00<\/div><div class=\"asp-reloj__l\">Horas<\/div><\/div>\n      <div class=\"asp-reloj__c\"><div class=\"asp-reloj__n\" data-asp-m>00<\/div><div class=\"asp-reloj__l\">Minutos<\/div><\/div>\n      <div class=\"asp-reloj__c\"><div class=\"asp-reloj__n\" data-asp-s>00<\/div><div class=\"asp-reloj__l\">Segundos<\/div><\/div>\n      <div class=\"asp-reloj__abre\">\n        <div class=\"asp-eti asp-eti--ch\">Inscripciones<\/div>\n        <b data-asp-estado>Abiertas<\/b>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"asp-sec asp-sec--gris\" id=\"modalidades\">\n    <div class=\"asp-cab\">\n      <h2 class=\"asp-h2\">Eleg\u00ed tu <span>modalidad<\/span><\/h2>\n      <div class=\"asp-promo\" data-asp-promo>Promo hasta el 31 de octubre<\/div>\n    <\/div>\n\n    <div class=\"asp-mods\" role=\"group\" aria-label=\"Eleg\u00ed la modalidad\" data-asp-mods><\/div>\n\n    <div class=\"asp-tarjetas\">\n      <div class=\"asp-ficha\">\n        <div class=\"asp-ficha__cab\">\n          <div style=\"min-width:0\">\n            <div class=\"asp-eti\" data-asp-sub>Individual \u00b7 distancia larga<\/div>\n            <div class=\"asp-ficha__n\" data-asp-nombre>Triatl\u00f3n largo<\/div>\n          <\/div>\n          <div class=\"asp-ficha__der\">\n            <div class=\"asp-eti\" data-asp-nota>promo hasta 31 oct<\/div>\n            <div class=\"asp-ficha__p\" data-asp-precio>Gs. 600.000<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"asp-barra\" data-asp-barra><\/div>\n        <div class=\"asp-bici\" data-asp-bici>Bicicleta de ruta o triatl\u00f3n.<\/div>\n      <\/div>\n\n      <div class=\"asp-caja\">\n        <div class=\"asp-eti\">Categor\u00edas \u00b7 Femenino y masculino<\/div>\n        <div class=\"asp-cats\" data-asp-cats><\/div>\n      <\/div>\n\n      <details class=\"asp-costos\" data-asp-plegable open>\n        <summary class=\"asp-eti\">Costos \u00b7 todas las modalidades<\/summary>\n        <div data-asp-costos><\/div>\n      <\/details>\n    <\/div>\n  <\/section>\n\n  <!-- EDITAR: MAPA \u2014 la sede aparece tres veces: el t\u00edtulo, el tel\u00e9fono del\n       organizador y el mapa de abajo. Si cambia la sede, cambiar las tres. -->\n  <section class=\"asp-ubi\">\n    <div class=\"asp-ubi__izq\">\n      <div>\n        <div class=\"asp-eti\">Sede<\/div>\n        <div class=\"asp-sede\">El Delta<br><span>Tosa<\/span><\/div>\n      <\/div>\n      <div class=\"asp-contactos\">\n        <div>\n          <div class=\"asp-eti asp-eti--ch\">Organizaci\u00f3n<\/div>\n          Cosme Fern\u00e1ndez<br><a href=\"tel:+595983890192\">+595 983 890 192<\/a>\n        <\/div>\n        <div>\n          <div class=\"asp-eti asp-eti--ch\">Listado de inscriptos<\/div>\n          Pr\u00f3ximamente\n        <\/div>\n      <\/div>\n    <\/div>\n    <details class=\"asp-mapa\" data-asp-mapa open>\n      <summary class=\"asp-eti\">Ver el mapa<\/summary>\n      <iframe src=\"https:\/\/maps.google.com\/maps?q=El%20Delta%20(Tosa)&amp;t=m&amp;z=11&amp;output=embed&amp;iwloc=near\"\n              title=\"Mapa de El Delta, Tosa\" loading=\"lazy\"><\/iframe>\n    <\/details>\n  <\/section>\n\n  <section class=\"asp-premios\" id=\"premios\">\n    <div class=\"asp-kit\">\n      <div class=\"asp-kit__anillo\"><\/div>\n      <div class=\"asp-eti\">Kit del corredor<\/div>\n      <div class=\"asp-titulon\">Remera<br>+ chip<\/div>\n      <ul>\n        <li>Remera oficial (talle sujeto a disponibilidad al retirar)<\/li>\n        <li>Tobillera con chip de cronometraje<\/li>\n        <li>Entrega de kits: pr\u00f3ximamente<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"asp-prem\">\n      <div class=\"asp-eti\">Premiaci\u00f3n<\/div>\n      <div class=\"asp-titulon\">Medalla finisher<br><span>para todos<\/span><\/div>\n      <div class=\"asp-prem__g\">\n        <div><strong>Triatl\u00f3n largo, corto y duatl\u00f3n ruta<\/strong>Trofeo 1\u00b0 al 3\u00b0, diploma 4\u00b0 y 5\u00b0 por categor\u00eda y general. M\/F.<\/div>\n        <div><strong>Triatl\u00f3n y duatl\u00f3n MTB<\/strong>Trofeo 1\u00b0 al 3\u00b0 de la general. M\/F.<\/div>\n        <div><strong>Posta<\/strong>Trofeo 1\u00b0 al 3\u00b0 general masculino, femenino y mixto.<\/div>\n        <div><strong>Ciclismo 50K<\/strong>Trofeo 1\u00b0 al 3\u00b0, diploma 4\u00b0 y 5\u00b0 por categor\u00eda y general. M\/F.<\/div>\n        <div><strong>Running 10K<\/strong>Trofeo 1\u00b0 al 3\u00b0 de la general. M\/F.<\/div>\n        <div class=\"asp-prem__ojo\">Quien gana la general tambi\u00e9n se premia en su categor\u00eda.<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"asp-insc\" id=\"inscripcion\">\n    <div>\n      <h2 class=\"asp-h2\">Reserv\u00e1<br><span>tu cupo<\/span><\/h2>\n      <ol class=\"asp-pasos\">\n        <li class=\"asp-paso\"><span class=\"asp-paso__n\">01<\/span><span>Toc\u00e1 <strong>Inscribirme<\/strong> y abr\u00ed la preinscripci\u00f3n.<\/span><\/li>\n        <li class=\"asp-paso\"><span class=\"asp-paso__n\">02<\/span><span>Complet\u00e1 tus datos personales.<\/span><\/li>\n        <li class=\"asp-paso\"><span class=\"asp-paso__n\">03<\/span><span>Pag\u00e1 para asegurar el cupo. Sin pago no hay cupo confirmado.<\/span><\/li>\n      <\/ol>\n      <a class=\"asp-cta asp-cta--g\" data-asp-insc>Inscribirme <i>\u2192<\/i><\/a>\n    <\/div>\n\n    <!-- EDITAR: PAGOS \u2014 los chips que tienen href son enlaces reales (videos\n         de c\u00f3mo pagar y portal de Infonet); los dem\u00e1s son s\u00f3lo texto. -->\n    <div class=\"asp-pagos\">\n      <div>\n        <div class=\"asp-eti\">Billeteras y tarjetas \u00b7 al preinscribirte<\/div>\n        <div class=\"asp-chips\">\n          <a class=\"asp-chip asp-chip--f\" href=\"https:\/\/youtu.be\/BIK1MzUGzMc\" target=\"_blank\" rel=\"noopener\">Tigo Money \u25b6<\/a>\n          <a class=\"asp-chip asp-chip--f\" href=\"https:\/\/youtu.be\/6TYFDNUTnR8\" target=\"_blank\" rel=\"noopener\">Billetera Personal \u25b6<\/a>\n          <span class=\"asp-chip asp-chip--f\">Zimple<\/span>\n          <span class=\"asp-chip asp-chip--f\">Tarjetas Bancard \u00b7 Visa \/ Mastercard<\/span>\n          <span class=\"asp-chip asp-chip--f\">Pago QR Bancard<\/span>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"asp-eti\">Redes de cobranza \u00b7 busc\u00e1 SERVIPAGOS \/ SERVICRONOS<\/div>\n        <div class=\"asp-chips\">\n          <span class=\"asp-chip\">Infonet Cobranzas<\/span>\n          <span class=\"asp-chip\">Aqu\u00ed Pago<\/span>\n          <span class=\"asp-chip\">Pago Express<\/span>\n          <a class=\"asp-chip\" href=\"https:\/\/youtu.be\/5D9CJK0PILM\" target=\"_blank\" rel=\"noopener\">Pago M\u00f3vil Bancard \u25b6<\/a>\n          <a class=\"asp-chip\" href=\"https:\/\/www.infonet.com.py\/\" target=\"_blank\" rel=\"noopener\">Portal Infonet \u2197<\/a>\n        <\/div>\n        <!-- EDITAR: CODIGO \u2014 la gu\u00eda de usar el c\u00f3digo de inscripci\u00f3n en vez de la c\u00e9dula -->\n        <div class=\"asp-codigo\">\n          <button class=\"asp-codigo__lupa\" type=\"button\" data-asp-ampliar\n                  aria-label=\"Ampliar la gu\u00eda del c\u00f3digo de inscripci\u00f3n\">\n            <img decoding=\"async\" src=\"https:\/\/www.servicronos.com\/competencia\/servicronos\/codigo.jpeg\"\n                 alt=\"Gu\u00eda: us\u00e1 tu c\u00f3digo de inscripci\u00f3n, en lugar de tu c\u00e9dula, para pagar el evento\" loading=\"lazy\">\n            <span class=\"asp-lupa\">\u2922 Ampliar<\/span>\n          <\/button>\n          <p>Guard\u00e1 tu <b>c\u00f3digo de inscripci\u00f3n<\/b>: si te anot\u00e1s a varios eventos, lo us\u00e1s en lugar de la\n             c\u00e9dula para pagar el que quieras. <b>Toc\u00e1 la imagen para leerla completa.<\/b><\/p>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"asp-eti\">Home banking y apps \u00b7 Pago de servicios<\/div>\n        <div class=\"asp-chips asp-chips--bancos\">\n          <span class=\"asp-chip asp-chip--b\">Ita\u00fa<\/span>\n          <span class=\"asp-chip asp-chip--b\">Visi\u00f3n Banco<\/span>\n          <span class=\"asp-chip asp-chip--b\">GNB<\/span>\n          <span class=\"asp-chip asp-chip--b\">Interfisa<\/span>\n          <span class=\"asp-chip asp-chip--b\">Sudameris<\/span>\n          <span class=\"asp-chip asp-chip--b\">Atlas<\/span>\n          <span class=\"asp-chip asp-chip--b\">Solar<\/span>\n          <span class=\"asp-chip asp-chip--b\">Universitaria<\/span>\n          <span class=\"asp-chip asp-chip--b\">Coop. Luque<\/span>\n        <\/div>\n      <\/div>\n      <!-- EDITAR: CONTACTO \u2014 WhatsApp de ServiCronos -->\n      <div class=\"asp-consulta\">\n        <p>Consultas sobre pagos e inscripciones<\/p>\n        <a class=\"asp-wa\" target=\"_blank\" rel=\"noopener\"\n           href=\"https:\/\/api.whatsapp.com\/send?phone=595983638595&amp;text=Hola%2C%20tengo%20una%20consulta%20sobre%20la%20inscripci%C3%B3n%20a%20la%204ta%20fecha%20del%20Triatl%C3%B3n%20ASPATRI%20del%206%20de%20diciembre.\">WhatsApp ServiCronos<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <div class=\"asp-visor\" data-asp-visor role=\"dialog\" aria-modal=\"true\" aria-label=\"Gu\u00eda del c\u00f3digo de inscripci\u00f3n\">\n    <button class=\"asp-visor__x\" type=\"button\" aria-label=\"Cerrar\">\u2715<\/button>\n    <img decoding=\"async\" src=\"\" alt=\"\">\n  <\/div>\n\n  <footer class=\"asp-pie\">\n    <span>Aspatri \u00b7 4ta fecha Triatl\u00f3n 2026<\/span>\n    <span>Cronometraje ServiCronos \u00ae 2026<\/span>\n  <\/footer>\n<\/div>\n\n<script>\n(function(){\n  var raiz = document.querySelector('.asp');\n  if(!raiz) return;\n\n  \/* \u2500\u2500 EDITAR: INSCRIPCION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Para otra carrera se cambia s\u00f3lo esta l\u00ednea: todos los botones\n     marcados con data-asp-insc la toman de ac\u00e1.                   *\/\n  var URL_INSCRIPCION = 'https:\/\/www.servicronos.com\/continuar.php?evento=NzQz';\n\n  raiz.querySelectorAll('[data-asp-insc]').forEach(function(a){\n    a.setAttribute('href', URL_INSCRIPCION);\n    a.setAttribute('target','_blank');\n    a.setAttribute('rel','noopener');\n  });\n\n  \/* \u2500\u2500 EDITAR: FECHA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     D\u00eda y hora de largada. El -03:00 es la hora de Paraguay en diciembre. *\/\n  var LARGADA = Date.parse('2026-12-06T07:00:00-03:00');\n\n  \/* \u2500\u2500 EDITAR: PRECIOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     PROMO_HASTA es el \u00faltimo d\u00eda del precio promocional. Pasada esa\n     fecha, el cartel deja de decir \u00abpromo\u00bb solo.\n     \u26a0 Los precios de abajo son los PROMOCIONALES. Cuando se sepan los\n     regulares, agregarlos como \"precioRegular\" en cada modalidad.      *\/\n  var PROMO_HASTA = Date.parse('2026-11-01T00:00:00-03:00');\n\n  \/* \u2500\u2500 EDITAR: MODALIDADES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     nombre \u00b7 subt\u00edtulo \u00b7 precio \u00b7 nota de bicicleta \u00b7 tramos \u00b7 categor\u00edas\n     Los tramos son [nombre, distancia, peso, color]. El peso es el ancho\n     relativo de la barra: no es una medida real, s\u00f3lo proporci\u00f3n visual. *\/\n  var AZUL = '#0f2a5b', GRIS = '#9aa0a6', ROJO = '#e5322d';\n  var MODS = [\n    { nombre:'Triatl\u00f3n largo', sub:'Individual \u00b7 distancia larga', precio:600000,\n      bici:'',\n      tramos:[['Nataci\u00f3n','1.500 m',30,AZUL],['Ciclismo','40 km',70,GRIS],['Running','10 km',50,ROJO]],\n      cats:['20\u201324 a\u00f1os','25\u201329 a\u00f1os','30\u201334 a\u00f1os','35\u201339 a\u00f1os','40\u201344 a\u00f1os','45\u201349 a\u00f1os','50\u201354 a\u00f1os','55\u201359 a\u00f1os','60+ a\u00f1os'] },\n    { nombre:'Triatl\u00f3n corto', sub:'Individual \u00b7 distancia corta', precio:450000,\n      bici:'',\n      tramos:[['Nataci\u00f3n','750 m',16,AZUL],['Ciclismo','20 km',36,GRIS],['Running','5 km',26,ROJO]],\n      cats:['14\u201319 a\u00f1os','20\u201329 a\u00f1os','30\u201339 a\u00f1os','40\u201349 a\u00f1os','50\u201359 a\u00f1os','60+ a\u00f1os','General'] },\n    { nombre:'Triatl\u00f3n MTB', sub:'Individual \u00b7 general', precio:600000,\n      bici:'Clasificaci\u00f3n general \u00fanica.',\n      tramos:[['Nataci\u00f3n','1.500 m',30,AZUL],['Ciclismo MTB','40 km',80,GRIS],['Running','10 km',50,ROJO]],\n      cats:['14 a 60+ a\u00f1os \u00b7 General'] },\n    { nombre:'Triatl\u00f3n posta', sub:'Equipos \u00b7 distancia larga', precio:350000, notaPrecio:'por participante',\n      bici:'Un integrante por segmento.',\n      tramos:[['Nataci\u00f3n','1.500 m',30,AZUL],['Ciclismo','40 km',70,GRIS],['Running','10 km',50,ROJO]],\n      cats:['Posta femenino','Posta masculino','Posta mixto'] },\n    { nombre:'Duatl\u00f3n corto', sub:'Individual \u00b7 bicicleta de ruta', precio:350000,\n      bici:'',\n      tramos:[['Running','2,5 km',14,ROJO],['Ciclismo','20 km',36,GRIS],['Running','5 km',26,ROJO]],\n      cats:['14\u201319 a\u00f1os','20\u201329 a\u00f1os','30\u201339 a\u00f1os','40\u201349 a\u00f1os','50\u201359 a\u00f1os','60+ a\u00f1os'] },\n    { nombre:'Duatl\u00f3n MTB', sub:'Individual \u00b7 general', precio:350000,\n      bici:'Clasificaci\u00f3n general \u00fanica.',\n      tramos:[['Running','2,5 km',14,ROJO],['Ciclismo MTB','20 km',42,GRIS],['Running','5 km',26,ROJO]],\n      cats:['14 a 60+ a\u00f1os \u00b7 General'] },\n    { nombre:'Running 10K', sub:'Individual \u00b7 general', precio:200000,\n      bici:'Clasificaci\u00f3n general masculina y femenina.',\n      tramos:[['Running','10 km',100,ROJO]],\n      cats:['15 a 60+ a\u00f1os \u00b7 General'] },\n    { nombre:'Ciclismo 50K', sub:'Individual \u00b7 bicicleta de ruta', precio:200000,\n      bici:'',\n      tramos:[['Ciclismo','50 km',100,GRIS]],\n      cats:['\u00c9lite 17\u201329','Master A 30\u201339','Master B 40\u201349','Master C 50\u201359','Master D 60+'] }\n  ];\n\n  var elegida = 0;\n  var enPromo = Date.now() < PROMO_HASTA;\n\n  function guaranies(n){\n    return 'Gs. ' + String(n).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');\n  }\n\n  \/* Botones de modalidad *\/\n  var cajaMods = raiz.querySelector('[data-asp-mods]');\n  MODS.forEach(function(m, i){\n    var b = document.createElement('button');\n    b.type = 'button';\n    b.className = 'asp-mod';\n    b.textContent = m.nombre;\n    b.setAttribute('aria-pressed', i === 0 ? 'true' : 'false');\n    b.addEventListener('click', function(){ elegida = i; pintar(); });\n    cajaMods.appendChild(b);\n  });\n\n  var elSub    = raiz.querySelector('[data-asp-sub]'),\n      elNombre = raiz.querySelector('[data-asp-nombre]'),\n      elNota   = raiz.querySelector('[data-asp-nota]'),\n      elPrecio = raiz.querySelector('[data-asp-precio]'),\n      elBarra  = raiz.querySelector('[data-asp-barra]'),\n      elBici   = raiz.querySelector('[data-asp-bici]'),\n      elCats   = raiz.querySelector('[data-asp-cats]'),\n      elPromo  = raiz.querySelector('[data-asp-promo]');\n\n  function pintar(){\n    var m = MODS[elegida];\n\n    cajaMods.querySelectorAll('.asp-mod').forEach(function(b, i){\n      b.setAttribute('aria-pressed', i === elegida ? 'true' : 'false');\n    });\n\n    elSub.textContent    = m.sub;\n    elNombre.textContent = m.nombre;\n    elPrecio.textContent = guaranies(m.precio);\n    elNota.textContent   = m.notaPrecio || (enPromo ? 'promo hasta 31 oct' : 'inscripci\u00f3n');\n    elBici.textContent   = m.bici;\n    elBici.style.display = m.bici ? '' : 'none';\n\n    \/* Barra de tramos: se reusan los divs si ya est\u00e1n, para que la\n       transici\u00f3n de flex se vea; s\u00f3lo se recrean si cambia la cantidad. *\/\n    if(elBarra.children.length !== m.tramos.length){\n      elBarra.innerHTML = '';\n      m.tramos.forEach(function(){\n        var d = document.createElement('div');\n        d.className = 'asp-tramo';\n        d.innerHTML = '<div class=\"asp-tramo__l\"><\/div><div class=\"asp-tramo__d\"><\/div>';\n        elBarra.appendChild(d);\n      });\n    }\n    m.tramos.forEach(function(t, i){\n      var d = elBarra.children[i];\n      d.style.flex = t[2] + ' 1 0';\n      d.style.background = t[3];\n      d.querySelector('.asp-tramo__l').textContent = t[0];\n      d.querySelector('.asp-tramo__d').textContent = t[1];\n    });\n\n    elCats.innerHTML = '';\n    m.cats.forEach(function(c){\n      var d = document.createElement('div');\n      d.className = 'asp-cat';\n      d.textContent = c;\n      elCats.appendChild(d);\n    });\n  }\n\n  \/* Tabla de costos *\/\n  \/* Se agrupan por precio: varias modalidades cuestan lo mismo, as\u00ed que\n     son 4 filas en vez de 8 y se lee de un vistazo. *\/\n  var cajaCostos = raiz.querySelector('[data-asp-costos]');\n  var porPrecio = [];\n  MODS.forEach(function(m){\n    var nombre = m.nombre + (m.notaPrecio ? ' (c\/u)' : '');\n    var g = porPrecio.filter(function(x){ return x.precio === m.precio; })[0];\n    if(g){ g.nombres.push(nombre); }\n    else { porPrecio.push({ precio:m.precio, nombres:[nombre] }); }\n  });\n  porPrecio.sort(function(a,b){ return b.precio - a.precio; });\n  porPrecio.forEach(function(g){\n    var d = document.createElement('div');\n    d.className = 'asp-costo';\n    var n = document.createElement('span');\n    n.textContent = g.nombres.join(' \u00b7 ');\n    var p = document.createElement('b');\n    p.textContent = guaranies(g.precio);\n    d.appendChild(n); d.appendChild(p);\n    cajaCostos.appendChild(d);\n  });\n\n  if(!enPromo){\n    elPromo.textContent = 'Inscripciones abiertas';\n  }\n\n  pintar();\n\n  \/* En el celular, los costos arrancan plegados: repiten lo que ya se ve\n     al tocar cada modalidad, y ocupaban media pantalla. *\/\n  var enMovil = window.matchMedia('(max-width:760px)').matches;\n  var plegable = raiz.querySelector('[data-asp-plegable]');\n  if(plegable && enMovil) plegable.removeAttribute('open');\n\n  \/* El mapa tambi\u00e9n: en el celular arranca cerrado y as\u00ed Google Maps ni se descarga *\/\n  var mapa = raiz.querySelector('[data-asp-mapa]');\n  if(mapa && enMovil) mapa.removeAttribute('open');\n\n  \/* Ampliar la gu\u00eda del c\u00f3digo *\/\n  var lupa  = raiz.querySelector('[data-asp-ampliar]');\n  var visor = raiz.querySelector('[data-asp-visor]');\n  if(lupa && visor){\n    var visorImg = visor.querySelector('img');\n    var cerrar = visor.querySelector('.asp-visor__x');\n    var abrir = function(){\n      var o = lupa.querySelector('img');\n      visorImg.src = o.src; visorImg.alt = o.alt;\n      visor.classList.add('abierto');\n      cerrar.focus();\n    };\n    var ocultar = function(){ visor.classList.remove('abierto'); lupa.focus(); };\n    lupa.addEventListener('click', abrir);\n    visor.addEventListener('click', ocultar);\n    document.addEventListener('keydown', function(e){\n      if(e.key === 'Escape' && visor.classList.contains('abierto')) ocultar();\n    });\n  }\n\n  \/* Cuenta regresiva *\/\n  var elD = raiz.querySelector('[data-asp-d]'), elH = raiz.querySelector('[data-asp-h]'),\n      elM = raiz.querySelector('[data-asp-m]'), elS = raiz.querySelector('[data-asp-s]'),\n      elEstado = raiz.querySelector('[data-asp-estado]');\n  var dos = function(n){ return n < 10 ? '0' + n : String(n); };\n\n  function latir(){\n    var falta = LARGADA - Date.now();\n    if(falta <= 0){\n      elD.textContent = elH.textContent = elM.textContent = elS.textContent = '00';\n      elEstado.textContent = 'Cerradas';\n      return;\n    }\n    var d = Math.floor(falta \/ 864e5); falta -= d * 864e5;\n    var h = Math.floor(falta \/ 36e5);  falta -= h * 36e5;\n    var m = Math.floor(falta \/ 6e4);   falta -= m * 6e4;\n    var s = Math.floor(falta \/ 1e3);\n    elD.textContent = dos(d); elH.textContent = dos(h);\n    elM.textContent = dos(m); elS.textContent = dos(s);\n  }\n  latir();\n  setInterval(latir, 1000);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Aspatri Modalidades Premios Inscripci\u00f3n Inscribirme 4.\u00aa fecha \u00b7 2026 Triatl\u00f3nAspatri Nataci\u00f3n\u00b7Ciclismo\u00b7Running Fecha 06 DIC Sede El DeltaTosa Faltan 00 D\u00edas 00 Horas 00 Minutos 00 Segundos Inscripciones Abiertas Eleg\u00ed tu modalidad Promo hasta el 31 de octubre Individual \u00b7 distancia larga Triatl\u00f3n largo promo hasta 31 oct Gs. 600.000 Bicicleta de ruta o triatl\u00f3n. Categor\u00edas \u00b7 Femenino y masculino Costos \u00b7 todas las modalidades Sede El DeltaTosa Organizaci\u00f3n Cosme Fern\u00e1ndez+595 983 890 192 Listado de inscriptos Pr\u00f3ximamente Ver el mapa Kit del corredor Remera+ chip Remera oficial (talle sujeto a disponibilidad al retirar) Tobillera con chip de cronometraje Entrega de kits: pr\u00f3ximamente Premiaci\u00f3n Medalla finisherpara todos Triatl\u00f3n largo, corto y duatl\u00f3n rutaTrofeo 1\u00b0 al 3\u00b0, diploma 4\u00b0 y 5\u00b0 por categor\u00eda y general. M\/F. Triatl\u00f3n y duatl\u00f3n MTBTrofeo 1\u00b0 al 3\u00b0 de la general. M\/F. PostaTrofeo 1\u00b0 al 3\u00b0 general masculino, femenino y mixto. Ciclismo 50KTrofeo 1\u00b0 al 3\u00b0, diploma 4\u00b0 y 5\u00b0 por categor\u00eda y general. M\/F. Running 10KTrofeo 1\u00b0 al 3\u00b0 de la general. M\/F. Quien gana la general tambi\u00e9n se premia en su categor\u00eda. Reserv\u00e1tu cupo 01Toc\u00e1 Inscribirme y abr\u00ed la preinscripci\u00f3n. 02Complet\u00e1 tus datos personales. 03Pag\u00e1 para asegurar el cupo. Sin pago no hay cupo confirmado. Inscribirme \u2192 Billeteras y tarjetas \u00b7 al preinscribirte Tigo Money \u25b6 Billetera Personal \u25b6 Zimple Tarjetas Bancard \u00b7 Visa \/ Mastercard Pago QR Bancard Redes de cobranza \u00b7 busc\u00e1 SERVIPAGOS \/ SERVICRONOS Infonet Cobranzas Aqu\u00ed Pago Pago Express Pago M\u00f3vil Bancard \u25b6 Portal Infonet \u2197 \u2922 Ampliar Guard\u00e1 tu c\u00f3digo de inscripci\u00f3n: si te anot\u00e1s a varios eventos, lo us\u00e1s en lugar de la c\u00e9dula para pagar el que quieras. Toc\u00e1 la imagen para leerla completa. Home banking y apps \u00b7 Pago de servicios Ita\u00fa Visi\u00f3n Banco GNB Interfisa Sudameris Atlas Solar Universitaria Coop. Luque Consultas sobre pagos e inscripciones WhatsApp ServiCronos \u2715 Aspatri \u00b7 4ta fecha Triatl\u00f3n 2026 Cronometraje ServiCronos \u00ae 2026<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.servicronos.com\/wordpress\/wp-json\/wp\/v2\/pages\/16153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.servicronos.com\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.servicronos.com\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.servicronos.com\/wordpress\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.servicronos.com\/wordpress\/wp-json\/wp\/v2\/comments?post=16153"}],"version-history":[{"count":12,"href":"https:\/\/www.servicronos.com\/wordpress\/wp-json\/wp\/v2\/pages\/16153\/revisions"}],"predecessor-version":[{"id":16175,"href":"https:\/\/www.servicronos.com\/wordpress\/wp-json\/wp\/v2\/pages\/16153\/revisions\/16175"}],"wp:attachment":[{"href":"https:\/\/www.servicronos.com\/wordpress\/wp-json\/wp\/v2\/media?parent=16153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}