@charset "utf-8";


*{margin: 0;
padding: 0;
box-sizing: border-box;
border:0;
text-decoration: none;
list-style: none;
font-family: 'Roboto', sans-serif;}


header{   
    background-color: black;
    width: 100%;
    margin: 0;
}


.menu{
    
    display: flex;
    
    justify-content:space-between;
    
    align-items: center;
    
    
    /* ajustar el tamaño de ancho de header*/
    margin: 0em;
    padding: 0;}




.menu img{
    width: 40px;
    padding-top: .4em;
    
}




.material-icons{
    color: #F2F2F2;}




/* desplegable */
header nav,
header nav ul {  background-color: rgba(0,0,0,0.85);
    color: white;}

.hamburguesa ul li a {
    color: #F2F2F2;
    text-decoration: none;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
    justify-content:space-between;
    border-bottom: 0.1px solid;
    font-size: .9em;}


/* se oculta menu */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    display: none;}


header nav label {
    cursor: pointer;
    padding: .9em;
    
    /* para colocar botones 
    por encima de todo */
    position: relative;
    z-index: 9999;}

 /* se muestra */
#menu-toggle:not(:checked) + #llamamenu,
#menu-toggle:checked + #llamamenu + #ocultamenu {
    display: flex;}

  /* se oculta */
#menu-toggle:checked + #llamamenu,
#menu-toggle:not(:checked) + #llamamenu + #ocultamenu {
    display: none;}


/* el menú propiamente dicho */

header nav ul {
 
    position: fixed;
    right: 100%;
    top: 0;
    height: 200vh;
    width: 50%;
    z-index: 9990;
    padding-top: 5em;
    transition: all .5s ease;}


#menu-toggle:checked + #llamamenu + #ocultamenu + ul {
    /* el menú se muestra
    corriéndose a la izquierda*/
    right: 50%;
    transition: all .23s ease;}


.hamburguesa ul li a:hover{
    color: black;
    background-color: yellow;}

.logodis{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;}







   .banner img { 
    
    max-width:auto;
    width: 100%;
    background-color:black;
    margin: 0;
    margin: 0;
    }

.banner{
    width: 100%;
    height: auto;
    
    
}


/*____REGISTROUSUARIOPERFIL__
__________________
___________
___*/

.videodefondo{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 0;}


.videodefondo video{  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;}

.capatapa {height: 100vh;
width: 100vw;
top: 0; left: 0; 
position: absolute; 
background: #231c41;
z-index: 1;
opacity: 0.6}


.fondoregistro {  }

.pedidoform {color: #bc99d0 ; padding-bottom: 0.5em; padding-top: 0.5em}

.noregistrado { padding-top: 1em; text-align: center}

.capsioform {padding-top: 1em; text-align: center }

#registroventana1 {
    display: flex; 
    flex-direction: column;
    margin: 1em 1em 1em 1em;
    background-color: #14080c; 
    border-radius: 1em;
    padding: 1em;
    z-index: 3; position: absolute; top: 7em; left: 50em; right: ; margin: auto}


.formulario {
    background: linear-gradient(90deg, rgb(35, 28, 65, 0.5) 0%, rgb(51, 42, 64) 100%);
    border-radius: 1em;
    padding: 0.8em;
    display: flex; 
    flex-direction: column;
    align-items: center;
    width: 100%;}

.formulario label {color: #FCFCFC; font-size: 0.8em; font-family: 'Roboto', sans-serif; text-align: center}

#nombre {
    display: flex;
    flex-direction: column;        
    box-sizing: border-box;
    justify-content: center; 
    align-items: center;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    height: 30px;
    width: 15em;
    padding: 6px 12px;
    margin-top: 10px;
    font-size: 0.8em;
    color: #ededed;
    background-color: #000000;
    border: 1px solid #676767;
    border-radius: 4px;}


#contraseña {
    display: flex;
    flex-direction: column;        
    box-sizing: border-box;
    justify-content: center; 
    align-items: center;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    height: 30px;
    width: 15em;
    padding: 6px 12px;
    margin-top: 10px;
    font-size: 0.8em;
    color: #ededed;
    background-color: #000000;
    border: 1px solid #676767;
    border-radius: 4px;}



h1 {color: #FCFCFC;
    display: flex;
    flex-direction: column; 
    margin-top: 0em;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 2.2em;
    font-weight: 400}

h2 {color: #FCFCFC;
    margin:;
    margin-top: ;
    text-align: ;
    font-family: 'Lato', sans-serif;
    font-size: 1.9em;
    font-weight: 400 }


h3 {color: #FCFCFC;
    margin:;
    margin-top: ;
    text-align: ;
    font-family: 'Lato', sans-serif;
    font-size: 1.4em;
    font-weight:400 }

h4 {color: #FCFCFC;
    margin:;
    margin-top: ;
    text-align: ;
    font-family: 'Lato', sans-serif;
    font-size: 1.05em;
    font-weight:400 }

h5 {color: #FCFCFC;
    margin:;
    margin-top: ;
    text-align: ;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight:400 }

h6 {color: #FCFCFC;
    margin:;
    margin-top: ;
    text-align: ;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    font-weight:300 }


.iniciar {color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
background-color: #0a001d;
width: 100px; height: 30px;    
font-size: 0.8em;
margin: auto;
margin-top: 1em;
border: 1px solid yellow;
border-radius: 1em;
font-family: 'Lato', sans-serif }


.registrarte {
    margin: auto;
    margin-top: 1em;
    display: block;
    color: black;
    text-align: center;
    font-size: .8em;
    width: 150px;
    background : linear-gradient(90deg, rgba(255, 221, 86, 1) 0%, rgba(255, 116, 86, 1) 82.43%);
    border-radius: 1em;
     height: 30px;}



.videodefondo{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 0;}


.videodefondo video{  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;}

.capatapa {height: 100vh;
width: 100vw;
top: 0; left: 0; 
position: absolute; 
background: #231c41;
z-index: 1;
opacity: 0.6}


