img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :root :where(.wp-block-icon svg){width: 24px;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} .cookieadmin_remark, .cookieadmin_showmore { color: #1863dc !important; }input:checked+.cookieadmin_slider, input:disabled+.cookieadmin_slider { background-color: #3582C4 !important; }.cookieadmin_slider{ background-color: #808080 !important; } .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; } img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } #tup-cabecalho-home { --tch-preto: #050606; --tch-grafite: #101212; --tch-branco: #f5f2eb; --tch-cinza: #aaa7a0; --tch-vermelho: #ef0018; --tch-verde: #00e77b; --tch-dourado: #d6a900; position: relative; z-index: 100; display: block; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; overflow: hidden; color: var(--tch-branco); background: rgba(5,6,6,.98); border-bottom: 1px solid rgba(255,255,255,.09); font-family: Arial, Helvetica, sans-serif; } #tup-cabecalho-home .tch-faixa { width: 100%; height: 2px; background: linear-gradient(90deg,var(--tch-verde) 0 34%,var(--tch-dourado) 34% 66%,var(--tch-vermelho) 66% 100%); } #tup-cabecalho-home .tch-conteudo { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1240px; min-height: 116px; margin: 0 auto; padding: 18px 30px; } #tup-cabecalho-home .tch-marca { display: flex; flex: 0 0 auto; align-items: center; gap: 15px; color: var(--tch-branco); text-decoration: none; } #tup-cabecalho-home .tch-logo { display: block; width: auto; max-width: 150px; height: 70px; object-fit: contain; } #tup-cabecalho-home .tch-selo { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 11px; color: #cfcbc2; border: 1px solid rgba(214,169,0,.6); font: 700 8px/1 "Courier New",monospace; letter-spacing: .08em; white-space: nowrap; } #tup-cabecalho-home .tch-selo > strong { color: var(--tch-dourado); font-size: 9px; } #tup-cabecalho-home .tch-selo > i { width: 3px; height: 3px; border-radius: 50%; background: var(--tch-dourado); } #tup-cabecalho-home .tch-navegacao { display: flex; align-items: center; justify-content: flex-end; gap: clamp(15px,2.1vw,29px); min-width: 0; } #tup-cabecalho-home .tch-link { position: relative; display: inline-flex; align-items: center; min-height: 42px; padding: 0; color: var(--tch-cinza); font: 700 10px/1 "Courier New",monospace; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color .2s ease; } #tup-cabecalho-home .tch-link::after { content: ""; position: absolute; right: 0; bottom: 4px; left: 0; height: 1px; background: var(--tch-verde); opacity: 0; transform: scaleX(.25); transition: opacity .2s ease,transform .2s ease; } #tup-cabecalho-home .tch-link:hover, #tup-cabecalho-home .tch-link.tch-ativo { color: var(--tch-branco); } #tup-cabecalho-home .tch-link:hover::after, #tup-cabecalho-home .tch-link.tch-ativo::after { opacity: 1; transform: scaleX(1); } #tup-cabecalho-home .tch-contrate { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 0 18px; color: #fff; background: var(--tch-vermelho); border: 1px solid var(--tch-vermelho); font: 800 10px/1 "Courier New",monospace; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: background .2s ease,color .2s ease,box-shadow .2s ease; } #tup-cabecalho-home .tch-contrate > b { font-size: 17px; font-weight: 400; } #tup-cabecalho-home .tch-contrate:hover { color: var(--tch-vermelho); background: transparent; box-shadow: 0 0 24px rgba(239,0,24,.18); } #tup-cabecalho-home .tch-menu-botao { display: none; width: 46px; height: 46px; margin: 0; padding: 11px; color: var(--tch-branco); background: transparent; border: 1px solid rgba(255,255,255,.18); border-radius: 0; cursor: pointer; } #tup-cabecalho-home .tch-menu-botao > span { display: block; width: 100%; height: 2px; margin: 5px 0; background: currentColor; transition: transform .2s ease,opacity .2s ease; } #tup-cabecalho-home .tch-menu-botao:focus-visible, #tup-cabecalho-home .tch-link:focus-visible, #tup-cabecalho-home .tch-contrate:focus-visible, #tup-cabecalho-home .tch-marca:focus-visible { outline: 2px solid var(--tch-verde); outline-offset: 4px; } @media (max-width: 960px) { #tup-cabecalho-home .tch-conteudo { min-height: 102px; padding: 15px 25px; } #tup-cabecalho-home .tch-logo { max-width: 132px; height: 62px; } #tup-cabecalho-home .tch-selo { display: none; } #tup-cabecalho-home .tch-menu-botao { display: block; } #tup-cabecalho-home .tch-navegacao { position: absolute; top: 100%; right: 25px; left: 25px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; max-height: 0; overflow: hidden; visibility: hidden; opacity: 0; background: #0b0d0d; border: 1px solid rgba(255,255,255,.11); box-shadow: 0 24px 60px rgba(0,0,0,.55); transition: max-height .3s ease,opacity .2s ease,visibility .2s ease; } #tup-cabecalho-home.tch-aberto { overflow: visible; } #tup-cabecalho-home.tch-aberto .tch-navegacao { max-height: 520px; visibility: visible; opacity: 1; } #tup-cabecalho-home .tch-link { min-height: 58px; padding: 0 18px; border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); } #tup-cabecalho-home .tch-link::after { right: auto; bottom: 0; left: 18px; width: 28px; } #tup-cabecalho-home .tch-contrate { min-height: 58px; margin: 12px; grid-column: 1 / -1; } #tup-cabecalho-home.tch-aberto .tch-menu-botao > span:nth-child(1) { transform: translateY(7px) rotate(45deg); } #tup-cabecalho-home.tch-aberto .tch-menu-botao > span:nth-child(2) { opacity: 0; } #tup-cabecalho-home.tch-aberto .tch-menu-botao > span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } } @media (max-width: 767px) { #tup-cabecalho-home .tch-conteudo { min-height: 92px; padding: 13px 20px; } #tup-cabecalho-home .tch-logo { max-width: 120px; height: 58px; } #tup-cabecalho-home .tch-navegacao { right: 20px; left: 20px; } } @media (max-width: 480px) { #tup-cabecalho-home .tch-conteudo { min-height: 84px; padding-right: 17px; padding-left: 17px; } #tup-cabecalho-home .tch-logo { max-width: 108px; height: 52px; } #tup-cabecalho-home .tch-navegacao { right: 17px; left: 17px; grid-template-columns: 1fr; } #tup-cabecalho-home .tch-link { min-height: 52px; border-right: 0; } #tup-cabecalho-home .tch-contrate { min-height: 52px; } } @media (prefers-reduced-motion: reduce) { #tup-cabecalho-home .tch-link, #tup-cabecalho-home .tch-link::after, #tup-cabecalho-home .tch-contrate, #tup-cabecalho-home .tch-menu-botao > span, #tup-cabecalho-home .tch-navegacao { transition: none; } } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; background: #050505; } /* ÁREA PRINCIPAL TUPINAMBÁ */ #hero-tupinamba { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; min-height: 650px; margin: 0 !important; padding: 65px clamp(30px, 7vw, 110px) !important; overflow: hidden; /* COLE A URL DA IMAGEM ABAIXO */ background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0.78) 36%, rgba(0, 0, 0, 0.30) 65%, rgba(0, 0, 0, 0.68) 100% ), linear-gradient( 0deg, rgba(0, 0, 0, 0.72) 0%, transparent 55% ), url("https://tupinambaoficial.com.br/wp-content/uploads/2026/09/baixados.jpg"); background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #050505; } /* CONTEÚDO SOBRE A IMAGEM */ #hero-tupinamba .hero-conteudo { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; max-width: 690px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; transform: none !important; } /* SELO 50 ANOS */ #hero-tupinamba .hero-selo { display: inline-flex; align-items: center; min-height: 36px; margin-bottom: 19px; padding: 0 13px; border: 1px solid #c99b28; color: #d5a935; font-family: "Courier New", monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; } /* FRASE VERDE */ #hero-tupinamba .hero-chamada { margin: 0 0 14px !important; color: #00d779; font-family: "Courier New", monospace; font-size: 11px; font-weight: 700; letter-spacing: 1.8px; line-height: 1.5; text-transform: uppercase; } /* TÍTULO */ #hero-tupinamba .hero-titulo { margin: 0 !important; padding: 0 !important; color: #f7f4ee; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(70px, 7vw, 108px); font-weight: 900; letter-spacing: -1px; line-height: 0.82; text-align: left; text-transform: uppercase; text-shadow: 0 5px 20px rgba(0, 0, 0, 0.55); } #hero-tupinamba .hero-vermelho { display: block; color: #ed0009; } /* TEXTO DE APRESENTAÇÃO */ #hero-tupinamba .hero-descricao { width: 100%; max-width: 100%; margin: 26px 0 0 !important; color: #b8b2ac; font-family: Georgia, "Times New Roman", serif; font-size: 17px; font-style: italic; font-weight: 700; line-height: 1.55; text-align: left; } /* BOTÕES */ #hero-tupinamba .hero-botoes { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; } #hero-tupinamba .hero-botao { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 23px; border: 1px solid #333333; background: rgba(0, 0, 0, 0.55); color: #ffffff; font-family: "Courier New", monospace; font-size: 11px; font-weight: 700; letter-spacing: 0.4px; text-decoration: none; text-transform: uppercase; transition: 0.2s ease; } #hero-tupinamba .hero-botao-principal { border-color: #ed0009; background: #ed0009; } #hero-tupinamba .hero-botao:hover { border-color: #ed0009; background: #c90008; color: #ffffff; transform: translateY(-2px); } /* PLAYER DE MÚSICA */ .music-player { position: fixed; bottom: 30px; right: 30px; z-index: 9999; display: flex; align-items: center; justify-content: center; gap: 12px; width: 160px; height: 60px; padding: 12px; background: #000000; border: 1px solid #333333; border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6); } .player-btn { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: transparent; border: none; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.2s ease; } .player-btn:hover { color: #ed0009; transform: scale(1.15); } .player-btn.close { width: 28px; height: 28px; font-size: 16px; margin-left: 4px; } audio { display: none; } /* TABLET */ @media (max-width: 1024px) { #hero-tupinamba { min-height: 620px; padding: 55px 45px !important; } #hero-tupinamba .hero-conteudo { max-width: 620px !important; } #hero-tupinamba .hero-titulo { font-size: clamp(66px, 9vw, 90px); } .music-player { bottom: 20px; right: 20px; width: 150px; height: 55px; gap: 10px; } .player-btn { width: 36px; height: 36px; font-size: 16px; } } /* CELULAR */ @media (max-width: 767px) { #hero-tupinamba { min-height: 650px; align-items: flex-end !important; padding: 45px 20px !important; background-image: linear-gradient( 0deg, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.87) 62%, rgba(0, 0, 0, 0.38) 100% ), url("https://tupinambaoficial.com.br/wp-content/uploads/2026/09/baixados.jpg"); background-position: 65% center !important; } #hero-tupinamba .hero-selo { min-height: 32px; margin-bottom: 16px; padding: 0 10px; font-size: 9px; } #hero-tupinamba .hero-chamada { font-size: 9px; letter-spacing: 1.1px; } #hero-tupinamba .hero-titulo { font-size: clamp(51px, 17vw, 75px); line-height: 0.87; } #hero-tupinamba .hero-descricao { margin-top: 22px !important; font-size: 14px; } #hero-tupinamba .hero-botoes { gap: 10px; margin-top: 25px; } #hero-tupinamba .hero-botao { flex: 1 1 150px; min-height: 45px; padding: 0 12px; font-size: 9px; } .music-player { bottom: 15px; right: 15px; width: 140px; height: 50px; gap: 8px; } .player-btn { width: 32px; height: 32px; font-size: 14px; } } /* ========================================= CARROSSEL HISTÓRIA DO TUPINAMBÁ ========================================= */ #carrossel-historia-tupinamba, #carrossel-historia-tupinamba * { box-sizing: border-box; } #carrossel-historia-tupinamba { width: 100%; margin: 0; padding: 80px 30px; overflow: hidden; background: radial-gradient( circle at 90% 10%, rgba(237, 0, 9, 0.10), transparent 25% ), #070707; color: #ffffff; } #carrossel-historia-tupinamba .historia-slides-container { width: 100%; max-width: 100%; margin: 0 auto; } /* CABEÇALHO */ #carrossel-historia-tupinamba .historia-slides-cabecalho { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 35px; } #carrossel-historia-tupinamba .historia-slides-selo { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; color: #00dc7b; font-family: "Courier New", monospace; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } #carrossel-historia-tupinamba .historia-slides-selo::before { content: ""; width: 28px; height: 2px; background: #00dc7b; } #carrossel-historia-tupinamba .historia-slides-titulo { margin: 0; color: #f7f4ee; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: clamp(44px, 5vw, 75px); font-weight: 900; letter-spacing: -0.5px; line-height: 0.95; text-transform: uppercase; } #carrossel-historia-tupinamba .historia-slides-titulo span { color: #ed0009; } #carrossel-historia-tupinamba .historia-slides-contador { color: #d5a935; font-family: "Courier New", monospace; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; white-space: nowrap; } /* ESTRUTURA DO CARROSSEL */ #carrossel-historia-tupinamba .historia-carrossel { position: relative; width: 100%; overflow: hidden; border: 1px solid #292929; background: #000000; box-shadow: 0 25px 70px rgba(0, 0, 0, 0.45); } #carrossel-historia-tupinamba .historia-trilho { display: flex; width: 100%; transition: transform 0.7s cubic-bezier(0.77, 0, 0.18, 1); will-change: transform; } #carrossel-historia-tupinamba .historia-slide { position: relative; flex: 0 0 100%; width: 100%; margin: 0; aspect-ratio: 1920 / 941; overflow: hidden; background: #050505; } #carrossel-historia-tupinamba .historia-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; user-select: none; -webkit-user-drag: none; } /* SETAS */ #carrossel-historia-tupinamba .historia-seta { position: absolute; top: 50%; z-index: 5; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 0; background: rgba(0, 0, 0, 0.72); color: #ffffff; font-family: Arial, sans-serif; font-size: 25px; cursor: pointer; transform: translateY(-50%); transition: background-color 0.25s ease, border-color 0.25s ease; } #carrossel-historia-tupinamba .historia-seta:hover { border-color: #ed0009; background: #ed0009; } #carrossel-historia-tupinamba .historia-seta-anterior { left: 18px; } #carrossel-historia-tupinamba .historia-seta-proxima { right: 18px; } /* BARRA INFERIOR */ #carrossel-historia-tupinamba .historia-controles { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 24px; } /* INDICADORES */ #carrossel-historia-tupinamba .historia-indicadores { display: flex; align-items: center; gap: 9px; } #carrossel-historia-tupinamba .historia-indicador { width: 34px; height: 4px; padding: 0; border: 0; background: #383838; cursor: pointer; transition: width 0.3s ease, background-color 0.3s ease; } #carrossel-historia-tupinamba .historia-indicador.ativo { width: 65px; background: #ed0009; } /* IDENTIFICAÇÃO DO SLIDE */ #carrossel-historia-tupinamba .historia-slide-nome { margin: 0; color: #898581; font-family: "Courier New", monospace; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-align: right; text-transform: uppercase; } #carrossel-historia-tupinamba .historia-slide-nome strong { color: #ffffff; font-weight: 700; } /* BARRA DE PROGRESSO */ #carrossel-historia-tupinamba .historia-progresso { width: 100%; height: 2px; margin-top: 22px; overflow: hidden; background: #202020; } #carrossel-historia-tupinamba .historia-progresso-barra { width: 0; height: 100%; background: linear-gradient( 90deg, #ed0009, #d5a935, #00dc7b ); } #carrossel-historia-tupinamba .historia-progresso-barra.animando { animation: progressoTupinamba 6s linear forwards; } @keyframes progressoTupinamba { from { width: 0; } to { width: 100%; } } /* TABLET */ @media (max-width: 1024px) { #carrossel-historia-tupinamba { padding: 65px 25px; } #carrossel-historia-tupinamba .historia-seta { width: 46px; height: 46px; } } /* CELULAR */ @media (max-width: 767px) { #carrossel-historia-tupinamba { padding: 55px 15px; } #carrossel-historia-tupinamba .historia-slides-cabecalho { align-items: flex-start; flex-direction: column; gap: 15px; margin-bottom: 28px; } #carrossel-historia-tupinamba .historia-slides-titulo { font-size: clamp(42px, 13vw, 60px); } #carrossel-historia-tupinamba .historia-slide { /* A imagem permanece inteira no celular */ aspect-ratio: 1920 / 941; } #carrossel-historia-tupinamba .historia-slide img { object-fit: contain; } #carrossel-historia-tupinamba .historia-seta { width: 38px; height: 38px; font-size: 19px; } #carrossel-historia-tupinamba .historia-seta-anterior { left: 8px; } #carrossel-historia-tupinamba .historia-seta-proxima { right: 8px; } #carrossel-historia-tupinamba .historia-controles { align-items: flex-start; flex-direction: column; gap: 17px; } #carrossel-historia-tupinamba .historia-slide-nome { text-align: left; } #carrossel-historia-tupinamba .historia-indicador { width: 26px; } #carrossel-historia-tupinamba .historia-indicador.ativo { width: 48px; } } .video-tupinamba { position: relative; width: 100%; height: 600px; margin: 0; padding: 0; overflow: hidden; background-color: #000000; } .video-tupinamba video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* Leve escurecimento na parte inferior */ .video-tupinamba::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( to bottom, transparent 55%, rgba(0, 0, 0, 0.65) 100% ); } /* Ajuste para tablet */ @media (max-width: 1024px) { .video-tupinamba { height: 520px; } } /* Ajuste para celular */ @media (max-width: 767px) { .video-tupinamba { height: 500px; } .video-tupinamba video { object-position: center; } } .video-tupinamba { position: relative; width: 100%; height: 600px; margin: 0; padding: 0; overflow: hidden; background-color: #000000; } .video-tupinamba video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* Leve escurecimento na parte inferior */ .video-tupinamba::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( to bottom, transparent 55%, rgba(0, 0, 0, 0.65) 100% ); } /* Ajuste para tablet */ @media (max-width: 1024px) { .video-tupinamba { height: 520px; } } /* Ajuste para celular */ @media (max-width: 767px) { .video-tupinamba { height: 500px; } .video-tupinamba video { object-position: center; } } #tup-agenda-oficial, #tup-agenda-oficial * { box-sizing: border-box; } #tup-agenda-oficial { --tao-red: #ef0018; --tao-green: #00e77b; --tao-gold: #d6a900; --tao-white: #f4f1ea; position: relative; display: block; isolation: isolate; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0; overflow: hidden; color: var(--tao-white); background: radial-gradient(circle at 8% 12%,rgba(0,231,123,.08),transparent 28%),radial-gradient(circle at 94% 88%,rgba(239,0,24,.09),transparent 30%),#080909; border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07); font-family: Arial, Helvetica, sans-serif; } #tup-agenda-oficial .tao-conteudo { width: 100%; max-width: 1240px; margin: 0 auto; padding: 86px 30px 66px; } #tup-agenda-oficial .tao-cabecalho { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 42px; } #tup-agenda-oficial .tao-titulos { flex: 1 1 auto; } #tup-agenda-oficial .tao-etiqueta { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; color: var(--tao-green); font: 800 11px/1.2 "Courier New",monospace; letter-spacing: .18em; text-transform: uppercase; } #tup-agenda-oficial .tao-etiqueta > span { width: 27px; height: 1px; background: currentColor; } #tup-agenda-oficial .tao-titulo { color: var(--tao-white); font: 900 clamp(54px,6vw,86px)/.82 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; letter-spacing: -.02em; text-transform: uppercase; } #tup-agenda-oficial .tao-titulo > strong { color: transparent; font-weight: inherit; -webkit-text-stroke: 1.5px var(--tao-white); } #tup-agenda-oficial .tao-apresentacao { display: flex; flex-direction: column; align-items: flex-end; max-width: 470px; } #tup-agenda-oficial .tao-texto { margin-bottom: 20px; color: #aaa59f; font: italic 600 15px/1.55 Georgia,serif; text-align: right; } #tup-agenda-oficial .tao-botao-geral { display: inline-flex; align-items: center; justify-content: center; gap: 17px; min-height: 50px; padding: 0 20px; color: #fff; border: 1px solid var(--tao-red); text-decoration: none; font: 800 10px/1 "Courier New",monospace; letter-spacing: .08em; text-transform: uppercase; transition: background .22s ease,transform .22s ease,box-shadow .22s ease; } #tup-agenda-oficial .tao-botao-geral > b { color: var(--tao-red); font-size: 18px; font-weight: 400; } #tup-agenda-oficial .tao-botao-geral:hover { background: var(--tao-red); transform: translateY(-3px); box-shadow: 0 14px 32px rgba(239,0,24,.18); } #tup-agenda-oficial .tao-botao-geral:hover > b { color: #fff; } #tup-agenda-oficial .tao-lista { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.13); border-left: 1px solid rgba(255,255,255,.13); } #tup-agenda-oficial .tao-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 390px; padding: 22px 18px 18px; background: rgba(255,255,255,.012); border-right: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); transition: background .25s ease,transform .25s ease; } #tup-agenda-oficial .tao-card::before { content: ""; position: absolute; top: 0; left: 18px; width: 32px; height: 2px; background: var(--tao-red); } #tup-agenda-oficial .tao-card:nth-child(even)::before { background: var(--tao-green); } #tup-agenda-oficial .tao-card:hover { z-index: 2; background: rgba(255,255,255,.04); transform: translateY(-5px); } #tup-agenda-oficial .tao-card-topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } #tup-agenda-oficial .tao-data { display: flex; align-items: flex-end; gap: 7px; } #tup-agenda-oficial .tao-data > strong { color: var(--tao-white); font: 900 58px/.8 Impact,Haettenschweiler,sans-serif; } #tup-agenda-oficial .tao-data > span { margin-bottom: 2px; color: var(--tao-red); font: 800 11px/1 "Courier New",monospace; letter-spacing: .1em; } #tup-agenda-oficial .tao-status { display: flex; align-items: center; gap: 5px; padding-top: 3px; color: #737772; font: 700 7px/1 "Courier New",monospace; text-transform: uppercase; } #tup-agenda-oficial .tao-status > i { width: 5px; height: 5px; border-radius: 50%; background: var(--tao-green); box-shadow: 0 0 8px var(--tao-green); } #tup-agenda-oficial .tao-ano { margin: 15px 0 27px; color: var(--tao-gold); font: 700 9px/1 "Courier New",monospace; letter-spacing: .14em; } #tup-agenda-oficial .tao-nome { min-height: 56px; color: var(--tao-white); font: 700 17px/1.25 Georgia,serif; } #tup-agenda-oficial .tao-detalhes { display: flex; flex-direction: column; gap: 9px; margin-top: 19px; color: #8d8984; font-size: 11px; line-height: 1.35; } #tup-agenda-oficial .tao-detalhes > div { display: flex; align-items: flex-start; gap: 7px; } #tup-agenda-oficial .tao-detalhes > div > span { color: var(--tao-green); font-size: 8px; } #tup-agenda-oficial .tao-link { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 17px; color: #c4c0ba; border-top: 1px solid rgba(255,255,255,.08); font: 800 8px/1 "Courier New",monospace; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; } #tup-agenda-oficial .tao-link > b { color: var(--tao-red); font-size: 16px; transition: transform .2s ease; } #tup-agenda-oficial .tao-link:hover { color: #fff; } #tup-agenda-oficial .tao-link:hover > b { transform: translateX(4px); } #tup-agenda-oficial .tao-botao-geral:focus-visible, #tup-agenda-oficial .tao-link:focus-visible { outline: 1px solid var(--tao-green); outline-offset: 4px; } #tup-agenda-oficial .tao-rodape { display: flex; justify-content: space-between; gap: 25px; margin-top: 22px; color: #686b67; font: 700 8px/1.4 "Courier New",monospace; letter-spacing: .08em; text-transform: uppercase; } #tup-agenda-oficial .tao-rodape > div:first-child { display: flex; align-items: center; gap: 8px; color: #8b8e89; } #tup-agenda-oficial .tao-rodape > div:first-child > i { width: 5px; height: 5px; border-radius: 50%; background: var(--tao-green); box-shadow: 0 0 8px var(--tao-green); } @media (max-width: 960px) { #tup-agenda-oficial .tao-conteudo { padding: 74px 25px 60px; } #tup-agenda-oficial .tao-lista { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 767px) { #tup-agenda-oficial .tao-conteudo { padding: 62px 20px 52px; } #tup-agenda-oficial .tao-cabecalho { align-items: flex-start; flex-direction: column; gap: 25px; } #tup-agenda-oficial .tao-apresentacao { align-items: flex-start; max-width: 580px; } #tup-agenda-oficial .tao-texto { text-align: left; } #tup-agenda-oficial .tao-card { min-height: 360px; } } @media (max-width: 480px) { #tup-agenda-oficial .tao-conteudo { padding-right: 17px; padding-left: 17px; } #tup-agenda-oficial .tao-lista { grid-template-columns: 1fr; } #tup-agenda-oficial .tao-titulo { font-size: 54px; } #tup-agenda-oficial .tao-botao-geral { width: 100%; } #tup-agenda-oficial .tao-rodape { flex-direction: column; gap: 8px; } } @media (prefers-reduced-motion: reduce) { #tup-agenda-oficial .tao-botao-geral, #tup-agenda-oficial .tao-card, #tup-agenda-oficial .tao-link > b { transition: none; } }