body{
    padding:0;
    margin:0;    
}
.contenedorHome{
    position:fixed;
    width: 100%;
    height:100%;
    background:var(--bg-card);
    overflow-y: auto;
}
.contenedorLogin{

    position:relative;
    top:40px;
    left:80px;
    padding:10px;
    width:calc(100% - 160px);
    min-height:calc(100vh - 160px);

    border:2px solid transparent;
    border-radius:10px;
    margin-bottom: 80px;
    background:
        linear-gradient(rgba(3,11,45,.75), rgba(3,11,45,.75)) padding-box,
        url("../images/bgRegular.png") center/cover no-repeat padding-box,
        linear-gradient(135deg, #F117FF, #2C8FFF) border-box;

    background-origin:border-box;
    background-clip:padding-box, padding-box, border-box;
}
.contenedorIzquierda{
    position:relative;
    display:inline-block;
    vertical-align: top;
    width:calc(50% - 25px);
    padding:10px;
    text-align: center;
    color:var(--text-secondary);
}
.contenedorDerecha{
    position:relative;
    display:inline-block;
    vertical-align: top;
    width:calc(50% - 55px);
    margin-left:10px;
    padding:10px;
    text-align: center;
    border:1px solid var(--cyan);
    border-radius: 10px;
    background: rgb(25,227, 255, .2);
    
    color:var(--text-secondary);
}
.logoInicio{
    width:60%;
    height:auto;
}
h1{
    color:var(--text);
    font-size: 30px;
}
h1 span{
    background: linear-gradient(
        135deg,
        #F117FF 0%,
        #8E5BFF 45%,
        #19E3FF 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
}
h2{
    color: var(--text-secondary);
    font-size:20px;
}
h2 span{
    background: linear-gradient(
        135deg,
        #F117FF 0%,
        #8E5BFF 45%,
        #19E3FF 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
}
h3{
    font-size:24px;
    color:var(--text);
}
.separaMenos{
    margin-top: -20px;
    margin-bottom: 20px;
}
.separaMenos span{
    color:var(--pink);
}
.btnInicaSesion{

    padding:14px 14px;

    border:none;
    border-radius:12px;
    width:100%;
    margin-top: 15px;
    background:linear-gradient(
        90deg,
        #F117FF 0%,
        #8E5BFF 50%,
        #19E3FF 100%
    );

    color:#FFFFFF;

    font-weight:600;
    font-size:16px;

    cursor:pointer;

    transition:all .3s ease;
}

.btnInicaSesion:hover{

    transform:translateY(-2px);

    box-shadow:
        0 0 12px rgba(241,23,255,.35),
        0 0 20px rgba(25,227,255,.25);
}

.contenedorInput{
    display: inline-block;
    padding:5px;
    text-align: left;
    position:relative;
    width: calc(100% - 15px);
    margin-top: 5px;
    margin-bottom: 5px;
}
.contenedorInputRegistro{
    display: inline-block;
    padding:5px;
    text-align: left;
    position:relative;
    width: calc(100% - 15px);
    margin-top: 0px;
    margin-bottom: 0px;
}
.inptutLogin{
    width:calc(100% - 50px);
    padding:5px;
    border-radius: 10px;
    padding-left: 40px;
    border: 1px solid var(--cyan);
    background:none;
    color:#FFF;
}
.inptutLoginEn3{
    width:calc(32% - 15px);
    padding:5px;
    border-radius: 10px;
    border: 1px solid var(--cyan);
    background:none;
    color:#FFF;
}
.inptutLoginB{
    width:calc(100% - 85px);
    padding:5px;
    border-radius: 10px;
    padding-left: 40px;
    padding-right: 40px;
    border: 1px solid var(--cyan);
    background:none;
    color:#FFF;
}

.inptutLogin:focus{
    outline: none;
    border: 1px solid var(--pink);
}
.inptutLoginB:focus{
    outline: none;
    border: 1px solid var(--pink);
}
.iconoInput{
    position:absolute;
    width:25px;
    height:auto;
    max-height: 17px;
    bottom:13px;
    left:12px;
}
.iconoInputC{
    position:absolute;
    width:25px;
    height:auto;
    max-height: 17px;
    bottom:13px;
    left:12px;
}
.iconoInputB{
    position:absolute;
    width:25px;
    height:auto;
    bottom:13px;
    right:12px;
    cursor:pointer;
}
.separator{
    display:flex;
    align-items:center;
    text-align:center;
    width:100%;
    margin:25px 0;
}

.separator::before,
.separator::after{
    content:"";
    flex:1;
    height:1px;

    background:linear-gradient(
        90deg,
        rgba(241,23,255,.2),
        rgba(25,227,255,.7)
    );
}

.separator span{
    padding:0 18px;
    color:var(--text);
    font-size:14px;
    font-weight:500;
    letter-spacing:.5px;
}
.separator::before,
.separator::after{
    content:"";
    flex:1;
    height:1px;

    background:var(--text-secondary);
}
.linkRecuperaPass{
    display:inline-block;
    margin-top:30px;
    color:var(--cyan);
    cursor:pointer;
}
.linkRegistro{
    display:inline-block;
    margin-top:15px;
    color:var(--pink);
}

.gtranslate_wrapper{
    position:relative;
    margin-top:15px;
    width:100%;
    text-align: center;
}
.contenedorPie{
    color:#FFF;
    position:relative;
    bottom:20px;
    font-size:12px;
    width:100%;
    text-align: center;
}
.linkPie{
    cursor:pointer;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}
.formularioSube{
    margin-top: -20px;
}
#respuestaAjax{
    margin-top:10px;
    color:var(--pink);
    font-size:11px;
    font-weight: bold;
}
@media(max-width:900px){
    
.linkRegistro{
    display:inline-block;
    margin-top:15px;
    color:var(--pink);
}

.separator{
    display:flex;
    align-items:center;
    text-align:center;
    width:100%;
    margin:10px 0;
}
    

.contenedorLogin{

    position:absolute;
    top:20px;
    left:60px;
    padding:10px;
    width:calc(100% - 80px);
    height:calc(100vh - 80px);

    
}

}