.fondoexito {  }

.pedidoform {color: #bc99d0 ; padding-bottom: 0.5em; padding-top: 0.5em}

.noregistrado { padding-top: 1em; text-align: center}

#exitoventana1 {
    display: flex; 
    flex-direction: column;
    margin: 1em 1em 1em 1em;
    background-color: #14080c; 
    border-radius: 1em;
    padding: 1em;
    z-index: 3; position: absolute; top: 7em; left: 50em; right: ; 
    margin: auto;
    width: 30%;
}


#fotoluz {
    box-sizing: content-box; 
    display: flex; 
    flex-direction: column;
    margin: 0em;
    margin-top: 1em; 
    margin-bottom: 1.5em;
    width: 100% ; 
    /* max-width:15em ; */
    /* max-height: ;  */
    border-radius: 1em;  
      
    
}

.textodeexito {
    background: linear-gradient(90deg, rgb(35, 28, 65, 0.5) 0%, rgb(51, 42, 64) 100%);
    border-radius: 1em;
    padding: 0.8em;
    display: flex; 
    flex-direction: column;
    align-items: center;
    width: 100%;

}


#botonesdeexito { display: flex; flex-direction: row; max-width:}


.formulario label {color: #FCFCFC; font-size: 0.8em; font-family: 'Roboto', sans-serif; text-align: center}

#nombre {
    display: flex;
    flex-direction: column;        
    box-sizing: border-box;
    justify-content: center; 
    align-items: center;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    height: 30px;
    padding: 6px 12px;
    margin-top: 10px;
    font-size: 0.8em;
    color: #ededed;
    background-color: #000000;
    border: 1px solid #676767;
    border-radius: 4px;}


#contraseña {
    display: flex;
    flex-direction: column;        
    box-sizing: border-box;
    justify-content: center; 
    align-items: center;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    height: 30px;
    padding: 6px 12px;
    margin-top: 10px;
    font-size: 0.8em;
    color: #ededed;
    background-color: #000000;
    border: 1px solid #676767;
    border-radius: 4px;}




.iniciar {color: #f4f4f4;
display: flex;
justify-content: center;
background-color: #150C3A;
width: 100px; height: 30px;    
font-size: 0.8em;
margin: auto;
margin-top: 1em;
border: 1px solid yellow;
border-radius: 1em;
font-family: 'Lato', sans-serif }


.iralhome {
    margin: auto;
    margin-top: 1em;
    display: block;
    color: black;
    text-align: center;
    font-size: .8em;
    width: 150px;
    background : linear-gradient(90deg, rgba(255, 221, 86, 1) 0%, rgba(255, 116, 86, 1) 82.43%);
    border-radius: 1em;
     height: 30px;}

.exploravideo{
    margin: auto;
    margin-top: 1em;
    display: block;
    color: black;
    text-align: center;
    font-size: .8em;
    width: 150px;
    background : linear-gradient(90deg, rgba(255, 221, 86, 1) 0%, rgba(255, 116, 86, 1) 82.43%);
    border-radius: 1em;
     height: 30px;}




.generalperfil { 
    display: flex;
    flex-direction: column;
   
    }


#ventanaperfil1 {
    display: flex; 
    flex-direction: column;
    margin: 1em 1em 1em 1em;
    background-color: #14080c;
    border-radius: 1em;
    padding: 1em;
    box-sizing: border-box;}

