h1 {
    font-family: "Source Sans Pro", sans-serif;
    width: 700px;
   
    color: rgb(243, 242, 237);
}
h1 {
    font-size: 2.35em;
    margin: 0.67em 0;
}
h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600 !important;
    font-size: 1.625rem !important;
    line-height: 32px !important;
    letter-spacing: -0.5px !important;
    color: rgb(51, 51, 51);
    margin-bottom: 2rem;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
        .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            padding-right: 0;
            padding-left: 0;
        }
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
.bannerHabeasData-2 {
    position: relative;
    margin-top: 5rem;
}

.bannerHabeasData-2 .textInfo {
    width: 100%;
    max-width: 550px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bannerHabeasData-2 .textInfo h1 {
    margin-bottom: 0.75rem;
    padding: 0;
}

.bannerHabeasData-2 .textInfo p {
    width: 100%;
    max-width: 450px;
    color: rgb(255, 255, 255);
}


@media screen and (max-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
    .btn_btn_form2 .boton2 {
        margin-left: -6px !important;
    }

    .btn_btn_form2.boton2 {
        margin-left: -6px !important;
    }

    .btn-container {
        flex-direction: column;
        align-items: center;
        max-width: 100%;
        margin-left: auto;
    }

    .visibleDesktop {
        display: none;
    }

    .visibleMobile {
        display: block;
    }

    .header .logoColsubsidio {
        width: 185px;
        left: 13px;
    }

    .bannerHabeasData-2 .textInfo {
        padding: 10px;
        background-color: #FAFBFD;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        position: relative;
    }

    .bannerHabeasData-2 .textInfo::before {
        content: "";
        width: 100%;
        height: 6px;
        background-color: #FFD000;
        position: absolute;
        top: 0;
        left: 0;
    }

    .bannerHabeasData-2 .textInfo h1,
    .bannerHabeasData-2 .textInfo p {
        color: rgb(51, 51, 51);
        text-align: center; /* Alineación centrada */
    }

    .bannerHabeasData-2 .textInfo h1 {
        font-size: 36px !important;
        margin-bottom: 0.75rem;

        font-weight: 700 !important;
        max-width: 100vw;
        line-height: 32px;
        color: rgb(51, 51, 51);
        font-weight: 400;
        text-align: center !important;
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
    }
}