/* COLORES 

AZUL:   #214080 
ROJO:   #b60a3a

/* GENERAL */

main{background-size: 100% 100% !important;position: relative;height: 100vh !important;}
#pantallapre{position: absolute;top: 6.2%;left: 12.01%;width: 76.25%;background: #ffffff;height: 58%;border-radius: 10px;}
#pantalla{width: 100%;height: 100%;border-radius: 10px;}
#pantallapre::after{content:" ";background-color:transparent;width: 100%;height:100%;position:absolute;top:0;left:0;box-shadow: inset 0px 0px 15px 15px rgba(0,0,0,0.25);   }
footer, nav,#mov-titulo{display: none !important;}

/* TITULO */

#titulo{position: absolute;bottom: 2.5%;padding-left: 1.75%;display: flex;flex-direction: row;width: 100%;}
#logo{width: 11%;display: flex;}
#detalle{color: #ffffff;display: flex;align-items: center;flex-direction: column;justify-content: center;padding-left: 20%;}
#detalle-copy{font-size: 2em;line-height: 1em;font-weight: 600;}
#detalle-fechas{}
#copyright{position: absolute;right: 3%;bottom: 2%;color: #ffffff;display: flex;flex-direction: column;align-items: center;text-align: center;font-size: 0.85em;line-height: 1em;}
#copyright a{text-decoration: none;color:#ffffff !important}
#partners{    right: 17.5%;display: flex;flex-direction: column;align-items: center;position: absolute;bottom: -22%;}
#partners img{height: 23px;margin-bottom:5px;}

/* MENÚ */