.detallesperfil1 {
    background: linear-gradient(90deg, #231c41 0%, #332a40 100%);
    border-radius: 1em;
    padding: 0.8em;
    display: flex; 
    flex-direction: column}

.ventanamivideoperfil {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0.55em;
    background: linear-gradient(90deg, #231c41 0%, #332a40 100%);;
    border-radius: 1em;
    padding: 0.7em}

.modulofinal{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0.5em;
    background: linear-gradient(90deg, #231c41 0%, #332a40 100%);;
    border-radius: 1em;
    padding: 0.7em}



article .datosmivideo ul li {color: #ff79a9;
    text-align: center;
    display: flex;
    flex-direction: column; 
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    font-weight:300;
    padding-top: 1em;
    border-bottom: solid 1px; color: #9274a2}


.mivideoperfil {color: #ff79a9; text-align: center; 
    display: flex; flex-direction: column; 
    font-family: 'Lato', sans-serif;
    font-size: 0.9em; font-weight:300;
    padding-top: ;
    border-bottom: solid 1px;}

.editinfo {color: #ff79a9}

.perfilsection {color: #b685e8; margin-bottom: 0.6em ;  }

.vocacion {;margin-bottom: 0.3em; margin-top: 0em;
}

.nombreperfil {margin-bottom: 0.8em; margin-top: 0.3em}

.description { margin-bottom: 0.9em; 
}

.datosvocation {display: flex; flex-direction: column}




.botonperfil1{
    width:100px; height:30px;
     background : linear-gradient(90deg, rgba(255, 221, 86, 1) 0%, rgba(255, 116, 86, 1) 82.43%);
    color: #2a0045;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    font-family: 'Lato', sans-serif;
    margin: auto;
    margin-top: 2em;
    border-radius: 1em;}


.botonmario1 {
    width:100px; height:30px;
     background : linear-gradient(90deg, rgba(255, 221, 86, 1) 0%, rgba(255, 116, 86, 1) 82.43%);
    color: #2a0045;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    font-family: 'Lato', sans-serif;
    margin: auto;
    margin-top: 2em;
    border-radius: 1em;}





.videoconcursante{
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      height: 30vh;
      overflow: hidden;
      z-index: 0;}

.videoconcursante iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}




.videofav1 {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      height: 30vh;
      overflow: hidden;
      z-index: 0;}

.videofav1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.videofav2 {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      height: 30vh;
      overflow: hidden;
      z-index: 0;}

.videofav2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.videofav3 {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      height: 30vh;
      overflow: hidden;
      z-index: 0;}

.videofav3 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}








.videodefondo{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 0;}


.videodefondo video{  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;}

.capatapa {height: 100vh;
width: 100vw;
top: 0; left: 0; 
position: absolute; 
background: #231c41;
z-index: 1;
opacity: 0.6}

.radiobuttt {padding-top: 0.5em ;padding-bottom: 1em}

.soytexto {color: #d0a5fc}

.pedidoform {color: #bc99d0; padding-bottom: 0.5em; padding-top: 0.5em}

.recomenda1{ display: flex; max-width: 90%;  } 

#registroconcurs1 {
    display: flex; 
    flex-direction: column;
    margin: 1em 1em 1em 1em;
    background-color: #14080c; 
    border-radius: 1em;
    padding: 1em;
    z-index: 3; position: absolute; top: 7em; left: 50em; right: ; margin: auto}


.formularioconcurs {
    background: linear-gradient(90deg, rgb(35, 28, 65, 0.5) 0%, rgb(51, 42, 64) 100%);
    border-radius: 1em;
    padding: 0.8em;
    display: flex; 
    flex-direction: column;
    align-items: center;
    width: 100%;}

.formularioconcurs label {color: #FCFCFC; font-size: 0.8em; font-family: 'Roboto', sans-serif;}

.recomenda1 {display: flex}

#nombre {
    display: flex;
    flex-direction: column;        
    box-sizing: border-box;
    justify-content: center; 
    align-items: center;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    height: 30px;
    width: 15em;
    padding: 6px 12px;
    margin-top: 10px;
    font-size: 0.8em;
    color: #ededed;
    background-color: #000000;
    border: 1px solid #676767;
    border-radius: 4px;}


#contraseña {
    display: flex;
    flex-direction: column;        
    box-sizing: border-box;
    justify-content: center; 
    align-items: center;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    height: 30px;
    width: 15em;
    padding: 6px 12px;
    margin-top: 10px;
    font-size: 0.8em;
    color: #ededed;
    background-color: #000000;
    border: 1px solid #676767;
    border-radius: 4px;}



.iniciar {color: #f4f4f4;
display: flex;
justify-content: center;
background-color: #090229;
width: 100px; height: 30px; 
align-items: center    ;
font-size: 0.8em;
margin: auto;
margin-top: 1em;
border: 1px solid yellow;
border-radius: 1em;
font-family: 'Lato', sans-serif }


.registrarte{
    margin: auto;
    margin-top: 1em;
    display: block;
    color: black;
    text-align: center;
    font-size: .8em;
    width: 200px;
 background : linear-gradient(90deg, rgba(66, 239, 180, 1) 0%, rgba(241, 243, 31, 1) 100%);
 border-radius : 1em}




#fotoperfiluno{
    box-sizing: content-box; 
    display: flex; 
    flex-direction: column;
    margin: 0em;
    margin-top: 1em; 
    margin-bottom: 1.5em;    
    width: 60% ; max-width: 15em;
    border-radius: 1em; 
}


/*_______*/






















/*___INICIOPRINCIPAL____*/


.inicio2{
     background-color:#F2F2F2;
}

.contenedorinicio{
   display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    
  background-color:#F2F2F2;
    margin: 2em;
  
     }




.contenedorinicio h1{font-family: 'Lato', sans-serif;
   letter-spacing: .2em;
    font-size: 1.2em;
    margin: .5em;
    padding: .3em;
    text-transform: uppercase;
    color: black;
}



.contenedorinicio h2{color: black;
    font-size: 1.05em;
}

.contenedorinicio h3{
    
    font-family: 'Lato', sans-serif;
    font-size: .9em;
    font-weight:400;
color: black;}

#participa img{ width: 50px;
    margin-bottom: 1em;
    
}

#participa {
     border-top: 1px solid;
     margin: 1em;
    padding: 1.2em 1.1em;
    border-bottom: 1px solid;
    
}

.todosparticipan2{
      border-top: 1px solid;
     margin: 1em;
    padding: 1.2em 1.1em;
    border-bottom: 1px solid;
  text-align: center;
}







#fecha { display: flex;
    flex-direction: row;
    
    }


#fecha img{
    width: 40px;
    
    
}


#fecha li{
    color:black;
    padding: .2em;
    font-size: .9em;
     width: 50;
    padding: .9em;
    margin-top: .9em;
}


#fecha li p{
    
    
      padding: .9em;
}




.todosparticipan2 img{

    width: 50px;
    margin-bottom: 1em;
}



#registro2{
    margin-top: 1em;
    background-color: yellow;
    display: block;
    color: black;
    text-align: center;
    font-size: .9em;
    text-transform: uppercase;
    width: 150px;
    background : linear-gradient(90deg, rgba(255, 221, 86, 1) 0%, rgba(255, 116, 86, 1) 82.43%);
    border-radius: 1em;
     height: 30px;
    
}

.ajustedeboton{
    display: flex;
    flex-direction: column;
   align-items: center;
}

.renglonboton{
    display: flex;
    
}

.renglonboton a{
    margin: .7em;
}

.ajustedeboton a{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
     color: black;
    letter-spacing: .1em;
    padding: .4em;
     text-transform: uppercase;
}

.ajustedeboton > p{
    font-size: .8em;
    
    
}

#masinfo{ 
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    text-transform:none;
    font-size: .7em;
    color: fuchsia;
}
   
    


#registro2:hover{
    color: red;
transform: scale(1.3);
    transition: .3s;

}



#masinfo:hover{
    color: red;
    transform: scale(1.3);
    transition: .3s;
}






/*________SECCIONADELANTODECONCURSO______________*/


.adelantodeconcurso{
    background-color:  #212121;
   
}


      
.adelantodeconcurso{
   display: flex;
    flex-direction: column;
    align-items: center;
    }

