.de__body{
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 1rem;
}
.de__subtitle{
  color: #38BC9A;
  text-transform: uppercase;
  font-size: 2.2rem;
  text-align: center;
}
.de__title{
  color: #30497B;
  text-transform: uppercase;
  font-size: 2.2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.de__message{
  font-size: .8rem;
}
.de__form-wrapper{
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.de__events{
  width: 70%;
  min-width: 300px;
}
.de__event{
  display: flex;
  gap: 1rem;
  margin: 1.5rem 0 3rem;
}
.de__form-basic{
  width: 30%;
  min-width: 300px;
  position: sticky;
  background-color: white;
}
.de__diploma-card{
  position: relative;
  display: flex;
  flex-direction: column;
  width: 190px;
}
.de__diploma-hours{
  position: absolute;
  top: -.7rem;
  right: -.7rem;
  border: 1px solid;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background-color: white;
  margin: 0;
  display: flex;
  align-items: center;
  font-size: .65rem;
  justify-content: center;
}
.de__diploma-minhours{
  position: absolute;
  top: -.7rem;
  right: -.7rem;
  border: 1px solid var(--color-texto-gris);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: white;
  margin: 0;
  display: flex;
  align-items: center;
  font-size: .65rem;
  justify-content: center;
}
.de__diploma-name{
  display: none;
}
.de__event-select{
  position: absolute;
  bottom: 0;
  background: #14487b91;
  display: flex;
  width: 100%;
}
.de__diploma-select{
  width: auto;
  padding: 0 2px;
  height: 30px;
  align-items: center;
  justify-content: center;
  font-size: .65rem;
  color: white;
  display: flex;
}
.de__event-checkbox{
  width: 16px;
  height: 16px;
}
.de__event-arrow{
  display: none;
  height: max-content;
}
.de__event-action{
  padding-left: .3rem;
}
.de__modules-card{
  position: relative;
  width: 140px;
  border: 1px solid #C1C1C1;
  height: 55px;
  display: flex;
  align-items: center;
  border-radius: 1rem;
  padding: .5rem;
  justify-content: center;
}
.de__modules{
  display: flex;
  gap: 1rem;
}
.de__module-input{
  position: absolute;
  bottom: 0;
  right: .5rem;
}
.de__module-name{
  color: white;
  font-size: .65rem;
  text-align: center;
}
.de__basic-wrapper{
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 1rem;
  padding: 2rem 1.5rem 1rem;
  box-shadow: -7px 5px 11px 4px rgba(0,0,0,0.54);
  -webkit-box-shadow: -7px 5px 11px 4px rgba(0,0,0,0.54);
  -moz-box-shadow: -7px 5px 11px 4px rgba(0,0,0,0.54);
}
.de__form-title{
  text-align: center;
  color: #38BC9A;
  font-weight: bold;
  font-size: 1.5rem;
}
.de__basic-label{
  display: flex;
  flex-direction: column;
  margin: 0 0 .8rem;
  color: var(--color-texto-gris);
  font-size: .85rem;
}
.de__basic-input{
  border: none;
  border-bottom: 1px solid;
  height: 1.5rem;
  font-size: 1rem;
}
.de__basic-input:focus{
  border: none;
  border-bottom: 1px solid;
  outline: none;
}
.de__basic-div{
  display: flex;
  flex-direction: column;
}
.de__basic-name{
  margin: 1rem 0 .4rem;
  color: var(--color-texto-gris);
  font-size: .85rem;
}
.de__basic-modality{
  margin: .5rem 0;
  font-size: .8rem;
}
.de__basic-select{
  font-size: 1rem;
}
.de__alumni{
  display: flex;
  justify-content: space-between;
  max-width: 200px;
}
.de__policy{
  margin: 1rem 0;
  display: flex;
  gap: .5rem;
  a{
    color: #113E7D;
  }
}
.de__required{
  text-align: right;
  font-size: .9rem;
}
.de__input-submit{
  background-color: var(--color-azul-background);
  border-color: var(--color-azul-background);
  color: #FFF;
  width: 180px;
  border-radius: 5px;
  background-image: none;
  text-shadow: none;
  font-size: 1.1rem;
  height: 45px;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.de__anchor{
  margin-left: 2rem;
}
.de__anchor-image{
  height: 103px;
}
.de__color1{
  background: #3ABECE;
}
.de__color2{
  background: #3A5ECE;
}
.de__color3{
  background: #3FD1A6;
}
.de__color4{
  background: #68AC32;
}
.de__color5{
  background: #ED8F21;
}
.de__color6{
  background: #C1146F;
}
.de__color7{
  background: #145454;
}
.de__color8{
  background: #714C3B;
}
.de__color9{
  background: #0D3D55;
}
.de__color10{
  background: #590E9E;
}
.de__transform{
  transform: rotate(180deg);
  transition: transform .8s;
}
.de__image-mobile{
  display: none;
}
.de__info,
.de__homologate{
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
}
.de__info-message,
.de__homologate-message{
  text-align: center;
  color: var(--color-texto-gris);
  font-size: .7rem;
}
.de__homologate{
  background-color: #113E7D;
}
.de__homologate-message{
  color: white;
}
.de__alliance-image{
  height: 72px;
  width: auto;
}
@media (max-width: 1280px){
  .de__diploma-img{
    display: none;
  }
  .de__events{
    width: 60%;
  }
  .de__event{
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }
  .de__diploma-card{
    width: 100%;
  }
  .de__diploma-hours{
    display: none;
  }
  .de__diploma-name{
    display: flex;
    margin-bottom: .5rem;
    flex-direction: column;
  }
  .de__event-select{
    position: relative;
  }
  .de__modules{
    flex-direction: column;
    display: none;
  }
  .de__event-select{
    background: #1c4782;
    padding: 0 .5rem;
  }
  .de__event-arrow{
    display: flex;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
  }
  .de__modules-card{
    width: 100%;
    padding: 0;
    height: auto;
    border-radius: .5rem;
    margin-bottom: 2rem;
  }
  .de__diploma-minhours{
    top: 2rem;
    bottom: -1.5rem;
    border: none;
    left: calc(50% - 15px);
    background-color: transparent;
    color: var(--color-texto-gris);
    height: auto;
  }
  .de__diploma-minhours::before{
    content: '/';
    color: var(--color-texto-gris);
  }
  .de__module-input{
    bottom: auto;
  }
  .de__extra{
    flex-direction: unset;
    flex-wrap: wrap;
  }
  .de__anchor{
    width: max-content;
    margin-left: 0;
  }
}
@media (max-width: 780px){
  .de__subtitle,
  .de__title{
    font-size: 1.5rem;
  }
  .de__events{
    width: 100%;
  }
  .de__event{
    width: 100%;
  }
  .de__image-mobile{
    display: block;
  }
  .de__image-desktop{
    display: none;
  }
  .de__anchor{
    margin-left: auto;
    margin-right: auto;
  }
  .de__anchor-image{
    width: 100%;
    height: auto;
  }
  .de__form-basic{
    width: 100%;
  }
  .de__alliance-image{
    height: 57px;
    width: auto;
  }
}