.banner {
    font-family: 'Outfit', sans-serif; /* fuente */ 
    color: white; /* color del texto */
    background-image: url('../images/Recurso2@3x.png'); /* imagen de fondo */
    border-radius: 24px;
    text-align: center;
    width: 100%; /* ancho del banner*/ 
    padding: 15px 0 40px;
}

.btn-banner {
    background: var(--color-bluestrong) !important; /* color del boton */
    color: white; /* color del texto */
    border: none !important;
    border-radius: 10px;
    padding: 7px 20px 7px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
}

@media(min-width:320px) and (max-width:600px){
   .titulo-comp{
       font-size: 30px !important;
       font-weight: 700;
       line-height: 30px;
       letter-spacing: 0px;
       text-align: center;
       vertical-align: middle;
       
   } 
   .body-comp{
    font-weight: 400;
    font-size: 18px;
    line-height: Body Large/Line Height;
    letter-spacing: 0.5px;
    text-align: center;
    vertical-align: middle;

   }
}