.cuando-tuyo{border:1px solid var(--borde);border-radius:var(--radio);background:var(--panel);margin-top:1.5rem;padding:1.25rem}.cuando-tuyo h3{margin-top:0}.cuando-tuyo .cuando-texto{font-weight:700}.cuando-grafico{gap:4px;max-width:720px;margin:1rem 0 .5rem;display:grid;container:cuando/inline-size}.cu-zona{grid-template-columns:auto minmax(0,1fr);column-gap:6px;display:grid}.cuando-grafico .ga-eje-y{width:2.6em;color:var(--texto-2);position:relative}.cuando-grafico .ga-eje-y span{line-height:1;position:absolute;right:0;transform:translateY(-50%)}.cuando-grafico .ga-eje-y span:first-child{transform:none}.cuando-grafico .ga-eje-y span:last-child{transform:translateY(-100%)}.cu-area{border:1px solid var(--borde);background:var(--fondo);border-radius:10px;height:220px;position:relative;overflow:hidden}.cu-fondo,.cuando-grafico .ga-svg{width:100%;height:100%;position:absolute;inset:0}.cu-tiro{background:color-mix(in srgb, var(--coral) 22%, transparent);position:absolute;top:0;bottom:0}.cuando-grafico .ga-svg polyline,.cuando-grafico .ga-svg line{fill:none;stroke-linecap:round;stroke-linejoin:round}.cuando-grafico .ga-rejilla{stroke:var(--borde-fuerte);stroke-width:1px}.cuando-grafico .ga-minima{stroke:var(--ambar);stroke-width:2px;stroke-dasharray:8 6}.cuando-grafico .ga-curva{stroke:var(--texto-2);stroke-width:2px}.cuando-grafico .ga-util{stroke:var(--coral-claro);stroke-width:6px}.cu-curva{gap:.6rem;min-width:0;display:grid}.cu-datos{margin:0;padding:0;list-style:none}.cu-modos{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cu-modos .chip{border:1px solid var(--borde-fuerte);min-height:44px;color:var(--texto);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .9rem}.cu-modos .chip[aria-pressed=true]{background:color-mix(in srgb, var(--coral) 22%, transparent);border-color:var(--coral-claro)}.cu-hora{align-items:center;gap:.4rem;display:inline-flex}.cu-hora[hidden]{display:none}.cu-hora select{min-height:44px;font:inherit;color:var(--texto);background:var(--panel);border:1px solid var(--borde-fuerte);border-radius:var(--radio);padding:0 .5rem}.cu-area{cursor:crosshair;touch-action:pan-y}.cu-area:focus-visible{outline:3px solid var(--coral-claro);outline-offset:2px}.cuando-grafico .cu-suelo{fill:var(--texto-3);fill-opacity:.32}.cuando-grafico .cu-suelo-borde{fill:none;stroke:var(--texto-3);stroke-width:1.5px}.cu-hoy-texto{margin:0;font-size:1.15rem}.cu-anio-controles{gap:.5rem;display:grid}.cu-anio-controles[hidden]{display:none}.cu-anio-controles p{margin:0}.cuando-grafico .cu-barra{fill:var(--texto-3);fill-opacity:.45}.cuando-grafico .cu-barra-tiro{fill:var(--coral-claro);fill-opacity:.4}.cuando-grafico .cu-barra-oscura{fill:var(--coral-claro)}.cu-estrella{color:var(--ambar);pointer-events:none;line-height:1;position:absolute;transform:translate(-50%,-110%)}.cu-mes .cu-area{height:200px}@container cuando (width<=559px){.cu-dias .cu-impar{display:none}}.cuando-grafico .cu-dia{stroke-dasharray:2 5;opacity:.8}.cu-hoy{color:var(--coral-claro);background:var(--fondo);border-left:3px solid var(--coral);pointer-events:none;border-radius:6px;padding:0 6px;font-weight:700;position:absolute;top:4px;left:4px}.cu-cursor{border-left:1px dashed var(--texto-2);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.cu-punto{background:var(--texto);border:2px solid var(--fondo);pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.cu-punto[hidden]{display:none}.cu-globo{max-width:min(100% - 8px,22em);color:var(--texto);background:color-mix(in srgb, var(--panel) 72%, transparent);backdrop-filter:blur(3px);border:1px solid color-mix(in srgb, var(--borde-fuerte) 70%, transparent);pointer-events:none;text-align:center;border-radius:8px;padding:2px 8px;font-size:.85rem;line-height:1.3;position:absolute;top:30px;transform:translate(-50%)}.cu-meses{height:1.6em;color:var(--texto-2);margin-left:calc(2.6em + 6px);position:relative}.cu-meses span{white-space:nowrap;position:absolute;top:2px;transform:translate(-50%)}@container cuando (width<=559px){.cu-meses .cu-impar{display:none}}.cu-curva{gap:1.5rem}.cu-bloque{gap:.4rem;min-width:0;display:grid}.cu-titulo{color:var(--texto-2);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.95rem}.cu-grande{font-family:var(--f-titulo);margin:0;font-size:1.3rem;font-weight:700}.cu-noche-grafico:empty{display:none}.cuando-grafico .cu-curva-anio{fill:none;stroke:var(--coral-claro);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.cuando-grafico .cu-separa{stroke:var(--borde);stroke-width:1px}.cu-hoy-linea{border-left:2px solid var(--coral);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.cu-anio .cu-hoy{border-left:0;transform:translate(6px)}.cu-noche-grafico{--superficie:var(--panel);--superficie-2:var(--panel-2);--cielo-profundo:var(--fondo);--franja-nubes:#66748a;--franja-luna:#efe3b4;--violeta-claro:var(--azul);--alto-tactil:44px}.cu-noche-grafico .gn{gap:.5rem;display:grid}.cu-noche-grafico .gn-grafico{width:100%;height:auto;display:block}.cu-noche-grafico .gn-eje{fill:var(--texto-3);font-size:15px}.cu-noche-grafico .gn-nota{fill:var(--texto-2);font-size:15px}.cu-noche-grafico .gn-nombre{font-size:16px;font-weight:500}.cu-noche-grafico .gn-filas{gap:.4rem;display:grid}.cu-noche-grafico .gn-fila{grid-template-columns:3.2rem minmax(0,1fr);align-items:center;gap:.15rem .6rem;display:grid}.cu-noche-grafico .gn-fila-nombre{color:var(--texto-3);text-align:right;grid-row:1/span 2;align-self:start}.cu-noche-grafico .gn-pista{background:color-mix(in srgb, var(--texto-3) 12%, transparent);border-radius:4px;height:14px;position:relative}.cu-noche-grafico .gn-tramo{border-radius:4px;position:absolute;top:0;bottom:0}.cu-noche-grafico .gn-despejado{background:color-mix(in srgb, var(--verde) 70%, transparent)}.cu-noche-grafico .gn-nubes{background:var(--franja-nubes)}.cu-noche-grafico .gn-luna{background:color-mix(in srgb, var(--franja-luna) 75%, transparent)}.cu-noche-grafico .gn-fila-texto{color:var(--texto-2)}.cu-noche-grafico .gn-leyenda{color:var(--texto-3);margin:.25rem 0 0;font-size:.95rem}.cu-dias span{font-size:.9rem}@container cuando (width<=759px){.cu-dias .cu-impar{display:none}}