/* Correções específicas para problemas no provedor */

/* Garantir que elementos absolutos tenham referência correta */
#hero {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Corrigir posicionamento de elementos que podem variar entre ambientes */
#hero h1 {
    position: absolute !important;
    z-index: 9999 !important;
    white-space: nowrap;
}

/* Garantir que imagens mantenham proporção */
img {
    max-width: 100%;
    height: auto;
}

/* Corrigir problemas de box-model */
* {
    box-sizing: border-box;
}

/* Fallback para fontes que podem não carregar */
body, h1, h2, h3, h4, h5, h6, p, div, span {
    font-family: 'DINPro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Garantir que elementos flutuantes não quebrem layout */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Corrigir problemas de viewport em diferentes ambientes */
@media screen and (max-width: 1920px) {
    #hero h1 {
        font-size: clamp(2rem, 3vw, 4rem);
    }
    
    #hero p.texto-chamada {
        font-size: clamp(1rem, 1.5vw, 1.8rem);
    }
}

/* Garantir que elementos não saiam da tela */
#topicos #infografico {
    max-width: 100%;
    overflow: visible;
}

/* Corrigir problemas de z-index */
#hero img.seta-left {
    z-index: 1 !important;
}

#hero h1 {
    z-index: 10 !important;
}

#hero .chamada-esquerda {
    z-index: 5 !important;
}