.parks-intro{background-color:var(--color-gray);gap:2rem;overflow:hidden}.parks-intro .bg.bg-left{bottom:0;left:0;max-width:max(12rem,30.5vw);position:absolute;width:30%}.parks-intro .bg.bg-right{bottom:0;height:100%;max-width:max(12rem,36.5vw);position:absolute;right:0;top:0;width:30%}.parks-intro .content{padding-left:5%}#pins,#points{transform:translate(-1.5%,3.5%) scale(.395)}.map .mexico{fill:var(--color-light);aspect-ratio:677/442;display:block;margin:auto;max-width:100%;z-index:1}.map .mexico use{cursor:pointer}.map .mexico .map-group,.map .mexico .map-group-behind{transform:translate(-54%,-5%) scale(.6775)}.map .mexico .map-group path{stroke:var(--color-medium-blue)}.map .mexico path{stroke-width:.1%;position:relative}.map .mexico path.interactive-states{fill:var(--color-lighter-blue);cursor:pointer;transition:opacity .2s ease-in-out,fill .2s ease-in-out;will-change:opacity,fill}@media (hover:hover){.map .mexico path.interactive-states:hover{fill:var(--color-dark-blue)}}.map .mexico path.active{fill:var(--color-dark-blue)}.map .mexico .pins{cursor:pointer}.map [class*=cls]{stroke-width:.5px}.map .cls-1{fill:var(--color-light-purple)}.map .cls-2{fill:var(--color-purple)}.map .cls-4{fill:var(--color-light-gray)}.map .cls-5{fill:var(--color-white)}.box-white{display:none;height:-moz-max-content;height:max-content;left:10%}.box-white .img-state{width:8rem}.box-white .box-info{height:-moz-max-content;height:max-content;padding:.625rem;transition:all .35s ease}.box-white .box-info.is-parks{border-left:2px solid var(--color-dark-blue);padding-left:2rem}.box-white .box-info .state-name-box{font-size:1.5rem;font-weight:500;text-transform:uppercase}.box-white .box-info .content-info .name-park-box,.box-white .box-info .locations-count{color:var(--color-black);text-align:left;white-space:nowrap}.box-white .box-info .content-info .name-park-box{cursor:pointer;font-size:1rem;transition:color .2s ease}@media (hover:hover){.box-white .box-info .content-info .name-park-box:hover{color:var(--color-light-blue)}}.box-white .box-info .content-info .label-park{font-size:.75rem;margin-bottom:.25rem;padding:0 2rem}.box-white .box-info .content-info .label-blue-park{border-radius:1rem;font-size:.75rem;margin:0 1.25rem .25rem;padding:0 1rem;position:relative}.box-white .box-info .content-info .label-blue-park:after{background:var(--color-light-blue);border-radius:20px;content:"";height:100%;inset:0;opacity:.3;position:absolute;width:100%}@media (min-width:801px){.box-white .box-info.is-parks{padding-left:1rem}.box-white .box-info .state-name-box{font-size:1.7rem}}@media (min-width:1025px){.box-white .img-state{width:10rem}.box-white .box-info .state-name-box{font-size:2.35rem}}