/* HERO más compacto para .page-title.style-3 */
@media (min-width: 1200px) {
    /* 1) Controla la altura del bloque */
    .page-title.style-3 .thumbs{
        /* entre 420px y 640px, escalando con el viewport */
        height: clamp(420px, 58vh, 640px);
    }
    /* 2) Haz que la imagen respete esa altura */
    .page-title.style-3 .thumbs img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 0; /* override del 550px del theme */
    }
    /* 3) Sube un poco el título sin exagerar */
    .page-title.style-3 .content{
        margin-top: clamp(48px, 10vh, 120px); /* antes: 170px */
    }
    /* 4) Ajusta el solape del buscador con el banner */
    .page-title.style-3 .flat-tab-form{
        margin-top: -84px; /* prueba rango -60 a -100 según te guste */
    }
    /* 5) Título más contenido sólo en el hero */
    .page-title.style-3 .title{
        font-size: clamp(36px, 5.5vw, 64px);
        line-height: 1.1;
        letter-spacing: -.5px;
    }
}