body.atm-portal .portlet-mapa-estacions .box,body.atm-portal .portlet-mapa-estacions .list-form,body.atm-portal .portlet-mapa-estacions .block,body.atm-portal .portlet-mapa-estacions .list-form>li .box,body.atm-portal .list-form>.block .box{overflow:visible}.portlet-mapa-estacions .info-block .detail-block{display:flex;flex-direction:column;background:var(--atm-color-white);border:1px solid var(--atm-color-primary);position:fixed;bottom:0;left:0;width:100%;opacity:0;transition-property:left,transform,opacity;transition-duration:.3s;transition-timing-function:ease-in-out;transform:translateY(100%);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px)}@media screen and (min-width: 1025px){.portlet-mapa-estacions .info-block .detail-block{position:absolute;min-height:100%;bottom:unset;transform:translateY(0);left:-507px;top:0;max-height:calc(100vh - 310px);max-height:calc(100dvh - 310px)}}@media screen and (min-width: 1401px){.portlet-mapa-estacions .info-block .detail-block{max-height:calc(100vh - 349px);max-height:calc(100dvh - 349px)}}.portlet-mapa-estacions .info-block .detail-block.detail-showed{transform:translateY(0);opacity:1}@media screen and (min-width: 1025px){.portlet-mapa-estacions .info-block .detail-block.detail-showed{bottom:unset;left:0}}.portlet-mapa-estacions .info-block .detail-block .picto.picto-link-line{width:32px;height:32px}@media screen and (min-width: 1025px){.portlet-mapa-estacions .info-block .detail-block .picto.picto-link-line{width:40px;height:40px}}.portlet-mapa-estacions .info-block .detail-block .picto.picto-correspondence{width:32px;height:32px}@media screen and (min-width: 1025px){.portlet-mapa-estacions .info-block .detail-block .picto.picto-correspondence{width:40px;height:40px}}.portlet-mapa-estacions .info-block .detail-block .picto.picto-info{width:24px;height:24px}.portlet-mapa-estacions .info-block .title i{width:46px;height:46px;background:var(--atm-color-primary);color:var(--atm-color-white);display:inline-flex;justify-content:center;align-items:center;font-size:2rem;margin-right:10px;border-radius:100%}@media screen and (min-width: 1025px){.portlet-mapa-estacions .info-block .title i{width:54px;height:54px}}.portlet-mapa-estacions .svg-container{width:100%;height:calc(100vh - 80px);height:calc(100dvh - 80px)}@media screen and (min-width: 1401px){.portlet-mapa-estacions .svg-container{height:calc(100dvh - 119px);height:calc(100vh - 119px)}}.portlet-mapa-estacions .svg-container .map-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column}.portlet-mapa-estacions .svg-container .map-controls .control-button{background:var(--atm-color-white);border:1px solid var(--atm-color-primary);width:32px;height:32px;border-radius:32px;color:var(--atm-color-grayscale-500);font-weight:600;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;padding:0}.portlet-mapa-estacions .svg-container .map-controls .control-button svg path{fill:var(--atm-color-grayscale-500);transition:all .3s ease-in-out}.portlet-mapa-estacions .svg-container .map-controls .control-button:hover{color:var(--atm-color-primary);background-color:var(--atm-color-primary-100)}.portlet-mapa-estacions .svg-container .map-controls .control-button:hover svg path{fill:var(--atm-color-primary)}.portlet-mapa-estacions .svg-container .map-controls .control-button.recenter-focus,.portlet-mapa-estacions .svg-container .map-controls .control-button.reset-zoom{margin-bottom:8px}.portlet-mapa-estacions .svg-container .map-controls .control-button.zoom-out,.portlet-mapa-estacions .svg-container .map-controls .control-button.zoom-in{display:flex;justify-content:center;align-items:center}.portlet-mapa-estacions .svg-container .map-controls .control-button.zoom-out i,.portlet-mapa-estacions .svg-container .map-controls .control-button.zoom-in i{font-size:1rem}.portlet-mapa-estacions .svg-container .map-controls .control-button.zoom-in{border-radius:32px 32px 0 0}.portlet-mapa-estacions .svg-container .map-controls .control-button.zoom-out{border-radius:0 0 32px 32px;border-top:none}.svg-main>div[role=navigation]{display:none}@media screen and (min-width: 1025px){.svg-main>div[role=navigation]{display:block}}.svg-main>svg #parada-group-ids>g{cursor:pointer;pointer-events:all}.svg-main>svg #parada-group-ids>g:hover text,.svg-main>svg #parada-group-ids>g.selected-station text{fill:var(--atm-color-primary)}svg text{font-family:Arial,Helvetica,sans-serif}

/*# sourceMappingURL=styles.css.map */