#contenidoPopUpRegistro{
    background: url('../../IMG/fondoPopUps.svg');
    background-position: bottom;
    background-position-x: left;
    background-color: var(--beige-Allure);
    background-repeat: no-repeat;
    background-size: 70%;
    border-top-left-radius: var(--radios-grandes);
    border-top-right-radius: 0px;
    border-bottom-right-radius: var(--radios-grandes);
    border-bottom-left-radius: 0px;
}
@media screen and (min-width: 576px) {
    #contenidoPopUpRegistro{
        max-height: 90vh;
    }    
}






#btnRegistrarPopUpRegistro, #btnVerificarTelPopUpRegistro, #btnVerificarCodTelPopUpRegistro{
    background-color: var(--morado-Allure);
    color: white;
}
#btnRegistrarPopUpRegistro:hover, #btnRegistrarPopUpRegistro:focus{
    background-color: var(--rosa-Allure);
    color: white;
}
#btnVerificarTelPopUpRegistro:hover, #btnVerificarTelPopUpRegistro:focus{
    background-color: var(--rosa-Allure);
    color: white;   
}
#btnVerificarCodTelPopUpRegistro:hover, #btnVerificarCodTelPopUpRegistro:focus{
    background-color: var(--rosa-Allure);
    color: white;   
}

#btnLoginPopUpRegistro{
    background-color: var(--morado-Allure);
    color: white;
}
#btnLoginPopUpRegistro:hover, #btnLoginPopUpRegistro:focus{
    background-color: var(--rosa-Allure);
    color: white;
}

#spanMostrarLoginPopUpReg{
    color: var(--morado-Allure);
    font-weight: 600;
}
#spanMostrarLoginPopUpReg:hover, #spanMostrarLoginPopUpReg:focus{
    cursor: pointer;
    text-decoration: underline;
    color: var(--rosa-Allure);
}

#spanMostrarRegistroPopUpReg{
    color: var(--morado-Allure);
    font-weight: 600;
}
#spanMostrarRegistroPopUpReg:hover, #spanMostrarRegistroPopUpReg:focus{
    cursor: pointer;
    text-decoration: underline;
    color: var(--rosa-Allure);
}








#contenidoPopUpTelefonoRegistro{
    background: url('../../IMG/fondoPopUps.svg');
    background-position: bottom;
    background-position-x: left;
    background-color: var(--beige-Allure);
    background-repeat: no-repeat;
    background-size: 70%;
    border-top-left-radius: var(--radios-grandes);
    border-top-right-radius: 0px;
    border-bottom-right-radius: var(--radios-grandes);
    border-bottom-left-radius: 0px;
}
@media screen and (min-width: 576px) {
    #contenidoPopUpTelefonoRegistro{
        max-height: 90vh;
    }    
}
#btnRegistrarPopUpRegistroTel{
    background-color: var(--morado-Allure);
    color: white;
}
#btnRegistrarPopUpRegistroTel:hover, #btnRegistrarPopUpRegistroTel:focus{
    background-color: var(--rosa-Allure);
    color: white;
}