.adelantodeconcurso h1{
       font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    align-content: center;
   
    padding: .6em;
    margin: .5em;
    border-bottom: 1px solid;
    font-size:.9em;
    color: #F2F2F2;
    
}

.categorias2{
    box-sizing: border-box;
    max-width: 1000px;
  margin: auto;
}



.categorias2 h4{
    box-sizing: border-box;

      padding: .6em;
    margin: .5em;
       font-size:.8em;
    color: #F2F2F2;
    
    
}

#vertod2{
     color: fuchsia;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    font-weight:300;
    padding: 1.1em;
    margin: 0em;
}

#vertodo{
  
    color: fuchsia;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    font-weight:300;
    padding: .3em;
    margin: 0em;
    
}


.cajacate2 > h4{
    color: #FCFCFC;
    font-family: 'Lato', sans-serif;
    font-size: 1.05em;
    font-weight:400;
    padding: .3em;
margin: 0;}

.cajacate2 > p{
    color: #FCFCFC;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    font-weight:300;
        padding: .3em;
}

.cajacate2 > img{
    padding: .3em;
}


.row,
.row > .column {
  padding: .5em;
    flex-wrap: wrap;
}

.column {
  float: left;
  width: 25%;
}


.row:after {
  content: "";
  display: table;
  clear: both;
}


.cajacate2{
  
  padding: 0px;
}










.contactos2 img { width: 50px;
    margin: .5em;
    
  
    
}

.contactos2{display: flex;
  justify-content:center;
    width: 200px;
    
    background-color:  #212121;
    padding: .6em;
   border-bottom: 1px solid;
    border-top: 1px solid;

    
    
    
    
}





.infocontacto2{
    display: flex;
        flex-direction: column;
        align-items: center;
  padding: 1em;
  background-color:  #212121;
    color: #F2F2F2;
    
    
}

.infocontacto2 h3{
     text-align: center;
     font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .7em;
    margin: .2em;
    padding: .6em;
    
    
}




footer{
   font-size: .8em;
    color: orange;
    background-color:  #212121;
    padding: 2em;
    font-size-adjust: auto;
    text-align: center;
    
   
    line-height: 25px;
}





/* BASESYCONDICIONES __________________*/

.titulodebase2 {
    background-image: url(../imagenes/fondoparatitulos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 60px;
   display: flex;
    justify-content: center;
    align-items: center;
}

.titulodebase2 h1{
    text-align: center;
      font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1.05em;
    color: black;

}



.tenerencuentacontenido {
    background-color: #212121;
     color: #F2F2F2;
   padding: .5em;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    
    
    
}




.tenerencuenta h1{
    text-align: center;
    font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1.05em;
    padding: .5em;
    border-bottom: 1px solid;
}





.especifica2 {
    position: relative;
    display: flex;
    
    flex-wrap: wrap;
    
    justify-content: center;
    margin-top: 1em;
    margin-bottom: 2em;
    border-bottom: 1px solid;
    
}

.tenerencuenta img{

    width: 30px;
    
}

.tenerencuenta li{
    padding: .6em;
    font-size: .7em;
    width: 100px;
    text-align: center;
    margin: .5em;
    
    }

#encuenta{
    margin-top: .6em;
    padding-top: .5em;
    border-top: 1px solid;
}



.ajustebases2{ display: flex;
    justify-content: center;
     align-items: center;
    
}
.verbases2 { text-align: center;
    font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    margin: .6em;
    padding: .4em;
    border: 1px solid yellow;
    text-decoration: none;
    
    width: 200px;
    
    
    
    
    
    
    
}

#botonver2 {
    color: #F2F2F2;

}


#botonver2:hover{
    color: yellow;
    transform: scale(1.4);
    transition: .3s;
}


.basestextos{
    display: flex;
    flex-direction: column;
    justify-content: center;
     align-items: center;
     background-color:#F2F2F2;
}


.sobrecategorias {
     position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-top: 1em;
    margin-bottom: 2em;
    border-bottom: 1px solid;
}


.sobrecategorias img{
    width: 50px;
}

.sobrecategorias li{
       padding: .6em;
    font-size: .7em;
  
    text-align: center;
    margin: .5em;
    background-color:#F2F2F2; 
}

.sobrecategorias h1{
    text-align: center;
    font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .2em;
    margin-bottom: .5em;
    padding-bottom: .3em;
    border-bottom: 1px solid;
    font-size: 1.09em;
    color: black;
}

.sobrecategorias h3{
    color: orange;;
     text-align: center;
    font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .8em;
}

.sobrecategorias h4{   
    color:orange;
    text-align: center;
    font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .8em;}

.sobrecategorias p{
    padding: .4em;
    margin-bottom: .9em;
    font-size: 1.09em;
    font-weight: bold;
}

.condiciones2{
    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-top: 1em;
    margin-bottom: 2em;
    background-color:#F2F2F2;
    padding: .5em;
    position: relative;
    
}


.basy2{ position: sticky;
    top: 0em;
    padding: 1em;
    background-color:#F2F2F2;
    
    
}

.condiciones2 h1{
    text-align: center;
    font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .2em;
    margin-bottom: .5em;
    padding-bottom: .3em;
    border-bottom: 1px solid;
    font-size: 1.09em;
    color: black;
  
    
}

.condiciones2 h3{
    color:orange;
    text-align: center;
    font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .9em;
    margin: .3em;
    padding: .3em;
    border-bottom: 1px solid;
    margin-top: 1.5em;
    color: orange;
}


.condiciones2 h4{
      text-align: center;
    font-family: 'Lato', sans-serif;
   font-weight: bold;
      font-size: .7em;
    margin-top: 1em;
    color: black;
    
}


.condiciones2 p{
    font-size: .8em;
    
    padding: .6em;
}

.condiciones2 li{
    font-size: .8em;
    font-weight: bold;
    padding: .3em;
}



.fondodebotonesabajo{
     background-color: #212121;
    width: 100%;
}





/* CONCURSO_______________________*/

