.elementor-kit-5{--e-global-color-primary:#041E41;--e-global-color-secondary:#53565B;--e-global-color-text:#53565B;--e-global-color-accent:#35D0C9;--e-global-color-oae_azul:#005DB8;--e-global-color-oae_cinza_claro:#CACBCC;--e-global-color-oae_fundo:#F2F2F2;--e-global-color-oae_branco:#FFFFFF;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Space Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== OAE fase 2: classes globais ===== */

/* Quadrados sobrepostos na quina da foto (turquesa + azul).
   Uso: classe CSS "oae-quadros" no container/widget da foto.
   Variante: "oae-quadros oae-quadros--esq" (quina inferior esquerda). */
.oae-quadros{position:relative;overflow:visible!important}
.oae-quadros::before,.oae-quadros::after{content:""!important;display:block!important;position:absolute!important;pointer-events:none;transition:transform .3s ease;inset:auto!important;mix-blend-mode:normal!important;opacity:1!important;border-radius:0!important}
.oae-quadros::after{width:48px!important;height:48px!important;background:#35D0C9!important;top:-24px!important;right:-24px!important;z-index:3}
.oae-quadros::before{width:24px!important;height:24px!important;background:#005DB8!important;top:0!important;right:-24px!important;z-index:4}
.oae-quadros--esq::after{top:auto!important;right:auto!important;bottom:-24px!important;left:-24px!important}
.oae-quadros--esq::before{top:auto!important;right:auto!important;bottom:-24px!important;left:0!important}
/* sobe 6px no hover do card (pai com .oae-card-hover) */
.oae-card-hover:hover .oae-quadros::after,.oae-card-hover:hover .oae-quadros::before,.oae-quadros.oae-card-hover:hover::after,.oae-quadros.oae-card-hover:hover::before{transform:translateY(-6px)}
@media (max-width:767px){
.oae-quadros::after{width:32px!important;height:32px!important;top:-16px!important;right:-16px!important}
.oae-quadros::before{width:16px!important;height:16px!important;right:-16px!important}
.oae-quadros--esq::after{top:auto!important;right:auto!important;bottom:-16px!important;left:-16px!important}
.oae-quadros--esq::before{top:auto!important;right:auto!important;bottom:-16px!important;left:0!important}
}

/* Número do case em contorno ("01", "02"...). Uso: classe "oae-numero" no título/campo.
   Turquesa: só em fundo escuro ou sobre foto. Em fundo claro use "oae-numero oae-numero--escuro". */
.oae-numero,.oae-numero .elementor-heading-title,.oae-numero .jet-listing-dynamic-field__content{font-family:"Space Grotesk",sans-serif;font-weight:300;font-size:clamp(72px,9vw,120px);line-height:1;letter-spacing:-.02em;color:transparent!important;-webkit-text-stroke:1.5px #35D0C9;margin:0}
.oae-numero--escuro,.oae-numero--escuro .elementor-heading-title{-webkit-text-stroke-color:#041E41}
.oae-numero--p,.oae-numero--p .elementor-heading-title{font-size:64px}
@media (max-width:767px){.oae-numero,.oae-numero .elementor-heading-title,.oae-numero .jet-listing-dynamic-field__content{-webkit-text-stroke-width:1px}.oae-numero--p,.oae-numero--p .elementor-heading-title{font-size:48px}}

/* Chips de siglas e tipo de obra */
.oae-chip{display:inline-block;padding:4px 8px;background:#041E41;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;cursor:default}
.oae-chip--claro{background:#F2F2F2;color:#041E41}
.oae-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}

/* Frase-manifesto (turquesa leve com palavras em bold) - usar só em fundo marinho */
.oae-manifesto,.oae-manifesto .elementor-heading-title{font-family:"Space Grotesk",sans-serif;font-weight:300;color:#35D0C9;line-height:1.2}
.oae-manifesto strong,.oae-manifesto b{font-weight:700}/* End custom CSS */