.directions{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:16.875rem}@media screen and (min-width:768px){.directions{flex-direction:row;max-width:100%}}.directions__item+.directions__item{margin-top:1.5rem}@media screen and (min-width:768px){.directions__item+.directions__item{margin-left:2rem;margin-top:0}}@media screen and (min-width:1200px){.directions__item+.directions__item{margin-left:3.5rem}}.directions__title{color:#000;margin:0 0 1rem;text-transform:uppercase;font-family:"Montserrat",arial,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.5rem}.directions__stop{display:flex;flex-direction:column;overflow:hidden;padding-left:3rem;margin-bottom:-5px;position:relative}.directions__stop *{font-size:14px;color:#000}.directions__stop:before,.directions__stop:after{content:"";position:absolute;left:25px;top:0;transform:translateX(-50%);width:.25rem;z-index:1}.directions__stop:after{height:100%;background:#000}.directions__stop:first-of-type{padding-top:1.5rem}@media screen and (min-width:768px){.directions__stop:first-of-type{padding-top:2.5rem}}.directions__stop:first-of-type:before{height:1.5rem;background:url(https://pre.telefericdemontjuic.cat/themes/custom/tmb/assets/img/layout/bg-dashed-line.svg) no-repeat}@media screen and (min-width:768px){.directions__stop:first-of-type:before{height:2.5rem}}.directions__stop:first-of-type:after{top:1.5rem}@media screen and (min-width:768px){.directions__stop:first-of-type:after{top:2.5rem}}.directions__stop__label{order:2;position:relative}.directions__stop__label:before,.directions__stop__label:after{content:"";position:absolute;left:-33px}.directions__stop__label:before{z-index:2;top:2px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 2px #000;height:20px;width:20px}.directions__stop__label:after{z-index:1;bottom:-2px;background:#f2f5f7;width:.25rem;height:100%;left:-25px}.directions__stop__label-text{position:relative;font-weight:400;margin:0;padding-left:18px}.directions__stop__label-text .prefix{font-weight:500}.directions__stop .lines{order:1;display:flex;flex-direction:row;margin:0;position:relative;align-items:center;gap:1rem}.directions__stop .lines:before{content:"";display:block;position:absolute;left:18px;width:2px;height:1px;background:#8493a8}.directions__stop .lines__icon{z-index:1;margin-left:-3rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:100px;border:1px solid #dde1e9;background:#fff}.directions__stop .lines__icon:before{content:"";display:block;width:1.5rem;height:1.5rem;background:url(https://pre.telefericdemontjuic.cat/themes/custom/tmb/assets/img/layout/ico-directions.svg) no-repeat}.directions__stop .lines ul{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;position:absolute;top:50%;transform:translateY(-50%);left:20px;border-left:1px solid #8493a8;padding-left:.5rem;padding-top:2px;padding-bottom:2px}.directions__stop .lines ul:before,.directions__stop .lines ul:after{content:"";display:block;position:absolute;left:0;width:3px;height:1px}.directions__stop .lines ul:before{top:0;border-top:1px solid #8493a8}.directions__stop .lines ul:after{bottom:0;border-bottom:1px solid #8493a8}.directions__stop .lines__item{margin:0;display:flex;align-items:center;gap:.75rem}.directions__stop .lines__item .icon{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-family:"Montserrat",arial,sans-serif;font-size:13px;line-height:22px;font-weight:700;color:#fff}.directions__stop__label,.directions__stop .lines{margin-top:3.5rem}@media screen and (min-width:768px){.directions__stop__label,.directions__stop .lines{margin-top:6.5rem}}.directions__stop--subway:before,.directions__stop--subway:after{background:#bb2625}.directions__stop--subway .directions__stop__label:before{box-shadow:inset 0 0 0 4px #bb2625}.directions__stop--subway .lines__icon:before{background-position:0 top}.directions__stop--subway .lines__item .icon{height:28px;width:28px;background:#bb2625}.directions__stop--subway .lines__item--l2 .icon{background:#943e85}.directions__stop--subway .lines__item--l3 .icon{background:#5da343}.directions__stop--route:before,.directions__stop--route:after{background:#d21c44}.directions__stop--route .directions__stop__label:before{box-shadow:inset 0 0 0 4px #d21c44}.directions__stop--route .lines__icon:before{background-position:-47px top;width:26px}.directions__stop--route .lines__item .icon{display:none}.directions__stop--bus:before,.directions__stop--bus:after{background:#e1081a}.directions__stop--bus .directions__stop__label:before{box-shadow:inset 0 0 0 4px #e1081a}.directions__stop--bus .lines__icon:before{background-position:-74px top;width:20px}.directions__stop--bus .lines__item .icon{height:34px;width:34px;border-radius:50%;background:#e1081a}.directions__stop--funicular:before,.directions__stop--funicular:after{background:#0c7557}.directions__stop--funicular .directions__stop__label:before{box-shadow:inset 0 0 0 4px #0c7557}.directions__stop--funicular .lines__icon:before{width:22px;background-position:-25px top}.directions__stop--funicular .lines__item .icon{height:28px;width:33px;background:#0c7557}