.elementor-kit-6{--e-global-color-primary:#DF3562;--e-global-color-secondary:#3D156B;--e-global-color-text:#262626;--e-global-color-accent:#FEB97E;--e-global-color-af002bb:#047FB0;--e-global-color-3de85fd:#023373;--e-global-color-37ab8de:#022859;--e-global-color-dc83f9b:#BF244E;--e-global-color-53331e1:#03A35A;--e-global-color-14f0ec4:#5F7470;--e-global-color-a9e15a1:#889696;--e-global-color-f7a9dd4:#D2D4C8;--e-global-typography-primary-font-family:"HelveticaNeue";--e-global-typography-primary-font-size:52px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"HelveticaNeue";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"HelveticaNeue";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"TwinMarker";--e-global-typography-accent-font-size:18px;font-weight:1;}.elementor-kit-6 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;}{}h1.entry-title{display:var(--page-title-display);}@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 */@keyframes tribu-float-1 {
0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
25% { transform: translate(8px, -12px) rotate(3deg) scale(1.03); }
50% { transform: translate(-6px, -20px) rotate(-2deg) scale(0.97); }
75% { transform: translate(-10px, -8px) rotate(4deg) scale(1.02); }
100% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
@keyframes tribu-float-2 {
0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
30% { transform: translate(-10px, 14px) rotate(-4deg) scale(1.04); }
60% { transform: translate(12px, 8px) rotate(3deg) scale(0.96); }
100% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
@keyframes tribu-float-3 {
0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
20% { transform: translate(14px, 10px) rotate(5deg) scale(1.02); }
55% { transform: translate(-8px, 18px) rotate(-3deg) scale(0.98); }
80% { transform: translate(6px, -10px) rotate(2deg) scale(1.03); }
100% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
@keyframes tribu-float-4 {
0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
35% { transform: translate(-12px, -16px) rotate(-5deg) scale(1.05); }
70% { transform: translate(10px, -6px) rotate(3deg) scale(0.95); }
100% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
/* ------------------------------------------------------------------
2. SEÇÃO HERO — Configuração base
------------------------------------------------------------------ */
#hero-home {
position: relative !important;
overflow: hidden !important;
}
/* Garante que o conteúdo interno fique acima dos elementos decorativos */
#hero-home > .elementor-container {
position: relative !important;
z-index: 2 !important;
}
/* ------------------------------------------------------------------
3. ELEMENTO 1 — Triângulos Tribais
Posição: canto superior esquerdo
------------------------------------------------------------------ */
#hero-home::before {
content: "" !important;
position: absolute !important;
top: -30px !important;
left: -30px !important;
width: 220px !important;
height: 220px !important;
background-image: url("https://tribuformaturas.com.br/wp-content/uploads/2026/06/tribu_svg_01_triangulos_branco.svg") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center center !important;
opacity: 0.13 !important;
pointer-events: none !important;
z-index: 1 !important;
animation: tribu-float-1 9s ease-in-out infinite !important;
display: block !important;
}
/* ------------------------------------------------------------------
4. ELEMENTO 2 — Hachura Geométrica
Posição: canto inferior direito
------------------------------------------------------------------ */
#hero-home::after {
content: "" !important;
position: absolute !important;
bottom: 400px !important;
right: 250px !important;
width: 240px !important;
height: 240px !important;
background-image: url("https://tribuformaturas.com.br/wp-content/uploads/2026/06/tribu_svg_05_hachura_branco.svg") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center center !important;
opacity: 0.15 !important;
pointer-events: none !important;
z-index: 1 !important;
animation: tribu-float-3 11s ease-in-out infinite !important;
display: block !important;
}
/* ------------------------------------------------------------------
5. ELEMENTOS 3 e 4 — Setas + Diamante
Inseridos via HTML Widget dentro da seção hero
Adicione um Widget HTML com:
------------------------------------------------------------------ */
.tribu-deco-elem {
position: absolute !important;
display: block !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center center !important;
pointer-events: none !important;
z-index: 1 !important;
}
/* Setas — canto superior direito */
.tribu-deco-setas {
top: -80px !important;
right: 10px !important;
width: 190px !important;
height: 190px !important;
background-image: url("https://tribuformaturas.com.br/wp-content/uploads/2026/06/tribu_svg_03_setas_branco.svg") !important;
opacity: 0.12 !important;
animation: tribu-float-2 13s ease-in-out infinite !important;
}
/* Diamante — centro inferior esquerdo */
.tribu-deco-diamante {
bottom: -100px !important;
left: -60px !important;
width: 200px !important;
height: 200px !important;
background-image: url("https://tribuformaturas.com.br/wp-content/uploads/2026/06/tribu_svg_02_diamante_branco.svg") !important;
opacity: 0.10 !important;
animation: tribu-float-4 15s ease-in-out infinite !important;
}
/* ------------------------------------------------------------------
6. RESPONSIVO — Mobile (até 768px)
------------------------------------------------------------------ */
@media (max-width: 768px) {
#hero-home::before {
width: 130px !important;
height: 130px !important;
top: -15px !important;
left: -15px !important;
opacity: 0.10 !important;
}
#hero-home::after {
width: 140px !important;
height: 140px !important;
bottom: -10px !important;
right: -10px !important;
opacity: 0.10 !important;
}
.tribu-deco-setas {
width: 110px !important;
height: 110px !important;
opacity: 0.08 !important;
}
.tribu-deco-diamante {
width: 120px !important;
height: 120px !important;
opacity: 0.08 !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'HelveticaNeue';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://tribuformaturas.com.br/wp-content/uploads/2026/06/HelveticaNeueLTPro-Md.ttf') format('truetype');
}
@font-face {
font-family: 'HelveticaNeue';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://tribuformaturas.com.br/wp-content/uploads/2026/06/HelveticaNeueLTPro-Bd.ttf') format('truetype');
}
@font-face {
font-family: 'HelveticaNeue';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url('https://tribuformaturas.com.br/wp-content/uploads/2026/06/HelveticaNeueLTPro-Bd-2.ttf') format('truetype');
}
@font-face {
font-family: 'HelveticaNeue';
font-style: italic;
font-weight: normal;
font-display: auto;
src: url('https://tribuformaturas.com.br/wp-content/uploads/2026/06/HelveticaNeueItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'TwinMarker';
font-display: auto;
src: url('https://tribuformaturas.com.br/wp-content/uploads/2026/06/TwinMarker.ttf') format('truetype');
}
/* End Custom Fonts CSS */