.portadainicio2 {
    background-image: url(../imagenes/fondoparatitulos.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
   height: 60px;
   display: flex;
    justify-content: center;
    align-items: center;
    
}


.inicioconcurso2 h1{
     text-align: center;
      font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1.05em;
}


/*_____countdown______*/
.cuentaregresiva{ 
    display: flex;
    
    flex-direction: column;
    padding: 1em;
   background-color: #212121;
   
}



#clock {
  font-size: 1.3em;
  text-align: center;
   background: linear-gradient(90deg, #231c41 0%, #332a40 100%);
    border-radius: 1em;
 margin: .1em;
color: #F2F2F2;
    border-top: 1px solid;
    border-bottom: 1px solid #F2F2F2;
    padding: .4em;
    overflow: hidden;
    height: 50px;
    
    
}



#tiempo{
    text-align: center;
      font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    padding: .3em;
    
    color:#212121;
    text-align: center;
      color: #F2F2F2; }


/*_______________________*/

#yaetas2{
     display: flex;
    flex-direction: column;
    justify-content:space-between;
    text-align: center;
   align-items: center;
    padding: .8em;
    background-color: #212121;
    font-size: .8em;
    height: 90px;
    color: #F2F2F2;
}

.renglonboton2{font-family: 'Lato', sans-serif;
    font-weight: bold;
     color: black;
    letter-spacing: .1em;
    padding: .5em;
 ;
   text-transform: uppercase;
      background : linear-gradient(90deg, rgba(255, 221, 86, 1) 0%, rgba(255, 116, 86, 1) 82.43%);  border-radius : 5px  / 8px}

#registro22{
      font-family: 'Lato', sans-serif;
    font-weight: bold;
     color: black;
  padding: .5em;
 
}

#registro22:hover{
    color:red;
    transform: scale(1.3);
    transition: .3s;
}
.renglonboton2:hover{
    transform: scale(1.3);
    transition: .3s;
}


.contenidodestacado2{
    display: none;
}




.responsiveconcurso{
     padding: .9em;
   background-color: #212121;
}


#titulofotorama2{
     
      font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    color: #F2F2F2;
    padding: .1em;
    padding-top: 2em;
    margin-bottom: .4em;
    
    font-size: .6em;
}

.contenedorfotograma2{
    padding: .9em;
   background: linear-gradient(90deg, #231c41 0%, #332a40 100%);;
 
   
}

.recientes2{
     color: #F2F2F2;
    background: linear-gradient(90deg, #231c41 0%, #332a40 100%);;
    
}
.recientes2 h1{
    padding: .9em;
    border-bottom: 1px solid;
}

.recientes2 p{
    font-size: .9em;
      margin-top: .5em;
   
     
    
    
}

.recientes2 h4{
    margin-top: .5em
}

.row2,
.row2 > .column2{

padding: .5em;
    
}

.column2 {
  float: left;
  width: 50%;
}


.row2:after {
  content: "";
  display: table;
  clear: both;
}










/*__BUSCAR__*/
input:invalid ~ span:after {
    content: '✖';
    padding-left: 5px;
    position: absolute:
}

input:valid ~ span:after {
    content: '✓';
    padding-left: 5px;
    position: absolute;
       
}

.exploracategoria2{
    background-color: #212121;
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
    align-items: center;
    padding: .6em;
    justify-content: space-between;
    
    }


.docu2{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
   align-content: center;
    align-items: center;
    align-self: center;
    justify-content: center;
    
}

.docu2 img{
    width: 40px;
}

.docu:hover{
   transform: scale(1.3);
    transition: .3s;
}

.docu2 a {
    font-size: .5em;
      letter-spacing: .3em;
   margin: .3em;
    color:#F2F2F2;
    
    
}



#prede2 {
   
    Font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .3em;
    color: #F2F2F2;
    font-size: 1em;
    padding: .7em;
    text-align: center;
    border-bottom: 1px solid;
    background-color: #212121;
    
}

.docu{ margin: .6em;
    text-align: center;
   
    
    
}





#docuhov:hover {
    color: red;
    
    transform: scale(1.3);
    transition: all .4s ease;
    
}



.busqueda2{ background-color: #212121;
    height: 40px;
   display: flex;

}



.busqueda2 h4{
    color: red;
    font-size: .6em;
    
    margin: .6em;
}

.barrabusqueda2{
    width: 100%;
    margin: .3em;
    display: flex;
    justify-content:center;
    align-content: center;
    align-items:center;
    padding: .2em;
    
 
    
    
}

#miBusqueda{
    width: 220px;
     height: 15px;
    
}




.usuarios { background-color: #212121;
           
            border-collapse: collapse;
            flex-grow: 1;
    border-bottom: .1px solid white;
    padding-top: 1em;
   
    
}

.usuarios ul {  align-items: flex-end;
            
           list-style: none;
            margin: 0;
            
            display: flex;
            justify-content: space-between;
    width: 50px;
    
            }


.usuarios ul li { margin: .4em;

flex-grow: 1;
border-left: 1px solid white;
color:#F2F2F2;
Font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .2em;
font-size: .7em;
}



.usuarios ul li a {
            
            border-collapse: collapse;
            display: block;
            padding: .125em .5em;
            text-align:left;
            color: aliceblue;
    
        transition: all .5s ease;}

.usuarios ul li a:hover {
    transform: scale(1.05);
    background-color: yellow;
    color: red;
}



/*__ESTRELLASVOTA__*/

.ratings {
  list-style-type: none;
  margin: .4em;
  padding: .3em;;
  width: 100%;
  direction: rtl;
  text-align: left;
    align-self: center;
}

.star {
  position: relative;
  line-height: 30px;
  display: inline-block;
  transition: color 0.1s ease;
   color: yellow;
    align-self: center;
}

.star:before {
  content: '\2605';
  width: 50px;
  height: 50px;
  font-size: 30px;
}

