.layout-pagos{min-height:100dvh;background:url(/img/login-pagos-pattern.webp),linear-gradient(to bottom left,#1d4ed8 50%,#fff 50%);background-size:contain;background-repeat:no-repeat;background-position:bottom right;border-image:linear-gradient(to right,rgba(0,0,0,.085),rgba(0,0,0,.085)) 1 fill}@media screen and (orientation:landscape){.layout-pagos{background-size:cover;overflow:hidden}}.layout-pagos__container{width:min(100rem,95%);margin-inline:auto;display:grid;gap:1rem;align-items:center;min-height:inherit}@media screen and (min-width:769px){.layout-pagos__container{grid-template-columns:repeat(2,1fr)}}.layout-pagos__second{background-color:#fff;border-radius:12px;padding-inline:clamp(1rem,5vw,3.5rem);padding-block:clamp(1rem,2vw,1.25rem);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@media screen and (max-width:769px){.layout-pagos__second{grid-row:1/2}}.layout-pagos__main__title{color:#1d4ed8;font-weight:600;font-size:clamp(1.625rem,1.4511rem + .8696vw,2.125rem)}.layout-pagos__text{color:#475569;font-size:clamp(.875rem,.8315rem + .2174vw,1rem)}.layout-pagos__alert{background-color:#edf8ff;color:#0a5ceb;border:1px solid #0a5ceb;padding:.725rem;border-radius:10px}.layout-pagos__form{display:flex;flex-direction:column;row-gap:10px;overflow-y:auto}@media screen and (min-width:769px){.layout-pagos__form{max-height:60vh;overflow-y:auto;padding:2px}}.layout-pagos__form__label{color:#334155;font-weight:600;font-size:clamp(.875rem,.8315rem + .2174vw,1rem);padding-bottom:4px;margin-bottom:0}.layout-pagos__form__custom-input{display:flex;align-items:center;column-gap:10px;background-color:#f1f5f9;border-radius:10px;min-height:55px;padding:0 10px;outline:1px solid #cbd5e1;transition:outline .1s ease-in-out}.layout-pagos__form__custom-input:has(input:focus){outline:2px solid #1d4ed8}.layout-pagos__form__custom-input input{background-color:transparent;border:none;width:100%}.layout-pagos__form__custom-input input:focus{outline:0}.layout-pagos__form__square{width:34px;height:34px;display:grid;place-items:center;background-color:#fff;border-radius:5px}.layout-pagos__form__square svg{flex:none}.layout-pagos__form__btn{width:100%;min-height:50px;border-radius:10px;border:1px solid transparent;color:#fff;background:linear-gradient(90deg,#1d4ed8,#4338ca);font-size:clamp(.875rem,.8315rem + .2174vw,1rem);font-weight:600;cursor:pointer;transition:filter 150ms ease}.layout-pagos__form__btn:hover{filter:brightness(120%)}.layout-pagos__form__btn--outline{background:#fff;color:#1d4ed8;border:1px solid #1d4ed8}.layout-pagos__logo{display:block;max-height:70px;max-width:100%;margin-inline:auto;margin-bottom:10px}.text-blue{color:#1d4ed8}.hr-blue{border-top:#1d4ed8 solid 4px;border-radius:100vw;width:30%;margin-inline:auto}.ui-checkbox{--primary-color:#1677ff;--secondary-color:#f2f2f2;--primary-hover-color:#4096ff;--checkbox-diameter:25px;--checkbox-border-radius:5px;--checkbox-border-color:#a1a1a1;--checkbox-border-width:1px;--checkbox-border-style:solid;--checkmark-size:1.2}.ui-checkbox,.ui-checkbox *,.ui-checkbox ::after,.ui-checkbox ::before{-webkit-box-sizing:border-box;box-sizing:border-box}.ui-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkbox-diameter);height:var(--checkbox-diameter);border-radius:var(--checkbox-border-radius);background:var(--secondary-color);border:var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;position:relative}.ui-checkbox::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 0 calc(var(--checkbox-diameter)/ 2.5) var(--primary-color);box-shadow:0 0 0 calc(var(--checkbox-diameter)/ 2.5) var(--primary-color);border-radius:inherit;opacity:0;-webkit-transition:all .5s cubic-bezier(.12,.4,.29,1.46);-o-transition:all .5s cubic-bezier(.12,.4,.29,1.46);transition:all .5s cubic-bezier(.12,.4,.29,1.46)}.ui-checkbox::before{top:40%;left:50%;content:"";position:absolute;width:4px;height:7px;border-right:2px solid var(--secondary-color);border-bottom:2px solid var(--secondary-color);-webkit-transform:translate(-50%,-50%) rotate(45deg) scale(0);-ms-transform:translate(-50%,-50%) rotate(45deg) scale(0);transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0;-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;-o-transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s}.ui-checkbox:hover{border-color:var(--primary-color)}.ui-checkbox:checked{background:var(--primary-color);border-color:transparent}.ui-checkbox:checked::before{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(45deg) scale(var(--checkmark-size));-ms-transform:translate(-50%,-50%) rotate(45deg) scale(var(--checkmark-size));transform:translate(-50%,-50%) rotate(45deg) scale(var(--checkmark-size));-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;-o-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.ui-checkbox:active:not(:checked)::after{-webkit-transition:none;-o-transition:none;-webkit-box-shadow:none;box-shadow:none;transition:none;opacity:1}.disabled{cursor:not-allowed}.ng-invalid.ng-touched{border-color:#dc3545}