#menu{position: absolute;bottom: 17%;left:7%;width: 80.8%;}
#menu .espacio{width: 2.5%;}
.menu-item{width: 15.5%;text-decoration: none;color: #ffffff;line-height: 1em;}
.menu-item a{text-decoration: none;color: #ffffff;line-height: 1.25em;}

/* INICIO */

#pantalla.home{background:#000000;display:flex;justify-content: center;position: relative;z-index: 1;}

/* FECHAS */

#pantalla.fechas{display: flex;flex-direction: row;padding: 40px;align-items: center;justify-content: center;justify-content: space-between;}
.fechas-item{background: #224089;height: 75%;display: flex;flex-direction: column;align-items: center;width:19.25%;z-index: 10;border-radius: 10px;padding: 10px;justify-content: space-between;}
.fechas-icono{height: 50%;display: flex;align-items: center;justify-content: center;}
.fechas-icono img{height:75%}
.fechas-fecha{color: #ffffff;font-size: 1.25em;font-weight: 600;line-height: 1em;height:20%;display: flex;align-items: center;text-align: center;}
.fechas-texto{color: #ffffff;font-size: 1em;font-weight: 400;line-height: 1em;height:30%;display: flex;align-items: center;text-align: center;}

/* ÁREAS TEMÁTICA */

#pantalla.areas-tematicas{background:#000000;overflow-y: auto;padding: 50px;position: relative;z-index: 1;}
.areas-bl{color:#ffffff}
.areas-item{margin-bottom: 1em;display: flex;justify-content: center;}
.areas-titulo{width: 50%;text-align: right;}
.areas-detalle{width: 50%;padding-left: 10px;text-transform: uppercase;font-weight: 600;}
#areas-edicion{color:#ffffff}
#areas-tit{font-size: 1.25em;font-weight: 600;line-height: 1em;text-align: center;margin: 20px 0px;}
#areas-txt{font-size: 1em;font-weight: 400;line-height: 1.2em;}

/* ORGANIZACIÓN */

#pantalla.organizacion{overflow-y: auto;position: relative;z-index: 1;}
.org-titulo{color:#214080;padding: 10px 10px;font-size: 1.25em;line-height: 1em;font-weight: 500;}
.org-bl{display: flex;flex-direction: row;flex-wrap: wrap;}
.org-item{width: 20%;position: relative;border: 1px solid #ffffff;height:25%;}
.org-item img{}
.org-txt{position: absolute;left: 0;bottom: 0;color:#ffffff;width: 100%;}
.org-nombre{background:#21408075;padding: 2.5px 10px;font-size: 1em;line-height: 1em;font-weight: 500;}
.org-universidad{background: #b60a3a75;padding: 2.5px 10px;font-size: 0.75em;line-height: 1em;font-weight: 400;}
.org-cargo{background:#21408075;padding: 2.5px 10px;font-size: 0.85em;line-height: 1em;font-weight: 500;}

/* INSCRIPCIÓN */

#pantalla.inscripcion{overflow-y: auto;position: relative;z-index: 1;padding:20px;display:flex}
.ins-bl{}
.ins-item{padding-right: 20px;background:#214080;padding:10px;border-radius:10px;color:#ffffff}
.ins-detalle{width: 85%;}
.ins-nombre{font-size: 1.25em;line-height: 1.25em;font-weight: 500;}
.ins-texto{font-size: 0.85em;line-height: 1.25em;font-weight: 400;}
.ins-descarga{font-size: 0.85em;line-height: 1em;font-weight: 400;text-decoration: none !important;color: #ffffff}
.ins-descarga:hover{color:#ffffff !important}
.ins-precio{width: 15%;}
.ins-numero{font-size: 1.5em;line-height: 1em;font-weight: 500;}
.ins-numero span{font-size: 0.65em;line-height: 1em;font-weight: 400;}
.ins-autor{}
.ins-pago{font-size: 0.85em;}
.ins-cuenta{}
.ins-cuenta-item{border-bottom:1px solid #214080}
.ins-cuenta-tit{color:#214080;font-weight: 500;}
.ins-cuenta-txt{}

/* ENVIAR RESUMEN */

#pantalla.enviar-resumen,#pantalla.enviar-texto{overflow-y: auto;position: relative;z-index: 1;}
.form-select{border: 0;padding-left: 0;color:#214080;font-weight: 500;border-bottom:1px solid #214080;border-radius: 0;}
.form-autor{display: none;}
.form-autor-tit{font-size:1.25em;color:#b60a3a;font-weight: 600;}
.input-group{border-bottom:1px solid #214080;}
.input-group-text{width: 20%;background: transparent;border: 0;padding-left: 0;color:#214080;font-weight: 500;}
.form-control{width: 80%;background: transparent;border: 0;}
.form-resumen{padding-left:0}
.form-check{font-size:0.85em}
#enviar-resumen{width: 100%;background: #214080;color:#ffffff;height:35px;border-radius: 10px;}
#resumen-enviado{font-size: 1.5em;line-height: 1em;font-weight: 500;color: #214080}

/* CONTACTO */

#pantalla.info{overflow-y: auto;position: relative;z-index: 1;display: flex;align-items: center;}
.info-logo{}
.info-logo img{height: 150px;width: auto;}
.info-item{}
.info-item i{color:#214080;margin-right:10px}
#enviar-contacto{width: 100%;background: #214080;color:#ffffff;height:35px;border-radius: 10px;}

/* AVISO LEGAL */

#pantalla.aviso-legal{overflow-y: auto;position: relative;z-index: 1;padding: 20px;}

/* COOKIES */

#cookies-policy .cookiesBtn__link {background: #214080 !important;border: 1px solid #214080 !important;}
#cookies-policy .cookies__category input:checked+.cookies__box:after {background: #214080 !important;}
#cookies-policy .cookies__details:focus, #cookies-policy .cookies__details:hover {color: #214080 !important;}

/* PRESENTACIÓN */

#pantalla.presentacion {    
  overflow: hidden;
  background: url(../storage/presentacion.jpg);
}

.star-wars {  
  display: flex;
  justify-content: center;  
  height: 1400px;
  perspective: 375px;
  color: #ffffff;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 400%;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 150%;
  text-align: justify;
}

.crawl {
  position: relative;  
  top: -100px;  
  transform-origin: 50% 100%;
  animation: crawl 60s infinite;
}
.crawl .title p{font-size:2em;margin-bottom:10px}
.crawl .title h1{font-size:1.25em;margin-bottom:20px}

@keyframes crawl {
  0% {    
    top: 0;    
    transform: rotateX(20deg) translateZ(0);
  }
  100% {     
    top: -7000px;    
    transform: rotateX(25deg) translateZ(-2500px);
  }
}


/* RESPONSIVE */

@media (max-width: 768px) {
    footer, nav{display: block !important;}
    #menu,#titulo{display: none !important;}
    main{z-index: 10;background:none !important;height: auto !important;}
    #mov-titulo{display: block !important;}
    .navbar{height:75px;padding: 0 !important;}    
    .navbar .container-fluid{height:75px;padding: 0 !important;display: flex;justify-content: center;}    
    .nav-link{padding: 10px;border-bottom:1px solid #cccccc}
    #mov-logo{height:75px}
    #mov-logo img{height: 100%;}
    #mov-copyright{display: flex;flex-direction: column;justify-content: center;align-items: center;}
    #mov-copyright a{text-decoration: none;color:initial !important}
    #mov-hamburger{right: 10px;position: absolute;border: 0 !important;}
    .navbar-collapse {z-index: 11;position: absolute;top: 75px;background: #ffffff;width: 100%;}
    #mov-titulo{color:#ffffff;height:150px;background-size:cover !important;display: flex;align-items: center;justify-content: center;flex-direction: column;padding:10px;}
    #mov-titulo-copy{font-size: 2em;line-height: 1em;font-weight: 600;text-align: center;}
    #mov-titulo-fechas{font-size: 1em;line-height: 1em;font-weight: 400;text-align: center}
    #pantallapre{position: relative;top: 0;width: 100%;left: 0;height: auto;border-radius: 0 !important;}
    #pantalla{border-radius: 0 !important;}
    #pantalla.fechas {flex-direction: column;}
    .fechas-item {height: 150px;width: 100%;margin-bottom:20px;}
    #pantalla.inscripcion {flex-direction: column;}
    .ins-bl{width: 100% !important;}
    .ins-item {flex-direction: column;align-items: center;margin-bottom: 20px;align-items: flex-start !important;}
    .ins-precio {width: 100%;display: flex !important;flex-direction: row !important;justify-content: flex-start !important;}
    .ins-autor {margin-left: 10px;}
    .org-item {width: 50%;height: auto;}
    .org-nombre{background:#21408075;padding: 2.5px 10px;font-size: 0.85em;line-height: 1em;font-weight: 500;}
    .org-universidad{background: #b60a3a75;padding: 2.5px 10px;font-size: 0.6em;line-height: 1em;font-weight: 400;}
    .org-cargo{background:#21408075;padding: 2.5px 10px;font-size: 0.6em;line-height: 1em;font-weight: 500;}
    .colform{width: 100% !important;}
    #correo-enviar-resumen{flex-direction: column !important;}
    #pantalla.resumen-enviado{min-height: 600px;display: flex;align-items: center;justify-content: center;}
    #pantalla.home {height: 500px;}
    #pantalla.info {flex-direction: column;}
}