/* ===================== */
/* TERMINOS Y CONDICIONES LINK */
/* ===================== */

.legal-info a.legal-terms{

color:white;
text-decoration:none;
display:inline-block;
transition:all 0.35s ease;

}

/* HOVER (pasar el cursor) */

.legal-info a.legal-terms:hover{

color:yellow !important;

transform:scale(1.2);

text-shadow:
0 0 5px rgba(255,255,0,0.6),
0 0 10px rgba(255,255,0,0.4),
0 0 20px rgba(255,255,0,0.3);

cursor:pointer;

}

/* EVITA QUE EL CLICK CAMBIE EL COLOR */

.legal-info a.legal-terms:focus{

color:white;

}


/* ===================== */
/* VENTANA TERMINOS Y CONDICIONES */
/* ===================== */

#legalWindow .legal-content{

position:relative;

/* mismo fondo del inicio */

background:url("../assets/img/fondo.png");
background-size:cover;
background-position:center;

width:90%;
max-width:1100px;

height:80vh;

border-radius:10px;

padding:40px;

overflow-y:auto;

color:white;

}


/* ===================== */
/* LOGO VENTANA LEGAL */
/* ===================== */

#legalWindow .legal-logo{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

/* CONTROL TOTAL */

width:720px;
opacity:0.1;

pointer-events:none;

}

/* ===================== */
/* TITULO TERMINOS CONTROL */
/* ===================== */

#legalWindow .legal-title{

position:absolute;

/* POSICION VERTICAL */

top:80px;

/* CENTRADO AUTOMATICO */

left:50%;
transform:translateX(-50%);

/* CONTROL TOTAL */

font-size:36px;
color:white;
font-weight:bold;

text-align:center;

}


/* ===================== */
/* TEXTO TERMINOS CONTROL */
/* ===================== */

#legalWindow .legal-text{

position:absolute;

/* POSICION VERTICAL */

top:300px;

/* CENTRADO AUTOMATICO */

left:50%;
transform:translateX(-50%);

/* CONTROL */

width:80%;

font-size:20px;

line-height:1.7;

color:white;

}

/* ===================== */
/* PARRAFOS TEXTO LEGAL */
/* ===================== */

#legalWindow .legal-text p{

display:block;

margin-bottom:15px;

font-size:40px;

line-height:1.7;

white-space:normal;

}



