.r4-form{display:flex;flex-direction:column;gap:28px}
.r4-form .form-section{width:100%;display:flex;flex-direction:column}
.r4-form .form-section label{margin:0}
.r4-form .error-message{display:flex;align-items:center;gap:8px;color:#b60306;font-size:12px;opacity:0;max-height:0;overflow:hidden;transform:translateY(-5px);transition:all .3s ease-in-out;margin-top:0}
.r4-form .error-message p{margin:0}
.r4-form .error-message i{font-size:14px}
.r4-form .is-error input,.r4-form .is-error textarea,.r4-form .is-error .custom-check__box{border-color:#b60306 !important;background-color:#ffe2e3 !important;transition:all .25s ease-in-out}
.r4-form .is-error .error-message{opacity:1;max-height:20px;transform:translateY(0);margin-top:4px}
.r4-form .success-message{display:none}
.r4-form .success-message .message-ok p{text-align:center;max-width:320px;margin:0 auto;font-size:inherit;font-weight:inherit}
.r4-form .success-message.active{display:flex;flex-direction:column;gap:10px;animation:fadeIn .5s ease-in}
.r4-form .loading-message{display:none;width:100%}
.r4-form .loading-message .loading-bar{width:100%;height:42px;background-color:#fff;border-radius:2px;border:solid #851a2e 1px;padding:3px;overflow:hidden}
.r4-form .loading-message .loading-bar__fill{width:0;height:100%;background-color:#851a2e;animation:none}
.r4-form.is-loading .loading-message{display:block}
.r4-form.is-loading .loading-bar__fill{animation:loadingFill 8s ease-out forwards}
.r4-form.is-loading .send-button{pointer-events:none;opacity:.6}
@keyframes loadingFill{0{width:0}
30%{width:40%}
70%{width:90%}
100%{width:100%}
}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.component-peru-forms .submit-error-message,.component-peru-forms--landing .submit-error-message{display:none;margin-top:12px}
.component-peru-forms .submit-error-message.active,.component-peru-forms--landing .submit-error-message.active{display:flex;opacity:1;max-height:none;overflow:visible;transform:translateY(0)}
.component-peru-forms{display:grid;grid-template-columns:repeat(4,1fr);padding:32px 0}
@media(min-width:1024px){.component-peru-forms{grid-template-columns:repeat(12,1fr);padding:60px 0}
}
.component-peru-forms .header-form{grid-column:span 4}
@media(min-width:1024px){.component-peru-forms .header-form{grid-column:span 5}
}
.component-peru-forms form{grid-column:span 4}
@media(min-width:1024px){.component-peru-forms form{grid-column:7 / span 6}
}
.component-peru-forms--landing{position:relative;overflow:hidden}
.component-peru-forms--landing .logo-header{display:block;padding:12px}
.component-peru-forms--landing .logo-header img{height:35px;width:auto}
@media(min-width:1024px){.component-peru-forms--landing .logo-header{position:absolute;top:88px;padding:0;z-index:2;left:3vw}
}
.component-peru-forms--landing .logo-header.beige-background{background:#fcf0e6}
.component-peru-forms--landing .logo-header.grey-background{background:#f7f7f7}
.component-peru-forms--landing .logo-header.corp-background{background:#8c2f3f}
.component-peru-forms--landing .logo-header.black-background{background:#3b3b3b}
.component-peru-forms--landing .logo-header.trans-black-background{background:#3b3b3b}
@media(min-width:1024px){.component-peru-forms--landing .logo-header.trans-black-background{background:transparent}
}
.component-peru-forms--landing .logo-header.trans-white-background{background:#f7f7f7}
@media(min-width:1024px){.component-peru-forms--landing .logo-header.trans-white-background{background:transparent}
}
.component-peru-forms--landing .landing-layout{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}
@media(min-width:1024px){.component-peru-forms--landing .landing-layout{grid-template-columns:repeat(12,1fr)}
}
.component-peru-forms--landing .landing-layout .landing-info{grid-column:span 4;display:flex;align-items:center;padding:32px 12px}
@media(min-width:1024px){.component-peru-forms--landing .landing-layout .landing-info{grid-column:span 5;padding:0 0 0 200px}
}
.component-peru-forms--landing .landing-layout .landing-info .landing-block[data-is-dark-bg] .r4-title,.component-peru-forms--landing .landing-layout .landing-info .landing-block[data-is-dark-bg] .r4-text{color:#fff}
.component-peru-forms--landing .landing-layout .landing-info.beige-background{background:#fcf0e6}
.component-peru-forms--landing .landing-layout .landing-info.grey-background{background:#f7f7f7}
.component-peru-forms--landing .landing-layout .landing-info.corp-background{background:#8c2f3f}
.component-peru-forms--landing .landing-layout .landing-info.black-background{background:#3b3b3b}
.component-peru-forms--landing .landing-layout .landing-info.trans-black-background{background:#3b3b3b}
@media(min-width:1024px){.component-peru-forms--landing .landing-layout .landing-info.trans-black-background{background:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0) 100%)}
}
.component-peru-forms--landing .landing-layout .landing-info.trans-white-background{background:#f7f7f7}
@media(min-width:1024px){.component-peru-forms--landing .landing-layout .landing-info.trans-white-background{background:linear-gradient(to right,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%)}
}
.component-peru-forms--landing .landing-layout .landing-form{grid-column:span 4;background-color:#fef8f4;padding:32px 12px;position:relative}
@media(min-width:1024px){.component-peru-forms--landing .landing-layout .landing-form{grid-column:span 7;background-color:transparent;padding:60px 0}
}
.component-peru-forms--landing .landing-layout .landing-form form{position:relative;z-index:1}
@media(min-width:1024px){.component-peru-forms--landing .landing-layout .landing-form form{max-width:628px;padding:50px 50px;margin:0 auto;background-color:rgba(255,255,255,var(--bg-opacity,1))}
}
@media(min-width:1024px){.component-peru-forms--landing .landing-image{inset:0;position:absolute}
}
.component-peru-forms--landing .landing-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.component-peru-forms--landing .landing-image.left img{object-position:left}
.component-peru-forms--landing .landing-image.right img{object-position:right}
.component-peru-forms--landing .landing-image.center img{object-position:center}
.component-peru-forms--landing .landing-image .desktop-image{display:none}
.component-peru-forms--landing .landing-image .mobile-image{display:block}
@media(min-width:1024px){.component-peru-forms--landing .landing-image .desktop-image{display:block}
.component-peru-forms--landing .landing-image .mobile-image{display:none}
}