/* Estilos base (mobile-first) */
.fondo-hero-mais {
background: var(--Color-Surface-General-3, #F9F9F9);
}
.fondo-claro-mais {
    border-radius: 0 0 var(--border-radius-xl, 48px) var(--border-radius-xl, 48px);
background: var(--Color-Surface-General-1, #FFF);
}
.hero-mais-con-mais {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px 0 64px 0;
}

.hero-mais-con-mais .bloque-texto {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.hero-mais-con-mais .bloque-texto .title_m {
    color: var(--Color-Content-General-1, #2C2C2C);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: IberPangea;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin: 0;
}

.hero-mais-con-mais .bloque-texto .body_regular_l {
    color: var(--Color-Content-General-1, #2C2C2C);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: IberPangea;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.hero-mais-con-mais img.img-header {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: var(--border-radius-l);
}

.hero-mais-con-mais .bloque-texto img.icono-mais-con-mais {
    width: 182px;
    height: 42px;
}

.hero-mais-con-mais .bloque-texto .contenido {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.hero-mais-con-mais a.btn:hover{
    background:#00402A;
}
.hero-mais-con-mais .bloque-texto a.btn {
    display:none;
}
.hero-mais-con-mais  a.btn {
    display: flex;
    max-width: 412px;
    padding: var(--border-radius-none, 0) var(--size-space-40, 40px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--border-radius-none, 0);
    align-self: stretch;
    border-radius: var(--border-radius-xxl, 100px);
    background: var(--Color-Button-Background-Active-1, #2F6852);
    color: var(--Color-Button-Content-Active-1, #FFFAF6);
    height: 56px;
}


@media (min-width: 576px) {
    .hero-mais-con-mais {
        gap: 24px;
    }

    .hero-mais-con-mais .bloque-texto .title_m {
        font-size: 40px;
        line-height: 48px;
    }

    .hero-mais-con-mais img.img-header {
        height: 325px;
    }

    .hero-mais-con-mais .bloque-texto img.icono-mais-con-mais {
        width: 240px;
        height: 56px;
    }

    .hero-mais-con-mais .bloque-texto .contenido {
        gap: 24px;
    }

    .hero-mais-con-mais .bloque-texto a.btn {
        display: flex;
        width: 200px;
    }

    .hero-mais-con-mais a.btn {
        display: none;
    }
}


@media (min-width: 768px) {
    .hero-mais-con-mais {
        flex-direction: row;
        align-items: center;
    }

    .hero-mais-con-mais .bloque-texto {
        width: 300px;
        padding-right: 16px;
    }

    .hero-mais-con-mais img.img-header {
        height: 270px;
        width: 348px;
    }
}


@media (min-width: 992px) {
    .hero-mais-con-mais .bloque-texto {
        width: 402px;
    }

    .hero-mais-con-mais img.img-header {
        width: 402px;
    }
}


@media (min-width: 1200px) {
    .hero-mais-con-mais picture {
        padding-left: 8px;
    }

    .hero-mais-con-mais .bloque-texto {
        width: 348px;
    }

    .hero-mais-con-mais img.img-header {
        height: 450px;
        width: 616px;
    }
}


@media (min-width: 1440px) {
    .hero-mais-con-mais .bloque-texto {
        width: 624px;
    }
}