.star:hover,
.star.selected,
.star:hover ~ .star,
.star.selected ~ .star{
  transition: color 0.2s ease;
  color:black;
}



/*___GALERIAVIDEOS____*/

.galeriavideo2{
    background-color: #212121;
    color:#F2F2F2;
    display: flex;
    flex-direction: column;
    padding: 1.5em;
    }

#responsivestrellas{
    padding-top: .8em;
    
}


.titulovideo2{
    display: flex;
    font-size: 1em;
  
  display: flex;
    justify-content: space-between;
    
    align-items: flex-end;
   
    top: 0;
    width: 100%;
    z-index: 1;
     color: #F2F2F2;
    Font-family: 'roboto', sans-serif;
    font-weight:bold;
    
}

.titulovideo2 a{
    font-size: .8em;
     color:black;
    padding: .4em;
      background : linear-gradient(90deg, rgba(255, 221, 86, 1) 0%, rgba(255, 116, 86, 1) 82.43%);  border-radius : 5px  / 8px
    
}

.titulovideo2 a:hover{
    transform: scale(1.3);
    transition: all .4s ease;
}

#usuariovideo2 img{
    width: 25px;
}

#usuariovideo2{
     padding: .5em;
    display: flex;
    flex-direction: row;
    margin-bottom: .4em;
     background : linear-gradient(90deg, rgba(159, 71, 250, 1) 0%, rgba(254, 96, 152, 1) 100%);  border-radius : 5px  / 8px; 
    
     

    
}

#usuariovideo2 h4{
    align-self: flex-end;;
    font-size: .7em;
    padding: .5em;
}

#datosvideos2 h3{
   
    
    
}

#datosvideos2 h5{
   margin-top: .7em;
   
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: .7em;
   
     

}


#datosvideos2 p{
    margin-top:.6em;;
    font-size: .8em;
    
   
    
}

#vermasvideo2{ 
    
    display: flex;
    
     
    margin-bottom: 5em;
    border-bottom: 1px solid;
    
}


#vermasvideo2 h4{
    align-self: center;
   
    padding: .4em;
}

#vermasvideo2 a{align-self: center;
    margin: .3em;
    padding: .4em;
    border: 1px solid yellow;
    color:aliceblue;
    font-size: .7em;
}


.col-md-6{
    align-self: center;
    height: 55px;
}


#vermasvideo2 a:hover{
    transform: scale(1.05);
    background-color: yellow;
    color: red;
}




/*_____VIDEORESPONSIVEPORTADA*/


  .videoresponsive{
        
  
  
  position: relative;
  width: 100vw;
  height: 30vh;
  overflow: hidden;
  z-index: 0;
 }

    .videoresponsive video{  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
        
    }




/*_______1INFOPROYECTO____*/

.infoproyec{
    
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-family: 'Lato', sans-serif;
    background-color:  #212121;
    color: #F2F2F2;
    flex-wrap: wrap;
    flex-grow: 1;
}


.contenedor4{
    padding: 1em;
    margin: 1em;
    justify-content: flex-start;
}




#acheuno { font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    align-content: center;
    text-align: center;
    padding: .6em;
    margin: .5em;
    color: #42F5E1;
    border-bottom: 1px solid #42F5E1;
    font-size:2.2em;
    font-weight: 400
    }


    
#achedos { font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    align-content: center;
    text-align: center;
   padding: .6em;
    margin: .5em;
    color: #42F5E1;
    border-bottom: 1px solid #42F5E1;
    font-size:1.9em;
    font-weight: 400
    
    }


#achetres{font-family: 'Roboto', sans-serif;
    align-content:center ;
    text-align: center;
    padding: .4em;
     margin-top: 1em;
    font-size:1.4em;
    color: #F2F2F2;}


.infoproyecto4{ justify-content: flex-start;}


#achecuatro{ font-family: 'Roboto', sans-serif;
   padding: .4em;
   margin-top: 1.05em;
   font-size:1.05em;
   color: #FFDD56;
    }


#achecinco { font-family: 'Roboto', sans-serif;
   align-content:flex-start;
   text-align:center;
   padding: .1em;
   margin-top: 1em;
   font-size:1em;
   color: white;
    }


  
#acheseis{font-family: 'Roboto', sans-serif;
    padding: .4em;
     margin-top: 1.05em;
    font-size:0.8em;
    color: #F2F2F2;
    }





.titl4
{width:100%;
display: flex;
justify-content: center; 
align-items: center;
margin-bottom: 5px;
height: 30px;
padding: 1px 50px;
margin-top: 10px;
font-size: 15px;
color: #e6e6e6;
background-color: #000000;
border: 1px solid #676767;
border-radius: 4px;}
    

#formi4{
    width:100%;
}

.form4{
width:100%;
display: flex;
justify-content: center; 
align-items: center;
margin-bottom: 5px;
height: 80px;
padding: 1px 50px;
margin-top: 10px;
font-size: 15px;
color: #e6e6e6;
background-color: #000000;
border: 1px solid #676767;
border-radius: 4px;}
    




/*_______2EQUIPOTECNICO____*/


  
.diapo4{
    width: 70px;
    margin: .9em; 
    align-content:center;
    justify-content:center;
    align-self: center;
    border-radius: 4px;}

 



/*_______4CARGARVIDEO____*/




.infoproyecto4{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
    
}

.diapo4 a{
    width: 70px;
    margin: .9em; 
    align-content:center;
    justify-content:center;
    align-self: center;

}

.enlac4{
width:100%;
display: flex;
justify-content: center; 
align-items: center;
margin-bottom: 5px;
height: 30px;
padding: 1px 50px;
margin-top: 10px;
font-size: 15px;
color: #e6e6e6;
background-color: #000000;
border: 1px solid #676767;
border-radius: 4px;}




































/* PREMIOS */



.galeria {background-color:  #212121;
    padding-bottom: 2em;
    transition: all 1s ease;
}

