body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #fff; /* Fondo blanco para la página */
}

/* El contenedor principal del contenido de la página */
.main-content {
    position: relative;
    z-index: 2;
    background-color: #fff; /* Asegura que el fondo sea blanco */
    /* Otros estilos para tu contenido principal */
}

/* Estilos para el contenedor de login */
.login-container {
    width: 300px;
    margin: 0 auto;
    /*padding-top: 150px; !* Ajusta esto según la altura del fondo de partículas *!*/
    /* Otros estilos para tu formulario de login */
}

/* Estilos responsivos */
@media (max-width: 768px) {
    .login-container {
        width: 90%; /* Ajusta el ancho en pantallas más pequeñas */
    }
}


.subtitulo {
    text-align: center;
    font-size: 14px;
    color: #000000;
    opacity: 1;
}

.imgLogoHeaderLogin {
    width: 210px;
}

.label-control {
    text-align: left;
    font-size: 14px;
    letter-spacing: -0.45px;
    color: #545252;
    opacity: 1;
}

.btn1 {
    background: #006055 0% 0% no-repeat padding-box;
    border-radius: 27px;
    opacity: 1;
    width: 244px;
    height: 53px;
    color: white;
}

.btn1:hover {
    background: #013d39 0% 0% no-repeat padding-box;
    border-radius: 27px;
    opacity: 1;
    width: 244px;
    height: 53px;
    color: white;
}

.btn-link1 {
    color: #0099FF !important;
    text-align: center;
    text-decoration: underline;
    font-size: 16px;
}

/* Estilos para PC (sin padding-left específico) */
.form-cajas {
    /* Tus otros estilos van aquí */
}

/* Estilos para tablets */
@media (min-width: 768px) and (max-width: 1024px) {
    .form-cajas {
        /*padding-left: 197px; !* Padding para tablets *!*/
    }
}

/* Estilos para teléfonos móviles */
@media (max-width: 767px) {

    .formRegistro{
        margin: 20px;
    }

    .btn1 {
        background: #9BC21B 0% 0% no-repeat padding-box;
        border-radius: 27px;
        opacity: 1;
        width: 244px;
        height: 53px;
        color: #006055;
    }

    .btn1:hover {
        background: #006055 0% 0% no-repeat padding-box;
        border-radius: 27px;
        opacity: 1;
        width: 244px;
        height: 53px;
        color: white;
    }

    .form-cajas {
        /*padding-left: 37px; !* Padding para teléfonos móviles *!*/
    }
}

.main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-image: url('https://storage.googleapis.com/globalregistry-public/static/v2/images/login/bgdesktop.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

.main-content-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

/* Estilos para dispositivos móviles (hasta 768px) */
@media (max-width: 768px) {
    .main-content {
        background-image: url('https://storage.googleapis.com/globalregistry-public/static/v2/images/login/bgphone.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .main-content-2 {
        background-image: url('https://storage.googleapis.com/globalregistry-public/static/v2/images/login/bgphone.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

/* Estilos para tablets (hasta 1024px) */
@media (max-width: 1024px) {
    .main-content {
        background-image: url('https://storage.googleapis.com/globalregistry-public/static/v2/images/login/bgphone.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .main-content-2 {
        background-image: url('https://storage.googleapis.com/globalregistry-public/static/v2/images/login/bgphone.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

/* Estilos para pantallas que exceden las 20 pulgadas (1600px de ancho aproximadamente) */
@media (min-width: 1600px) {
    .main-content {
        min-height: 107vh;
    }
}

/* Estilos para pantallas que exceden las 24 pulgadas (1920px de ancho aproximadamente) */
@media (min-width: 1920px) {
    .main-content {
        min-height: 107vh;
    }
}

select.form-control {
    background-color: #c9d4b4 !important;
    color: #6D7454 !important;
}

input.form-control {
    background-color: #edeeeb !important;
    color: #545252 !important;
}