.l-hero {width: 100%;background-image: url(../img/corporativo/contacto/hero.jpg);background-size: cover; background-repeat: no-repeat;max-width: 1920px;margin: 0 auto;position: relative;top: 120px; min-height: 622px; background-position: 75% 0px;}
.l-hero__container {display: flex;justify-content: center;align-items: center;height: 100%;/* background-color: rgba(0,0,0,0.3); */}
.l-hero__title {color: var(--blanco2); font-family: var(--HRegular); font-family: var(--HLight);  font-size: 3.125rem; margin: 0; }
.l-hero__p {color: var(--blanco2); font-size: var(--fs30); margin: 0; font-weight: 300;}
.l-hero__p--sub { font-size: var(--fs18); text-align: center;}
.l-hero__title-sub { font-family: var(--HLight); font-weight: 300; font-size: 1.875rem; margin: 0; text-align: center;}
.l-hero__desc {padding-left: 3rem; border-left: 1px solid #ffffff;}
.l-hero__logo { padding-right: 3rem; width: 200px;}
.l-pregunta {text-align: center; font-family: var(--HLight); font-weight: 300; color: #333333; padding: 5rem; font-size: 1.4rem; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 130px;}
.l-form {background-color: #54004c; width: 100%; max-width: 1920px; margin: auto;}
.l-form__container {background-color: var(--blanco2); transform: scale(1.2); padding: 1rem 4rem; border-radius: 5px; border: 1px solid #ebebeb; box-shadow: 0px 17px 34px -10px rgba(0,0,0,0.4); max-width: 735px; width: 100%; margin: 0 auto;}
.l-form__enviar {display: flex; justify-content: space-between; flex-direction: row-reverse; }
.l-subs__obli {font-family: var(--HLight); font-weight: 300; font-size: var(--fs14); color: #c6c5c5; margin-top: 0;}
.l-direcciones {margin-top: 11rem;} 
.l-direcciones__container {padding: 40px 0;}
.l-direcciones__titulo {text-align: center; font-size: 24px; font-family: var(--HLight); font-weight: 300; padding-bottom: 1rem;}
.l-direcciones__grid {display: flex; flex-wrap: wrap; justify-content: center;}
.modal { display: none;  position: fixed;  z-index: 2000;  left: 0; top: 0; width: 100%;  height: 100%;  overflow: auto;  background-color: rgba(0,0,0,0.7); }
.modal-content {background-image: url(../img/corporativo/contacto/agradecimiento.png); max-width: 850px; width: 100%; min-height: 500px; display: flex; justify-content: flex-end; }
.modal-desc {max-width: 350px; text-align: center; width: 100%;}
.modal-desc--reduce { max-width: 350px; text-align: center; margin: 10px;}
.modal-info {max-width: 435px; min-height: 360px; padding: 1rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;}
.modal-logo , .modal-cta {align-self: center;}
.modal-logo {  width: 230px;}
.modal__morado-bold {font-weight: bold; color: var(--morado3);}
.modal--active { display: flex; justify-content: center; align-items: center; animation-name: animatetop; animation-duration: 1s ;}
.modal-cta {width: 200px; height: 45px; background-color: var(--morado3); font-size: 24px; color: var(--blanco2); font-family: var(--Hbold); font-weight: bold; display: flex; justify-content: center; align-items: center;}
    @keyframes animatetop {
    0% {top: -600px; opacity: 0; transform: scaleY(0.005) scaleX(0);}
    50% {top: 0; opacity: 1; transform: scaleY(0.005) scaleX(1);}
    100% {transform: scale(1);}
    
}
.l-aviso { text-align: center; display: block; margin: 1rem auto;}
@media (max-width: 64em) {
    .l-hero__container {padding: 0; justify-content: center; align-items: center; width: 90%; margin: 0 auto;}
    .l-form__container {width: 100%; transform: scale(.9);}
    .l-direcciones {margin-top: 30px;}
    .l-pregunta { padding: 0; padding-top: 6rem;  margin-bottom: 30px;}
    .modal-content {background-image: none; background-color: var(--blanco2); justify-content: center;}
    .modal-desc {text-align: center;}
    .l-principal__container {flex-direction: column; width: 100%; padding-bottom: 40px; text-align: center;}
    .l-hero__logo{padding:0; display: none;}
    .l-hero__desc {padding: 0; border:0;}
}

@media (max-width: 640px) {
    .l-principal__container {padding-top:40px;}
}

@media (max-width: 40em){
    .l-hero__container {justify-content: flex-start; align-items: center; flex-direction: column; }
    .l-hero__desc {text-align: center; padding: 0 1rem; height: 100%; display: flex; flex-direction: column; justify-content: center; border-left: 0;}
    .l-hero__logo {display: none;}
    .l-form__container {padding: 1rem 2rem;}
    .l-direcciones__titulo {font-size: 1.1rem; padding: 1rem 2rem;}
}
.widget {top: 50px;}