.galeria > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.fondodestacado {
    background-color: rgba(0, 139, 139, 0.5);
}

.premios{
    display: block;
    
}
    

.galeria figure {
    position: relative;
    overflow: hidden;
    flex-grow: 1;
}

.galeria img { display: block; 
width: 300px;}

.galeria figcaption {
    background-color: rgba(0,0,0,.5);
    border: solid 2px rgba(0,0,0,0);
    border-radius: 0 0 0 0;
    color: white;
    padding: .5em;
    position: absolute;
    height: 100%;
    top: calc(100% - 2.5em);
    left: 0;
    right: 0;
    transition: all .5s ease;
    
}

.galeria figure:hover figcaption {
    background-color: rgba(100,50,0,.5);
    border: solid 2px rgba(100,50,0,.6);
    border-radius: 0em 0em 0 0;
    padding: 1em;
    text-align: center;
    top: .5em;
    left: .5em;
    right: .5em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    transition: all .3s ease-out;
}

.galeria figcaption span {
    color: #ddd;
    display: block;
    font-size: .75em;
    margin-top: 1em;
}


.subir {
    text-decoration: none;
    color: darkcyan;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.subir:hover {
    text-decoration: underline;
}




















.contenesigui a{
    
   
    margin: auto;
    margin-top: 1em;
    color:black;
    text-align: center;
    font-size: .8em;
    width:150px;
    justify-content:center;
    display: block;
    flex-direction: row;
    
background : -moz-linear-gradient(0% 50% 0deg,rgba(70,
148, 255, 1) 0%,rgba(66, 245, 225, 1) 100%);
background : -webkit-linear-gradient(0deg, rgba(70, 148,
255, 1) 0%, rgba(66, 245, 225, 1) 100%);
background : -webkit-gradient(linear,0% 50% ,100% 50%
,color-stop(0,rgba(70, 148, 255, 1) ),color-stop(1,rgba(66,
245, 225, 1) ));
background : -o-linear-gradient(0deg, rgba(70, 148, 255,
1) 0%, rgba(66, 245, 225, 1) 100%);
background : -ms-linear-gradient(0deg, rgba(70, 148, 255,
1) 0%, rgba(66, 245, 225, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
startColorstr='#4694FF', endColorstr='#42F5E1' ,GradientType=
0)";
background : linear-gradient(90deg, rgba(70, 148, 255, 1)
0%, rgba(66, 245, 225, 1) 100%);
border-radius : 5px / 8px;
-moz-border-radius : 5px / 8px;
-webkit-border-radius : 5px / 8px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#
4694FF',endColorstr='#42F5E1' , GradientType=
1);
}






































































/* menu responsive MQ_________
______________
_____
________
____
__*/



@media screen and (max-width: 600px) {
  .column {
    width: 50%;
  }
}


@media screen and (max-width: 700px) {
  .column {
    width: 50%;
  }
    
    }



@media (min-width: 900px){
    .estructurarespon{
        display: flex;
         background-image: url("../imagenes/fondoparatitulos.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    
    .cronomresponsive{
        justify-content: center;
        align-self: center;
        width: 30%;
        
         
        
    }
    
    .responsiveconcurso{
        width: 70%; 
        background: linear-gradient(90deg, #231c41 0%, #332a40 100%);
        padding: 3em;
    }
    
    #titulofotorama2{
       padding-bottom: 2em;
    }
    
    .contenidodestacado2{
    display: flex;
    flex-direction: column;
      text-align: center;  
        padding: 1.5em;
        font-size: .8em;
        margin-top: 2em;
}
    
    .contenidodestacado2 img{
        width: 50px;
    }
    
    .columnadecate2  img{
    width: 60px;
    margin: .5em;
}
    
    .columnadecate2{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: .6em;
       margin-bottom: 1.9em;
        margin-top: 3em;
        align-items:center;
        border-bottom: 1px solid white;
    }
    
    .contdesta2 h2{
        font-size: 1.1em;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    
    .columnadecate2 h4{
        font-family: 'Lato', sans-serif;
     text-transform: uppercase;
    letter-spacing: .1em;
    color: #F2F2F2;
    font-size: 1.2em;
    padding: .3em;
        
    }
    
    
    
    .exploracategoria2{
        padding-top: 2em;
        display: flex;
       flex-direction: row;
       justify-content: space-around;
        
    }
    
  
    
    .docu{
        display: flex;
        flex-direction: row;
      ;
        align-items: center;
    }
    
    
    .docu2 img{
        width: 70px;
        margin: 1em;
    }
    
    .docu2 h2{
        font-size: 2.4em;
        
    }
    
    #prede2{
        text-align: left;
        padding-left: 3em;
        border-bottom: none;
        padding-top: 2em;
        
    }
    
    .usuarios{
        padding-left: 2em;
        
    }
   
    .usuarios li a{
        font-size: 1.2em;
    }



    .contenedordecadavideo{
        display: flex;
        justify-content: space-around;
        padding: 2em;
        margin: 1em;
    }

    .responsvervideo2{
        width: 40%;
    }

    #responsivestrellas{
        width: 50%;
        justify-content: center;
        align-self: center;
    }

    .contenedordecadavideo{
        border-top: 1px solid;
        background: linear-gradient(90deg, #231c41 0%, #332a40 100%);
    }




}





@media (min-width:1000px){
    
    
     .contenedorinicio{
        display: flex;
        flex-direction: row;
        
    }
    
   
    
    
    .tituloinicio{
        flex-direction: column;
    }
  
   
    #fecha{
        flex-direction: column;
    }
    
    .inicio30 h1{
        font-size: 1.4em;
    }
    
    
    
    .inicio30 h2{
        font-size: 1.1em;
      margin-left: 2em;
        margin-right: 2em;
    }
    
    
    
    
}





@media (min-width:1080px) {
    
    
    .adelantodeconcurso{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        
    }
    
    .column {
    width: 20;
  }
    
    
    .contenedorfotograma{width: 50%;
        
    }  
    
}











@media (min-width: 1080px) {

    /* se ocultan los "botones" que
    muestran o esconden el menu */
    #menu-toggle,
    #menu-toggle:checked + #llamamenu,
    #menu-toggle:not(:checked) + #llamamenu,
    #menu-toggle:checked + #llamamenu + #ocultamenu,
    #menu-toggle:not(checked) + #llamamenu + #ocultamenu {
        display: none;}
    
    /* se muestran el menu horizontal */
    #menu-toggle:not(:checked) + #llamamenu + #ocultamenu + ul,
    #menu-toggle:checked + #llamamenu + #ocultamenu + ul {
        display: flex;
        background: none;
        /* para que el menú vuelva al "fondo" */
        position: relative;
        top: 0;
        left:10%;
        height: auto;
        width: 100%;
        padding-top: 1em;
        right: 0%;}
    
    .hamburguesa ul li a {
    color: #F2F2F2;
    text-decoration: none;
    padding-left: 2em;
        padding-right: 2em;
        margin-top: 2em;
        border-left: 1px solid white;
        font-size: 1em;}
    
    .menu img{
    
        width: 70px;
        margin-right: 5em;
    }
    
    .menu{
        align-items: flex-end;
    }
    
    
    .contenedordelbaner{
        height: 20em;
    }
    
  
   
    
    #participa {
        margin: 1em;
        
    }
    
    
    #fecha li p{
        font-size: 1.em;
    }
    
    .fruta{
        font-weight: bold;
    }
    
    
    #fecha img{
        width: 60px;
    }
    
    #participa img{
        width: 70px;
    }
    
    .todosparticipan2 img{width: 70px;}
    
    

    
    

    
    .adelantodeconcurso h1{
        font-size: 1.4em;
        letter-spacing: .3em;
    }
    
   
    
    .adelantodeconcurso{
    background-color:  #212121;
    
    padding: 4em;
}

    .contactos2{
        width: 500px;
        
    }
    
    footer{
   font-size: 1em;
  
}
    
    
    .titulodebase2 {
   
    height: 130px;
   
   
}

