.mixin-modal-overlay{position:fixed;inset:0;z-index:120;display:none;justify-content:center;align-items:center;background-color:rgba(69,69,69,0.8)}
.mixin-modal-shape{position:relative;display:flex;justify-content:center;height:41px;padding-top:28px}
.mixin-modal-shape::after{position:absolute;content:"";width:134px;height:5px;border-radius:100px;background-color:#ddd}
@media(min-width:1024px){.mixin-modal-shape{display:none}
}
.modal__link-app-component{position:fixed;inset:0;z-index:120;display:none;justify-content:center;align-items:center;background-color:rgba(69,69,69,0.8)}
.modal__link-app-component.modal__link-app-component--show{display:flex}
.modal__link-app-component .link-app__container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:822px;margin-inline:24px;padding:168px 32px 32px;border-radius:8px;background-color:#fff;box-shadow:0 8px 26px 0 rgba(0,0,0,0.08)}
.modal__link-app-component .link-app__container::before{position:absolute;top:32px;left:calc(50% - 60px);content:"";width:120px;height:120px;background-image:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg");background-repeat:no-repeat;background-size:120px}
.modal__link-app-component .link-app__container>p{margin-bottom:0;text-align:center}
.modal__link-app-component .link-app__container .link-app__title{margin-bottom:16px}
.modal__link-app-component .link-app__container .link-app__text{color:#727272}
.modal__link-app-component .link-app__container .link-app__picture__qr{position:relative;width:120px;height:120px;margin-top:24px}
.modal__link-app-component .link-app__container .link-app__picture__qr img{position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:contain}
.modal__link-app-component .link-app__container .link-app__list{display:flex;justify-content:center;gap:16px;list-style:none;padding-left:0;margin-bottom:0;margin-top:32px}
.modal__link-app-component .link-app__container .icon-rp.icon-rp{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px}
.modal__link-app-component .link-app__container .icon-rp.icon-rp::before{font-size:20px}
.modal__link-app-component .link-app__container .icon-rp.icon-rp img{width:100%;height:100%}
.modal__link-app-component .link-app__container .icon-rp.icon-rp.icon-rp-Cross{position:absolute;top:24px;right:14px;color:#016a7f;cursor:pointer}
@media(min-width:1024px){.modal__link-app-component .link-app__container .icon-rp.icon-rp.icon-rp-Cross{top:32px;right:32px}
}