/*=======================
   License:     LGPLv3 (Licencia Pública General Reducida de GNU)
   License URI: https://www.gnu.org/licenses/lgpl-3.0-standalone.html
   ================================================================================================ */


main {
   align-items: center;
   display: flex;
   height: 100vh;
}
#fondo {
   background-color: #3f0087;
   background: transparent url('../img/fondo_academia.jpg') center center no-repeat;
   background-size: cover;
   overflow: hidden;
   padding:  0;
   position: fixed;
   right: 0;
   bottom: 0;
   min-height: 100%;
   min-width: 100%; 
   z-index: -1;
}
.imagen {
   height: 540px;
   min-height: 540px;
   max-height: 540px;
   overflow: hidden;
   padding: 0 !important;
   position: relative;
}
.imagen div {
   background: transparent url('../img/imagen-campanil-login.jpg') center center no-repeat;
   background-size: cover;
   border-right: 10px solid var(--yellow);
   overflow: hidden;
   position: absolute;
   height: 100%;
   width: 100%;
}
#video {
   background-color: #08387a;
   overflow: hidden;
   padding:  0;
   position: fixed;
   right: 0;
   bottom: 0;
   min-height: 100%;
   min-width: 100%; 
   z-index: -1;
}
#video div {
   /*
   padding: 56.25% 0 0 0;
   position: relative;
   */
   padding: 0;
   width: 100%;
   height: 100vh;
   overflow: hidden;
   position: relative;
}
#video div iframe {
  box-sizing: border-box;
  width: 177.77777778vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
   /*
   left: 0;
   position: absolute;
   top: 0;
   height: 100%;
   width: 100%;
   */
}
#opacidad {
   background-color: rgba(26, 35, 126, .7);
   position: fixed;
   right: 0;
   bottom: 0;
   min-width: 100%; 
   min-height: 100%;
   z-index: -1;
}
.formulario {
   background-color: #ffffff;
   border-radius: 30px;
   height: 540px;
   min-height: 540px;
   max-height: 540px;
   padding: 10px 40px !important;
   vertical-align: top;
   position: relative;
}
.formulario h1 {
   color: var(--purple);
   font-size: 2.4rem;
   margin: 1.68rem 0 1.68rem 0;
}
.formulario .check-field {
   margin-top: .25rem;
}