.elementor-kit-215{--e-global-color-secondary:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-2a6b8b0:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1em;--e-global-typography-2f3dbe8-font-family:"Poppins";--e-global-typography-2f3dbe8-font-size:115px;--e-global-typography-2f3dbe8-font-weight:600;--e-global-typography-2f3dbe8-line-height:1.2em;--e-global-typography-2f3dbe8-letter-spacing:-3.5px;--e-global-typography-95bbf20-font-family:"Poppins";--e-global-typography-95bbf20-font-size:60px;--e-global-typography-95bbf20-font-weight:600;--e-global-typography-95bbf20-line-height:1.2em;--e-global-typography-2142e60-font-family:"Poppins";--e-global-typography-2142e60-font-size:32px;--e-global-typography-2142e60-font-weight:600;--e-global-typography-2142e60-line-height:1.2em;--e-global-typography-3633c69-font-family:"Poppins";--e-global-typography-3633c69-font-size:24px;--e-global-typography-3633c69-font-weight:600;--e-global-typography-3633c69-line-height:1.3em;--e-global-typography-40f6a7f-font-family:"Poppins";--e-global-typography-40f6a7f-font-size:18px;--e-global-typography-40f6a7f-font-weight:600;--e-global-typography-40f6a7f-line-height:1.4em;--e-global-typography-7810902-font-family:"Poppins";--e-global-typography-7810902-font-size:16px;--e-global-typography-7810902-font-weight:600;--e-global-typography-7810902-line-height:1.5em;--e-global-typography-6c215b7-font-family:"Lato";--e-global-typography-6c215b7-font-size:25px;--e-global-typography-6c215b7-font-weight:500;--e-global-typography-6c215b7-line-height:1.6em;--e-global-typography-957b251-font-family:"Poppins";--e-global-typography-957b251-font-size:14px;--e-global-typography-957b251-font-weight:400;--e-global-typography-957b251-line-height:1.5em;--e-global-typography-0858bfd-font-family:"Poppins";--e-global-typography-0858bfd-font-size:65px;--e-global-typography-0858bfd-font-weight:600;--e-global-typography-0858bfd-line-height:1.2em;--e-global-typography-04a9b58-font-family:"Poppins";--e-global-typography-04a9b58-font-size:200px;--e-global-typography-04a9b58-font-weight:600;--e-global-typography-04a9b58-line-height:0.8em;--e-global-typography-9bc0a73-font-family:"Poppins";--e-global-typography-9bc0a73-font-size:40px;--e-global-typography-9bc0a73-font-weight:600;--e-global-typography-9bc0a73-line-height:1.2em;--e-global-typography-f324767-font-size:250px;--e-global-typography-f324767-line-height:1em;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-215 e-page-transition{background-color:#FFBC7D;}.elementor-kit-215 p{margin-block-end:0px;}.elementor-kit-215 h1{font-family:var( --e-global-typography-2f3dbe8-font-family ), Sans-serif;font-size:var( --e-global-typography-2f3dbe8-font-size );font-weight:var( --e-global-typography-2f3dbe8-font-weight );line-height:var( --e-global-typography-2f3dbe8-line-height );letter-spacing:var( --e-global-typography-2f3dbe8-letter-spacing );}.elementor-kit-215 h2{font-family:var( --e-global-typography-95bbf20-font-family ), Sans-serif;font-size:var( --e-global-typography-95bbf20-font-size );font-weight:var( --e-global-typography-95bbf20-font-weight );line-height:var( --e-global-typography-95bbf20-line-height );}.elementor-kit-215 h3{font-family:var( --e-global-typography-2142e60-font-family ), Sans-serif;font-size:var( --e-global-typography-2142e60-font-size );font-weight:var( --e-global-typography-2142e60-font-weight );line-height:var( --e-global-typography-2142e60-line-height );}.elementor-kit-215 h4{font-family:var( --e-global-typography-3633c69-font-family ), Sans-serif;font-size:var( --e-global-typography-3633c69-font-size );font-weight:var( --e-global-typography-3633c69-font-weight );line-height:var( --e-global-typography-3633c69-line-height );}.elementor-kit-215 h5{font-family:var( --e-global-typography-40f6a7f-font-family ), Sans-serif;font-size:var( --e-global-typography-40f6a7f-font-size );font-weight:var( --e-global-typography-40f6a7f-font-weight );line-height:var( --e-global-typography-40f6a7f-line-height );}.elementor-kit-215 h6{font-family:var( --e-global-typography-7810902-font-family ), Sans-serif;font-size:var( --e-global-typography-7810902-font-size );font-weight:var( --e-global-typography-7810902-font-weight );line-height:var( --e-global-typography-7810902-line-height );}.elementor-kit-215 button,.elementor-kit-215 input[type="button"],.elementor-kit-215 input[type="submit"],.elementor-kit-215 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:17px 32px 17px 32px;}.elementor-kit-215 button:hover,.elementor-kit-215 button:focus,.elementor-kit-215 input[type="button"]:hover,.elementor-kit-215 input[type="button"]:focus,.elementor-kit-215 input[type="submit"]:hover,.elementor-kit-215 input[type="submit"]:focus,.elementor-kit-215 .elementor-button:hover,.elementor-kit-215 .elementor-button:focus{border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-215{--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:15px;--e-global-typography-2f3dbe8-font-size:80px;--e-global-typography-95bbf20-font-size:45px;--e-global-typography-2142e60-font-size:28px;--e-global-typography-3633c69-font-size:21px;--e-global-typography-40f6a7f-font-size:17px;--e-global-typography-7810902-font-size:15px;--e-global-typography-6c215b7-font-size:21px;--e-global-typography-0858bfd-font-size:50px;--e-global-typography-04a9b58-font-size:125px;--e-global-typography-9bc0a73-font-size:30px;--e-global-typography-9bc0a73-line-height:2.5em;--e-global-typography-f324767-font-size:200px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-215 h1{font-size:var( --e-global-typography-2f3dbe8-font-size );line-height:var( --e-global-typography-2f3dbe8-line-height );letter-spacing:var( --e-global-typography-2f3dbe8-letter-spacing );}.elementor-kit-215 h2{font-size:var( --e-global-typography-95bbf20-font-size );line-height:var( --e-global-typography-95bbf20-line-height );}.elementor-kit-215 h3{font-size:var( --e-global-typography-2142e60-font-size );line-height:var( --e-global-typography-2142e60-line-height );}.elementor-kit-215 h4{font-size:var( --e-global-typography-3633c69-font-size );line-height:var( --e-global-typography-3633c69-line-height );}.elementor-kit-215 h5{font-size:var( --e-global-typography-40f6a7f-font-size );line-height:var( --e-global-typography-40f6a7f-line-height );}.elementor-kit-215 h6{font-size:var( --e-global-typography-7810902-font-size );line-height:var( --e-global-typography-7810902-line-height );}.elementor-kit-215 button,.elementor-kit-215 input[type="button"],.elementor-kit-215 input[type="submit"],.elementor-kit-215 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );border-width:1px 1px 1px 1px;padding:15px 28px 15px 28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-215{--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:14px;--e-global-typography-2f3dbe8-font-size:44px;--e-global-typography-2f3dbe8-letter-spacing:-2.5px;--e-global-typography-95bbf20-font-size:30px;--e-global-typography-2142e60-font-size:24px;--e-global-typography-3633c69-font-size:18px;--e-global-typography-40f6a7f-font-size:16px;--e-global-typography-7810902-font-size:14px;--e-global-typography-6c215b7-font-size:17px;--e-global-typography-957b251-font-size:12px;--e-global-typography-0858bfd-font-size:40px;--e-global-typography-04a9b58-font-size:90px;--e-global-typography-9bc0a73-font-size:25px;--e-global-typography-f324767-font-size:130px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-215 h1{font-size:var( --e-global-typography-2f3dbe8-font-size );line-height:var( --e-global-typography-2f3dbe8-line-height );letter-spacing:var( --e-global-typography-2f3dbe8-letter-spacing );}.elementor-kit-215 h2{font-size:var( --e-global-typography-95bbf20-font-size );line-height:var( --e-global-typography-95bbf20-line-height );}.elementor-kit-215 h3{font-size:var( --e-global-typography-2142e60-font-size );line-height:var( --e-global-typography-2142e60-line-height );}.elementor-kit-215 h4{font-size:var( --e-global-typography-3633c69-font-size );line-height:var( --e-global-typography-3633c69-line-height );}.elementor-kit-215 h5{font-size:var( --e-global-typography-40f6a7f-font-size );line-height:var( --e-global-typography-40f6a7f-line-height );}.elementor-kit-215 h6{font-size:var( --e-global-typography-7810902-font-size );line-height:var( --e-global-typography-7810902-line-height );}.elementor-kit-215 button,.elementor-kit-215 input[type="button"],.elementor-kit-215 input[type="submit"],.elementor-kit-215 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );padding:13px 26px 13px 26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================
   AMS/BLOCOK — PADRONIZAÇÃO GLOBAL COMPLETA

   COLE SOMENTE EM:
   Elementor → Configurações da página
   → Avançado → CSS personalizado

   SUBSTITUA O CÓDIGO GLOBAL ANTERIOR.
===================================================== */


/* =====================================================
   01. SISTEMA GLOBAL
===================================================== */

:root {
    --ams-margem-pagina: 8vw;
    --ams-margem-full: calc(8vw + 8px);

    --ams-fonte: "Poppins", sans-serif;

    --ams-etiqueta: 12px;
    --ams-titulo-secao: clamp(44px, 3.5vw, 48px);
    --ams-titulo-item: 18px;
    --ams-texto: 16px;
    --ams-botao: 12px;
}


/* =====================================================
   02. ALINHAMENTO HORIZONTAL
===================================================== */


/* História AMS */

.historia-ams-conteudo {
    width: calc(100% - 8px) !important;
    max-width: none !important;

    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 8px !important;

    padding: 0 !important;
}


/* Seções em largura total */

#blocok .tecnologia-blocok-inner,
.ams-comparativo-root .comparativo-area,
.ams-aplicacoes-inner,
.ams-institucional-inner,
.ams-faq-inner {
    width: 100% !important;
    max-width: none !important;

    padding-right: var(--ams-margem-full) !important;
    padding-left: var(--ams-margem-full) !important;
}


/* Seção 8X */

.ams-beneficios-root {
    --ams-margem: var(--ams-margem-full) !important;
}


/* Obras em destaque */

.ams-obras-principal-conteudo {
    padding-left: var(--ams-margem-full) !important;
}


/* =====================================================
   03. FONTE PADRÃO
===================================================== */

.ams-hero-texto h1,
.ams-hero-subtitulo,
.botao-hero,

.historia-numero,
.historia-texto,

#blocok .tecnologia-etiqueta,
#blocok .tecnologia-titulo,
#blocok .tecnologia-descricao,
#blocok .tecnologia-botao,
#blocok .informacao-texto,

.ams-beneficios-root .beneficios-chamada,
.ams-beneficios-root .beneficio,

.ams-comparativo-root .comparativo-etiqueta,
.ams-comparativo-root .comparativo-titulo,
.ams-comparativo-root .comparativo-descricao,

.ams-aplicacoes-etiqueta,
.ams-aplicacoes-titulo,
.ams-aplicacoes-card-titulo,

.ams-institucional-etiqueta,
.ams-institucional-titulo,
.ams-institucional-descricao,
.ams-institucional-botao,
.ams-institucional-item,

.ams-obras-etiqueta,
.ams-obras-titulo,
.ams-obras-localizacao,
.ams-obras-dados,
.ams-obras-botao,
.ams-obras-card-conteudo,
.ams-obras-card-botao,

.ams-faq-etiqueta,
.ams-faq-titulo,
.ams-faq-pergunta,
.ams-faq-resposta {
    font-family: var(--ams-fonte) !important;
}


/* =====================================================
   04. ETIQUETAS DAS SEÇÕES
===================================================== */

#blocok .tecnologia-etiqueta,
.ams-comparativo-root .comparativo-etiqueta,
.ams-aplicacoes-etiqueta,
.ams-institucional-etiqueta,
.ams-obras-etiqueta,
.ams-faq-etiqueta {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 18px !important;
    margin-left: 0 !important;

    font-size: var(--ams-etiqueta) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 2.2px !important;

    text-transform: uppercase !important;
}


/* =====================================================
   05. TÍTULOS PRINCIPAIS DAS SEÇÕES
===================================================== */

#blocok .tecnologia-titulo,
.ams-comparativo-root .comparativo-titulo,
.ams-aplicacoes-titulo,
.ams-institucional-titulo,
.ams-obras-titulo,
.ams-faq-titulo {
    margin: 0 !important;
    padding: 0 !important;

    font-size: var(--ams-titulo-secao) !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: -1.8px !important;
}


/* =====================================================
   06. TEXTOS CORRIDOS — 16PX EM TODO O SITE
===================================================== */

.historia-texto p,
.legenda-numero,

#blocok .tecnologia-descricao,
#blocok .informacao-texto p,

.ams-beneficios-root .beneficio p,

.ams-comparativo-root .comparativo-descricao,

.ams-institucional-descricao,
.ams-institucional-item-texto,

.ams-obras-dados li,
.ams-obras-card-localizacao,
.ams-obras-card-descricao,

.ams-faq-resposta,
.ams-faq-resposta p {
    font-size: var(--ams-texto) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}


/* =====================================================
   07. HISTÓRIA AMS — ALINHAMENTO INTERNO

   A legenda abaixo do 25+ e o texto lateral possuem:
   - mesmo tamanho;
   - mesma altura de linha;
   - mesma quantidade visual de linhas;
   - alinhamento pela parte inferior.

   Como ambos possuem quatro linhas, o início dos dois
   textos também ficará alinhado.
===================================================== */

.historia-ams-conteudo {
    display: flex !important;
    align-items: flex-end !important;
}

.historia-numero {
    align-self: flex-end !important;
}

.legenda-numero {
    margin-top: 28px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding: 0 !important;

    font-size: var(--ams-texto) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.legenda-numero strong {
    font-size: inherit !important;
    font-weight: 700 !important;
    line-height: inherit !important;
}

.historia-texto {
    align-self: flex-end !important;

    margin: 0 !important;
    padding: 0 !important;
}

.historia-texto p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: var(--ams-texto) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}


/* =====================================================
   08. DESCRIÇÕES PRINCIPAIS
===================================================== */

#blocok .tecnologia-descricao,
.ams-comparativo-root .comparativo-descricao,
.ams-institucional-descricao {
    margin-top: 24px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}


/* =====================================================
   09. TÍTULOS DOS ITENS — 18PX

   Estes títulos ficam maiores que os textos corridos,
   mas menores que os títulos principais das seções.
===================================================== */

#blocok .informacao-texto strong,
.ams-beneficios-root .beneficio h3,
.ams-aplicacoes-card-titulo,
.ams-institucional-item-titulo,
.ams-faq-pergunta {
    font-size: var(--ams-titulo-item) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}


/* =====================================================
   10. TECNOLOGIA — CAMADAS
===================================================== */

#blocok .tecnologia-descricao {
    font-size: var(--ams-texto) !important;
    line-height: 1.5 !important;
}

#blocok .informacao-texto strong {
    display: block !important;

    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    margin-left: 0 !important;

    color: #f47a00 !important;

    font-size: var(--ams-titulo-item) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-transform: uppercase !important;
}

