.mapa-mx{width:100%;height:auto;display:block}.mapa-mx__estado{fill:var(--fill,var(--muted));stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill .18s}@media (hover:hover){.mapa-mx:not(.mapa-mx--coropleta) .mapa-mx__estado:hover{fill:var(--primary)}}.mapa-mx__contorno{fill:none;stroke:var(--foreground);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.mapa-mx__contorno--foco{stroke-width:2.5px;paint-order:stroke;stroke-linejoin:round;filter:drop-shadow(0 0 2px var(--background)) drop-shadow(0 0 1px var(--background))}.mapa-mx__estado:focus{outline:none}@supports not (paint-order:stroke){.mapa-mx__estado:focus-visible{outline:2px solid var(--foreground);outline-offset:1px}}@media (prefers-reduced-motion:reduce){.mapa-mx__estado{transition:none}}@media (min-width:1024px){.hero-mapa__frase{min-height:140px}.hero-mapa__bloque{min-height:55px}.hero-mapa__cita{min-height:234px}.hero-mapa__lista{grid-auto-rows:55px}}.hero-mapa__selector--indice .hero-mapa__vista{animation:.26s ease-out backwards hero-mapa-indice}.hero-mapa__selector--indice .hero-mapa__vista:first-child{animation-delay:0s}.hero-mapa__selector--indice .hero-mapa__vista:nth-child(2){animation-delay:70ms}.hero-mapa__selector--indice .hero-mapa__vista:nth-child(3){animation-delay:.14s}.hero-mapa__selector--indice .hero-mapa__vista:nth-child(4){animation-delay:.21s}.hero-mapa__selector--indice .hero-mapa__vista:nth-child(5){animation-delay:.28s}.hero-mapa__selector--indice .hero-mapa__vista:nth-child(6){animation-delay:.35s}@keyframes hero-mapa-indice{0%{opacity:0;color:var(--primary);transform:translateY(5px)}55%{opacity:1;color:var(--primary);transform:translateY(0)}to{opacity:1;color:var(--text-subtle);transform:none}}.hero-mapa__riel{animation:.22s ease-out hero-mapa-riel}@keyframes hero-mapa-riel{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-mapa__selector--indice .hero-mapa__vista,.hero-mapa__riel{animation:none}}@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.mapa-mx--gris .mapa-mx__estado{fill:var(--muted);animation:0s linear 2.5s forwards hero-mapa-revelar}}@keyframes hero-mapa-revelar{to{fill:var(--fill,var(--muted))}}.mapa-mx--cascada .mapa-mx__estado{transition-property:fill;transition-duration:.22s;transition-timing-function:ease-out;transition-delay:calc(var(--pos,0) * var(--onda,.2s))}@media (prefers-reduced-motion:reduce){.mapa-mx--cascada .mapa-mx__estado{transition:none}}.hero-mapa__selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;display:grid;position:relative}.hero-mapa__vista{font-family:var(--font-sans);text-align:left;color:var(--text-subtle);justify-self:start;padding-bottom:5px;font-size:12px;font-weight:500;line-height:16px;transition:color .18s;position:relative}button.hero-mapa__vista{cursor:pointer}button.hero-mapa__vista:hover{color:var(--foreground)}.hero-mapa__vista--activa{color:var(--primary)}.hero-mapa__vista--inerte{opacity:.45}.hero-mapa__riel{background-color:var(--primary);transform-origin:0 0;width:100px;height:2px;transition:transform .18s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.hero-mapa__riel{transition:none}}@media (min-width:1152px){.hero-mapa__selector{align-items:baseline;column-gap:18px;display:flex}.hero-mapa__frase{min-height:116px}.hero-mapa__cita{min-height:216px}.hero-mapa__lista{grid-auto-rows:39px}}
.hp-mini{--hp-base:#d6d3d1;--hp-hot:#57534e;align-items:flex-end;gap:3px;width:100%;height:100%;display:flex}.group:hover .hp-mini{--hp-base:#c6c2be}.hp-mini__bar{transform-origin:bottom;height:100%;animation:hp-mini-rise .9s cubic-bezier(.16, 1, .3, 1) var(--delay,0s) both;flex-direction:column;flex:1 1 0;justify-content:flex-end;animation-play-state:paused;display:flex}.hp-mini.is-inview .hp-mini__bar{animation-play-state:running}@keyframes hp-mini-rise{0%{opacity:.5;transform:scaleY(0)}to{transform:scaleY(calc(1 + .12 * var(--prox,0)));opacity:1}}.hp-mini__fill{width:100%;height:max(2px, var(--h,50%));background-color:color-mix(in srgb, var(--hp-hot) calc(var(--prox,0) * 100%), var(--hp-base));box-shadow:0 -3px 10px rgba(87, 83, 78, calc(var(--prox,0) * .28));border-radius:1.5px 1.5px 0 0;flex:none;transition:background-color .2s;display:block}.hp-mini__fill:hover{background-color:var(--hp-hot)}@media (prefers-reduced-motion:reduce){.hp-mini__bar{animation:none}.hp-mini__fill{transition:none}}
