/* Contact first: an immediately usable form, with a secondary decorative film. */
body.info-page.contacto-page .contact-page{padding-top:110px}
body.info-page.contacto-page .contact-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:none;gap:32px 64px}
body.info-page.contacto-page .contact-right{grid-column:2;grid-row:1;min-width:0;opacity:1;transform:none}
body.info-page.contacto-page .contact-left-top{grid-column:1;grid-row:1}
body.info-page.contacto-page .mail-illustration{grid-column:1;grid-row:2;margin:0}
body.info-page.contacto-page .contact-right-top{height:190px!important;min-height:190px!important;margin:20px 0 0;padding:0}
body.info-page.contacto-page .contact-envelope-scene{scale:.72;margin:0}
body.info-page.contacto-page .contact-film{grid-column:2;grid-row:2;align-self:stretch;max-height:none;aspect-ratio:auto;min-height:300px}
body.info-page.contacto-page .contact-hero-inner{row-gap:64px}
body.info-page.contacto-page .contact-hero .hero-title{font-size:clamp(36px,3.6vw,48px);margin:20px 0}
body.info-page.contacto-page .hero-text{font-size:14px;line-height:1.62;margin-bottom:24px}
body.info-page.contacto-page .contact-form-card{padding:32px}
body.info-page.contacto-page .contact-form-head{margin-bottom:24px}
body.info-page.contacto-page .contact-form-head h2{font-size:32px;line-height:1.2}
body.info-page.contacto-page .form-promise{font-size:14px;line-height:1.62;margin:8px 0 0;color:#65576e}
body.info-page.contacto-page .btn-submit{background:#6b269c!important;color:#fff!important}
.contact-film{position:relative;overflow:hidden;aspect-ratio:2.5;border-radius:22px;background:#eeeae4;max-height:220px;isolation:isolate}
.contact-film video,.contact-film .hero-video-cover{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65)}
.contact-film .hero-video-cover{transition:opacity .3s;pointer-events:none}
.contact-film.is-video-ready .hero-video-cover{opacity:0}
@media(max-width:800px){
 body.info-page.contacto-page .contact-page{padding:88px 0 64px}
 body.info-page.contacto-page .contact-hero{width:90%}
 body.info-page.contacto-page .contact-hero-inner{grid-template-columns:minmax(0,1fr);gap:40px}
 body.info-page.contacto-page .contact-right{grid-column:1;grid-row:1}
 body.info-page.contacto-page .contact-left-top{grid-column:1;grid-row:2}
 body.info-page.contacto-page .mail-illustration{grid-column:1;grid-row:3}
 body.info-page.contacto-page .contact-film{grid-column:1;grid-row:4;aspect-ratio:16/9;min-height:0}
 body.info-page.contacto-page .contact-right-top{height:160px!important;min-height:160px!important}
 body.info-page.contacto-page .contact-hero-inner{row-gap:40px}
 body.info-page.contacto-page .contact-form-card{padding:24px}
 body.info-page.contacto-page .contact-form-head{margin-bottom:20px}
 body.info-page.contacto-page .contact-form-head h2{font-size:28px}
 body.info-page.contacto-page .contact-form :is(input:not([type=checkbox]):not([type=hidden]),textarea){padding:12px}
 body.info-page.contacto-page .contact-form textarea{min-height:100px}
}
@media(prefers-reduced-motion:reduce){.contact-film .hero-video-cover{transition:none}}
body.info-page.contacto-page .contact-form-card .form-starter:is(:hover,:focus-visible){background:#6b269c!important;color:#fff!important}
/* Compact video introduction followed immediately by the contact options. */
body.info-page.contacto-page .contact-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;margin-bottom:40px;background:#17121e}
body.info-page.contacto-page .contact-banner .contact-film{position:absolute;inset:0;border-radius:inherit;min-height:0;height:100%;width:100%;max-height:none;z-index:-2}
body.info-page.contacto-page .contact-banner::before{content:"";position:absolute;inset:0;background:rgba(15,10,23,.65);z-index:-1}
body.info-page.contacto-page .contact-banner .contact-left-top{padding:36px 48px;max-width:850px}
body.info-page.contacto-page .contact-banner :is(.hero-title,.hero-text,.section-label,.breadcrumbs-mini,.bc-current){color:#fff!important;opacity:1}
body.info-page.contacto-page .contact-banner .hero-title{font-size:clamp(34px,3.6vw,48px);margin:14px 0}
body.info-page.contacto-page .contact-banner .hero-title br{display:none}
body.info-page.contacto-page .contact-banner .hero-title em{color:#dec4ef}
body.info-page.contacto-page .contact-banner .hero-text{margin:0;max-width:690px}
body.info-page.contacto-page .contact-banner .breadcrumbs-mini{opacity:.7;font-size:10px;margin:10px 0}
body.info-page.contacto-page .contact-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:start}
body.info-page.contacto-page .contact-details{grid-column:1;grid-row:1;min-width:0;padding-top:28px}
body.info-page.contacto-page .contact-right{grid-column:2;grid-row:1}
body.info-page.contacto-page .contact-details .contact-right-top{margin-top:12px}
@media(max-width:800px){
 body.info-page.contacto-page .contact-banner .contact-left-top{padding:28px 24px}
 body.info-page.contacto-page .contact-banner .hero-title{font-size:34px}
 body.info-page.contacto-page .contact-banner{margin-bottom:28px}
 body.info-page.contacto-page .contact-hero-inner{grid-template-columns:minmax(0,1fr);gap:32px}
 body.info-page.contacto-page .contact-right{grid-column:1;grid-row:1}
 body.info-page.contacto-page .contact-details{grid-column:1;grid-row:2;padding-top:0}
}
body.info-page.contacto-page .contact-banner .hero-title em{color:#dec4ef!important}