.mainContainer {
    background-color: var(--primary-color); /* Force override */
    min-height: 70%;  
    /*padding: 20px;*/ /* Add internal spacing */
}

.img-fluid{
    width: 60%;
    height:60%;
}

body {
    background-color: white;
}
/*Form*/
.form-section {
    background-color: white;
}

.form-control {
    border: 2px solid #1ABC9C;
    height: 30px;
    width: 100%;
}

.form-control:focus {
        border-color: #00D1D1;
        box-shadow: none;
}
/*Pssword Toggle Eye*/
.password-toggle {
    position: relative;
}

.password-toggle .toggle-eye {
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
        cursor: pointer;
}

a {
    color: #00D1D1;
    text-decoration: none;
}

a:hover {
        text-decoration: underline;
 }
/*Button de Registrar*/
.register-btn {
    background-color: var(--secondary-color);
    border: none;
    color: #2C3E50;
    font-weight: bold;
}

@media (max-width: 576px) {
    .form-row-mobile {
        flex-direction: column;
    }
}