section.banner{
    /* width: 100vw; */
    height: 60vh;
    position: relative;
}

section.banner .imgBanner{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(1px);
}

section.banner .textoBanner{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #ffffff;

   width: 90%;
   
   text-align: center;

   text-shadow: 2px 2px 4px rgba(0, 0, 1, 0.75);
}

.textoBanner h1{
    /* font-size: 1.4rem; */
    font-size: clamp(1.4rem, 1.0368rem + 1.4035vw, 2.3rem);
    font-weight: 600;
}

@media (min-width: 1024px) {
    section.banner{
        height: 80vh;
    }
}