.status-section {
    background: linear-gradient(135deg, rgba(0, 95, 29, 0.08), rgba(255, 204, 153, 0.08));
    min-height: 100vh;
    display: flex;
    align-items: stretch;
    padding-block: 0;
}

.status-section .container-fluid,
.status-section .row {
    min-height: 100%;
}

.status-card {
    background-color: transparent;
    border: none;
    padding: 0;
}

.status-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-negro);
}

.status-subtitle {
    font-size: 1.1rem;
    color: var(--color-verde-institucional);
    font-weight: 600;
}

.status-form .form-label {
    font-weight: 600;
    color: var(--color-texto-neutro-secundario);
}

.status-form .form-control {
    border-color: var(--color-gris-claro);
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
}

.status-form .form-control:focus {
    border-color: var(--color-verde-institucional);
    box-shadow: 0 0 0 0.2rem rgba(0, 95, 29, 0.15);
}

.status-form .btn-primary {
    background-color: var(--color-verde-institucional);
    border-color: var(--color-verde-institucional);
    font-weight: 600;
    padding: 0.9rem 1.25rem;
    border-radius: 0.75rem;
}

.status-form .btn-primary:hover,
.status-form .btn-primary:focus {
    background-color: var(--color-verde-hover);
    border-color: var(--color-verde-hover);
}

.status-link {
    color: var(--color-verde-institucional);
    font-weight: 600;
    text-decoration: none;
}

.status-link:hover,
.status-link:focus {
    text-decoration: underline;
}

.status-illustration {
    width: 100%;
    height: 100%;
    display: flex;
}

.status-illustration__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991.98px) {
    .status-section {
        padding-block: clamp(3rem, 6vh, 4rem);
    }
}

@media (max-width: 575.98px) {
    .status-section {
        min-height: auto;
        padding-block: 2.5rem;
    }

    .status-section .container-fluid,
    .status-section .row {
        min-height: auto;
    }
}

@media (max-width: 991.98px) {
    .status-card {
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    .status-title {
        font-size: 1.5rem;
    }
}