.banner-principal {
    height: 330px;
    display: flex;
    padding: 0;
    max-width: fit-content;
    margin-top: 0;

    .img-banner{
        margin: 0 auto;
        position: relative;

        & img{
            height: 100%;
            max-width: 100%;
            object-fit: cover;
        }

        .title-banner h1 {
            color: #003bd1;
            padding: 10px;
            background-color: white;
            width: fit-content;
            font-size: 36px;
            font-weight: 600;            
        }
    
        .texts-banner {
            position: absolute;
            top: 26%;
            left: 23.5%;
    
            .subtitle-banner p {
                padding: 10px;
                background-color: white;
                width: fit-content;
            }
        }
    }

    @media (max-width: 768px) {
        .texts-banner {
            top: 15% !important;
            left: 2% !important;
            width: 95.5%;
        }
    }
}