@font-face{font-family:Rubik;src:url(/fonts/rubik-latin.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Rubik Wet Paint;src:url(/fonts/rubik-wet-paint-latin.woff2) format("woff2");font-display:swap}:root{--navy: #0b2545;--navy-2: #12365f;--abismo: #06172b;--azul: #1e6fd9;--aqua: #5ed3f3;--aqua-claro: #c9f3ff;--sol: #ffc93c;--terra: #e4572e;--terra-osc: #a8361a;--verde: #0b6e58;--crema: #fff6e5;--texto: #1d3150;--suave: #4a5d78;--radio: 22px;--sombra: 6px 6px 0 var(--navy);--medida: 44rem;--gota: url(/cursors/gota.svg) 16 2, auto;--gota-feliz: url(/cursors/gota-feliz.svg) 16 2, pointer;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--navy)}body{margin:0;color:var(--texto);background:var(--navy);font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}@media(pointer:fine){html{cursor:var(--gota)}a,button,label,summary,[role=option],.tinaco-caja{cursor:var(--gota-feliz)}input[type=text]{cursor:text}}h1,h2{color:var(--navy);font-weight:900;line-height:1;letter-spacing:-.02em;margin:0 0 .75rem}h2{font-size:clamp(1.7rem,6vw,2.3rem)}p{margin:0 0 1rem}a{color:var(--azul);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,var(--azul) 35%,transparent)}a:hover{text-decoration:underline wavy;text-decoration-color:var(--azul)}:focus-visible{outline:4px solid var(--sol);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-js .requires-js{display:none}.contenido{position:relative;z-index:2;max-width:var(--medida);margin:0 auto;padding:0 1rem}.tarjeta{background:var(--crema);border:3px solid var(--navy);border-radius:var(--radio);box-shadow:var(--sombra);padding:clamp(1.1rem,4vw,1.8rem);margin:0 0 2rem}.ayuda,.meta{color:var(--suave);font-size:.9rem}.cielo{position:relative;overflow:hidden;background:radial-gradient(120% 60% at 85% 0%,#fff4c2 0%,transparent 45%),linear-gradient(180deg,var(--aqua) 0%,#9be6fa 55%,var(--aqua-claro) 100%);padding-top:1rem}.sol{position:absolute;top:-70px;right:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--sol) 0 38%,transparent 39%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--sol) 55%,transparent) 0 7deg,transparent 7deg 22deg);animation:girar-sol 40s linear infinite;opacity:.9}.nube{position:absolute;height:34px;width:120px;background:#fff;border-radius:40px;opacity:.85;animation:flotar-nube 70s linear infinite}.nube:before,.nube:after{content:"";position:absolute;background:#fff;border-radius:50%}.nube:before{width:56px;height:56px;top:-28px;left:18px}.nube:after{width:42px;height:42px;top:-18px;left:62px}.nube-1{top:120px;left:-140px}.nube-2{top:300px;left:-140px;transform:scale(.7);animation-duration:95s;animation-delay:-40s}.hero{position:relative;z-index:2;max-width:var(--medida);margin:0 auto;padding:2.5rem 1rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;align-items:end}.etiqueta{display:inline-block;background:var(--crema);color:var(--navy);border:2px solid var(--navy);border-radius:999px;padding:.2rem .8rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--navy);margin-bottom:1rem}h1{font-size:clamp(2.6rem,10vw,5rem);margin-bottom:1rem}.mojado{display:inline-block;font-family:Rubik Wet Paint,Rubik,sans-serif;font-weight:400;color:var(--azul);font-size:1.12em;letter-spacing:0;transform-origin:50% 0;transition:transform .3s}.mojado:hover{transform:scaleY(1.12) rotate(-2deg)}.intro{font-size:clamp(1.05rem,3.5vw,1.2rem);color:var(--navy);max-width:34rem}.tinaco-caja{width:clamp(120px,28vw,240px);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media(max-width:560px){.hero{grid-template-columns:1fr;padding-top:1.5rem}.tinaco-caja{grid-row:1;justify-self:end;margin:0 0 -4.5rem;width:96px}.etiqueta{max-width:calc(100% - 110px);font-size:.68rem}th,td{padding:.4rem .1rem}tbody th .zona{font-size:.78rem;padding:.1rem .45rem}}.tinaco{display:block;width:100%;overflow:visible;transform-origin:50% 95%}.tinaco .sombra{fill:#0b254540}.tinaco .vidrio{fill:#13253d}.tinaco .agua{transition:transform 1.4s cubic-bezier(.34,1.4,.64,1)}.tinaco .ola-1{fill:var(--azul);animation:ola 2.6s linear infinite}.tinaco .ola-2{fill:var(--aqua);opacity:.8;animation:ola 3.8s linear infinite reverse}.tinaco .burbuja{fill:#fff9;animation:subir 3s ease-in infinite}.tinaco .b2{animation-delay:-1s}.tinaco .b3{animation-delay:-2s}.tinaco .costillas path{stroke:#ffffff1a;stroke-width:6}.tinaco .contorno{fill:none;stroke:var(--navy);stroke-width:5}.tinaco .tapa{fill:#1c3150;stroke:var(--navy);stroke-width:5;transform-box:fill-box;transform-origin:0% 100%;transition:transform .4s}.tinaco .tapon{fill:#1c3150;stroke:var(--navy);stroke-width:4}.tinaco .ojo ellipse{fill:var(--crema);stroke:var(--navy);stroke-width:3}.tinaco .ojo .brillo{fill:var(--navy)}.tinaco .ojo{transform-box:fill-box;transform-origin:center;animation:parpadear 5s infinite}.tinaco .boca,.tinaco .ceja{fill:none;stroke:var(--crema);stroke-width:5;stroke-linecap:round;transition:d .4s}.tinaco .cachete{fill:var(--terra);opacity:.55}.tinaco .sudor{fill:var(--aqua);stroke:var(--navy);stroke-width:2;opacity:0;transition:opacity .3s}.tinaco[data-mood=triste] .sudor{opacity:1;animation:sudar 1.6s ease-in infinite}.tinaco[data-mood=feliz]{animation:brinco 1.2s ease-in-out 2}.tinaco.wobble{animation:tambaleo .5s ease-in-out}.tinaco.derrame .tapa{transform:translateY(-16px) rotate(-14deg)}.buscar{transform:rotate(-.4deg)}label{display:block;color:var(--navy);font-weight:800;font-size:1.15rem;margin-bottom:.4rem}.combo{position:relative}input[type=text]{width:100%;font:inherit;font-size:1.2rem;color:var(--navy);background:#fff;border:3px solid var(--navy);border-radius:14px;padding:.8rem .95rem}input[type=text]:focus{outline:none;box-shadow:0 0 0 4px var(--aqua)}input[type=text]::placeholder{color:#7d8ca3}input[type=text]:disabled{border-color:#b8c2d0}[role=listbox]{list-style:none;margin:.4rem 0 0;padding:.3rem;position:absolute;z-index:20;left:0;right:0;max-height:min(24rem,60vh);overflow-y:auto;background:#fff;border:3px solid var(--navy);border-radius:14px;box-shadow:var(--sombra)}[role=option]{padding:.55rem .75rem;border-radius:10px;display:flex;flex-direction:column}[role=option][aria-selected=true],[role=option]:hover{background:var(--aqua-claro)}[role=option] .nombre{color:var(--navy);font-weight:700}[role=option] .detalle{color:var(--suave);font-size:.85rem}mark{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--aqua) 70%,transparent) 55%);color:inherit}.o{display:flex;align-items:center;gap:.75rem;color:var(--suave);font-weight:700;margin:1.25rem 0}.o:before,.o:after{content:"";flex:1;border-top:2px dashed #b8c2d0}button{font:inherit}.boton-agua{position:relative;overflow:hidden;isolation:isolate;font-weight:800;font-size:1.05rem;color:var(--crema);background:var(--navy);border:3px solid var(--navy);border-radius:999px;padding:.75rem 1.4rem;margin-bottom:.75rem;box-shadow:4px 4px 0 var(--azul);transition:transform .15s,box-shadow .15s}.boton-agua:before{content:"";position:absolute;z-index:-1;left:50%;top:180%;width:260%;aspect-ratio:1;background:var(--azul);border-radius:42%;transform:translate(-50%) rotate(0);transition:top .6s ease;animation:girar 6s linear infinite}.boton-agua:hover:before,.boton-agua:focus-visible:before{top:-20%}.boton-agua:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--azul)}.boton-agua:disabled{opacity:.7;cursor:progress}.boton-texto{background:var(--sol);border:3px solid var(--navy);border-radius:999px;padding:.35rem 1rem;color:var(--navy);font-weight:800;box-shadow:3px 3px 0 var(--navy)}.boton-texto:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy)}.aviso{border:2px solid var(--navy);border-left-width:8px;border-radius:12px;background:#fff1c7;color:#5a3d00;padding:.6rem .85rem}.aviso-pendiente{background:var(--sol);color:var(--navy)}.aviso-pendiente a{color:var(--navy)}.azotea{position:relative;z-index:1;display:block;width:100%;height:auto;margin-top:-2rem;pointer-events:none}.agua{position:relative;margin-top:-2px;padding-top:3rem;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 30%,var(--abismo) 100%);overflow:hidden}.agua:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgb(201 243 255 / .25) 0 3px,transparent 4px),radial-gradient(circle at 50% 50%,rgb(201 243 255 / .18) 0 5px,transparent 6px),radial-gradient(circle at 50% 50%,rgb(201 243 255 / .2) 0 2px,transparent 3px);background-size:180px 220px,260px 300px,120px 160px;background-position:20px 0,90px 40px,60px 80px;animation:burbujas-fondo 18s linear infinite;pointer-events:none}.olas{position:absolute;top:0;left:0;width:200%;height:48px;pointer-events:none}.olas .ola-a{fill:#5ed3f32e;animation:ola-ancha 9s linear infinite}.olas .ola-b{fill:#5ed3f31a;animation:ola-ancha 13s linear infinite reverse}.resultado{position:relative;animation:chapuzon .6s cubic-bezier(.34,1.56,.64,1)}.resultado:focus{outline:none}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;color:var(--crema);background:var(--azul);border-radius:999px;padding:.15rem .7rem;margin-bottom:.6rem}.subtitulo{font-size:1.15rem;font-weight:600;color:var(--suave);margin-top:-.4rem}.estado{font-size:clamp(1.3rem,4.5vw,1.6rem);font-weight:900;line-height:1.2;padding:1rem 1.1rem;border:3px solid var(--navy);border-radius:16px;box-shadow:4px 4px 0 var(--navy);margin:1.25rem 0}.estado:before{margin-right:.4rem}.estado-si{background:var(--terra-osc);color:#fff}.estado-si:before{content:"\1faa3"}.estado-no{background:var(--verde);color:#fff}.estado-no:before{content:"\1f4a7"}.estado-duda{background:var(--sol);color:var(--navy)}.estado-duda:before{content:"\1f914"}.zona-bloque{margin:1.4rem 0}.zona{display:inline-block;font-weight:900;padding:.15rem .65rem;border:2px solid var(--navy);border-radius:999px}.semana{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:0;margin:.75rem 0;max-width:28rem}.semana li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:3 / 4;color:var(--navy);line-height:1.1;font-weight:800;z-index:0}.semana li:before{content:"";position:absolute;z-index:-1;width:74%;aspect-ratio:1;bottom:8%;border-radius:0 50% 50%;transform:rotate(45deg);background:var(--aqua-claro);border:2px solid var(--navy)}.semana li.corte{color:#fff}.semana li.corte:before{background:var(--terra-osc)}.semana li.hoy{animation:brinco 1.4s ease-in-out infinite}.semana li.hoy:after{content:"hoy";position:absolute;left:0;right:0;text-align:center;top:-1.1rem;font-size:.7rem;font-weight:800;color:var(--azul)}.semana .dia{margin-top:30%}.semana .marca{font-size:.8rem}.proximo{font-weight:700;color:var(--navy)}.descargo{font-size:.95rem;background:#fff;border:2px dashed #b8c2d0;border-radius:12px;padding:.6rem .8rem}.osm:empty{display:none}.acciones{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.tabla{overflow-x:auto;margin-bottom:1rem;border:3px solid var(--navy);border-radius:14px;background:#fff}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border-bottom:2px solid #e3e9f1;padding:.45rem .25rem;text-align:center}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}thead th{color:var(--navy);font-size:.8rem;background:var(--aqua-claro)}abbr{text-decoration:none}tbody th{white-space:nowrap;padding:.35rem}tbody tr{transition:background .2s}tbody tr:hover{background:var(--aqua-claro)}td.corte{color:var(--terra-osc);font-weight:900;font-size:1.1rem}@media(max-width:360px){.ona{display:none}table{font-size:.8rem}tbody th{padding:.3rem .15rem}.calendario{padding-inline:.75rem}}.pie{color:#c4d3e6;font-size:.9rem;padding-top:5rem;padding-bottom:6rem}.pie a{color:var(--aqua);text-decoration-color:#5ed3f366}.pie strong{color:#fff}.pista{opacity:.55;font-size:.8rem}.ajolote{position:absolute;top:.5rem;left:1rem;width:96px;padding:0;border:0;background:none;-webkit-tap-highlight-color:transparent}.ajolote.libre{position:fixed;z-index:42;top:0;left:0;width:84px;will-change:transform}.ajolote-giro{display:block;transition:transform .25s}.ajolote img{display:block;width:100%;height:auto;animation:bob 1.6s ease-in-out infinite}.ajolote.giro .ajolote-giro{animation:voltereta .8s cubic-bezier(.34,1.56,.64,1)}@media(max-width:560px){.ajolote.libre{width:60px}}.controles{position:fixed;right:.9rem;bottom:.9rem;z-index:40;display:flex;gap:.5rem}.control{position:relative;width:48px;height:48px;display:grid;place-items:center;font-size:1.3rem;background:var(--crema);border:3px solid var(--navy);border-radius:50%;box-shadow:3px 3px 0 var(--navy);padding:0}.control:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy)}:root{--llave-w: 120px;--llave-top: 3.6rem}@media(max-width:560px){:root{--llave-w: 76px;--llave-top: 2.2rem}.hero{padding-top:6.5rem}}.llave-caja{position:fixed;z-index:46;top:var(--llave-top);left:0;width:var(--llave-w)}.llave{display:block;width:100%;padding:0;border:0;background:none;filter:drop-shadow(3px 3px 0 rgb(11 37 69 / .35));-webkit-tap-highlight-color:transparent}.llave svg{display:block;width:100%;overflow:visible}.llave-pared{fill:var(--terra);stroke:var(--navy);stroke-width:3}.llave-tubo,.llave-cuerpo,.llave-vastago{fill:#c3cfdd;stroke:var(--navy);stroke-width:3;stroke-linejoin:round}.llave-boca{fill:#8a9bb1;stroke:var(--navy);stroke-width:3}.llave-manija{fill:var(--terra);stroke:var(--navy);stroke-width:3;transform-box:view-box;transform-origin:62px 10.5px;transition:transform .8s cubic-bezier(.34,1.9,.64,1),fill .3s}.llave-eje{fill:#c3cfdd}.llave-cerrada .llave-manija{transform:rotate(90deg);fill:var(--verde)}html:not(.llave-cerrada) .llave svg{animation:presion .12s linear infinite}.llave.sacude svg{animation:sacudida .6s ease-out}.chorro-lienzo{position:fixed;z-index:44;top:0;left:0;pointer-events:none}.capa-efectos{position:fixed;inset:0;z-index:50;pointer-events:none;overflow:hidden}.onda{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--aqua);border-radius:50%;animation:onda .7s ease-out forwards}.gotita{position:absolute;width:8px;height:10px;margin:-5px 0 0 -4px;background:var(--azul);border:1.5px solid var(--navy);border-radius:50%/60% 60% 40% 40%;animation:salpicar .9s cubic-bezier(.2,.6,.4,1) forwards}.burbujita{position:absolute;width:9px;height:9px;margin:-4px 0 0 -4px;border:1.5px solid var(--azul);background:#c9f3ff80;border-radius:50%;animation:burbujita 1.2s ease-out forwards}.toast{position:fixed;left:50%;bottom:5.2rem;z-index:70;max-width:min(30rem,calc(100vw - 2rem));transform:translate(-50%,2rem);opacity:0;background:var(--navy);color:var(--crema);border:3px solid var(--aqua);border-radius:16px;padding:.7rem 1rem;font-weight:700;text-align:center;box-shadow:4px 4px 0 var(--aqua);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s;pointer-events:none}.toast.visible{transform:translate(-50%);opacity:1}.pipa{position:fixed;z-index:55;bottom:4px;left:100vw;width:min(300px,60vw);pointer-events:none;animation:manejar 5s linear forwards}.ajolote-cruza{position:fixed;z-index:55;top:35vh;left:-180px;width:140px;pointer-events:none;animation:cruzar 6s ease-in-out forwards}html.inundacion body:after{content:"";position:fixed;inset:0;z-index:45;pointer-events:none;background:linear-gradient(180deg,#5ed3f38c,#1e6fd9bf);border-radius:40% 45% 0 0/30px 40px 0 0;animation:inundar 2.6s ease-in-out forwards}.lluvia{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none;transition:opacity .8s}.lluvia.se-va{opacity:0}html.tormenta .cielo{filter:saturate(.4) brightness(.75);transition:filter 1s}html.relampago body:before{content:"";position:fixed;inset:0;z-index:65;background:#fff;opacity:.7;pointer-events:none}@keyframes girar{to{transform:translate(-50%) rotate(360deg)}}@keyframes girar-sol{to{transform:rotate(360deg)}}@keyframes flotar-nube{to{translate:calc(100vw + 300px) 0}}@keyframes ola{to{transform:translate(-100px)}}@keyframes ola-ancha{to{transform:translate(-300px)}}@keyframes subir{0%{transform:translateY(80px);opacity:0}20%{opacity:1}to{transform:translateY(-10px);opacity:0}}@keyframes parpadear{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes sudar{0%{transform:translateY(0);opacity:1}to{transform:translateY(18px);opacity:0}}@keyframes brinco{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tambaleo{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg) scale(1.03,.97)}60%{transform:rotate(4deg)}}@keyframes chapuzon{0%{transform:translateY(30px) scale(.97);opacity:0}}@keyframes burbujas-fondo{to{background-position:20px -220px,90px -260px,60px -80px}}@keyframes voltereta{0%{rotate:0deg;scale:1}50%{scale:1.25}to{rotate:360deg;scale:1}}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes presion{0%,to{translate:0 0}50%{translate:.6px -.4px}}@keyframes sacudida{0%{rotate:0deg}20%{rotate:-6deg}45%{rotate:4deg}70%{rotate:-2deg}to{rotate:0deg}}@keyframes onda{to{transform:scale(5);opacity:0;border-width:1px}}@keyframes salpicar{0%{transform:translate(0) scale(var(--s));opacity:1}60%{transform:translate(var(--dx),var(--dy)) scale(var(--s));opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 60px)) scale(calc(var(--s) * .6));opacity:0}}@keyframes burbujita{to{transform:translate(var(--drift),-60px) scale(var(--s));opacity:0}}@keyframes manejar{0%{translate:0 0}10%{translate:-20vw -2px}20%{translate:-40vw 0}to{translate:calc(-100vw - 320px) 0}}@keyframes cruzar{0%{translate:0 0}25%{translate:30vw -30px}50%{translate:60vw 20px}75%{translate:90vw -20px}to{translate:calc(100vw + 360px) 0}}@keyframes inundar{0%{transform:translateY(100%)}40%,60%{transform:translateY(8%)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.nube,.ajolote img{animation:none!important}}