/*body {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}*/

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    background-size: cover;
}

.container-fluid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}
/* Se cambio body por lo de arriba */
/*.login-container input.form-control,
.login-container .form-check,
.login-container button.btn-degrade {
    width: 80%;
    margin: 0 auto;
    display: block;
}*/

.login-container {
    background: #fff;
    padding-block: 2rem;
    max-width: 40rem;
    width: 75%;
}

.right-panel {
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    justify-content: end;
    min-height: 100vh;
    padding: 2rem;
}

.div-fondo-left {
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 33vh;
    display: none !important;
}

.div-virgen {
    background-size: contain !important;
    height: 80%;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-degrade {
    background: linear-gradient(#AB7D5B,#8C5941);
    color: black !important;
    border: none !important;
    border-radius: .7rem !important;
    outline: none !important;
    box-shadow: none !important;
    padding: .7rem !important;
}

.overlay {
    position: absolute;
    padding-top: 20%;
    margin-right: 10%;
    color: white;
}

.overlay-movil {
    justify-content: end;
    color: white;
    padding-right: 10% !important;
}

.hashtag {
    font-size: 1.5vh;
}

.descubri {
    font-size: 3vh;
}

.solicitar {
    font-size: 2vh;
}

.icono-calendario {
    margin: 1.5rem;
    /*width: 17rem;*/
    height: 2vh;
}

.campo {
    min-height: 2.5rem !important;
    border: 2px solid #000 !important;
    border-radius: .7rem !important;
    font-size: 1rem !important;
    /*box-sizing: border-box !important;*/
}
    .campo::placeholder {
        color: #888 !important;
    }
    
.campo-login{
    padding: 1.5rem!important;
}

.logo-login-footer {
    height: 2.5rem;
}

/*Registro*/
.formulario-registro {
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Segoe UI', sans-serif;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.border-radius-derecho {
    border-radius: 0 .7rem .7rem 0 !important;
}

.border-radius-izquierdo {
    border-radius: .7rem 0 0 .7rem !important;
}

select.campo {
    padding: 5px !important;
    background: white;
}

.select2-container--default .select2-selection--single {
    max-height: 2.5rem !important;
    min-height: 2.5rem !important;
    border: 2px solid #000 !important;
    border-radius: .7rem !important;
    font-size: 1rem !important;
    height: auto !important;
    display: flex;
    align-items: center;
}

.logo-turnero-registro {
    width: 7rem;
}

.logo-virgen-registro-header {
    width: 9rem;
}

.logo-virgen-registro-footer {
    display: none !important;
    height: 2.5rem;
    margin: 1rem;
}

/* para floating label */
.form-group.position-relative {
    position: relative;
}

.floating-label {
    position: absolute;
    top: 0.5rem;
    left: 0.75rem;
    background: white;
    padding: 0 0.25rem;
    color: #6c757d;
    transition: all 0.2s ease;
    pointer-events: none;
    z-index: 2;
}
/* Cuando el input tiene foco o valor */
input:focus + .floating-label,
input:valid + .floating-label {
    display: none;
}
/*fin floating label*/

/*Tamaño objetos*/
html {
    font-size: 15px;
}

@media (max-width: 1920px) {
    html {
        font-size: 13px;
    }
}

@media (max-width: 1280px) {
    html {
        font-size: 11px;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 2vh;
    }

    .right-panel {
        display: none !important;
    }

    .div-calendario-texto-left {
        display: none !important;
    }

    .div-fondo-left {
        /*display: block !important*/
        display: flex !important;
        /*align-items: center;*/
        /*justify-content: end;*/
        overflow: hidden !important;
    }

    .login-container {
        padding-top: 0;
        min-height: 67vh !important;
    }

    .div-header-registro-left {
        display: none !important;
    }

    .logo-virgen-registro-footer {
        display: inline-block !important;
    }
}

@media (max-width: 500px) {
    .div-fondo-left {
        font-size: 8px;
    }
}