.titulodebase2 h1{
   
    letter-spacing: .3em;
    font-size: 2em;

}
    
    .tenerencuenta h1{
        font-size: 1.8em;
    }
    
   .tenerencuenta li{
    padding: .6em;
    font-size: 1.07em;
    width: 150px;
    text-align: center;
    margin: .5em;
    
    }
    
        
    
  
    
    
    .sobrecategorias h4{   
    font-size: 1.8em;
    align-self: center;
padding-top: 1em;}

.sobrecategorias p{
    padding-bottom: 1.5em;
    margin-bottom: 0;
    font-size: 1.7em;
    font-weight: bold;
    
    
}

.condiciones2{
    
    
    text-align:justify;
    max-width: 1480px;
    
   }


.condiciones2 h1{
    text-align: justify;
    
   
   
    font-size: 1.2em;
}

.condiciones2 h3{
    
text-align: justify;
font-size: 1.2em;
    
}


.condiciones2 h4{
      text-align: justify;
    font-family: 'Lato', sans-serif;
   font-weight: bold;
      font-size: 1.1em;
    margin-top: 1em;
    }


    
.condiciones2 p{
    padding: 0;
    font-size: 1.3em;
    }

    
    
.condiciones2 li{
    font-size: 1.1em;
    }

    
    
    .portadainicio2{
        height: 130px;
    }

    .inicioconcurso2 h1{
        letter-spacing: .3em;
    font-size: 2em;
    }
    
    
    .cuentaregresiva{ 
   
    flex-direction: column;
        align-content: center;
       
   
   
}
    
    
.videoresponsive{
  padding-bottom: 25%;
 }

 
    
    
}


/*___mediaregistro___*/

@media (max-width: 770px) {
    #registroconcurs1 { top 1em; left 6em; }

}

@media (max-width: 1117px) { 
    #registroconcurs1{ left: 10em ; top: 1em} 
    .videodefondo { max-height: 100%}  
}

@media (max-width: 414px) { 
    #registroconcurs1  { background-color: rgb(20, 8, 12, 0.6) ; top: 0; left: 0 ; width: 100%; height: 200vw}
    .formularioconcurs {width: auto; height: 170vw}
    .videodefondo video {position: fixed}
    .capatapa {position: fixed}
    
}



@media (min-width: 770px) { 
#ventanaperfil1 { display: flex; flex-direction: row; float: left;} 
    .perfilsection {margin: 0; }
    .detallesperfil1 {max-width: 33%; max-height: 33%;}
    .nombreperfil {font-size: 2.2em; border-bottom: solid 1px; border-bottom-color: #9274a2}
    .description {padding-bottom: 1em;border-bottom: solid 1px; border-bottom-color: #9274a2 }
    .ventanamivideoperfil {margin: 0;max-width: 33%; max-height: 33%;} 
    .videoconcursante iframe{position:relative;}
    .modulofinal {max-width: 33%; max-height: 33%;margin: 0}
    .videofav1 iframe {position:relative;}
    .videofav2 iframe {position:relative;}
    .videofav3 iframe {position:relative;}

}




@media (max-width: 770px) { 
#ventanaperfil1 {background-color: }

@media (max-width: 400px) { 
#ventanaperfil1 {background-color: }}




@media (max-width: 400px) { 
.generalperfil { flex-direction: column}





@media (min-width: 770px) { 
    #registroventana1 { top 1em; left 6em; }
    
    }

@media (max-width: 1117px) { 
    #registroventana1 { left: 10em ; top: 1em} 

@media (max-width: 414px) { 
#ventanaperfil1 {background-color: }
    #registroventana1  { background-color: rgb(20, 8, 12, 0.6) ;
    top: 0; left: 0 ; width: 100%; height: 200vw}
    .formulario {width: auto; height: 100vw}
}


       

    
    /*________________________________________________*/