#blocok .informacao-texto p {
    width: 100% !important;
    max-width: 330px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: var(--ams-texto) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}


/* Aumenta a área vertical para comportar as fontes */

#blocok .tecnologia-informacoes {
    min-height: 500px !important;
}

#blocok .informacao-camada {
    min-height: 115px !important;
}


/* Alinha linhas e pontos com os títulos */

#blocok .informacao-camada::before {
    top: 12px !important;
}

#blocok .informacao-camada::after {
    top: 9px !important;
}

#blocok .informacao-texto::before {
    top: 9px !important;
}


/* =====================================================
   11. BENEFÍCIOS 8X
===================================================== */

.ams-beneficios-root .beneficio {
    grid-template-rows:
        minmax(50px, auto)
        auto !important;
}

.ams-beneficios-root .beneficio h3 {
    min-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: var(--ams-titulo-item) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.ams-beneficios-root .beneficio p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: var(--ams-texto) !important;
    line-height: 1.5 !important;
}


/* =====================================================
   12. POR QUE AMS — TÓPICOS
===================================================== */

.ams-institucional-item-titulo {
    display: block !important;

    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    margin-left: 0 !important;

    font-size: var(--ams-titulo-item) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.ams-institucional-item-texto {
    margin: 0 !important;

    font-size: var(--ams-texto) !important;
    line-height: 1.5 !important;
}

.ams-institucional-diferenciais {
    min-height: 410px !important;
}


/* =====================================================
   13. APLICAÇÕES
===================================================== */

.ams-aplicacoes-card-titulo {
    font-size: var(--ams-titulo-item) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.4px !important;
}


/* =====================================================
   14. COMPARATIVO
===================================================== */

.ams-comparativo-root .comparativo-descricao {
    font-size: var(--ams-texto) !important;
    line-height: 1.5 !important;
}


/* =====================================================
   15. OBRAS EM DESTAQUE
===================================================== */

.ams-obras-localizacao {
    margin-top: 12px !important;

    font-size: var(--ams-titulo-item) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.ams-obras-dados {
    margin-top: 24px !important;
}

.ams-obras-dados li {
    font-size: var(--ams-texto) !important;
    line-height: 1.5 !important;
}

.ams-obras-card-titulo {
    margin: 0 !important;

    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.7px !important;
}

.ams-obras-card-localizacao {
    margin-top: 8px !important;

    font-size: var(--ams-texto) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.ams-obras-card-descricao {
    margin-top: 12px !important;

    font-size: var(--ams-texto) !important;
    line-height: 1.5 !important;
}


/* =====================================================
   16. FAQ
===================================================== */

.ams-faq-cabecalho {
    padding-top: 0 !important;
}

.ams-faq-pergunta {
    font-size: var(--ams-titulo-item) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.ams-faq-resposta,
.ams-faq-resposta p {
    font-size: var(--ams-texto) !important;
    line-height: 1.55 !important;
}


/* =====================================================
   17. BOTÕES — PADRÃO DO HERO
===================================================== */

.botao-hero,
#blocok .tecnologia-botao,
.ams-institucional-botao,
.ams-obras-botao,
.ams-obras-card-botao {
    font-family: var(--ams-fonte) !important;
    font-size: var(--ams-botao) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.5px !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
}


/* Textos internos dos botões */

.botao-hero > span,
#blocok .tecnologia-botao > span,
.ams-institucional-botao > span,
.ams-obras-botao > span,
.ams-obras-card-botao > span {
    font-family: var(--ams-fonte) !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}


/* Espaçamento antes dos botões */

#blocok .tecnologia-botao,
.ams-institucional-botao,
.ams-obras-botao {
    margin-top: 28px !important;
}


/* Setas */

.botao-hero .seta,
#blocok .tecnologia-seta,
.ams-institucional-botao-seta,
.ams-obras-botao-seta,
.ams-obras-card-botao-seta {
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}


/* Hover */

.botao-hero:hover,
.botao-hero:focus,
#blocok .tecnologia-botao:hover,
#blocok .tecnologia-botao:focus,
.ams-institucional-botao:hover,
.ams-institucional-botao:focus,
.ams-obras-botao:hover,
.ams-obras-botao:focus,
.ams-obras-card-botao:hover,
.ams-obras-card-botao:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* =====================================================
   18. TABLET — 768 A 1024PX
===================================================== */

@media (max-width: 1024px) and (min-width: 768px) {

    :root {
        --ams-margem-pagina: 40px;
        --ams-margem-full: 48px;

        --ams-titulo-secao: 42px;
        --ams-titulo-item: 17px;
        --ams-texto: 15px;
    }

    .historia-ams-conteudo {
        width: calc(100% - 8px) !important;

        margin-right: 0 !important;
        margin-left: 8px !important;
    }

    #blocok .tecnologia-informacoes {
        min-height: 450px !important;
    }

    #blocok .informacao-camada {
        min-height: 105px !important;
    }

    .ams-institucional-diferenciais {
        min-height: 380px !important;
    }

}


/* =====================================================
   19. MOBILE — ATÉ 767PX
===================================================== */

@media (max-width: 767px) {

    :root {
        --ams-margem-pagina: 24px;
        --ams-margem-full: 24px;

        --ams-etiqueta: 12px;
        --ams-titulo-secao: 38px;
        --ams-titulo-item: 17px;
        --ams-texto: 15px;
        --ams-botao: 12px;
    }

    .historia-ams-conteudo {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        width: 100% !important;

        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .historia-numero,
    .historia-texto {
        align-self: flex-start !important;
    }

    .historia-texto {
        margin-top: 28px !important;
    }

    #blocok .tecnologia-blocok-inner,
    .ams-comparativo-root .comparativo-area,
    .ams-aplicacoes-inner,
    .ams-institucional-inner,
    .ams-faq-inner {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .ams-obras-principal-conteudo {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    #blocok .tecnologia-informacoes {
        min-height: auto !important;
    }

    #blocok .informacao-camada {
        min-height: 0 !important;
    }

    #blocok .informacao-camada::before {
        top: 9px !important;
    }

    #blocok .informacao-camada::after {
        top: 7px !important;
    }

    #blocok .informacao-texto::before {
        top: 7px !important;
    }

    .ams-beneficios-root .beneficio {
        grid-template-rows: auto auto !important;
    }

    .ams-beneficios-root .beneficio h3 {
        min-height: 0 !important;
    }

    .ams-institucional-diferenciais {
        min-height: auto !important;
    }

    .botao-hero,
    #blocok .tecnologia-botao,
    .ams-institucional-botao,
    .ams-obras-botao {
        width: 100% !important;
        max-width: 280px !important;
    }

    .ams-obras-card-titulo {
        font-size: 25px !important;
    }

}

/* =====================================================
   CORREÇÃO — HOVER DO BOTÃO "FALE COM A AMS"
===================================================== */

.botao-hero:hover,
.botao-hero:focus,
.botao-hero:active {
    background-color: #f47a00 !important;
    background-image: none !important;

    border-color: #f47a00 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Texto e seta */
.botao-hero:hover span,
.botao-hero:focus span,
.botao-hero:active span,
.botao-hero:hover .seta,
.botao-hero:focus .seta,
.botao-hero:active .seta {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Impede sobreposição branca criada pelo tema */
.botao-hero::before,
.botao-hero::after {
    background-color: transparent !important;
    background-image: none !important;
}

.botao-hero:hover::before,
.botao-hero:hover::after,
.botao-hero:focus::before,
.botao-hero:focus::after {
    background-color: transparent !important;
    background-image: none !important;
}/* End custom CSS */