@import '/apps/repsol-guia/clientlibs/clientlib-site/css/variables.less';@import '/apps/repsol-guia/clientlibs/clientlib-site/css/mixins-animate.less';@import '/apps/repsol-guia/clientlibs/clientlib-site/css/mixin-modal.less';.block-copy{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);z-index:100}
.block-copy.is-open{display:flex}
.block-copy[aria-hidden="true"]{display:none}
.has-modal{overflow:hidden}
.block-copy .block-modal{position:relative;max-width:640px;width:min(92vw,640px);max-height:90vh;overflow:auto;background:#FFF;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:28px 28px 32px;outline:0;text-align:center}
.block-copy .modal-close{color:#016a7f;position:absolute;top:10px;right:10px;border:0;background:transparent;cursor:pointer;line-height:1;width:32px;height:32px;font-size:20px;display:inline-flex;align-items:center;justify-content:center;z-index:2}
.block-copy .modal-close.icon::before,.block-copy .modal-close.icon-rp-Cross::before{font-size:1em;line-height:1}
.block-copy .block-modal:focus{outline:0}
.block-copy .modal-close:focus-visible{outline:2px solid #000;outline-offset:2px;border-radius:6px}
.block-copy .modal-success[hidden],.block-copy .modal-share[hidden]{display:none !important}
.block-copy .modal-figure{margin:6px auto 14px;background-repeat:no-repeat;background-position:center;background-size:contain}
.block-copy .modal-title{margin:0 0 8px;font-weight:700;font-size:22px;line-height:1.25;color:@grey-70}
.block-copy .modal-desc{margin:0;font-size:15px;line-height:1.5;color:@grey-65}
.block-copy .title-shared{margin:0 0 16px;font-weight:600}
.block-copy .share-list{display:grid;gap:12px;justify-items:center}
.block-copy .share-list a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:10px 14px;border-radius:999px;border:1px solid #e6e6e6}
.block-copy .share-list a:focus-visible{outline:2px solid #000;outline-offset:2px}
.block-copy .share-label{font-size:15px}
@media(prefers-reduced-motion:no-preference){.block-copy.is-open .block-modal{animation:copyIn .18s ease-out both}
@keyframes copyIn{from{transform:translateY(8px);opacity:0}
to{transform:translateY(0);opacity:1}
}
}
@media(max-width:420px){.block-copy .block-modal{padding:22px 18px 24px;border-radius:12px}
.block-copy .modal-figure{width:96px;height:96px;margin-bottom:12px}
.block-copy .modal-title{font-size:20px}
.block-copy .modal-desc,.block-copy .share-label{font-size:14px}
}