.page,.desktop{height:100%}header{padding:12px 0}.logo-mas-osde{margin-left:75px}.page section,.desktop section{flex-wrap:nowrap;height:calc(100% - 64px);display:flex}.left-side{min-width:530px;height:100%;padding:50px 0}.left-side-container{width:375px;margin:0 auto}.text-area h1{color:var(--primary-black);padding-bottom:16px;font-size:20px;font-weight:700;line-height:26px}.text-area p{color:var(--primary-black);font-size:16px;line-height:22px}.text-area p b{font-size:18px;font-weight:700;line-height:26px}.qr-area{justify-content:center;align-items:center;padding:48px 0 40px;display:flex}.qr-image{border:16px solid var(--secondary-light-blue-20);border-radius:16px;width:217px;height:217px}.qr-image img{border-radius:8px}.store-buttons-area p{font-size:16px;font-weight:600;line-height:22px}.footer-container{border-top:2px solid var(--primary-background);text-align:center;font-size:14px;font-family:var(--font-family-secondary);color:var(--primary-black);padding-top:32px;font-weight:600;line-height:19px}.footer-container a{font-weight:700;line-height:20px}.right-side{background:url(/masosde/images/beneficio-qr-mas-osde.jpg) 50%/cover no-repeat;width:100%}.store-buttons-container{justify-content:center;gap:24px;margin-top:16px;padding-bottom:40px;display:flex}.page .left-side{height:100%;position:relative}.page .right-side{background-image:url(/masosde/images/fondoValidador.jpg)}.page .footer-container{width:100%;max-width:375px;position:absolute;bottom:5rem}.form-area{padding-bottom:40px}.form-area ul{flex-direction:column;gap:16px;display:flex}.button-area{font-family:var(--font-family-secondary);border:2px solid var(--gray-medium);border-radius:16px;padding:8px 16px}.button-area:has(.activo){border-color:var(--primary-black)}.button-area label{color:var(--primary-gray);font-size:12px;line-height:16px;display:block}.button-area input{color:var(--primary-black);font-size:16px;font-weight:600;line-height:22px;display:block}.button-area select{color:var(--primary-black);background:var(--white);width:100%;font-size:16px;line-height:22px;display:block}.result-area label{color:var(--gray-medium);font-size:12px;line-height:16px;display:block}.result-area p{color:var(--primary-black);font-size:16px;line-height:22px;display:block}.submit-area{padding-top:16px}.btn-primary{background:var(--gray-medium);color:var(--white);font-size:16px;line-height:12px;font-family:var(--font-family-primary);border-radius:16px;width:100%;height:48px;font-weight:700}.btn-primary.activo{background:var(--primary-blue)}.btn-primary.activo:hover{background:linear-gradient(270deg,var(--primary-blue)0%,var(--secondary-blue)103.21%)}.btn-primary.activo:focus{box-shadow:0 0 0 6px var(--primary-black);outline:2px solid #fff;background:var(--primary-blue)!important}.btn-secondary{background:var(--white);color:var(--primary-blue);font-size:16px;line-height:12px;font-family:var(--font-family-primary);border:2px solid var(--primary-blue);border-radius:16px;width:100%;height:48px;font-weight:700}.btn-secondary:hover{background:var(--primary-blue-10)}.btn-secondary:focus{box-shadow:0 0 0 6px var(--primary-black);outline:2px solid #fff}.validation-area{background:var(--gray-medium);font-size:12px;font-weight:600;line-height:16px;font-family:var(--font-family-secondary);color:var(--primary-black);border-radius:16px;align-items:center;gap:8px;margin:8px 0;padding:16px;display:flex}.validation-area.ok{background:var(--status-background-success)}.validation-area.error{background:var(--status-background-error)}.validation-area.warning{background:var(--status-background-warning)}.page-beneficio .left-side-container{flex-direction:column;justify-content:space-between;height:100%;display:flex}.page-beneficio .left-side-container article{padding-top:42px}.page-beneficio .left-side-container .footer-container{position:relative;bottom:0}.page-error .text-area h1{font-size:24px;line-height:34px}.page-error .text-area p{padding-bottom:16px}.page-error .imageError{width:200px;margin:24px auto;display:block}.page-error .errorMobile{display:none}@media only screen and (max-width:720px){.page-beneficio header{padding:57px 0 17px}.page-beneficio header .logo-mas-osde{margin:0 auto}.page-beneficio .left-side{min-width:100%;padding:24px}.page-beneficio .left-side .left-side-container{width:100%}.page-beneficio .left-side article{height:100%;padding:0}.page-beneficio .left-side article form{height:100%}.page-beneficio .left-side article ul{flex-direction:column;height:100%;display:flex}.page-beneficio .left-side article ul .submit-area{margin-top:auto}.page-beneficio .footer-container{border:none;max-width:100%}.page-error .handsErrorPc{display:none}.page-error .errorMobile{width:100%;display:block}}.overlay{z-index:999;background-color:var(--primary-black-40);width:100%;height:100%;display:block;position:fixed;top:0;left:0}.modal{z-index:1000;background-color:#fff;border-radius:16px;flex-direction:column;width:452px;max-width:100%;padding:40px;display:flex;position:relative;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.modal .btn-cerrar{cursor:pointer;text-indent:-1000em;width:48px;height:48px;color:var(--primary-black);background:url(/masosde/images/closeBlack.svg) 50% no-repeat;position:absolute;top:4px;right:4px}.modal h3{font-family:var(--font-family-primary);padding-top:16px;padding-bottom:16px;font-size:24px;font-weight:700;line-height:34px}.modal p{font-family:var(--font-family-secondary);padding-bottom:27px;font-size:16px;font-weight:400;line-height:26px}.modal .checkbox-area{padding-bottom:33px}.modal label{font-family:var(--font-family-secondary);font-size:16px;font-weight:400;line-height:26px}.modal label input{margin-right:8px}.modal .btn-area{gap:8px;display:flex}@media only screen and (max-width:720px){.modal{border-radius:16px 16px 0 0;width:100%;padding:24px;position:fixed;top:auto;bottom:0;left:0;transform:translate(0)}.modal h3{padding-top:32px;padding-bottom:8px}.modal p{padding-bottom:38px}.modal .checkbox-area{padding-bottom:24px}.modal .btn-cerrar{top:8px;right:8px}}.waiting{position:relative}.waiting .snippet{position:absolute;top:50%;right:40px;transform:translateY(-50%)}:root{--dot-before:9974px;--dot-pulse:9999px;--dot-pulse-i:-9999px;--dot-after:10014px;--width-circle:6px;--tiempo-anime:1s;--color:var(--white)}:root .button--secondary.button--waiting{--color:var(--secondary-blue);opacity:1!important;--opacity:1!important}.dot-pulse{left:var(--dot-pulse-i);width:var(--width-circle);height:var(--width-circle);background-color:var(--color);color:var(--white);box-shadow:9999px 0 0 -5px var(--color);animation:dotPulse var(--tiempo-anime)infinite linear;border-radius:50%;animation-delay:.25s;position:relative}.dot-pulse:before,.dot-pulse:after{content:"";width:var(--width-circle);height:var(--width-circle);background-color:var(--color);color:var(--white);border-radius:50%;display:inline-block;position:absolute;top:0}.dot-pulse:before{box-shadow:var(--dot-before)0 0 -5px var(--color);animation:dotPulseBefore var(--tiempo-anime)infinite linear;animation-delay:0s}.dot-pulse:after{box-shadow:var(--dot-after)0 0 -5px var(--color);animation:dotPulseAfter var(--tiempo-anime)infinite linear;animation-delay:.5s}@keyframes dotPulseBefore{0%{box-shadow:var(--dot-before)0 0 0px var(--color)}30%{box-shadow:var(--dot-before)0 0 3px var(--color)}60%,to{box-shadow:var(--dot-before)0 0 0px var(--color)}}@keyframes dotPulse{0%{box-shadow:var(--dot-pulse)0 0 0px var(--color)}30%{box-shadow:var(--dot-pulse)0 0 3px var(--color)}60%,to{box-shadow:var(--dot-pulse)0 0 0px var(--color)}}@keyframes dotPulseAfter{0%{box-shadow:var(--dot-after)0 0 0px var(--color)}30%{box-shadow:var(--dot-after)0 0 3px var(--color)}60%,to{box-shadow:var(--dot-after)0 0 0px var(--color)}}
.mobile{height:100%}.mobile header{padding:67px 0 17px}.mobile .logo-mas-osde{margin:0 auto}.mobile section{flex-direction:column;justify-content:space-between;height:calc(100% - 114px);display:flex}.mobile .imagen-area{align-items:center;height:280px;display:flex;overflow:hidden}.mobile .content-area{padding:32px 24px}.mobile .text-area h1{color:var(--primary-black);padding:0;font-size:18px;font-weight:700;line-height:26px}.mobile .button-primary{background:var(--primary-blue);color:var(--white);width:100%;height:48px;font-weight:700;font-family:var(--font-family-secondary);text-align:center;border-radius:16px;margin-top:24px;font-size:16px;line-height:22px}.mobile .store-buttons-area{padding-top:40px}.mobile .footer-container{border:none;padding:0 24px 34px}.mobile .footer-container:before{content:"";background:var(--primary-background);width:100%;height:2px;margin-bottom:24px;display:block;position:relative}@media only screen and (max-width:600px){.store-button{width:135px;height:40px}.modal{top:inherit;bottom:0}}