.notification{position:relative;text-align:center;padding:.25rem 0;display:none}.notification .wrapper{margin:0 auto;display:flex;max-width:350px}@media (min-width:480px){.notification .wrapper{max-width:470px}}@media (min-width:768px){.notification .wrapper{max-width:700px}}@media (min-width:1024px){.notification .wrapper{max-width:1000px}}@media (min-width:1366px){.notification .wrapper{max-width:1600px}}.notification__text{flex:1;color:#1d2533;font-weight:500;font-size:.875rem;line-height:1.5rem;position:relative;margin:.6rem .7rem .6rem .4rem;padding-right:50px;display:inline-block}@media (min-width:768px){.notification__text{padding-right:unset}}.notification__text a{color:#1d2533}.notification__text:before{background-size:contain;flex-shrink:0}.notification__text p{text-align:left;margin:0;padding-left:35px}.notification__text p:before{content:"";position:absolute;left:0;top:-4px;width:2rem;height:2rem}.notification__buttons{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.notification__buttons .notification__close,.notification__buttons .notification__expand{width:2rem;height:2rem;font-size:0;border:0;cursor:pointer}.notification__buttons .top-button{margin-top:6px}.notification__buttons .bottom-button{margin-top:auto;position:relative;bottom:10px}.notification__close,.notification__expand{z-index:11}.notification__close:hover,.notification__expand:hover{opacity:1}.notification__close.hide,.notification__expand.hide{display:none}.notification__close{background:url(https://www.barcelonabusturistic.cat/themes/custom/tmb/assets/img/layout/notification-close.svg) center center no-repeat}.notification__expand{background:url(https://www.barcelonabusturistic.cat/themes/custom/tmb/assets/img/layout/ico-alert-dropdown.svg) no-repeat center}.notification__expand.upside-down-arrow{transform:rotate(180deg)}.notification--fixed{background:#3d3d3d;border-radius:.625rem;bottom:1rem;max-height:3.8125rem;max-width:21.375rem;padding:.6875rem 0 .625rem;position:fixed;right:1rem;z-index:9;box-shadow:0 2px 7px rgba(0,0,0,.5)}.notification--fixed .notification__text{color:#fff;font-weight:400;line-height:1.25rem;max-height:2.5rem;overflow:hidden;padding:0 2.5rem 0 4rem;text-align:left}.notification--fixed .notification__text:before{background-image:url(https://www.barcelonabusturistic.cat/themes/custom/tmb/assets/img/layout/ico-people.svg);left:1rem;height:2rem;top:50%;transform:translateY(-50%);width:2rem}.notification--fixed .notification__close{background-image:url(https://www.barcelonabusturistic.cat/themes/custom/tmb/assets/img/layout/close-white.svg);padding:1.5rem 0 0;right:.5rem;top:.5rem;width:1.5rem;transform:none}.notification--warning{background-color:#f7ee7f}.notification--warning .notification__text p:before{background:url(https://www.barcelonabusturistic.cat/themes/custom/tmb/assets/img/layout/ico-info.svg) no-repeat center center}.notification--warning.tmb-notif-yellow .notification__text p,.notification--warning.tmb-notif-white .notification__text p{text-align:left}.notification.tmb-notif-red,.notification.tmb-error{background:linear-gradient(to right,#d71c1c,#ad1457)}.notification.tmb-notif-red .notification__text,.notification.tmb-error .notification__text{color:#fff}.notification.tmb-notif-red .notification__text p:before,.notification.tmb-error .notification__text p:before{background-image:url(https://www.barcelonabusturistic.cat/themes/custom/tmb/assets/img/layout/ico-info-white.webp)}.notification.tmb-notif-red .notification__close,.notification.tmb-error .notification__close{background-image:url(https://www.barcelonabusturistic.cat/themes/custom/tmb/assets/img/layout/ico-warning-close-white.webp)}.notification.tmb-notif-red .notification__expand,.notification.tmb-error .notification__expand{background-image:url(https://www.barcelonabusturistic.cat/themes/custom/tmb/assets/img/layout/ico-alert-dropdown-white.svg)}.notification.tmb-notif-white{background-color:#fff}.notification.tmb-notif-white .notification__text:before{display:none}