/* =========================================================
   FONTES LOCAIS
   ========================================================= */

/* BITCOUNT SINGLE — Display */
@font-face {
  font-family: "Bitcount Single";
  src:
    url("../fonts/BitcountSingle-Regular.woff2") format("woff2"),
    url("../fonts/BitcountSingle-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ENCODE SANS — Pesos: 100–900 */
@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-Thin.woff2") format("woff2"),
    url("../fonts/EncodeSans-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-ExtraLight.woff2") format("woff2"),
    url("../fonts/EncodeSans-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-Light.woff2") format("woff2"),
    url("../fonts/EncodeSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-Regular.woff2") format("woff2"),
    url("../fonts/EncodeSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-Medium.woff2") format("woff2"),
    url("../fonts/EncodeSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-SemiBold.woff2") format("woff2"),
    url("../fonts/EncodeSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-Bold.woff2") format("woff2"),
    url("../fonts/EncodeSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-ExtraBold.woff2") format("woff2"),
    url("../fonts/EncodeSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans";
  src:
    url("../fonts/EncodeSans-Black.woff2") format("woff2"),
    url("../fonts/EncodeSans-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* =========================
	   PALETA PRINCIPAL
	========================= */

  --amarelo-sol: #ffc805;
  --amarelo-suave: #ffeec9;
  --amarelo-mostarda: #edb900;
  --amarelo-mostarda-2: #c38f1b;
  --bege: #faf8f4;

  --preto: #000000;
  --preto-1: #e8e8e8;
  --preto-2: #e3e3e3;
  --preto-3: #c9c9c9;
  --preto-4: #a5a5a5;
  --preto-5: #8d8d8d;
  --preto-6: #6d6d6d;
  --preto-7: #464646;
  --preto-8: #232323;
  --preto-9: #0f0f0f;
  --preto-10: #000000;
  --preto-11: #999999;

  --branco: #ffffff;

  --cmv-gold: #c99316;
  --cmv-border: #e5e7eb;
  --cmv-blue: #eaf3ff;
	--cmv-green: #f1fff5;
  --cmv-yellow: #fff6dc;
  --cmv-purple: #f4ecff;
	--verde-sucesso: #89ff8b;

  /* =========================
	   LAYOUT / TOKENS GERAIS
	========================= */

  --container-maior: 1180px;
  --container-big: 1300px;
  --container-super-big: 1380px;
  --container-menor: 1060px;
  --padding-container: 0 1rem;

  --respiro: 4rem 0;
  --header-height: 158px;
  --header-height-mobile: 140px;

  --border-radius-0125: 0.125rem;
  --border-radius-025: 0.25rem;
  --border-radius-05: 0.5rem;
	--border-radius-075: 0.75rem;
  --border-radius-1: 1rem;
  --border-radius-2: 2rem;
  --border-radius-50: 5rem;

  --bs-border-width: 1px;

  --box-shadow: 0px 0px 4px rgba(28, 27, 27, 0.2);
  --box-shadow-2: 0px 0px 5px rgba(28, 27, 27, 0.3);
  --box-shadow-bottom: 0px 2px 4px rgba(28, 27, 27, 0.2);

  /* =========================
	   GRADIENTES
	========================= */

  --gradiente-horizontal: linear-gradient(
    120deg,
    var(--amarelo-mostarda) 0%,
    var(--amarelo-sol) 45%,
    var(--amarelo-sol) 55%,
    var(--amarelo-mostarda) 100%
  );

  --gradiente-vertical: linear-gradient(
    180deg,
    var(--amarelo-mostarda) 0%,
    var(--amarelo-sol) 50%,
    var(--amarelo-mostarda) 100%
  );

  --gradiente-ouro: linear-gradient(
    120deg,
    #edb900 0%,
    #ffc805 35%,
    #ffdb22 50%,
    #ffc805 65%,
    #edb900 100%
  );

  --gradiente-preto: linear-gradient(
    120deg,
    var(--preto-9) 0%,
    var(--preto-8) 35%,
    var(--preto-7) 50%,
    var(--preto-8) 65%,
    var(--preto-9) 100%
  );
}

/*-------------------------------------------*\
! RESET + NORMALIZE
\*-------------------------------------------*/

/* =========================================================
   BOX SIZING / BASE
   ========================================================= */

*, *::before, *::after { box-sizing: border-box; }

* {
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.01rem;
}

*:not(table):not(table *) {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

table,
table * {
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none;
}

/* =========================================================
   HTML / BODY
   ========================================================= */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  overflow-x: hidden;
  margin: 0;
  transition:
    background-color 0.1s,
    color 0.2s;
  font-family:
    "Encode Sans",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;
}

/* =========================================================
   HTML5 ELEMENTS
   ========================================================= */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* =========================================================
   LINKS
   ========================================================= */

a {
  background-color: transparent;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  pointer-events: auto;
}

a:active, a:hover { outline: 0; }

/* =========================================================
   TIPOGRAFIA
   ========================================================= */

b,
strong {
  font-weight: 600;
  letter-spacing: 0.01rem;
  -webkit-font-smoothing: antialiased;
}

small { font-size: 0.875rem; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =========================================================
   IMAGENS / MÍDIA
   ========================================================= */

img,
video {
  border: 0;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

iframe { max-width: 100%; }

/* Imagens isoladas */
.wp-block-image {
    margin-bottom: 1.5rem;
}

.is-content-justification-center {
	display: flex;
	justify-content: center;
}

.grid__card_completo figure img, .produtos__imagem_card figure img { background: var(--preto-1); }

/* =========================================================
   SVG
   ========================================================= */

svg:not(:root) { overflow: hidden; }

/* =========================================================
   SEPARADORES / CÓDIGO
   ========================================================= */

figure { margin: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  border: none;
  margin: 1rem 0;
  border-top: 1px solid var(--preto-2);
}

pre {
  overflow: auto;
  margin: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* =========================================================
   FORMULÁRIOS
   ========================================================= */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

button[disabled], input[disabled] { cursor: default; }

input { line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="checkbox"] {
  min-width: 0.875rem;
  min-height: 0.875rem;
}

textarea { overflow: auto; }

/* =========================================================
   TOUCH / MOBILE
   ========================================================= */

a,
img,
input,
button,
label,
summary,
details,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none !important;
}

/* =========================================================
   FOCO
   ========================================================= */

input:focus-visible, textarea:focus-visible, button:focus-visible { outline: none; }

::focus { outline: none !important; }

/* =========================================================
   SELECTION
   ========================================================= */

::selection {
  background-color: var(--preto-7);
  color: var(--branco);
}

::-moz-selection {
  background-color: var(--preto-7);
  color: var(--branco);
}

/* =========================================================
   TABELAS
   ========================================================= */

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2rem;
}

td, th { padding: 1rem 0.75rem; }

/* =========================================================
   RESET FINAL (LISTAS E MARGENS)
   ========================================================= */

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
footer,
header,
nav,
section,
main {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul {
  font-size: 1rem;
  font-weight: normal;
}

/* =========================================================
   AUTOFILL / SUGGEST
   ========================================================= */

input,
textarea,
select {
  background-color: transparent;
  color: inherit;
}

::-webkit-details-marker { display: none; }

/* =========================================================
   SCROLLBAR
   ========================================================= */

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-thumb { background: var(--preto-7); }

::-webkit-scrollbar-track { background: var(--preto-2); }

.scrollbar__none::-webkit-scrollbar { display: none; }

/* =========================================================
   AUTOFILL CHROME / SAFARI
   ========================================================= */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: var(--preto-7) !important;
  color: var(--preto-7) !important;
  caret-color: var(--preto-7);
  transition: background-color 9999s ease-in-out 0s;
}

.js .lazy__image {
  opacity: 0;
  transition: opacity 0.2s ease; /* Adicione uma transição suave se desejar */
}

.js .lazy__image.visible { opacity: 1; }

.js .respiro__topo { padding-top: 135px; display: block; }

.js .customize-support .respiro__topo { padding-top: calc(205px); }

.js .respiro__topo.aumenta__respiro { padding-top: 168px; }
.js .customize-support .respiro__topo.aumenta__respiro { padding-top: calc(168px) !important; }

.js .notificacao__header .respiro__topo.aumenta__respiro { padding-top: 198px !important; }
.js .customize-support.notificacao__header .respiro__topo.aumenta__respiro { padding-top: 198px !important; }

.js .customize-support .respiro__topo { padding-top: calc(205px); }

.respiro__section { padding: 4rem 0; }
.respiro__section_big { padding: 6rem 0; }
.respiro__section_metade { padding: 2rem 0; }

input:not([type="range"]),
textarea,
select {
  width: auto;
  font-size: 0.875rem;
  border: 1.5px solid transparent;
  color: var(--preto-6) !important;
  background: var(--preto-8);
  font-weight: 500;
  padding: 1.15rem 1.25rem;
  margin: 0;
  outline: none;
  border-radius: var(--border-radius-025);
}

.newsletter__form input:not([type="range"]),
textarea,
select {
  color: var(--preto-4) !important;
  background: none;
  border: none !important;
  border-bottom: 1.5px solid var(--preto-1) !important;
  border-radius: var(--border-radius-025);
  padding: 0.5rem 0;
  padding-left: 1rem;
}

input:not([type="range"]):hover,
textarea:hover,
input:not([type="range"]):focus,
textarea:focus,
input:focus-visible,
textarea:focus-visible,
select:focus,
select:focus-visible,
select:hover {
  background: transparent;
  border: 1.5px solid var(--branco);
}

input::placeholder {
  color: var(--preto-5) !important;
  font-weight: 400;
}

select option {
  color: var(--preto-5) !important;
  font-weight: 400;
}

.segura__menu_main { margin-top: -1px; }

.content__single { max-width: 910px; }

.content__article h1 {
  color: var(--preto-8);
  display: block !important;
  font-size: 42px !important;
  margin-bottom: 0.875rem !important;
  line-height: 48px !important;
  font-weight: 600 !important;
  text-rendering: optimizeSpeed !important;
}

.menu__notificacao {
  position: relative;
  overflow: hidden;
  height: 30px;
}

/* container fixo */
.menu__notificacao .container__big {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* linha horizontal fixa */
.menu__notificacao span {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 100%;
  position: relative;
}

/* texto rolável */
.menu__notificacao p {
  margin: 0;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.menu__notificacao p::-webkit-scrollbar { display: none; }

/* botão fixo */
.menu__notificacao #menu__notificacao_fecha {
  position: absolute;
  right: 0.325rem;
  top: 50%;
  transform: translateY(-50%) rotate(135deg) !important;
  z-index: 20;
  border: none;
  cursor: pointer;
}

/* overlay tarja superior */
.menu__notificacao::after,
.menu__notificacao::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 87px;
  height: 100%;
  pointer-events: none;
  z-index: 15;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    color-mix(in srgb, var(--amarelo-mostarda) 50%, transparent) 56%,
    var(--amarelo-mostarda) 89%
  );
}

.menu__notificacao::before {
  left: 0;
  width: 20px;
  background: linear-gradient(
    to right,
    color-mix(in srgb, var(--amarelo-mostarda) 90%, transparent) 0%,
    color-mix(in srgb, var(--amarelo-mostarda) 55%, transparent) 45%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* =======================================
MÓDULO SLIDER FULL
======================================= */

.hero__home_slider {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 2rem;
  padding-bottom: 6rem;
}

.hero__home_slider_bottom { bottom: 90px !important; }

.hero-slider .splide__slide {
  position: relative;
  min-height: 320px;
  height: 665px;
  overflow: hidden;
  width: 100%;
}

.hero-slider li img {
  width: 100%;
  height: 665px;
  object-fit: cover;
  display: block;
  border-radius: 0.5rem;
}

.hero-slider .splide__slide.is-active:has(h2)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(43, 39, 35, 0) 49.86%, #2b2723 100%);
}

.hero-slider li h2 {
  position: absolute;
  bottom: 130px;
  left: 90px;
  z-index: 2;
  color: #f8f4eb;
  width: 50%;
}

.hero-slider .splide__pagination {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  gap: 0.25rem;
  padding: 0 0.5rem;
}

.hero-slider .splide__pagination__page {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid transparent;
  opacity: 1;
}

.hero-slider .splide__pagination__page.is-active {
  background: #f7b335;
  border: 3px solid #ffffff;
  opacity: 1;
}

/* =======================================
FIM MÓDULO SLIDER FULL
======================================= */

/*-------------------------------------------*\
! BASE VISUAL / ESTILOS GERAIS
\*-------------------------------------------*/

* { color: var(--preto-8); }

body { font-family: "Encode Sans", sans-serif !important; }

h1,
h2,
h3,
h4,
h5 {
  font-family: "Encode Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  line-height: 130%;
  font-weight: 500;
  margin-bottom: 1.25rem;
  color: var(--preto-8);
  letter-spacing: 0.02rem;
}

h3, h4, h5 { margin-bottom: 1rem; }

h1 {
  font-size: 3.5rem;
  line-height: 3.6rem;
  margin-bottom: 2rem;
}

h2 {
  font-size: 2rem;
  line-height: 3rem;
}

p {
  margin-bottom: 1.25rem;
  line-height: 150%;
  color: var(--preto-8);
}

/* =========================================================
   TABELAS NATIVAS DO GUTENBERG
   ========================================================= */

.wp-block-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.wp-block-table > table {
  width: 100%;
  margin-bottom: 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}

.wp-block-table > table.has-fixed-layout {
  table-layout: fixed;
}

.wp-block-table th,
.wp-block-table td {
  box-sizing: border-box;
  width: auto; /* Corrige o bug principal */
  padding: 1rem 0.75rem;
  border: none !important;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  vertical-align: middle;
}

.wp-block-table tr {
  border-bottom: 1px solid var(--preto-7);
}

.wp-block-table tbody tr:nth-child(odd) {
  background-color: var(--preto-1);
}

.wp-block-table thead tr {
  background-color: var(--preto-8) !important;
}

.wp-block-table thead th {
  color: var(--branco);
  font-weight: 400;
}

.wp-block-table tfoot {
  border-top: 1px solid var(--preto-7) !important;
}

.wp-block-table tfoot tr {
  background-color: var(--preto-1) !important;
  font-weight: 600;
}

/* Proporção somente para tabelas com exatamente duas colunas */
.wp-block-table:has(tr > :nth-child(2):last-child) th:first-child,
.wp-block-table:has(tr > :nth-child(2):last-child) td:first-child {
  width: 35%;
}

.wp-block-table:has(tr > :nth-child(2):last-child) th:nth-child(2),
.wp-block-table:has(tr > :nth-child(2):last-child) td:nth-child(2) {
  width: 65%;
}

.anchor {
  display: block;
  height: 6rem;
  margin-top: -6rem;
  visibility: hidden;
}

time { line-height: 100%; }

.is-type-video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

.alerta-t {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.15rem;
  color: #f81f1f;
  margin-top: 0.25rem;
}

/* =========================
   CONTAINERS
========================= */
.container__maior {
  max-width: var(--container-maior);
  margin: 0 auto;
}

.container__menor {
  max-width: var(--container-menor);
  margin: 0 auto;
  padding: 0 1rem;
}

.container__big {
  max-width: var(--container-big);
  margin: 0 auto;
}

.container__super_big {
  max-width: var(--container-super-big);
  margin: 0 auto;
}

/* =========================
   GRID BASE
========================= */
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.5rem;
}

/* COL SPANS */
.grid__1 { grid-column: span 1; }
.grid__2 { grid-column: span 2; }
.grid__3 { grid-column: span 3; }
.grid__4 { grid-column: span 4; }
.grid__5 { grid-column: span 5; }
.grid__6 { grid-column: span 6; }
.grid__7 { grid-column: span 7; }
.grid__8 { grid-column: span 8; }
.grid__9 { grid-column: span 9; }
.grid__10 { grid-column: span 10; }
.grid__11 { grid-column: span 11; }
.grid__12 { grid-column: span 12; }

/* LAYOUTS ESPECIAIS */
.grid__content_sidebar { grid-column: span 9; }
.grid__sidebar { grid-column: span 3; }

/*-------------------------------------------*\
! UTILITÁRIOS DE CORES
\*-------------------------------------------*/

/* =========================
   COLOR
========================= */

.pinta__branco { color: var(--branco) !important; }
.pinta__preto { color: var(--preto) !important; }

.pinta__preto_1 { color: var(--preto-1) !important; }
.pinta__preto_2 { color: var(--preto-2) !important; }
.pinta__preto_3 { color: var(--preto-3) !important; }
.pinta__preto_4 { color: var(--preto-4) !important; }
.pinta__preto_5 { color: var(--preto-5) !important; }
.pinta__preto_6 { color: var(--preto-6) !important; }
.pinta__preto_7 { color: var(--preto-7) !important; }
.pinta__preto_8 { color: var(--preto-8) !important; }
.pinta__preto_9 { color: var(--preto-9) !important; }
.pinta__preto_10 { color: var(--preto-10) !important; }
.pinta__preto_11 { color: var(--preto-11) !important; }

.pinta__amarelo_sol { color: var(--amarelo-sol) !important; }
.pinta__amarelo_mostarda { color: var(--amarelo-mostarda) !important; }
.pinta__amarelo_mostarda_2 { color: var(--amarelo-mostarda-2) !important; }

/* =========================
   BACKGROUND-COLOR
========================= */

.pinta__bg_branco { background-color: var(--branco) !important; }
.pinta__bg_bege { background-color: var(--bege) !important; }
.pinta__bg_preto { background-color: var(--preto) !important; }
.pinta__bg_preto_1 { background-color: var(--preto-1) !important; }
.pinta__bg_preto_2 { background-color: var(--preto-2) !important; }
.pinta__bg_preto_3 { background-color: var(--preto-3) !important; }
.pinta__bg_preto_4 { background-color: var(--preto-4) !important; }
.pinta__bg_preto_5 { background-color: var(--preto-5) !important; }
.pinta__bg_preto_6 { background-color: var(--preto-6) !important; }
.pinta__bg_preto_7 { background-color: var(--preto-7) !important; }
.pinta__bg_preto_8 { background-color: var(--preto-8) !important; }
.pinta__bg_preto_9 { background-color: var(--preto-9) !important; }
.pinta__bg_preto_10 { background-color: var(--preto-10) !important; }
.pinta__bg_preto_11 { background-color: var(--preto-11) !important; }

.pinta__bg_amarelo_sol { background-color: var(--amarelo-sol) !important; }
.pinta__bg_amarelo_mostarda { background-color: var(--amarelo-mostarda) !important; }
.pinta__bg_amarelo_mostarda_2 { background-color: var(--amarelo-mostarda-2) !important; }

.pinta__bg_amarelo_suave { background-color: var(--amarelo-suave) !important; }
.pinta__bg_azul_claro { background-color: var(--cmv-blue);}
.pinta__bg_verde_claro { background-color: var(--cmv-green);}

/* =========================
   BACKGROUND GRADIENTES
========================= */

.pinta__bg_gradiente_horizontal { background: var(--gradiente-horizontal) !important; }
.pinta__bg_gradiente_vertical { background: var(--gradiente-vertical) !important; }
.pinta__bg_gradiente_ouro { background: var(--gradiente-ouro) !important; }
.pinta__bg_gradiente_preto { background: var(--gradiente-preto) !important; }

/* =========================================================
   FONTES
   ========================================================= */

.font__primary { font-family: "Encode Sans", sans-serif !important; }

.font__bit { font-family: "Bitcount Single", sans-serif; }

.letter__spacing_normal { letter-spacing: normal !important; }
.letter__spacing_0_7 { letter-spacing: 0.07rem; }

/* =========================================================
   FONT SIZE SYSTEM (REM) – COMPLETO
   ========================================================= */

.fs__0_75 { font-size: 0.75rem !important; }
.fs__0_875 { font-size: 0.875rem !important; }
.fs__0_95 { font-size: 0.95rem !important; }
.fs__1 { font-size: 1rem !important; }
.fs__1_05 { font-size: 1.05rem !important; }
.fs__1_15 { font-size: 1.15rem !important; }
.fs__1_25 { font-size: 1.25rem !important; }
.fs__1_35 { font-size: 1.35rem !important; }
.fs__1_5 { font-size: 1.5rem !important; }
.fs__1_75 { font-size: 1.75rem !important; }
.fs__1_875 { font-size: 1.875rem !important; }
.fs__2 { font-size: 2rem !important; }
.fs__2_25 { font-size: 2.25rem !important; }
.fs__2_5 { font-size: 2.5rem !important; }
.fs__2_75 { font-size: 2.75rem !important; }
.fs__3 { font-size: 3rem !important; }
.fs__3_5 { font-size: 3.5rem !important; }
.fs__4 { font-size: 4rem !important; }
.fs__5 { font-size: 5rem !important; }
.fs__6 { font-size: 6rem !important; }

/* =========================================================
   LINE HEIGHT
   ========================================================= */

.lh__normal { line-height: normal !important; }
.lh__90 { line-height: 90% !important; }
.lh__100 { line-height: 100% !important; }
.lh__110 { line-height: 110% !important; }
.lh__120 { line-height: 120% !important; }
.lh__125 { line-height: 125% !important; }
.lh__130 { line-height: 130% !important; }
.lh__140 { line-height: 140% !important; }
.lh__150 { line-height: 150% !important; }
.lh__160 { line-height: 160% !important; }
.lh__170 { line-height: 170% !important; }
.lh__175 { line-height: 175% !important; }
.lh__180 { line-height: 180% !important; }
.lh__190 { line-height: 190% !important; }
.lh__200 { line-height: 200% !important; }

/* =========================================================
   TEXTO / ALINHAMENTO / TRANSFORMAÇÃO
   ========================================================= */

.underline { text-decoration: underline; }
.underline__hover:hover { text-decoration: underline; }

.uppercase { text-transform: uppercase !important; }
.transform__none { text-transform: none !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }

.text__left { text-align: left !important; }
.text__center { text-align: center !important; }
.text__right { text-align: right !important; }
.text__justify { text-align: justify !important; }

.text__underline { text-decoration: underline !important; }
.text__underline_auto { text-decoration: auto !important; }

.text__underline_hover:hover { text-decoration: underline !important; }

li:hover .text__underline_hover { text-decoration: underline !important; }

.link__underline:hover { text-decoration: underline !important; }

.text__shadow { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

.cursor__pointer { cursor: pointer; }
.cursor__auto { cursor: auto; }

/* =========================================================
   FONT WEIGHT
   ========================================================= */

.fw__300 { font-weight: 300 !important; }
.fw__400 { font-weight: 400 !important; }
.fw__500 { font-weight: 500 !important; }
.fw__600 { font-weight: 600 !important; }
.fw__700 { font-weight: 700 !important; }
.fw__800 { font-weight: 800 !important; }
.fw__900 { font-weight: 900 !important; }

/* =========================================================
   DIMENSÕES / POSIÇÃO
   ========================================================= */

.w__100 { width: 100% !important; }
.w__95 { width: 95% !important; }
.w__90 { width: 90% !important; }
.w__fit { width: fit-content !important; }
.w__max { width: max-content !important; }
.h__100 { height: 100% !important; }
.h__fit { height: fit-content; }
.h__min { height: min-content; }
.mw__100 { max-width: 100%; }
.mw__90 { max-width: 90%; }
.min__width_300 { min-width: 300px; }
.min__width_320 { min-width: 320px; }
.position__relative { position: relative; }
.position__absolute { position: absolute; }
.position__static { position: static !important; }
.position__fixed { position: fixed !important; }
.position__sticky { position: sticky !important; }
.w__auto { width: auto !important; }
.h__auto { height: auto !important; }
.object__position_center { object-position: center !important; }
.pointer__events_none { pointer-events: none !important; }
.visibility__hidden { visibility: hidden !important; }
.opacity__0 { opacity: 0 !important; }
.opacity__1 { opacity: 1 !important; }
.aspect__ratio_1_1 { aspect-ratio: 1/1 !important; }
.aspect__ratio_3_4 { aspect-ratio: 3/4 !important; }
.aspect__ratio_4_3 { aspect-ratio: 4/3 !important; }
.aspect__ratio_4_4 { aspect-ratio: 4/4 !important; }
.aspect__ratio_16_9 { aspect-ratio: 16/9 !important; }
.aspect__ratio_16_10 { aspect-ratio: 16/10 !important; }
.aspect__ratio_16_11 { aspect-ratio: 16/11 !important; }
.z__index_1_menos { z-index: -1; }
.z__index_0 { z-index: 0; }
.z__index_1 { z-index: 1; }
.z__index_2 { z-index: 2; }
.z__index_3 { z-index: 3; }

/* =========================================================
   ESPAÇAMENTOS — PADDING
   ========================================================= */

.pd__container { padding: var(--padding-container); }
.pd {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.pd__0 { padding: 0 !important; }
.pd__0_25 { padding: 0.25rem !important; }
.pd__0_5 { padding: 0.5rem !important; }
.pd__0_55 { padding: 0.55rem !important; }
.pd__0_75 { padding: 0.75rem !important; }
.pd__0_875 { padding: 0.875rem !important; }
.pd__1 { padding: 1rem !important; }
.pd__1_25 { padding: 1.25rem !important; }
.pd__1_5 { padding: 1.5rem !important; }
.pd__1_75 { padding: 1.75rem !important; }
.pd__1_875 { padding: 1.875rem !important; }
.pd__2 { padding: 2rem !important; }
.pd__2_5 { padding: 2.5rem !important; }
.pd__3 { padding: 3rem !important; }
.pd__4 { padding: 4rem !important; }

.pt__0 { padding-top: 0 !important; }
.pt__0_25 { padding-top: 0.25rem !important; }
.pt__0_5 { padding-top: 0.5rem !important; }
.pt__0_75 { padding-top: 0.75rem !important; }
.pt__0_875 { padding-top: 0.875rem !important; }
.pt__1 { padding-top: 1rem !important; }
.pt__1_25 { padding-top: 1.25rem !important; }
.pt__1_5 { padding-top: 1.5rem !important; }
.pt__1_75 { padding-top: 1.75rem !important; }
.pt__1_875 { padding-top: 1.875rem !important; }
.pt__2 { padding-top: 2rem !important; }
.pt__2_5 { padding-top: 2.5rem !important; }
.pt__3 { padding-top: 3rem !important; }
.pt__3_5 { padding-top: 3.5rem !important; }
.pt__4 { padding-top: 4rem !important; }

.pr__0 { padding-right: 0 !important; }
.pr__0_25 { padding-right: 0.25rem !important; }
.pr__0_5 { padding-right: 0.5rem !important; }
.pr__0_75 { padding-right: 0.75rem !important; }
.pr__1 { padding-right: 1rem !important; }
.pr__1_25 { padding-right: 1.25rem !important; }
.pr__1_5 { padding-right: 1.5rem !important; }
.pr__2 { padding-right: 2rem !important; }
.pr__2_5 { padding-right: 2.5rem !important; }
.pr__3 { padding-right: 3rem !important; }
.pr__4 { padding-right: 4rem !important; }

.pb__0 { padding-bottom: 0 !important; }
.pb__0_25 { padding-bottom: 0.25rem !important; }
.pb__0_5 { padding-bottom: 0.5rem !important; }
.pb__0_75 { padding-bottom: 0.75rem !important; }
.pb__1 { padding-bottom: 1rem !important; }
.pb__1_25 { padding-bottom: 1.25rem !important; }
.pb__1_5 { padding-bottom: 1.5rem !important; }
.pb__2 { padding-bottom: 2rem !important; }
.pb__3 { padding-bottom: 3rem !important; }
.pb__4 { padding-bottom: 4rem !important; }

.pl__0 { padding-left: 0 !important; }
.pl__0_25 { padding-left: 0.25rem !important; }
.pl__0_5 { padding-left: 0.5rem !important; }
.pl__0_75 { padding-left: 0.75rem !important; }
.pl__1 { padding-left: 1rem !important; }
.pl__1_25 { padding-left: 1.25rem !important; }
.pl__1_5 { padding-left: 1.5rem !important; }
.pl__2 { padding-left: 2rem !important; }
.pl__2_5 { padding-left: 2.5rem !important; }
.pl__3 { padding-left: 3rem !important; }
.pl__4 { padding-left: 4rem !important; }

.mg__auto { margin: 0 auto; }

.mg__0 { margin: 0 !important; }
.mg__0_125 { margin: 0.125rem !important; }
.mg__0_25 { margin: 0.25rem !important; }
.mg__0_5 { margin: 0.5rem !important; }
.mg__0_75 { margin: 0.75rem !important; }
.mg__0_875 { margin: 0.875rem !important; }
.mg__1 { margin: 1rem !important; }
.mg__1_25 { margin: 1.25rem !important; }
.mg__1_5 { margin: 1.5rem !important; }
.mg__1_75 { margin: 1.75rem !important; }
.mg__1_875 { margin: 1.875rem !important; }
.mg__2 { margin: 2rem !important; }
.mg__2_5 { margin: 2.5rem !important; }
.mg__3 { margin: 3rem !important; }
.mg__4 { margin: 4rem !important; }

.mt__0 { margin-top: 0 !important; }
.mt__0_25 { margin-top: 0.25rem !important; }
.mt__0_5 { margin-top: 0.5rem !important; }
.mt__0_75 { margin-top: 0.75rem !important; }
.mt__0_875 { margin-top: 0.875rem !important; }
.mt__1 { margin-top: 1rem !important; }
.mt__1_25 { margin-top: 1.25rem !important; }
.mt__1_5 { margin-top: 1.5rem !important; }
.mt__1_75 { margin-top: 1.75rem !important; }
.mt__1_875 { margin-top: 1.875rem !important; }
.mt__2 { margin-top: 2rem !important; }
.mt__2_5 { margin-top: 2.5rem !important; }
.mt__3 { margin-top: 3rem !important; }
.mt__4 { margin-top: 4rem !important; }

.mr__0 { margin-right: 0 !important; }
.mr__0_25 { margin-right: 0.25rem !important; }
.mr__0_5 { margin-right: 0.5rem !important; }
.mr__0_75 { margin-right: 0.75rem !important; }
.mr__0_875 { margin-right: 0.875rem !important; }
.mr__1 { margin-right: 1rem !important; }
.mr__1_25 { margin-right: 1.25rem !important; }
.mr__1_5 { margin-right: 1.5rem !important; }
.mr__1_75 { margin-right: 1.75rem !important; }
.mr__1_875 { margin-right: 1.875rem !important; }
.mr__2 { margin-right: 2rem !important; }
.mr__2_5 { margin-right: 2.5rem !important; }
.mr__3 { margin-right: 3rem !important; }
.mr__4 { margin-right: 4rem !important; }

.mb__0 { margin-bottom: 0 !important; }
.mb__0_25 { margin-bottom: 0.25rem !important; }
.mb__0_325 { margin-bottom: 0.325rem !important; }
.mb__0_5 { margin-bottom: 0.5rem !important; }
.mb__0_75 { margin-bottom: 0.75rem !important; }
.mb__0_875 { margin-bottom: 0.875rem !important; }
.mb__1 { margin-bottom: 1rem !important; }
.mb__1_25 { margin-bottom: 1.25rem !important; }
.mb__1_5 { margin-bottom: 1.5rem !important; }
.mb__1_75 { margin-bottom: 1.75rem !important; }
.mb__1_875 { margin-bottom: 1.875rem !important; }
.mb__2 { margin-bottom: 2rem !important; }
.mb__2_5 { margin-bottom: 2.5rem !important; }
.mb__3 { margin-bottom: 3rem !important; }
.mb__4 { margin-bottom: 4rem !important; }

.ml__0 { margin-left: 0 !important; }
.ml__0_25 { margin-left: 0.25rem !important; }
.ml__0_5 { margin-left: 0.5rem !important; }
.ml__0_75 { margin-left: 0.75rem !important; }
.ml__0_875 { margin-left: 0.875rem !important; }
.ml__1 { margin-left: 1rem !important; }
.ml__1_25 { margin-left: 1.25rem !important; }
.ml__1_5 { margin-left: 1.5rem !important; }
.ml__1_75 { margin-left: 1.75rem !important; }
.ml__1_875 { margin-left: 1.875rem !important; }
.ml__2 { margin-left: 2rem !important; }
.ml__2_5 { margin-left: 2.5rem !important; }
.ml__3 { margin-left: 3rem !important; }
.ml__4 { margin-left: 4rem !important; }

/* =========================================================
   DISPLAY / FLEX / GRID / GAP
   ========================================================= */

.display__block { display: block !important; }
.display__inline { display: inline !important; }
.display__inline_block { display: inline-block !important; }
.display__none { display: none !important; }

.display__flex { display: flex !important; }
.display__inline_flex { display: inline-flex !important; }

.flex__direction_row { flex-direction: row !important; }
.flex__direction_row_reverse { flex-direction: row-reverse !important; }
.flex__direction_col { flex-direction: column !important; }
.flex__direction_col_reverse { flex-direction: column-reverse !important; }

.flex__wrap { flex-wrap: wrap !important; }
.flex__nowrap { flex-wrap: nowrap !important; }
.flex__wrap_reverse { flex-wrap: wrap-reverse !important; }

.flex__grow_0 { flex-grow: 0 !important; }
.flex__grow_1 { flex-grow: 1 !important; }

.flex__shrink_0 { flex-shrink: 0 !important; }
.flex__shrink_1 { flex-shrink: 1 !important; }

.flex__basis_10 { flex-basis: 10% !important; }
.flex__basis_20 { flex-basis: 20% !important; }
.flex__basis_25 { flex-basis: 25% !important; }
.flex__basis_30 { flex-basis: 30% !important; }
.flex__basis_33 { flex-basis: 33.333% !important; }
.flex__basis_40 { flex-basis: 40% !important; }
.flex__basis_50 { flex-basis: 50% !important; }
.flex__basis_60 { flex-basis: 60% !important; }
.flex__basis_66 { flex-basis: 66.666% !important; }
.flex__basis_70 { flex-basis: 70% !important; }
.flex__basis_75 { flex-basis: 75% !important; }
.flex__basis_80 { flex-basis: 80% !important; }
.flex__basis_90 { flex-basis: 90% !important; }
.flex__basis_100 { flex-basis: 100% !important; }

.justify__start { justify-content: flex-start !important; }
.justify__end { justify-content: flex-end !important; }
.justify__center { justify-content: center !important; }
.justify__between { justify-content: space-between !important; }
.justify__around { justify-content: space-around !important; }
.justify__evenly { justify-content: space-evenly !important; }

.align__start { align-items: flex-start !important; }
.align__end { align-items: flex-end !important; }
.align__center { align-items: center !important; }
.align__baseline { align-items: baseline !important; }
.align__stretch { align-items: stretch !important; }

.align__self_center { align-self: center !important; }

/* =========================================================
   GRID
   ========================================================= */

.display__grid { display: grid !important; }
.display__inline-grid { display: inline-grid !important; }

.grid__cols_repeat_1 { grid-template-columns: repeat(1, 1fr) !important; }
.grid__cols_repeat_2 { grid-template-columns: repeat(2, 1fr) !important; }
.grid__cols_repeat_3 { grid-template-columns: repeat(3, 1fr) !important; }
.grid__cols_repeat_4 { grid-template-columns: repeat(4, 1fr) !important; }
.grid__cols_repeat_5 { grid-template-columns: repeat(5, 1fr) !important; }
.grid__cols_repeat_6 { grid-template-columns: repeat(6, 1fr) !important; }
.grid__cols_repeat_12 { grid-template-columns: repeat(12, 1fr) !important; }

.grid__cols_1fr_2fr { grid-template-columns: minmax(110px, 1fr) 2fr !important; }
.grid__cols_0_3fr_1fr { grid-template-columns: minmax(110px, 0.3fr) 1fr !important; }
.grid__cols_0_4fr_1fr { grid-template-columns: minmax(110px, 0.4fr) 1fr !important; }
.grid__cols_1fr_0_3fr { grid-template-columns: minmax(110px, 1fr) 0.3fr !important; }
.grid__cols_1fr_0_4fr { grid-template-columns: minmax(110px, 1fr) 0.4fr !important; }
.grid__cols_1fr_0_75fr { grid-template-columns: minmax(110px, 1fr) 0.75fr !important; }
.grid__cols_0_5fr_1fr { grid-template-columns: minmax(110px, 0.5fr) 1fr !important; }
.grid__cols_0_75fr_1fr { grid-template-columns: minmax(110px, 0.75fr) 1fr !important; }
.grid__cols_0_875fr_1fr { grid-template-columns: minmax(110px, 0.875fr) 1fr !important; }
.grid__cols_2fr_1fr { grid-template-columns: minmax(110px, 2fr) 1fr !important; }
.grid__cols_auto_1fr { grid-template-columns: auto 1fr !important; }
.grid__cols_1fr_auto { grid-template-columns: minmax(110px, 1fr) auto !important; }
.grid__cols_200_1fr { grid-template-columns: minmax(110px, 200px) 1fr !important; }
.grid__cols_auto_fit_250 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important; }

.grid__auto_cols_min { grid-auto-columns: min-content !important; }
.grid__auto_cols_max { grid-auto-columns: max-content !important; }
.grid__auto_cols_fr { grid-auto-columns: 1fr !important; }

/* [class*="grid__cols_"] > * { min-width: 0;} */

.grid__auto_rows_min { grid-auto-rows: min-content !important; }
.grid__auto_rows_max { grid-auto-rows: max-content !important; }
.grid__auto_rows_fr { grid-auto-rows: 1fr !important; }

.gap__0_15 { gap: 0.15rem !important; }
.gap__0_25 { gap: 0.25rem !important; }
.gap__0_325 { gap: 0.325rem !important; }
.gap__0_5 { gap: 0.5rem !important; }
.gap__0_75 { gap: 0.75rem !important; }
.gap__0_875 { gap: 0.875rem !important; }
.gap__1 { gap: 1rem !important; }
.gap__1_15 { gap: 1.15rem !important; }
.gap__1_25 { gap: 1.25rem !important; }
.gap__1_5 { gap: 1.5rem !important; }
.gap__1_75 { gap: 1.75rem !important; }
.gap__2 { gap: 2rem !important; }
.gap__3 { gap: 3rem !important; }
.gap__4 { gap: 4rem !important; }

.order__1 { order: 1; }
.order__2 { order: 2; }
.order__3 { order: 3; }
.order__4 { order: 4; }

/* =========================================================
   TABELA
   ========================================================= */

.display__table { display: table !important; }
.display__table-row { display: table-row !important; }
.display__table-cell { display: table-cell !important; }

/* =========================================================
   IMAGENS E VIDEOS AJUSTES
   ========================================================= */
.object__fit_cover { object-fit: cover; }
.object__fit_contain { object-fit: contain; }

/* =========================================================
   BORDAS
   ========================================================= */

.border__radius_0 { border-radius: 0 !important; }
.border__radius_0_125 { border-radius: 0.125rem !important; }
.border__radius_0_25 { border-radius: 0.25rem !important; }
.border__radius_0_5 { border-radius: 0.5rem !important; }
.border__radius_0_75 { border-radius: 0.75rem !important; }
.border__radius_1 { border-radius: 1rem !important; }
.border__radius_1_25 { border-radius: 1.25rem !important; }
.border__radius_1_5 { border-radius: 1.5rem !important; }
.border__radius_2 { border-radius: 2rem !important; }
.border__radius_3 { border-radius: 3rem !important; }

.border__radius_bottom_left { border-bottom-left-radius: 0; }
.border__radius_bottom_right { border-bottom-right-radius: 0; }

.border__radius_full { border-radius: 9999px !important; }
.border__radius_circle { border-radius: 50% !important; }

.border__none { border: none !important; }
.border__top_none { border-top: none !important; }
.border__right_none { border-right: none !important; }
.border__bottom_none { border-bottom: none !important; }
.border__left_none { border-left: none !important; }

/* =========================================================
   LINE CLAMP / TEXTO LONGO
   ========================================================= */

.line__clamp {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box;
  -webkit-box-orient: vertical !important;
}

.line__clamp_1 { -webkit-line-clamp: 1 !important; }
.line__clamp_2 { -webkit-line-clamp: 2 !important; }
.line__clamp_3 { -webkit-line-clamp: 3 !important; }
.line__clamp_4 { -webkit-line-clamp: 4 !important; }
.line__clamp_5 { -webkit-line-clamp: 5 !important; }
.line__clamp_6 { -webkit-line-clamp: 6 !important; }
.line__clamp_7 { -webkit-line-clamp: 7 !important; }
.line__clamp_8 { -webkit-line-clamp: 8 !important; }
.line__clamp_9 { -webkit-line-clamp: 9 !important; }
.line__clamp_10 { -webkit-line-clamp: 10 !important; }

.line__clamp_none {
  display: block !important;
  overflow: visible !important;
  text-overflow: initial !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}

.text__uma_linha {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

/* =========================================================
   QUEBRA / COLUNAS
   ========================================================= */

.nowrap { white-space: nowrap !important; }
.pre__wrap { white-space: pre-wrap !important; }
.pre__line { white-space: pre-line !important; }

.break__word { word-break: break-word !important; }
.break__all { word-break: break-all !important; }
.keep__all { word-break: keep-all !important; }

.ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.text__truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
}

.column__count_2 { column-count: 2; }
.column__count_3 { column-count: 3; }
.column__count_4 { column-count: 4; }

.column__gap_0 { column-gap: 0; }
.column__gap_1 { column-gap: 1rem; }
.column__gap_2 { column-gap: 2rem; }
.column__gap__3 { column-gap: 3rem; }

.column__reset {
  column-count: initial;
  column-gap: normal;
}

.break__inside {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: 1rem;
}

.break__inside_none {
  -webkit-column-break-inside: auto;
  page-break-inside: auto;
  break-inside: auto;
}

.overflow__hidden { overflow: hidden; }
.overflow__y_hidden { overflow-y: hidden; }
.overflow__x_hidden { overflow-x: hidden; }
.overflow__visible { overflow: visible; }
.overflow__auto { overflow: auto; }
.overflow__x_auto { overflow-x: auto; }
.overflow__y_auto { overflow-y: auto; }

/* =========================================================
   BORDER PADRÃO E BOX SHADOW
   ========================================================= */

.border__padrao { border: 1.5px solid var(--preto-1); }
.border__dourado { border: 1.5px solid var(--amarelo-mostarda); }
.box__shadow {
  box-shadow: var(--box-shadow);
  transition: 0.2s ease;
}
.box__shadow_top_none { box-shadow: var(--box-shadow-bottom); }
.box__shadow_hover:hover { box-shadow: var(--box-shadow-2); }

.overflow__y_scroll { overflow-y: scroll; }

.overflow__x_scroll { overflow-x: scroll; }

.link__ver_mais.text__underline:hover { color: var(--preto-8); }

.link__ver_mais svg { flex-shrink: 0; }

.meta__views,
.meta__info_author,
.meta__info_author time,
.meta__info_author strong,
.meta__info_author span {
  font-size: 0.75rem;
  color: var(--preto-6);
  font-weight: 500;
  line-height: 130%;
  text-align: end;
}

.img__sepia figure img { filter: sepia(0); }

.img__sepia li:hover figure img {
  filter: sepia(0);
  transition: 0.1s ease-out;
  transform: scale(1.05);
}

/* Animação seta ver mais */
@keyframes moveArrow {
  0% { transform: translateX(0); }
  50% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.link__ver_mais img, .link__ver_mais svg { transition: transform 0.2s ease; }

.link__ver_mais:hover img, .link__ver_mais:hover svg { transform: rotate(90deg) scale(1.15); }

.link__ver_mais:hover span { text-decoration: underline; }

.text_chapeu {
  color: var(--amarelo-mostarda-2);
  width: fit-content;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 120%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.espacador:after {
  content: "";
  width: 2.5rem;
  height: 2px;
  display: block;
  margin: 0.5rem auto 0 auto;
  background-color: var(--amarelo-mostarda);
  transition: width 0.3s ease-in-out; /* Adiciona transição suave */
}

.espacador__left:after { margin: 0.5rem 0 0 0; }

.espacador__branco:after { background: var(--branco); }

.flex__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
}

.flex__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.italic { font-style: italic; }

.btn__rounded {
  padding: 0.55rem 1.325rem;
  font-size: 0.875rem;
  line-height: normal;
  width: fit-content;
  font-weight: 400;
  background: var(--branco);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--preto-8);
  border: 1.5px solid var(--preto-1);
  border-radius: var(--border-radius-50);
  transition: 0.2s ease;
}

.btn__amarelo {
  padding: 0.55rem 1.325rem;
  font-size: 0.875rem;
  line-height: normal;
  width: fit-content;
  font-weight: 600;
  background: var(--amarelo-sol);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1.5px solid transparent;
  letter-spacing: 0.1rem;
  border-radius: var(--border-radius-025);
  transition: 0.2s ease;
}

.btn__dourado {
  padding: 0.55rem 1.325rem;
  font-size: 0.875rem;
  line-height: normal;
  width: fit-content;
  font-weight: 600;
  background: linear-gradient(
    85.56deg,
    #c38f1b 9.75%,
    #e5bc5c 50.52%,
    #c5911e 87.68%
  );
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1.5px solid transparent;
  letter-spacing: 0.1rem;
  transition: 0.2s ease;
}

.btn__marrom {
  padding: 0.55rem 1.325rem;
  font-size: 0.875rem;
  line-height: normal;
  width: 100%;
  font-weight: 600;
  background: var(--preto-8);
  color: var(--preto-1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1.5px solid transparent;
  letter-spacing: 0.1rem;
  border-radius: var(--border-radius-025);
  transition: 0.2s ease;
}

.btn__laranja {
  padding: 0.55rem 1.325rem;
  font-size: 0.875rem;
  line-height: normal;
  width: 100%;
  font-weight: 600;
  background: var(--amarelo-mostarda);
  color: var(--preto-1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1.5px solid transparent;
  letter-spacing: 0.1rem;
  border-radius: var(--border-radius-025);
  transition: 0.2s ease;
}

.btn__transparent {
  background: transparent;
  transition: 0.2s ease;
}

.btn__transparent_2 {
  background: transparent !important;
  color: var(--branco) !important;
  border: 1.5px solid var(--branco) !important;
  transition: 0.2s ease;
}

.btn__1:hover {
  background: var(--amarelo-mostarda);
  border: 1.5px solid transparent;
  transition: 0.2s ease;
}

.btn__branco {
  background: var(--branco);
  color: var(--preto-8);
  transition: 0.2s ease;
}

.btn__branco:hover,
.btn__marrom:hover {
  background: var(--branco);
  color: var(--preto-8);
  border: 1.5px solid var(--preto-8);
}

.btn__especialista {
  background: var(--preto-7);
  display: inline-block;
  transition: 0.2s ease;
}

.btn__especialista:hover { background: var(--preto-2); }

.p__card_875 {
  font-size: 0.875rem;
  line-height: 140%;
  color: var(--preto-5);
  margin-top: 0.25rem;
  margin-bottom: 0;
}

/* Header - Menu - Topo  */

.menu__blog_wide a,
.menu__main_desktop a {
  width: max-content;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.8rem;
  display: block;
  padding: 0.55rem 0 0.35rem 0;
  color: var(--preto-1);
  border-bottom: 2px solid transparent;
}

.menu__blog_wide a:hover,
.menu__main_desktop a:hover {
  border-bottom: 2px solid var(--amarelo-sol);
  transition: 0.2s ease;
  color: var(--branco);
}

.menu__blog_wide .current-menu-item a,
#menudesktop .current-menu-item {
  border-bottom: 2px solid var(--amarelo-sol);
  color: var(--branco);
}

.bloqueia_rolagem { overflow: hidden; }

.menu_grupo_mobile { display: none; }

.top__menu { padding: 0.15rem 0; }

.menu__main { padding: 1rem 0; }

.menu__main_wrapper {
  display: grid;
  grid-template-columns: 0.75fr 1fr 0.75fr;
  align-items: center;
  gap: 1rem;
  margin: 0 auto;
}
.header__group {
  position: relative;
  z-index: 2;
}

.header__group.fixed {
  position: fixed;
  top: 0;
  z-index: 11;
  width: 100%;
}

@keyframes pulsarBorda {
  0% { box-shadow: 0 0 0 0 rgba(237, 185, 0, 0.8); }
  50% { box-shadow: 0 0 20px 10px rgba(237, 185, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(237, 185, 0, 0); }
}

.cta__1 {
  display: flex;
  white-space: nowrap;
  align-items: center;
  font-size: .875rem;
  line-height: 150%;
  padding: 0.55rem 1.15rem;
  color: var(--preto-8);
  background: transparent;
  border: 1.5px solid var(--preto-8) !important;
  border-radius: var(--border-radius-025);
  gap: 0.75rem;
  transition: 0.2s ease;
  z-index: 3;
  font-weight: 500;
}

.pulsar { animation: pulsarBorda 2s infinite ease-in-out; }

.cta__whatsapp {
  padding: 0.55rem 0.875rem;
  background: none;
  border-radius: var(--border-radius-025);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta__1:hover,
.cta__whatsapp:hover {
  background: var(--preto-8) !important;
  color: var(--branco) !important;
}

.cta__1:hover span { color: var(--branco) !important; }

.cta__whatsapp:hover img { filter: brightness(0) invert(1); }

#btnMenuFavoritos2 { position: relative; }

#textoHamburquer {
  font-weight: 400;
  color: var(--preto-8);
  display: none;
}

/* estado base */
.icone__hamburguer,
.icone__editorias {
  transition: transform 0.2s ease-in-out;
  transform: rotate(0deg); /* posição inicial */
}

/* estado ativo */
#btnMainMobile[aria-expanded="true"] .icone__hamburguer,
#btnMenuEditorias[aria-expanded="true"] .icone__editorias {
  transform: rotate(90deg);
  transition: transform 0.2s ease-in-out;
}

/* Header - Menu - Main  */

.menu__main_desktop ul > * { width: max-content; }

.menu__main_desktop .has__submenu li:not(.sub_social li) { width: 100%; }

.menu__main_desktop .has__submenu .has__submenu:hover > a::after {
  transform: rotate(45deg) scale(1.1);
  transition: 0.5s ease;
}

/* Estilo do link principal com hover */
.menu__main_desktop a:hover { transition: 0.2s ease; }

/* Estilo do link principal com hover */
.menu__main_desktop .has__submenu .has__submenu:hover > a {
  color: var(--preto-1);
  padding-right: 0.75rem;
}

/* Estilo para o link do submenu quando estiver com o mouse sobre ele */
.menu__main_desktop .submenu li.has__submenu a:hover {
  color: var(--preto-1);
  padding-right: 0.75rem;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 11;
  left: -1.5rem;
  background-color: var(--preto-9);
  padding: 1rem 1.5rem;
  list-style: none;
  min-width: 250px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.menu__main_desktop .has__submenu .submenu .submenu { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); }

.has__submenu {
  position: relative;
  z-index: 1;
}

.has__submenu > .submenu {
  top: 100%;
  left: -22px;
}

.has__submenu .submenu .submenu {
  top: 0;
  left: 100%;
}

.has__submenu:hover { z-index: 10; }

.has__submenu > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  transition: 0.1s ease;
}

.sub_social.ativo {
  display: flex !important;
  gap: 10px;
  padding: 10px 20px;
}

.has__submenu > a::after,
.dropdown_links__mobile > a::after {
  content: "";
  display: inline-block !important;
  width: 6px;
  height: 6px;
  background: var(--amarelo-mostarda);
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
  transform-origin: center;
  flex-shrink: 0;
  transform: scale(0.9);
}

.has__submenu:hover > a::after,
dropdown_links__mobile.active > a::after {
  transform: rotate(90deg) scale(1.3);
  transition: 0.2s ease;
}

.dropdown_links__mobile > a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  position: relative !important;
  cursor: pointer;
}

.dropdown_links__mobile > a::after {
  background: var(--amarelo-mostarda);
  margin-left: 8px;
}

.dropdown_links__mobile.active > a::after { transform: rotate(90deg) scale(1); }

.submenu__menu_hamburguer {
  display: none;
  margin-top: 0;
  padding-left: 1rem;
  transition: 0.3s ease;
}

.dropdown_links__mobile.active > .submenu__menu_hamburguer { display: block; }

.menu-item-has-children a:hover::after, .menu-item-has-children a.active::after { width: 100% !important; }

.current_page_item a:not([href^="/#"]) { font-weight: 600 !important; }

.show__mob { display: none !important; }

/* HEADER H1 WIDE INTERNO */
.header__h1_interno {
  position: relative;
  padding: 2rem 0 1.875rem 0;
  background-color: var(--preto-1);
  border-bottom: 1.5px solid var(--preto-2);
  overflow: hidden;
}

/* Estilo original quando NÃO tem imagem */
.header__h1_interno:not(.has-image) {
  background: var(--preto-1);
  border-bottom: 1.5px solid var(--preto-2);
}

/* Estilo quando TEM imagem */
.header__h1_interno.has-image {
  background: none;
  border-bottom: none;
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Conteúdo centralizado vertical e horizontal */
.header__h1_interno .align__center {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.conteudo__modulo_texto_central > :last-child { margin-bottom: 0; }

.aligncenter {
	margin: 0 auto;
}

/* Imagem como fundo */
.header__h1_interno.has-image .header__h1_interno_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* Overlay escuro limitado à imagem */
.header__h1_interno.has-image .header__h1_interno_overlay {
  position: absolute;
  inset: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

/* Conteúdo por cima */
.header__h1_interno .align__center {
  position: relative;
  z-index: 2;
  text-align: center;
}

.header__h1_interno.dark {
  background-color: var(--preto-9);
  border-bottom: 1.5px solid var(--amarelo-sol);
}

.box__whatsapp_inline_post {
  background: var(--branco);
  padding: 1rem;
  border-radius: var(--border-radius-025);
}

.box__whatsapp_inline_post span { color: var(--preto-8); }

.box__whatsapp_inline_post a {
  background: var(--preto-10);
  padding: 0.25rem 1rem;
  transition: 0.2s ease;
  line-height: normal;
}

.box__whatsapp_inline_post a:hover {
  background: var(--preto-7);
  animation: pulsarBorda 2s infinite ease-in-out;
}

.bookmark__menu a {
  width: 32px !important;
  height: 32px !important;
}

a.bookmark__menu_thumb,
.bookmark__menu_thumb {
  background: var(--branco);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: var(--border-radius-025);
  transition: 0.2s ease;
  right: 0.875rem;
  top: 0.875rem;
  z-index: 2;
}

a.bookmark__menu_thumb, .bookmark__menu_thumb, .bookmark__menu_thumb_verde, .bookmark__icon_cards { cursor: crosshair; }

.grid__social_article .cmv-cards {
	margin: 24px 0 48px 0;
}

.favoritesBadge,
#favoritesBadge {
  background-color: var(--amarelo-sol);
  padding: 0.15rem 0.04rem 0 0;
  font-size: 0.5rem;
  letter-spacing: -0.04rem;
  font-weight: 600;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  text-align: center;
  position: absolute;
  top: -8px;
  right: -2px;
  display: block;
}

.bookmark__menu_thumb img {
  width: 16px !important;
  height: 16px !important;
}

.bookmark__menu_thumb:hover { background: var(--preto-1); }

.bookmark__icon_cards {
  top: 0.15rem;
  right: 0.15rem;
  padding: 0.24rem 0.285rem;
  z-index: 2;
}

.bookmar_ativado img { filter: grayscale(1); }

.bookmark__menu_thumb.bookmar_ativado { background: var(--preto-3); }

.section__mais_lidas_horizontal .bookmark__menu_thumb { background: var(--preto-4); }

.section__mais_lidas_horizontal .bookmar_ativado img { filter: invert(1) saturate(0); }

.bookmark__menu_thumb_verde {
  top: -0.24rem;
  right: 0.24rem;
  padding: 0.15rem 0.15rem;
}

.bookmark__menu_thumb {
  top: 0.5rem;
  right: 0.5rem;
}

button.search__menu_btn {
  width: 24px;
  height: 24px;
}

.lupa__search { padding: 0.9rem 0; }

.menu__main__group_grid {
  box-sizing: border-box;
  display: grid;
  overflow-y: hidden;
  grid-template-columns: 350px 1fr;
  max-width: var(--container-big);
  align-items: start;
  margin: 0 auto;
  justify-content: space-between;
  z-index: 100;
}

.logo__main_menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo__main_menu span {
  margin: 0;
  letter-spacing: 0.05rem;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--branco);
}

#logo-dark, #logo-footer-dark { display: none; }
body.dark__mode #logo-light, body.dark__mode #logo-footer-light { display: none; }
body.dark__mode #logo-dark, body.dark__mode #logo-footer-dark { display: inline; }

.logo__main_menu h1,
.logo__main_menu span,
.text__acessible {
	position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.menu__main_group .menu li a,
.menu__main_group .menu li span {
  display: block;
  padding: 0.75rem 0;
  transition: 0.2s ease;
  font-size: 0.95rem;
  line-height: 120%;
  color: var(--preto-6);
}

#navMain,
#navEditorias {
  opacity: 0;
  visibility: hidden;
}

#navMain.active,
#navEditorias.active {
  opacity: 1;
  height: 100%;
  padding: 2rem 1rem;
  visibility: visible;
  overflow-y: hidden;
  transition: none;
  position: static;
  border-bottom: 1px solid var(--preto-2);
}

.menu__main_group {
  display: block;
  position: absolute;
  font-size: 1.5rem;
  text-align: left;
  width: 100%;
  right: 0px;
  z-index: -1;
  height: 0px;
  visibility: hidden;
}

.menu li:after {
  content: "";
  display: block;
  background: var(--preto-1);
  width: 100%;
  height: 1px;
}

.menu li:last-child:after { content: none; }

footer .menu li:after { content: none; }

.posts_destaque_menu li { background: var(--preto-1); }

.section__lista_horizontal_posts .img__card_blog_minimg { aspect-ratio: 1 / 1; }




/* =========================================================
   HERO DESTAQUES — SLIDER DUPLO

   Estrutura:
   .hds__wrapper
     ├── ul.hds__slides
     │    └── li.hds__slide
     │         └── article.hds__card
     │              └── a.hds__card_link
     └── nav.hds__paginacao
   ========================================================= */

.hds__wrapper {
  --hds-coluna-imagem: 57.142857%;
  position: relative;
  display: block;
  width: 100%;
  min-height: 340px;
  border-radius: var(--border-radius-1);
  box-shadow: var(--box-shadow-2);
  overflow: hidden;
  isolation: isolate;
}

.hds__slides {
  position: relative;
  width: 100%;
  min-height: inherit;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hds__slide {
  width: 100%;
  min-height: inherit;
  margin: 0;
  padding: 0;
}

.hds__slide[hidden] { display: none !important; }

.hds__slide.active {
  display: block;
  animation: hds__fade_in 0.45s ease both;
}

.hds__card {
  position: relative;
  width: 100%;
  min-height: inherit;
  margin: 0;
}

.hds__card_link {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.75fr);
  width: 100%;
  min-height: 340px;
  border-radius: var(--border-radius-1);
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

.hds__card_link:focus-visible {
  outline: 3px solid var(--amarelo-mostarda);
  outline-offset: -3px;
}

.hds__media {
  position: relative;
  min-width: 0;
  min-height: 340px;
  margin: 0;
  aspect-ratio: 16 / 9;
  height: 100%;
  border-radius: var(--border-radius-1) 0 0 var(--border-radius-1);
  background: var(--preto-8);
  overflow: hidden;
}

.hds__media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.hds__painel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 340px;
  padding: 1.5rem 1.5rem 5rem;
  border-radius: 0 var(--border-radius-1) var(--border-radius-1) 0;
  background: var(--preto-1);
}

.hds__topo { width: 100%; }

.hds__chapeu {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.625rem;
  border-left: 3px solid var(--amarelo-mostarda);
  line-height: 1;
}

.hds__seta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: var(--border-radius-025);
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.hds__titulo,
.hds__excerpt { color: inherit; }

.hds__card_link .btn__dourado {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
}

.hds__bookmark {
  top: 0.75rem;
  right: 0.75rem;
  z-index: 8;
  pointer-events: auto;
  touch-action: manipulation;
}

.hds__paginacao {
  position: absolute;
  z-index: 7;
  left: calc(var(--hds-coluna-imagem) + 1.5rem);
  bottom: 1.5rem;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: calc(42.857143% - 3rem);
  margin: 0;
  padding: 0.25rem;
  border-radius: var(--border-radius-50);
  pointer-events: auto;
  touch-action: manipulation;
  isolation: isolate;
}

.hds__dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 1.5px solid transparent;
  border-radius: 50%;
  background: var(--preto-2);
  color: var(--preto-6);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.hds__dot.active,
.hds__dot[aria-current="true"] {
  border-color: var(--amarelo-mostarda);
  background: var(--amarelo-mostarda);
  color: var(--preto-9);
}

.hds__dot:focus-visible {
  outline: 2px solid var(--amarelo-mostarda);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .hds__card_link:hover .hds__media img { transform: scale(1.025); }


  .hds__dot:hover {
    background: var(--preto-3);
    color: var(--preto-8);
    transform: translateY(-1px);
  }

  .hds__dot.active:hover,
  .hds__dot[aria-current="true"]:hover {
    background: var(--amarelo-mostarda);
    color: var(--preto-9);
  }
}

@keyframes hds__fade_in {
  from { opacity: 0; }
  to { opacity: 1; }
}





.section__loop_blog_horizontal_slider .hbs__card { height: 240px; }

.section__loop_blog_horizontal_slider .hbs__img {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radius-05);
}

.section__loop_blog_horizontal_slider .hbs__overlay {
  position: absolute;
  inset: 0;
  border-radius: var(--border-radius-05);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 35%,
    rgba(0, 0, 0, 0.55) 65%,
    rgba(0, 0, 0, 0.82) 100%
  );
  z-index: 1;
}

.section__loop_blog_horizontal_slider .hbs__texto {
  bottom: 1.25rem;
  left: 1.25rem;
  right: 1.25rem;
  z-index: 2;
}

.section__loop_blog_horizontal_slider .hbs__titulo {
  font-size: 1.05rem;
  line-height: 130%;
}

.section__loop_blog_horizontal_slider .hbs__card_vermais {
  background: var(--preto-1);
  border: 1.5px solid var(--preto-2);
}

.section__slider_programas .splide__arrow,
.section__loop_blog_horizontal_slider .splide__arrow {
  background: var(--amarelo-mostarda);
  color: var(--preto-9);
  width: 38px;
  height: 38px;
  opacity: 1;
  border-radius: 50%;
}

.section__slider_programas .splide__arrow:disabled, .section__loop_blog_horizontal_slider .splide__arrow:disabled { opacity: 0.35; }

.img__splide_programas { height: 125px; }

.section__slider_programas .splide__arrow--prev, .section__loop_blog_horizontal_slider .splide__arrow--prev { left: -50px; }
.section__slider_programas .splide__arrow--next, .section__loop_blog_horizontal_slider .splide__arrow--next { right: -50px; }

/*  =========================================================
   PAGINAÇÃO SPLIDE — PADRÃO CENTRALIZADO
   =========================================================  */

.section__slider_salas_vip .splide__pagination,
.tabs-slider .splide__pagination,
.section__amenidades_wrapper .splide__pagination,
.allinclusive-slider .splide__pagination,
.modulocadastro__slider .splide__pagination,
.metade_metade_slider .splide__pagination,
.section__depoimentos .splide__pagination {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  margin-top: 30px;
  padding: 0 1em;
}

.tabs-slider .splide__pagination {
  bottom: -40px;
  padding: 0 0.5rem;
}

.section__slider_salas_vip .splide__pagination, .section__depoimentos .splide__pagination { bottom: -2em; }

.section__amenidades_wrapper .splide__pagination, .allinclusive-slider .splide__pagination, .modulocadastro__slider .splide__pagination, .metade_metade_slider .splide__pagination { bottom: 10px; }

.section__amenidades_wrapper .splide__pagination__page,
.allinclusive-slider .splide__pagination__page,
.modulocadastro__slider .splide__pagination__page,
.metade_metade_slider .splide__pagination__page,
.section__depoimentos .splide__pagination__page {
  width: 10px;
  height: 10px;
  background: var(--branco);
  opacity: 1;
}

.section__amenidades_wrapper .splide__pagination__page.is-active,
.allinclusive-slider .splide__pagination__page.is-active,
.modulocadastro__slider .splide__pagination__page.is-active,
.metade_metade_slider .splide__pagination__page.is-active,
.section__depoimentos .splide__pagination__page.is-active {
  background: var(--amarelo-mostarda);
  border: 2px solid var(--branco);
  opacity: 1;
}

.section__slider_salas_vip .splide__pagination__page {
  width: 10px;
  height: 10px;
  background: var(--preto-8);
  opacity: 1;
}

.section__slider_salas_vip .splide__pagination__page.is-active {
  background: var(--branco);
  border: 2px solid var(--preto-8);
  opacity: 1;
}

.tabs-slider .splide__pagination__page {
  width: 10px;
  height: 10px;
  background: #a8a09a;
  opacity: 1;
}

.tabs-slider .splide__pagination__page.is-active {
  background: #f8f4eb;
  border: 2px solid #a8a09a;
  opacity: 1;
}

.svip__card {
  height: 145px;
  background: linear-gradient(180deg, #3b3b3b 50.96%, #111111 50.97%);
  border: 2px solid var(--preto-8);
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.3);
}

/* =======================================
TABS SLIDER
======================================= */

.tabs_slider_section .tabs-slider .splide__slide { width: 300px; }

.tabs-slider .splide__track { overflow: visible; }

.tabs-slider__texto {
  background-color: var(--branco);
  border-radius: .5rem;
  height: 100%;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  min-height: 220px !important;
}

.tabs-slider__vermais {
  background-color: var(--preto-3);
  border-radius: .5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  transition: 0.2s ease;
}

.tabs-slider__vermais:hover { background-color: var(--preto-2); }

/* card */
.tabs-slider__card {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: .5rem;
  height: 100%;
}
.tabs-slider__list li:nth-child(odd) { height: 414px; }
.tabs-slider__list li:nth-child(even) { height: 350px; }

.galeria-mansory__list figure, .tabs-mansory__list figure { height: 100%; }

.galeria-mansory__list img, .tabs-mansory__list img { object-fit: cover; }


/* Masonry com ritmo mais quebrado */
.tabs-mansory__list li { aspect-ratio: 1 / 1; }

.tabs-mansory__list li:nth-child(7n + 1) { aspect-ratio: 5 / 4; }

.tabs-mansory__list li:nth-child(7n + 2) { aspect-ratio: 1 / 1; }

.tabs-mansory__list li:nth-child(5n + 3) { aspect-ratio: 10 / 11; }

.tabs-mansory__list li:nth-child(7n + 4) { aspect-ratio: 9 / 8; }

.tabs-mansory__list li:nth-child(7n + 5) { aspect-ratio: 1 / 1; }

.tabs-mansory__list li:nth-child(7n + 6) { aspect-ratio: 4 / 4; }

.tabs-mansory__list li:nth-child(7n + 7) { aspect-ratio: 10 / 9; }

.allinclusive_slider_section .galeria-mansory__list figure img {
	aspect-ratio: auto;
}

/* Preserva cards especiais */
.tabs-mansory__list li.texto__inicial { aspect-ratio: auto !important; }

.tabs-mansory__list li:has(.tabs-slider__vermais), .tabs-mansory__list li.tabs-slider__placeholder { aspect-ratio: 16 / 9 !important; }

/* imagem */
.tabs-slider__card figure {
  margin: 0;
  height: 100%;
  overflow: hidden;
  border-radius: .5rem;
}

.tabs-slider__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: .5rem;
}

/* gradiente proteção */
.tabs-slider__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: .5rem;
  background: linear-gradient(0deg, #000 3.83%, rgba(0, 0, 0, 0) 72%);
}

/* título */
.segura__texto_absolute {
  position: absolute;
  bottom: 24px;
  left: 20px;
  right: 20px;
  z-index: 2;
}

.tabs-slider__card_tag1 {
  border: 1px solid var(--preto-2);
  border-radius: 4px;
  color: #f8f4eb;
}
.tabs-slider__card_tag2 {
  border: 1px solid var(--preto-2);
  background-color: var(--preto-2);
  border-radius: 4px;
  color: #38322e;
}
/* ---------- ARROWS ---------- */

.tabs-slider .splide__arrow {
  background: var(--amarelo-mostarda);
  color: var(--preto-8);
  width: 40px;
  height: 40px;
  opacity: 1;
}

.splide__arrow--prev { left: -10px; }

.splide__arrow--next { right: -10px; }

/* =======================================
TABS SLIDER
======================================= */

/* ---------- SPLIDE AMENIDADES ---------- */
.section__amenidades_wrapper .splide__arrow {
  background: var(--amarelo-mostarda);
  color: var(--preto-8);
  width: 40px;
  height: 40px;
  opacity: 1;
}

.gallery-video-item {
  position: relative;
  cursor: pointer;
}

.gallery-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
}

.gallery-video-thumb { position: relative; }

.gallery-video-thumb img {
  display: block;
  width: 100%;
}

.gallery-video-thumb .gallery-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  z-index: 2;
  pointer-events: none;
}

/* =======================================
ALL INCLUSIVE SLIDER
======================================= */

.allinclusive_slider_section .gallery-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.allinclusive_slider_section .gallery-modal[hidden] { display: none; }

.allinclusive_slider_section .gallery-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
}

.allinclusive_slider_section .gallery-modal__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

.gallery-modal__content li.splide__slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.allinclusive_slider_section .gallery-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  color: var(--branco);
  font-size: 28px;
  cursor: pointer;
}

.allinclusive_slider_section .gallery-modal__caption {
  color: var(--branco);
  padding-top: 0.5em;
}

.allinclusive_slider_section .gallery-modal__image img {
  max-height: 70vh;
  max-width: 90vw;
  object-fit: contain;
}

.allinclusive_slider_section .gallery-modal__thumbs {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
}

.allinclusive_slider_section .gallery-thumb {
  height: 60px;
  cursor: pointer;
  opacity: 0.6;
}

.allinclusive_slider_section .gallery-thumb.is-active {
  opacity: 1;
  border: 2px solid #fff;
}

.allinclusive_slider_section .gallery-modal__main img {
  max-height: 70vh;
  object-fit: contain;
  margin: 0 auto;
}

.allinclusive_slider_section .gallery-modal__main video {
  max-height: 70vh;
  width: 50%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
}

.allinclusive_slider_section .gallery-modal__thumbs { margin-top: 20px; }

.allinclusive_slider_section .gallery-modal__thumbs img {
  cursor: pointer;
  opacity: 0.6;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.allinclusive_slider_section .splide__arrow {
  background: var(--amarelo-mostarda);
  color: var(--preto-8);
  width: 40px;
  height: 40px;
}

.allinclusive_slider_section .gallery-modal__thumbs .is-active img {
  opacity: 1;
  border: 2px solid #fff;
}

.allinclusive_slider_section {
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto;
}

/* imagem */
.allinclusive_slider_section figure {
  margin: 0;
  height: 100%;
  overflow: hidden;
  border-radius: 15px;
  cursor: pointer;
}

.allinclusive_slider_section figure img {
  width: 100%;
  min-height: 440px;
  aspect-ratio: 16/10;
  object-fit: cover;
  display: block;
  border-radius: 0.5rem;
}

.allinclusive_slider_section .break__inside figure img { min-height: auto; }

.lista__destaques_vertical {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.lista__destaques_vertical span {
  background-color: var(--preto-1);
  border-radius: var(--border-radius-025);
  color: var(--preto-8);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: normal;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0.5rem 1rem;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.lista__destaques_vertical span i {
  display: none;
  width: 10px;
  height: 10px;
  background-color: var(--preto-9);
  border-radius: 100%;
  box-shadow: 0 0 0 4px var(--amarelo-mostarda);
  flex-shrink: 0;
}

.lista__destaques_vertical.exibe__ponto span i { display: block; }

.galeria-mansory__list img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

/* ---------- ARROWS ---------- */

.allinclusive-slider .splide__arrow {
  background: var(--amarelo-mostarda);
  color: var(--preto-8);
  width: 40px;
  height: 40px;
  opacity: 1;
}
/* =======================================
ALL INCLUSIVE SLIDER
======================================= */

/* =======================================
CADASTRO
======================================= */

.modulocadastro__slider, .modulocadastro__slider .splide__track { height: 100%; }

.modulocadastro__slider figure {
  margin: 0;
  height: 100%;
  overflow: hidden;
  border-radius: 15px;
}

.modulocadastro__slider img {
  height: 100%;
  border-radius: 15px;
  width: 100%;
  object-fit: cover;
  display: block;
}

.section__cadastro_form {
  background-color: var(--branco);
  border-radius: 15px;
  padding: 1.8rem;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section__cadastro_grafismo {
  max-width: 75px;
  position: absolute;
  right: 20px;
  top: 27px;
}

.section__cadastro_label { color: var(--preto-8); }

.section__cadastro_input,
.section__cadastro_select {
  background-color: var(--branco) !important;
  border: 1.5px solid var(--preto-8) !important;
}

.section__cadastro_checkbox {
  max-width: 22px;
  background-color: var(--branco) !important;
  border: 1.5px solid var(--preto-8) !important;
}

.section__cadastro_terms {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* =======================================
METADE METADE
======================================= */

.tags__metade {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.tags__metade li {
  background-color: var(--preto-1);
  padding: 0.6rem;
  border-radius: 4px;
  width: fit-content;
  font-size: 0.8rem;
  color: var(--preto-8);
}

.btn__fill {
  font-weight: 500;
	line-height: 150%;
  color: var(--preto-8);
  background: var(--branco);
  border: 1.5px solid var(--preto-8);
  border-radius: var(--border-radius-025);
  padding: 0.55rem 1.15rem;
}

.btn__fill:hover {
  color: var(--preto-8);
  background: var(--branco);
}

.btn__fill:hover svg, .btn__laranja:hover svg { animation: moveArrow 0.6s ease; }

.descricao__metade_metade p:last-child { margin-bottom: 0 !important; }

/* imagem */
.metade_metade_slider figure {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.metade_metade_slider img {
  width: 100%;
  height: 410px;
  object-fit: cover;
  display: block;
  border-radius: 0.325rem;
}

.section__metade_metade.mm__modo_escuro .descricao__metade_metade p * {
	color: var(--preto-3) !important;
}

/* =======================================
MODAL
======================================= */

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: none;
  align-items: center;
  justify-content: center;

  z-index: 9999;
}

.modal.active { display: flex; }

/* overlay escuro */
.modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}

/* conteúdo */
.modal__content {
  position: relative;
  width: 90%;
  height: 90%;
  z-index: 1;
}

.modal__content iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* botão fechar */
.modal__close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  z-index: 2;
}

li:hover svg:not(.js__prev svg):not(.js__next svg) { /*animation: moveArrow 0.6s ease;*/ }

li:hover svg path:not(.btn__fill svg path):not(.card__webstories svg path) { fill: var(--amarelo-mostarda); }

.js__slider,
.js__slider_track,
.js__slider_track img {
  touch-action: pan-y;
  -webkit-user-drag: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* hover */
.js__slider:hover .js__prev, .js__slider:hover .js__next { opacity: 1; }

/* =======================================
DEPOIMENTOS/STORIES SLIDER
======================================= */

.depoimentos-storie-slider img,
.depoimentos-storie-slider video,
.depoimentos__storie_single video {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  display: block;
  border-radius: 1rem;
}

.section__stories_balao div {
  box-shadow: var(--box-shadow-2);
  background-color: var(--branco);
  border-radius: var(--border-radius-05);
  padding: 1rem;
  width: fit-content;
  max-width: 240px;
}

.section__stories_balao img {
  border-radius: var(--border-radius-025);
  margin: auto;
  max-width: 250px;
}

.section__stories_balao div span { color: var(--preto-8); }

.section__stories_balao.balao_1 div {
  bottom: -30px;
  right: 0px;
}

.section__stories_balao.balao_2 div {
  bottom: -30px;
  right: 0px;
}

/* AMENIDADES */
.seta { display: none; }

/* TABELA COMPARAÇÃO */
.tabela__comparacao li {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: 80% 20%;
  padding: 0.5rem 1rem;
  align-items: center;
  border-radius: var(--border-radius-2);
}

.tabela__comparacao li:not(:first-child) { background: var(--preto-1); }

/* CATEGORIAS - CARDS HORIZONTAL FINALIDADES */
.section__finalidades_horizontal_wrapper { position: relative; }

.card__finalidades:hover {
  background: var(--preto-1) !important;
  transition: 0.2s ease;
}

.carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--amarelo-sol);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 10;
  transition: all 0.2s ease;
}

.carousel-nav svg {
  width: 24px;
  height: 24px;
}

.carousel-nav:hover:not(.is-disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-50%) scale(1.05);
}

.carousel-nav--prev { left: 1rem; }
.carousel-nav--next { right: 1rem; }

.carousel-nav.is-disabled {
  opacity: 0.3;
  cursor: default;
}

/* PÁGINAS DE SERVIÇOS E PRODUTOS SELF STORAGE */

.segura__main_services {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  padding: 2rem !important;
  background: var(--branco);
  gap: 3rem;
  border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}

.esquerda__services a { text-decoration: underline; }

.direita__services {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 0.5rem;
}

.segura__main_services h2 {
  font-size: 1.5rem;
  color: var(--preto);
  line-height: 120%;
  margin-bottom: 1rem;
}

.segura__main_services h2:after,
.tabs__servicos h2:after {
  content: "";
  width: 3rem;
  height: 3px;
  display: block;
  margin: 0.5rem 0 0 0;
  background: var(--amarelo-sol);
}

.segura__main_services h3,
.tabs__servicos h2 {
  font-size: 1.25rem;
  color: var(--preto);
  line-height: 140%;
}

.tabs__servicos h2 {
  margin-bottom: 0;
  padding-top: 0;
  text-align: left;
}

.segura__main_services p,
.segura__main_services strong,
.segura__main_services span,
.esquerda__services a,
.esquerda__services ul li,
.esquerda__services ol li {
  color: var(--preto-7);
  line-height: 160%;
}

.esquerda__services ul,
.esquerda__services ol {
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

.esquerda__services ul li,
.esquerda__services ol li {
  list-style-type: square;
  margin-bottom: 0.5rem;
}

.esquerda__services ul li strong a { font-weight: 600 !important; }

.esquerda__services ol li { list-style-type: auto; }

.diferenciais__services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 1rem 0;
  gap: 1rem;
}

.diferenciais__services {
  display: grid;
  padding-left: 0 !important;
  grid-template-columns: 1fr 1fr;
  margin: 1rem 0;
  gap: 1rem;
}

.diferenciais__services p {
  font-size: 0.875rem;
  color: var(--preto-7);
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}

.diferenciais__services li {
  display: flex;
  gap: 0.25rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

/* SLIDESHOW FADE AUTOMATIC COM LEGENDA */

.mySlides { display: none; }

.segura__main_services figure { margin: 0; }

figure.wp-block-image, figure.wp-block-gallery, figure.wp-block-embed, .wp-block-table { margin: 2rem 0; }

.wp-block-table thead { border-bottom: none !important; }

.mySlides img {
  vertical-align: middle;
  aspect-ratio: 4 / 3;
  background-color: var(--preto-1);
  border-radius: var(--border-radius-05);
}

/* Slideshow container */
.slideshow-container {
  max-width: 50rem;
  position: relative;
  margin: 0 auto;
  background: repeating-linear-gradient(
    45deg,
    var(--preto-7),
    var(--amarelo-sol),
    var(--preto-7),
    var(--preto-7),
    var(--preto-7) 148px
  );
  background-size: 200% 200%;
}

/* Position the "next button" to the right */
.prev, .next { padding: 1rem; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { background-color: var(--preto-2); }

/* Caption text */
.text__span_slider {
  padding: 0.25rem 1rem;
  position: absolute;
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--amarelo-sol) !important;
  bottom: 0;
  font-size: 0.875rem;
  line-height: 1.25rem !important;
  text-align: initial;
}

.label__text_span {
  position: absolute;
  top: 0.5rem;
  right: -0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem !important;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-style: italic;
}

.dots__slides { margin-top: 1rem; }

ul.dots__slides {
  display: none;
  padding-left: 0;
  margin-bottom: 0.5rem;
}

/* The dots/bullets/indicators */
.dot__slide {
  cursor: pointer;
  height: 1.5rem;
  border-radius: 2px;
  width: 1.5rem;
  margin: 0 3px;
  background-color: var(--preto-10);
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot__slide:hover { background-color: var(--preto-5); }

.dot__slide.active { background-color: var(--preto-3); }

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.2s;
}

@keyframes fade {
  from { opacity: 0.1; }
  to { opacity: 1; }
}

.mySlides span {
  background: var(--preto-7);
  color: var(--branco);
}

.mySlides span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -5.5px;
  width: 8px;
  height: 6px;
  background: #000;
  clip-path: polygon(0 0, 100% 1%, 0 100%);
  z-index: -10;
}

.botao__services {
  position: sticky;
  top: 7.1rem;
}

.tabs__servicos {
  background: var(--preto-1);
  border-top: 1px solid var(--preto-3);
  padding: 2rem;
}

.tabs__padrao ul {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

.tabs__padrao li {
  color: var(--preto-7);
  background: var(--branco);
  padding: 0.5rem 1.105rem;
  border-radius: 3rem;
  font-size: 0.875rem;
  cursor: default;
}

/* POST ARTICLE BLOG  */

.grid__sidebar {
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 2rem;
}

.breadcrumb {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto 1fr;
  font-size: 0.875rem;
  margin: 0 0 2rem 0;
}

.breadcrumb li {
  text-align: left;
  display: flex;
  align-items: center;
}

.breadcrumb > li:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  margin: 0 0.875rem;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'><path d='M0.75 0.75L6.75 6.75L0.75 12.75' stroke='black' stroke-opacity='0.3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    no-repeat center;
}

.breadcrumb > li:last-child:after { content: none; }

.breadcrumb li span {
  color: var(--preto-6);
  line-height: 1.3rem;
  font-weight: 500;
}

.breadcrumb li a {
  padding: 0.5rem 0;
  font-size: 0.875rem;
}

.breadcrumb li span:hover { color: var(--preto-6); }

.breadcrumb li:last-child span {
  text-decoration: none;
  color: var(--preto-6);
}

.categories__blog {
  display: flex;
  align-items: center;
  gap: 0.325rem;
  flex-wrap: wrap;
}

.categories__blog_tag {
  color: var(--preto-8);
  font-size: 0.85rem;
  line-height: 140%;
  font-weight: 500;
  display: block;
}

.topicos__tag {
  background: var(--branco);
  border-radius: var(--border-radius-2);
  padding: 0.5rem 1.15rem;
  color: var(--preto-8);
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 120%;
  transition: 0.2s ease;
}

.topicos__tag:hover {
  background: var(--preto-8);
  color: var(--branco);
}

.content__wrapper {
  padding: 1rem 0 3rem 0;
  text-align: left;
}

.content__wrapper ol ul, .content__wrapper ol ol, .content__wrapper ul ul, .content__wrapper ul ol { margin-top: 1rem; }

.sidebar__block__blog {
  display: flex;
  align-items: center;
  gap: 0.325rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.sidebar__block__blog li { display: flex; }

.sidebar__block__blog_tag {
  padding: 0.5rem 1rem;
  color: var(--preto-1);
  background: var(--preto-8);
  text-transform: uppercase;
  border-radius: var(--border-radius-2);
  font-size: 0.8rem;
  font-weight: 600;
  transition: 0.2s ease;
}

.sidebar__block__blog_tag:hover {
  background: var(--preto-2);
  color: var(--branco);
}

.sidebar__ads { margin: 0 auto; }

.content__article {
  text-align: left;
  contain: layout;
}

.content__article_body { text-align: left; }

.content__article_body p {
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 2.15rem;
  margin-bottom: 1.325rem;
  text-align: justify;
}

.content__article_body a  {
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 2.15rem;
  color: var(--preto-8);
  text-decoration: underline;
}

.tags__list li a, .pb-toc a { text-decoration: auto; }
.pb-toc a:hover {  text-decoration: underline !important;}

.content__article_body a:hover { text-decoration: auto; }

.content__article p {
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 150%;
  margin: 0.5rem 0 1.5rem 0;
}

img.avatar {
  border: 1.5px solid var(--amarelo-mostarda);
  border-radius: 50%;
  width: 90px;
  height: 90px;
}

.autor__avatar img.avatar {
  width: 36px !important;
  height: 36px !important;
}

.autor__grupo .autor__avatar + .autor__avatar { margin-left: -20px; }

.autor_empresas img { filter: brightness(1) invert(1); }

.content__article img.avatar {
  border: 1.5px solid var(--amarelo-mostarda);
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.div__author_page {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin-bottom: 1rem;
}

.div__author_page_ul {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.div__author_page_ul li { border-radius: 50%; }

.meta__info_author_single {
  font-size: 0.875rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0.5rem 0 1.25rem 0;
  gap: 1rem;
}

.meta__info_author_single span,
.meta__info_author_single time {
  color: var(--preto-7);
  line-height: 150%;
  letter-spacing: -0.01rem;
  font-weight: 400;
}

.meta__info_author_single a {
  color: var(--preto-7);
  font-weight: 500;
  font-size: 0.875rem;
  text-decoration: underline;
}

.meta__info_author_single a:hover {
  color: var(--preto-8);
  text-decoration: none;
}

.main__img_post {
  margin: 0 0 1rem 0;
  position: relative;
}

.main__img_post figure { margin: 0; }

.main__img_post figure img {
  width: 100%;
  aspect-ratio: 16/9;
  object-position: center;
  border-radius: var(--border-radius-05);
  max-height: 512px;
}

.main__img_post figcaption {
  font-size: 0.875rem;
  position: absolute;
  bottom: 0.25rem;
  padding: 0.15rem 0.5rem;
  color: var(--preto-9);
  background-color: rgba(32, 32, 32, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main__img_post figcaption a { color: var(--preto-2); }

.main__img_post_label_absolute {
  padding: 0.325rem 0.5rem;
  font-size: 0.75rem;
  border-radius: var(--border-radius-025);
  top: 0.5rem;
  left: 0.5rem;
  background-color: var(--branco);
}

.grid__social_article {
  display: grid;
  grid-template-columns: 1fr 55px;
  gap: 1.5rem;
}

.redes__sociais_fixed {
  position: sticky;
  top: 1rem;
  display: flex;
  flex-direction: column;
  padding: 0.5rem !important;
  background: var(--branco);
  gap: 0.5rem;
  transition: 0.2s ease;
  margin-bottom: 1.5rem !important;
  border-radius: var(--border-radius-05);
}

.customize-support .redes__sociais_fixed, .customize-support .sticky { top: 50px; }

.redes__sociais_fixed li {
  list-style-type: none !important;
  margin-bottom: 0 !important;
}

.redes__sociais_fixed a,
.redes__sociais_fixed button {
  display: flex;
  padding: 0.25rem;
  align-items: center;
  justify-content: center;
}

.shake {
  animation: 0.82s shake;
  animation-delay: 1s;
}

.box__author_single {
  background: var(--branco);
  padding: 1.5rem;
}

.schema-faq.wp-block-yoast-faq-block {
  padding: 2rem;
  margin-bottom: 1.5rem;
  background: #ededed;
  border-left: 3px solid var(--amarelo-mostarda);
}

.schema-faq-section > strong {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  display: block;
}

.schema-faq-section:last-child .schema-faq-answer { margin-bottom: 0; }

.content__text_body:last-child { margin-bottom: 5rem !important; }

.table__of_contents ol { padding-left: 1.25rem !important; }

.table__of_contents p { font-weight: 500; }

.table__of_contents li a {
  margin-bottom: 0.5rem;
  display: block;
  text-decoration: auto;
  line-height: 130%;
  font-size: 1rem;
}

.table__of_contents li a:hover { text-decoration: underline; }

.content__article_body strong a { font-weight: 800; }

.content__article_body strong { color: var(--preto-8); }

.content__article_body h2 {
  padding-top: 0.325rem;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.content__article_body h3 {
  font-weight: 500;
  padding-top: 0.5rem;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.content__article_body h4 {
  font-weight: 500;
  padding-top: 0.5rem;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.content__article_body ul,
.content__article_body ol {
  margin-bottom: 2rem;
  padding-left: 2rem;
}

.content__article_body ul ul, .content__article_body ol ol, .content__article_body ul ol, .content__article_body ol ul { margin-bottom: 0 !important; }
.content__article_body ul li,
.content__article_body ol li,
main .content__article_body .pb-toc ol li,
main .content__article_body .pb-toc ul li {
  font-size: 1.15rem;
  list-style-type: square;
  margin-bottom: 0.75rem;
  line-height: 1.75rem;
}

.conteudo__modulo_texto_central blockquote::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    left: 1rem;
    width: 1.65rem;
    height: 1.65rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.8 12C16.3 17.6 11.5 25.3 11.5 35.1C11.5 44.2 16.2 50.6 23.1 50.6C28.8 50.6 33 46.6 33 41.2C33 36.2 29.5 32.5 24.8 32.5C22.8 32.5 21.2 33 19.9 34C20.4 27.9 23.4 22.9 29.6 18.6L24.8 12ZM50.4 12C41.9 17.6 37.1 25.3 37.1 35.1C37.1 44.2 41.8 50.6 48.7 50.6C54.4 50.6 58.6 46.6 58.6 41.2C58.6 36.2 55.1 32.5 50.4 32.5C48.4 32.5 46.8 33 45.5 34C46 27.9 49 22.9 55.2 18.6L50.4 12Z' fill='%23c99316'/%3E%3C/svg%3E");
    opacity: .95;
}

.content__article_body blockquote, .conteudo__modulo_texto_central blockquote {
  border-left: 6px solid var(--preto-7);
  padding: 2rem;
  margin-bottom: 2rem;
  background: var(--preto-2);
	position: relative;
}

.content__article_body blockquote p, .conteudo__modulo_texto_central blockquote p {
  margin-bottom: 0.875rem;
  color: var(--preto-7);
  font-size: 1.25rem;
  line-height: 140%;
  font-weight: 500;
  text-align: start;
}

blockquote p:last-child {
	margin-bottom: 0;
}

.content__article_body blockquote cite {
  color: var(--preto-8);
  font-size: 1.325rem;
  font-weight: 700;
}

/* =========================================================
   GALERIA NATIVA DO WORDPRESS
   ========================================================= */

.wp-block-gallery.has-nested-images {
  --wp--style--unstable-gallery-gap: 0.25rem;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0.25rem !important;
  padding: 0;
  margin-bottom: 3rem;
}

.wp-block-gallery.has-nested-images > figure.wp-block-image {
  min-width: 0;
  margin: 0 !important;
}

/* Aplica o preenchimento somente quando "Cortar imagens para caber" está ativo. */
.wp-block-gallery.has-nested-images.is-cropped > figure.wp-block-image {
  display: flex !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

.wp-block-gallery.has-nested-images.is-cropped > figure.wp-block-image > a {
  display: flex;
  width: 100%;
  height: 100%;
}

.wp-block-gallery.has-nested-images.is-cropped > figure.wp-block-image > img,
.wp-block-gallery.has-nested-images.is-cropped > figure.wp-block-image > a > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  flex: 1 1 auto;
  object-fit: cover !important;
  object-position: center;
  border-radius: var(--border-radius-025);
}

.wp-block-gallery.has-nested-images figcaption {
	font-size.875rem;
	margin-top: .25rem;
}

.custom-lightbox .lightbox-thumbnails img {
	border-radius: var(--border-radius-0125);
}

.galeria-embutida .lightbox-arrow, .custom-lightbox .arrow {
	background: var(--gradiente-vertical) !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: linear-gradient(
    0deg,
    rgba(32, 32, 32, 0.8),
    rgba(32, 32, 32, 0.4) 100%,
    transparent
  ) !important;
  padding: 0.25rem 0 !important;
  display: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before { display: none; }

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { border-radius: var(--border-radius-025); }

.tags__blog {
  display: flex;
  align-items: center;
  background: var(--branco);
  padding: 1.5rem;
  gap: 1rem;
  justify-items: center;
}

.tags__blog span {
  font-weight: 600;
  display: block;
  font-size: 1.15rem;
  line-height: normal;
}

.tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0;
  padding-left: 0;
}

.tags__list li {
  display: flex;
  list-style-type: none;
  margin-bottom: 0;
  line-height: 2rem !important;
}

.sidebar__blog {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.top_sticky { top: 8rem !important; }

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 1rem;
  transition: 0.2s ease;
  display: grid;
  gap: 1.5rem;
}

.sidebar_h2 {
  gap: 0.5rem;
  font-size: 1.05rem;
  margin-bottom: 0.875rem;
  line-height: 120%;
  color: var(--preto-8);
}

.sidebar_h222::after {
  content: "";
  width: 2rem;
  height: 1.5px;
  display: block;
  margin: 0.25rem 0px;
  background: var(--amarelo-sol);
}

.ads__sidebar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar__block,
.sidebar__top_blog,
.redes__sociais_fixed,
.tags__blog,
.box__author_single,
.box__whatsapp_inline_post,
.borda__padrao {
  background: var(--branco);
  padding: 1.5rem;
  border: 1.5px solid var(--preto-2);
  border-radius: var(--border-radius-05);
}

.sidebar__block:hover, .sidebar__top_blog:hover, .redes__sociais_fixed:hover, .tags__blog:hover, .box__author_single:hover, .box__whatsapp_inline_post:hover, .border__padrao:hover { border-color: var(--amarelo-mostarda); }

.redes__sociais_fixed { background: var(--branco); }

.sidebar__block:last-child { margin-bottom: 0; }

.sidebar__block ul li a,
.sidebar__block ol li a,
.sidebar__top_blog ul li a,
.sidebar__top_blog ol li a {
  display: block;
  padding: 0.25rem 0;
  color: var(--preto-6);
  font-size: 0.875rem;
  font-weight: 400;
}

.cat-item:last-of-type a { padding: 0.25rem 0 0 0; }

.cat-item {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
}

.cat-item:after {
  content: "";
  background: var(--preto-8);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--border-radius-50);
  flex-shrink: 0;
}

.top__blog ol {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.top__blog ol li {
  justify-content: start;
  align-items: center;
}

.top__blog ol li::before {
  padding-right: 0.75rem !important;
  min-width: 1.5rem !important;
  font-size: 1.25rem !important;
}

.sidebar__block ul li a:hover:not(span), .sidebar__block ol li a:hover:not(span) { text-decoration: underline; }

.card__tag_list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.card__tag_list li {
  border-left: 4px solid var(--amarelo-sol);
  cursor: pointer;
  height: max-content;
  border-image: initial;
  background: var(--branco);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 16px 0px;
  transition: 0.2s ease;
}

.card__tag_list li:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 20px 0px; }

.card__tag_item {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
  gap: 1rem;
  max-height: 210px;
  overflow: hidden;
}

.img__card_tag__list {
  aspect-ratio: 1/1;
  width: 100%;
  height: 210px;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.card__tag_list li:hover .img__card_tag__list {
  filter: hue-rotate(0deg);
  transition: 0.1s ease-out;
}

.nav-blog,
.nav-blog .pagination {
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 0.5rem;
  padding: 2rem 0 0 0;
}

.nav-blog a,
.nav-blog span {
  color: var(--amarelo-mostarda);
  background: var(--preto-1);
  padding: 0.325rem 0.75rem;
  font-size: 0.875rem;
  line-height: 130%;
  display: flex;
  border-radius: var(--border-radius-025);
}

.nav-blog a:hover,
.nav-blog span:hover {
  color: var(--branco);
  background: var(--preto-8);
}

.nav-blog span {
  background: var(--preto-1);
  color: var(--preto);
}

.wp-block-video {
  width: 100%;
  margin: 0 0 2rem 0;
}

/* Hero 1 */

.grid__mosaico {
  display: grid;
  grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr;
  gap: 1.5rem;
  min-height: 420px;
  grid-template-areas:
    "area1 area1 area2 area6"
    "area1 area1 area3 area7"
    "area1 area1 area4 area8"
    "area1 area1 area5 area9";
}

.grid__mosaico_central { grid-template-areas: "area2 area1 area1 area6" "area3 area1 area1 area7" "area4 area1 area1 area8" "area5 area1 area1 area9"; }

.grid__mosaico_direita { grid-template-areas: "area2 area6 area1 area1" "area3 area7 area1 area1" "area4 area8 area1 area1" "area5 area9 area1 area1"; }

.grid__mosaico figure { margin: 0; }

.section__hero_1 .grid__mosaico figure { min-height: 380px; }

.grid__mosaico > li figure::after {
  content: "";
  display: block;
  height: calc(100% + 20px);
  border-radius: var(--border-radius-05);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transform: translateY(0px);
  background: linear-gradient(
    to top,
    rgb(1 1 1) 0%,
    rgba(1, 1, 1, 0.8) 30%,
    rgba(1, 1, 1, 0.2) 55%,
    rgba(1, 1, 1, 0) 100%
  );
}

.grid__mosaico > li:hover figure img:not(.thumb__left), .grid__post_card > li:hover figure img:not(.thumb__left), .coluna_mista_espacos > li:hover figure img:not(.thumb__left), .content__list_pages ul > li:hover figure img { transform: scale(1.03); }

.content__list_pages ul > li:hover .div__ads figure img { transform: none; }

.card__loop_horizontal { padding: 1.25rem; }

.card__loop_horizontal a { display: flex; }

.card__loop_horizontal:hover,
.btnMenuFavoritos.active {
  background-color: var(--branco) !important;
  transition: 0.2s ease;
}

.card__loop_horizontal:hover span {
	color: var(--preto-9) !important;
}

.menu__main .btnMenuFavoritos.active { background: var(--preto-2); }

.btnMenuFavoritos.active img { filter: grayscale(1); }

.grid__card_completo figure img { border-radius: var(--border-radius-025); }

.content__list_pages .grid__card_completo figure img { max-width: 100%; }

.grid__mosaico > li:hover h2, .grid__mosaico > li:hover h3, .grid__post_card > li:hover h2, .grid__post_card > li:hover h3 { text-decoration: underline; }

.grid__mosaico > li:first-child {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-05);
}

.grid__mosaico > li figure,
.grid__post_card_imgdestaque > li figure,
.grid__post_card > li figure,
.coluna_mista_espacos > li figure,
.content__list_pages li figure {
  overflow: hidden;
  border-radius: var(--border-radius-05);
}

.grid__mosaico_text {
  position: absolute;
  bottom: 2rem;
  left: 1.75rem;
  padding-right: 1.75rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.grid__mosaico > li:not(:first-child) .grid__mosaico_text {
  bottom: 1rem;
  left: 1rem;
}

.grid__mosaico_text_chapeu {
  display: flex;
  flex-direction: column;
  gap: 0.15rem !important;
}

.grid__mosaico > li h2 {
  margin: 0;
  line-height: 120%;
  font-size: 1.15rem;
  padding-right: 0;
}

.grid__mosaico > li:nth-child(1) {
  grid-area: area1;
  min-height: auto;
}

.grid__mosaico > li:first-child h2 {
  color: var(--branco);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  font-size: 1.25rem;
  line-height: 125%;
  padding-right: 0;
}

.grid__mosaico > li:first-child p {
  max-width: 90%;
  color: var(--preto-3);
  margin: 0.25rem 0 0 0;
  font-size: 0.875rem;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.grid__mosaico > li:first-child span { color: var(--branco); }

.grid__mosaico > li:nth-child(2) { grid-area: area2; }

.grid__mosaico > li:nth-child(3) { grid-area: area3; }

.grid__mosaico > li:nth-child(4) { grid-area: area4; }

.grid__mosaico > li:nth-child(5) { grid-area: area5; }

.grid__mosaico > li:first-child .img__card_blog {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--border-radius-05);
}

.slide { display: grid; }

.slide-items {
  position: relative;
  grid-area: 1/1;
  overflow: hidden;
  min-height: 382px;
}

.slide-nav {
  grid-area: 1/1;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  margin-bottom: 27%;
}

.slide-nav button {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
}

.slide-items > * {
  position: absolute;
  top: 0px;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  padding-bottom: 0 !important;
  border: 0 !important;
}

.slide-items h2 {
  color: inherit;
  text-decoration: none;
  position: relative;
  z-index: 2;
  display: inline-block;
}

.slide-items h2:hover { text-decoration: underline; }

.slide-nav button { z-index: 1; }

.slide-items > .active {
  position: relative;
  opacity: 1;
  pointer-events: initial;
}

.slide-thumb {
  display: flex;
  grid-column: 1 / 3;
  padding: 0.25rem 3rem;
}

.slide-thumb > span {
  flex: 1;
  display: block;
  height: 5px;
  background: rgba(0, 0, 0, 0.4);
  margin: 5px;
  overflow: hidden;
  opacity: 1 !important;
}

.slide-thumb > span.active::after {
  content: "";
  display: block;
  height: inherit;
  background: rgba(255, 255, 255, 0.9);
  transform: translateX(-100%);
  animation: thumb 6s forwards linear;
  animation-play-state: running;
}

.slide.is-paused .slide-thumb > span.active::after { animation-play-state: paused; }

.slide-thumb > span, .slide-thumb > span * { -webkit-tap-highlight-color: transparent; }

.slide-thumb > span:active,
.slide-thumb > span:focus,
.slide-thumb > span:hover {
  background: rgba(0, 0, 0, 0.4);
  outline: none;
}

.slide-thumb > span.active, .slide-thumb > span.active:active, .slide-thumb > span.active:focus { background: rgba(0, 0, 0, 0.4); }

@keyframes thumb {
  to { transform: initial; }
}

.grid__falencias li img {
  width: 80px;
  height: 81px;
  object-fit: contain;
}

.section__colunas_destaque_mosaico_terramundi li:not(:first-child) .text_chapeu { display: none; }

.grid__mosaico_3 {
  display: grid;
  grid-template-columns: 0.75fr 0.75fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem;
  grid-template-areas:
    "area1 area1 area2"
    "area1 area1 area3";
  margin-bottom: 2rem;
}

.grid__mosaico_3 li:first-child figure {
  margin: 0;
  height: 100%;
}

.grid__mosaico_3 li figure {
  margin: 0;
  height: 100%;
}

.grid__mosaico_3 .segura__topo_card {
  position: absolute;
  width: 100%;
  background: var(--preto-8);
  margin-left: -1.5rem;
  padding: 1.25rem 1.5rem;
  bottom: 0;
  min-height: 120px;
  justify-content: center;
}

.grid__mosaico_3 li:hover img { transform: scale(1.05); }

.grid__mosaico_3 li {
  position: relative;
  overflow: hidden;
  border-left: 8px solid var(--preto-8);
}

.grid__mosaico_3 li:nth-child(1) h2, .grid__mosaico_3 li:nth-child(1) h3 { font-size: 1.325rem; }

.grid__mosaico_3 li h2,
.grid__mosaico_3 li h3 {
  color: var(--branco);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  margin: 0;
  line-height: 1.5rem;
  font-size: 1.15rem;
}

.grid__mosaico_3 li:nth-child(1) {
  grid-area: area1;
  min-height: 570px;
}

.grid__mosaico_3 li:first-child h2 {
  font-size: 1.25rem;
  line-height: 130%;
}

.grid__mosaico_3 li:nth-child(2) { grid-area: area2; }

.grid__mosaico_3 li:nth-child(3) { grid-area: area3; }

.grid__mosaico_3 li img {
  width: 100%;
  height: 100%;
  display: block;
}

.grid__mosaico_v2 {
  display: grid;
  grid-template-columns: 1.25fr 1fr; /* Coluna esquerda maior, coluna direita menor */
  min-height: 390px;
  gap: 1.5rem;
  grid-template-areas:
    "area1 area2"
    "area1 area3"
    "area1 area3";
}
.grid__mosaico_v2 li:nth-child(1) figure img {
  grid-area: area1;
  border: 4px solid var(--amarelo-mostarda);
}
.grid__mosaico_v2 li:nth-child(2) { grid-area: area2; }
.grid__mosaico_v2 li:nth-child(3) { grid-area: area3; }
.grid__mosaico_v2 li:nth-child(4) { grid-area: area4; }
.grid__mosaico_v2 li:nth-child(2) figure::after, .grid__mosaico_v2 li:nth-child(3) figure::after, .grid__mosaico_v2 li:nth-child(4) figure::after { content: none; }

.card__newsletter {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--preto-1);
  padding: 1rem;
  border-radius: var(--border-radius-05);
}

.card__newsletter:hover { background: var(--branco); }

.title__section {
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 130%;
  margin-bottom: 0;
  text-transform: uppercase;
  color: var(--preto-8);
}

.title__section_hover:hover:after { width: 100%; }

.linha_fina_texto {
  color: var(--preto-6);
  font-family: "Encode Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.grid__post_card {
  display: grid;
  gap: 1.5rem;
}

.section__colunas_mista .grid__post_card { gap: 2rem; }

.grid__post_card_text {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 1.5rem;
}

.grid__post_card_text li { padding: 1.5rem 0; }

.grid__post_card_minimg,
.grid__post_card_imgdestaque article {
  display: grid;
  grid-template-columns: 0.55fr 1fr;
  gap: 0.875rem;
  align-items: center;
}

.grid__post_card_minimg figure img {
  aspect-ratio: 16 / 11;
  margin-bottom: 0;
  border-bottom: 0px;
}

.grid__post_card_minimg figure { border-bottom: 0px; }

.coluna_mista_espacos li {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--preto-3);
}

.coluna_mista_espacos li:first-child { padding-top: 0; }
.coluna_mista_espacos li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.content__list_pages ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.content__list_pages .grid__card_completo {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--preto-3);
}

.content__list_pages .grid__card_completo:last-child { border-bottom: none; }

.grid__mosaico .grid__card_completo:last-child, .content__list_pages .grid__card_completo:last-child { padding-bottom: 0; }

.grid__segura_cards li:last-child { padding-bottom: 0; }

.web__story_item { padding-bottom: 0; }

.grid__post_card_imgdestaque:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.grid__post_card_imgdestaque article figure { border-radius: var(--border-radius-025); }

.grid__post_card_imgdestaque article figure img {
  aspect-ratio: 16/11;
  border-bottom: none;
  margin-bottom: 0;
  border-radius: 0;
}

.menu__main__group_grid .grid__post_card {
  margin-right: 0;
  padding-right: 0;
}

.img__card_blog {
  aspect-ratio: 16/11;
  object-fit: cover;
  width: 100%;
  transition: 0.2s ease;
  min-height: 84px;
}

.grid__card_completo { width: 100%; }

.grid__card_completo a { gap: 0.5rem; }

.grid__post_card_texto:hover h2, .grid__post_card_texto:hover h3, .grid__post_card_minimg:hover h2, .grid__post_card_minimg:hover h3, .grid__card_completo:hover h2, .grid__card_completo:hover h3, .grid__falencias li:hover h3 { text-decoration: underline; }

.segura__texto_card_blog {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0;
}

.segura__texto_card_blog.horizontal { padding: 0; }

.segura__texto_card_blog.tag__list {
  padding: 1rem 2rem 1rem 0;
  justify-content: space-evenly;
}

/* Mais Lidas Horizontal */

.section__mais_lidas_horizontal { counter-reset: maislidas; }

.section__mais_lidas_horizontal ol {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.section__mais_lidas_horizontal ol li,
.top__blog ol li {
  counter-increment: maislidas;
  display: flex;
  justify-content: start;
  gap: 1rem;
}

.section__mais_lidas_horizontal ol li::marker { color: var(--preto-5); }

.section__mais_lidas_horizontal ul li a,
.top__blog ol li a {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  font-size: 0.875rem;
  line-height: 130%;
  font-weight: 700;
  color: var(--preto-2);
}

.section__mais_lidas_horizontal ol li::before,
.top__blog ol li::before {
  content: counter(maislidas);
  color: var(--amarelo-mostarda);
  border-right: 1.5px solid var(--amarelo-mostarda);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 145%;
  min-width: 1.75rem;
  padding-right: 1rem;
}

.section__mais_lidas_horizontal.dark { background: var(--preto-9); }

.section__mais_lidas_horizontal.dark h2, .section__mais_lidas_horizontal.dark h3, .section__mais_lidas_horizontal.dark strong, .section__mais_lidas_horizontal.dark a { color: var(--branco); }

.section__mais_lidas_horizontal.dark .espacador:after { background: var(--branco); }

/* Section Colunistas */

.thumb__autor {
  border: 1.5px solid var(--amarelo-mostarda);
  width: 90px;
  height: 90px;
}

.section__colunistas ul,
.section__colunistas ol,
.section__colunistas_usuarios ul, 
.section__colunistas_usuarios ol {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

/* Web Stories */

.webstories__wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}

.web__story_item {
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  height: max-content;
  transition: 0.2s ease;
  position: relative;
}

.web__story_item:hover {
  box-shadow: var(--box-shadow);
  transition: 0.2s ease;
}

.web__story_img_card_wrapper {
  position: relative;
  overflow: hidden;
  transition: 0.2s ease;
}

.web__story_img_card {
  aspect-ratio: 3 / 5;
  width: 100%;
  object-fit: cover;
  display: block;
  height: auto;
	border-radius: .6rem;
}

.web__story_img_card_wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	border-radius: var(--border-radius-05);
  height: 100%;
	background: linear-gradient(to top, rgb(1 1 1) 0%, rgba(1, 1, 1, 0.8) 30%, rgba(1, 1, 1, 0.2) 55%, rgba(1, 1, 1, 0) 100%);
  z-index: 1;
  pointer-events: none;
}

.web__story_segura_svg_titulo {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 2;
  padding-right: 1.25rem;
}

.web__story_segura_svg_titulo img { aspect-ratio: inherit; }

.web__story_icon_panorama {
  width: 40px;
  height: 40px;
}

.web__story_item .web__story_item_titulo {
  font-size: 1.05rem;
  line-height: 130%;
  font-weight: 500;
  color: var(--branco);
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.web__story_item:hover .web__story_img_card_wrapper::before {
  background: linear-gradient(0, var(--preto) 26%, rgba(29, 29, 27, 0.4) 75%);
  transition: 0.2s ease;
}

.cta__linha_dupla {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  margin: 2rem 0 0 0;
  flex-wrap: nowrap;
}

.cta__linha_dupla .linha {
  flex: 1;
  height: 1px;
  background-color: var(--preto-3);
  min-width: 50px;
}

/* SECTION LOOP HORIZONTAL COM ABAS */

.tabcontent {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.tabcontent.active {
  visibility: visible;
  position: relative;
  left: 0;
  opacity: 1;
}

@keyframes fadeEffect {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Style the tab */
.tab {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Style the buttons that are used to open the tab content */
.tab button,
.tags__list li a {
  background-color: var(--preto-2);
  border-radius: var(--border-radius-05);
  color: var(--preto-8);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: normal;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 0.325rem 0.875rem;
  transition: 0.3s;
}

.tab button:hover, .tags__list li a:hover { background-color: var(--amarelo-sol); }

.tab button.active, .tab button.is-active { background-color: var(--amarelo-sol); }

.tab.tab__cartoes button:hover, .tab.tab__cartoes button.is-active { color: var(--amarelo-mostarda-2); }

/* Para sobrepor plugin */
.cards__cartoes_lista.pl__1 {
	padding-left: 1rem !important;
}

.cmv-card-preview--no-request .cmv-card-preview__top {
	align-items: center;
}

.div__busca_blog {
  padding: 2rem;
  background: var(--branco);
  border-radius: var(--border-radius-05);
}

.form__busca {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  justify-content: center;
  gap: 1rem;
}

.form__busca_sidebar {
  position: relative;
  width: 100%;
}

.grupo__gerentes_conteudo > *:last-child {
	margin-bottom: 0 !important;
}

.grupo__gerentes_conteudo img {
	border-radius: var(--border-radius-025);
}

.form__busca_sidebar { position: relative; }

.form__busca_sidebar input {
  width: 100%;
  font-weight: 300;
  font-size: 0.8rem;
  border: 1.5px solid transparent;
  background: var(--preto-1);
  border-radius: var(--border-radius-2);
}

.form__busca_sidebar input:focus,
.form__busca_sidebar input:hover,
.form__busca_sidebar input:focus-visible {
  background: var(--preto-1);
  outline: none;
}

.form__busca_sidebar button {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  height: 70%;
  width: 2.5rem;
  padding: 0.75rem;
  transform: translateY(-50%);
  background: var(--preto-8);
  cursor: pointer;
  transition: background 0.2s;
  border-radius: var(--border-radius-2);
}

.range__filtro_cmv {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: var(--preto-1);
}
.range__filtro_cmv::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: var(--branco);
  border: 3px solid var(--preto-2);
  cursor: pointer;
}
.range__filtro_cmv::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: var(--branco);
  border: 3px solid var(--preto-2);
  cursor: pointer;
}
.range__filtro_cmv::-moz-range-track {
  height: 10px;
  border-radius: 999px;
  background: var(--preto-1);
}

.btn__busca_thumb {
  background: var(--preto-8);
  padding: 1.05rem 1.5rem;
  transition: background 0.2s;
}

.btn__busca_thumb:hover { background: var(--preto-2); }

.cmv-comparison-card h2 {
  text-align: center;
  font-size: 1.4rem;
  margin: 0 0 16px;
  line-height: 120%;
  font-weight: 600;
}

.cmv__filter_group label {
  color: var(--preto-7);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.325rem;
}

.cmv-comparison-grid {
  max-width: 900px;
  margin: auto;
}

.cmv__lista_cartoes { background: #f5f6f7; }

.cmv__lista_grid { align-items: flex-start; }

/* Sidebar sem sticky, igual referência: rola naturalmente com a página */
.filtro__lista_cartoes {
  position: relative;
  align-self: flex-start;
}

/* Evita ancoragem automática do navegador causando pulo */
.filtro__lista_cartoes, .cmv__filters_form, .cmv__filter_group, .cmv__filter_group_head, .cmv__filter_group_body { overflow-anchor: none; }

/* Busca: não altera sua estrutura/classes principais */
.filtro__lista_cartoes form:first-child input {
  width: 100%;
  border: 0;
  outline: none;
}

.filtro__lista_cartoes form:first-child button {
  border: 0;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}

/* Mantém sua box original: border__radius_1 border__padrao pd__1 */
.cmv__filters_form { background: transparent; }

.cmv__filter_group {
  position: relative;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.cmv__filter_group:first-child { padding-top: 0; }

.cmv__filter_group:last-of-type { border-bottom: 0; }

.cmv__filter_group_head {
  width: 100%;
  min-height: 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #222;
  text-align: left;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: default;
  scroll-margin-top: 0;
}

.cmv__filter_group.is-collapsible .cmv__filter_group_head { cursor: pointer; }

.cmv__filter_toggle_icon {
  position: relative;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.cmv__filter_toggle_icon::before,
.cmv__filter_toggle_icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.9rem;
  height: 2px;
  background: #222;
  border-radius: 999px;
  transform: translate(-50%, -50%);
}

.cmv__filter_toggle_icon::after { transform: translate(-50%, -50%) rotate(90deg); }

.cmv__filter_group.is-open .cmv__filter_toggle_icon::after { opacity: 0; }

/* Mais de 5 itens ou force_collapsed: começa só com título e + */
.cmv__filter_group.is-collapsed .cmv__filter_group_body { display: none; }

/* Aberto: conteúdo aparece abaixo do header */
.cmv__filter_group.is-open .cmv__filter_group_body { display: block; }

.cmv__filter_group_body {
  position: relative;
  display: block;
  margin-top: 0.85rem;
}

.cmv__filter_options,
.cmv__filter_children {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cmv__filter_options {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.cmv__filter_children {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.55rem;
  padding-left: 1.25rem;
}

.cmv__filter_option {
  display: grid;
  grid-template-columns: 1.05rem 1fr;
  align-items: flex-start;
  gap: 0.6rem;
  color: #3f3f3f;
  font-size: 0.92rem;
  line-height: 1.25;
  cursor: pointer;
}

.cmv__filter_option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.cmv__fake_check {
  width: 1.05rem;
  height: 1.05rem;
  margin-top: 0.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d7d7d7;
  border-radius: 0.28rem;
  background: #eee;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.cmv__filter_option input[type="radio"] + .cmv__fake_check { border-radius: 0.32rem; }

.cmv__filter_option input:checked + .cmv__fake_check {
  background: var(--amarelo-mostarda-2, #d6a11d);
  border-color: var(--amarelo-mostarda-2, #d6a11d);
  box-shadow: inset 0 0 0 3px #fff;
}

.cmv__filter_option input:focus-visible + .cmv__fake_check {
  outline: 2px solid rgba(214, 161, 29, 0.35);
  outline-offset: 2px;
}

.cmv__filter_label { display: block; }

.cmv__filter_option:hover .cmv__filter_label { color: #111; }

.cmv__filter_option_child {
  font-size: 0.86rem;
  color: #555;
}

.cmv__filter_group_range .cmv__filter_group_head { cursor: default; }

.range__filtro_cmv {
  width: 100%;
  height: 0.35rem;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--amarelo-mostarda-2, #d6a11d),
    var(--amarelo-mostarda-2, #d6a11d)
  );
  outline: none;
}

.range__filtro_cmv::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  background: var(--amarelo-mostarda-2, #d6a11d);
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.range__filtro_cmv::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  background: var(--amarelo-mostarda-2, #d6a11d);
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.cmv__filter_range_label {
  color: #5a5a5a;
  font-size: 0.78rem;
  font-weight: 600;
}

.cmv__filters_submit {
  margin-top: 1rem;
  min-height: 2.85rem;
}

.cmv__filters_submit:disabled {
  opacity: 0.75;
  cursor: wait;
}

.cmv__filters_clear {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
  color: #555;
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
}

.cmv__filters_clear:hover { color: #111; }

.resultados__lista_cartoes .cmv-cards__grid { gap: 1rem; }

.resultados__lista_cartoes { transition: opacity 0.18s ease, filter 0.18s ease; }

.cmv-is-filtering .resultados__lista_cartoes {
  opacity: 0.55;
  filter: grayscale(0.15);
  pointer-events: none;
}

.cmv-card-preview__rankings {
	max-width: fit-content;
}

.cmv-lista-cartoes__empty {
  padding: 2rem;
  background: #fff;
  border-radius: 1rem;
  text-align: center;
}


/*AUTCOMPLETE*/
.cmv-autocomplete-wrap {
    position: relative;
}
.cmv-autocomplete__suggestions {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: .4rem;
    max-height: 22rem;
    overflow-y: auto;
    border: 1px solid rgba(17, 24, 39, .1);
    border-radius: .85rem;
    background: #fff;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .16);
    padding: .4rem;
}
.cmv-autocomplete__option {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .6rem;
    border: 0 !important;
    background: transparent !important;
    text-align: left;
    cursor: pointer;
    border-radius: .6rem;
}
.cmv-autocomplete__option:hover,
.cmv-autocomplete__option:focus {
    background: var(--preto-1) !important;
    outline: none;
}
.cmv-autocomplete__thumb {
    width: 3.6rem;
    aspect-ratio: 1.586 / 1;
    flex-shrink: 0;
    border-radius: .4rem;
    overflow: hidden;
    background: var(--preto-1);
}
.cmv-autocomplete__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cmv-autocomplete__empty {
    padding: .9rem;
    color: var(--preto-8);
    font-size: .9rem;
}
/*AUTOCOMPLETE*/

/* LISTAGEM DE CARTÔES - PÁGINA */

/* Fundo do modal (overlay) */
.modal_basico {
  display: none;
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100%;
  overflow: auto;
  background: #0c0401ea;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
}
.modal-conteudo {
  background-color: var(--preto-9);
  margin: 10% auto;
  padding: 4rem 2rem 2rem 2rem;
  width: 90%;
  max-width: 380px;
  min-width: 300px;
  border-radius: 0.25rem;
  position: relative;
}
.fechar_redes_modal {
  color: var(--preto-2);
  font-size: 34px;
  font-weight: 400;
  position: absolute;
  top: 0.25rem;
  right: 1rem;
  cursor: pointer;
}

#redes_desktop { display: flex; }
#abrir_redes_modal { display: flex; }

.coluna_6 { width: calc(50% - 0.5rem); }

.coluna_4 { width: calc(33% - 0.43rem); }

.coluna_12 { width: 100%; }

.linha_display_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.erro_fornecedor {
  border: 1px solid red !important;
  outline: 1px solid red !important;
  background: var(--preto-8) !important;
}

/* Glossário */

/* Quando há 6 posts, remove a borda do 3º item */
.grid__post_card[data-posts="6"] .card__glossario:nth-child(3),
.grid__post_card[data-posts="9"] .card__glossario:nth-child(3),
.grid__post_card[data-posts="9"] .card__glossario:nth-child(6) {
  border-right: none;
  padding-right: 0;
}

/* Quando há 8 posts, remove a borda do 4º item */
.grid__post_card[data-posts="8"] .card__glossario:nth-child(4) { border-right: none; }

.card__glossario h3 {
  font-size: 1rem;
  line-height: 120%;
  color: var(--preto-8);
  margin-bottom: 0;
}

.card__glossario i {
  color: var(--preto-8);
  font-size: 20px;
}

.card__glossario p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;
  color: var(--preto-4);
  margin-bottom: 0;
}

.card__glossario span {
  font-size: 0.875rem;
  line-height: 120%;
  color: var(--amarelo-mostarda);
}

.topo__card_glossario hr {
  border-top: var(--bs-border-width) solid;
  color: var(--preto-2);
  margin: 15px 0px;
  opacity: 1;
}

.card__glossario:hover .link__ver_mais img, .card__fornecedores:hover .link__ver_mais img { animation: moveArrow 0.6s ease; }

.glossario__lista_a_z {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: var(--amarelo-mostarda);
  margin-bottom: 0;
}

.glossario__lista_a_z li { height: 100%; }

.glossario__lista_a_z a {
  padding: 1rem;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 130%;
  color: var(--preto-9);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.glossario__lista_a_z a:hover, .glossario__lista_a_z a.active { background-color: var(--amarelo-sol); }

/* SECTION VÍDEOS, PODCASTS E CANAIS*/

.section__videos_canais .grid__mosaico > li h2 { color: var(--branco); }

.section__videos_canais .grid__mosaico {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas:
    "area1 area1 area2 area3"
    "area1 area1 area4 area5";
  gap: 1rem;
}

.section__videos_canais .grid__mosaico > li:nth-child(1) { grid-area: area1; }

.section__videos_canais .grid__mosaico > li:nth-child(2) { grid-area: area2; }

.section__videos_canais .grid__mosaico > li:nth-child(3) { grid-area: area3; }

.section__videos_canais .grid__mosaico > li:nth-child(4) { grid-area: area4; }

.section__videos_canais .grid__mosaico > li:nth-child(5) { grid-area: area5; }

.section__videos_canais .grid__mosaico > li:nth-child(1) {
  aspect-ratio: 16/9;
  min-height: auto;
  width: 100%;
}

.section__videos_canais .grid__mosaico > li {
  overflow: hidden;
  aspect-ratio: 16/9;
  width: stretch;
}

.section__videos_canais .grid__mosaico > li { border-radius: var(--border-radius-05); }

.section__videos_canais .img__card_blog {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-bottom: 0;
}

.section__videos_canais .grid__mosaico figure::after { background: #00000044; }

.section__videos_canais .tag__tipo_midia, .type__videos .text_chapeu { transition: all 0.2s ease; }

.section__videos_canais .grid__mosaico > li:hover .tag__tipo_midia,
li:hover .type__videos .text_chapeu,
li:hover .type__podcast .text_chapeu {
  opacity: 0;
  transform: translateX(-10px);
}

.coluna_mista_espacos li:not(:first-child):hover .type__videos .text_chapeu,
.coluna_mista_espacos li:not(:first-child):hover .type__podcast .text_chapeu,
.grid__mosaico_v2 li:nth-child(2):hover .type__videos .text_chapeu,
.grid__mosaico_v2 li:nth-child(2):hover .type__podcast .text_chapeu {
  opacity: 1;
  transform: none;
}

.content__list_pages li:hover .type__videos .text_chapeu {
  opacity: 1;
  transform: none;
}

.section__videos_canais .grid__mosaico > li span { color: var(--branco); }

.section__videos_canais .grid__mosaico picture:after {
  content: "";
  position: absolute;
  top: 50%;
  opacity: 0.8;
  left: 50%;
  width: 3rem;
  height: 100%;
  background: url("../img/icons/player-video.svg") no-repeat center;
  background-size: contain;
  z-index: 6;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in-out;
  pointer-events: none; /* Para não interferir no clique */
}

.section__videos_canais
  .grid__mosaico
  > li:not(:first-child)
  .grid__mosaico_text {
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out;
}

.section__videos_canais
  .grid__mosaico
  > li:not(:first-child):hover
  .grid__mosaico_text {
  visibility: visible;
  opacity: 1;
}

.section__videos_canais .grid__mosaico > li:hover picture:after {
  top: 1.875rem;
  right: auto;
  left: 2rem;
  width: 2rem;
  transition: 0.2s ease-in-out;
}

.section__videos_canais .grid__mosaico > li:hover figure::after { background: #00000099; }

.canais ul { gap: 1rem !important; }

.canais li a {
  padding: 2rem 1.75rem;
  background: var(--preto-4);
  border-radius: var(--border-radius-05);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--branco);
  font-weight: 700;
  transition: 0.05s ease;
}

.canais li:hover a { text-decoration: underline; }

.canais li a:hover { background: var(--preto-2) !important; }

/*CPT VIDEO*/
.cpt_video picture:after {
  content: "";
  position: absolute;
  top: 50%;
  opacity: 0.8;
  left: 50%;
  width: 3rem;
  height: 100%;
  background: url("../img/icons/player-video.svg") no-repeat center;
  background-size: contain;
  z-index: 6;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.cpt_video:hover picture:after {
  top: 1.875rem;
  right: auto;
  left: 2rem;
  width: 2.5rem;
  transition: 0.2s ease-out;
}
.cpt_video:hover figure::after { background: #00000099; }
.cpt_video .cpt_aviso_video {
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  border-radius: 0 0.15rem 0.15rem 0;
  background: var(--preto);
  color: var(--branco);
  display: flex;
  align-items: center;
  max-width: fit-content;
  z-index: 9;
  top: 1rem;
  left: 0rem;
  font-weight: 600;
}

/*mini*/

.type__videos picture:after,
.type__podcast picture:after {
  content: "";
  position: absolute;
  top: 50%;
  opacity: 0.8;
  left: 50%;
  width: 3rem;
  height: 100%;
  background: url("../img/icons/player-video.svg") no-repeat center / contain;
  background-size: contain;
  z-index: 6;
  transform: translate(-50%, -50%);
  pointer-events: none; /* Para não interferir no clique */
  transition: 0.2s ease-in-out;
}

.type__podcast picture:after {
  background: url(../img/icons/player-podcast.svg) center / contain no-repeat !important;
  width: 3rem !important;
}

li:hover .type__videos picture:after,
li:hover .type__podcast picture:after,
li:hover .cpt_minicard_video picture:after {
  top: 1.875rem;
  right: auto;
  left: 2rem;
  width: 2.5rem;
  transition: 0.2s ease-out;
}
.type__videos:hover figure::after { background: #00000099; }
.type__videos .cpt_miniaviso_video {
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  border-radius: 0 0.15rem 0.15rem 0;
  background: var(--preto);
  color: var(--branco);
  display: flex;
  align-items: center;
  max-width: fit-content;
  z-index: 9;
  top: 1rem;
  left: 0rem;
  font-weight: 600;
}
/*CPT VIDEO*/

/* Newsletter footer */

.newsletter__grid {
  position: relative;
  background-image: url("../img/icons/baleia-newsletter.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 200px auto;
  padding-bottom: 80px;
}

.wp-block-table td, .wp-block-table th { padding: 1rem !important; }


/* SECTION - FAQ */

.grid__faq {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 3rem;
}

.grid__faq h2 {
  text-align: left;
  margin-bottom: 0.5rem;
}

.grid__faq h2:after { margin: 0.5rem 0 1rem 0; }

.lista-item {
  text-align: left;
  height: fit-content;
  margin-bottom: 1.25rem;
}

.faq-titulo {
  font-family: "Encode Sans", sans-serif !important;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background: var(--branco);
  padding: 1.5rem;
  gap: 1rem;
  min-height: 4rem;
  color: var(--preto-8);
  border-radius: var(--border-radius-05);
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 0;
  border: 2px solid var(--preto-2);
}

.faq-titulo:hover { background: var(--branco); }

.faq-titulo::after {
  content: "+";
  color: var(--amarelo-mostarda-2);
  margin-left: 1rem;
  font-weight: 500;
  font-size: 2.5rem;
  transition: transform 0.2s ease-out;
}

.faq-conteudo {
  padding: 1.5rem;
  margin-bottom: 0;
  display: none;
  font-size: 0.95rem;
}

.faq-conteudo * { color: var(--preto-7); }

.faq-conteudo p:last-child { margin-bottom: 0; }

.faq-conteudo p {
  margin-bottom: 1rem;
  font-weight: 400;
}

.lista-item ul {
  padding-left: 2rem;
  margin-bottom: 1rem;
}

.lista-item li {
  list-style: square;

  line-height: 1.5rem;
  font-weight: 600;
}

.lista-item:last-child { margin-bottom: 0; }

.trigger-input { display: none; }

.trigger-input:checked + .trigger-wrapper .faq-conteudo {
  display: block;
  background: var(--preto-2);
  border-top: none;
  border-radius: 0 0 var(--border-radius-05) var(--border-radius-05);
}

.trigger-input:checked + .trigger-wrapper .faq-titulo {
  background: var(--branco);
  margin-bottom: 0 !important;
  border-radius: 0.5rem 0.5rem 0 0;
}

.trigger-input:checked + .trigger-wrapper .faq-titulo::after { transform: rotate(135deg); }

.trigger-input:checked + .trigger-wrapper .faq-titulo { border-bottom: 1px solid var(--preto-2); }

/* CARDS DE BLOG */

.segura__texto_card_blog h3,
.segura__texto_card_blog h2,
.grid__mosaico > li h2,
.card__newsletter h2 {
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
}

.tag__tipo_midia {
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  border-radius: 0 0.15rem 0.15rem 0;
  background: var(--preto);
  display: flex;
  align-items: center;
  max-width: fit-content;
  z-index: 1;
  top: 1rem;
  left: 0rem;
  font-weight: 600;
}

.tag__tipo_midia span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.tag__tipo_midia.podcast { background: #6b3eff; }

.tag__tipo_midia.webinar { background: rgb(218, 160, 0); }

.segura__topo_card {
  display: flex;
  flex-flow: column;
  justify-content: end;
  align-items: end;
  gap: 0.25rem;
}
.segura__topo_card:after {
  content: "";
  width: 2rem;
  height: 1px;
  display: block;
  margin: 0.15rem 0 0 0;
  background: var(--amarelo-mostarda);
  transition: width 0.3s ease-in-out;
}

.grid__mosaico .segura__topo_card { padding-right: 0; }

.wp-block-separator {
  border: 1px solid var(--preto-7) !important;
  margin: 1.75rem 0;
}

.inside__menu_ads { padding: 2rem 0 2rem 0; }

/* FOOTER  */

.footer__main {
  display: grid;
  grid-template-columns: 0.75fr 1.5fr;
  gap: 3rem;
}

.footer__main span {
  font-size: 1rem;
  display: block;
  color: var(--preto-1);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 0.5rem;
  text-align: left;
}

.footer__topo p,
.footer__topo strong,
.footer__main p,
.footer__main strong,
.footer__main ul li a {
  color: var(--preto-3);
  font-size: 0.875rem;
  line-height: 160%;
}

.footer__main p:last-child { margin-bottom: 0; }

.footer__main ul {
  margin: 1rem 0 0 0;
  text-align: left;
}

.footer__main ul ul {
  margin: 0.25rem 0 0 0;
  padding-left: 0.75rem;
}

.footer__main ul li { margin-bottom: 0.25rem; }

.footer__redes_sociais li { margin-bottom: 0 !important; }

.footer__main ul li:last-child { margin-bottom: 0; }

.footer__main ul li a {
  padding: 0.15rem 0;
  display: block;
  line-height: 140%;
  font-weight: 400;
}

.footer__main ul li a:hover, .footer__main ul li a:active { text-decoration: underline; }

.footer__copywriting {
  border-top: 1px solid var(--amarelo-sol);
  padding: 2rem 0 2rem 0;
  box-sizing: border-box;
  font-weight: 400;
}

.footer__copywriting_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.footer__copywriting small,
.footer__copywriting span {
  display: flex;
  gap: 1rem;
  color: var(--preto-1);
  margin-bottom: 0;
  line-height: 1.3rem;
  font-weight: 400;
}

.footer__copywriting small a { font-size: 0.875rem; }

.footer__redes_sociais {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
}

.sobre__nos a {
  color: var(--preto-9);
  text-decoration: underline;
}

.schema-faq div[style] { display: none; }

.card__categories:hover h3 { color: var(--branco) !important; }

.div__ads {
  overflow: hidden;
  width: auto;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-direction: column;
  align-items: center;
  background-color: #ececec;
  background-image: url(../img/sections/ad-bg.png);
  min-height: 300px;
}

.div__ads p, .div__ads a, .div__ads span { margin-bottom: 0; }

.div__ads > div {
  display: flex;
  justify-content: center;
  align-items: center;
}

#menuoverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0405059a;
  z-index: 1;
  pointer-events: none;
  transition: 0.3s ease;
}

.customize-support .header__group.fixed { margin-top: 32px; }

.search__menu_mobile { display: none; }

.posts_menu__mobile { display: grid; }

.busca_mobile { display: none !important; }

.menu__mob2 { display: none; }

.wp-block-button__link {
  background: var(--amarelo-mostarda);
  color: var(--branco) !important;
  text-transform: uppercase;
  text-decoration: auto !important;
  display: block;
  padding: 1rem 2.5rem;
  margin: 0 auto;
}

.wp-block-button__link:hover { background: var(--preto-8); }

.texto__destacado {
  background-color: var(--preto-1);
  padding: 0 3px;
}

.recaptcha-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.recaptcha-modal.active { display: block; }

.recaptcha-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.recaptcha-modal__content {
  position: relative;
  max-width: 350px;
  margin: 15vh auto;
  background: #fff;
  padding: 1.5rem;
  border-radius: 8px;
  text-align: center;
}

.newsletter--focus { animation: newsletterBgFocus 2.8s ease-out; }

/* Animação do background */
@keyframes newsletterBgFocus {
  0% { background: var(--preto-8); }

  25% { background: linear-gradient( 135deg, var(--preto-8) 0%, var(--preto-7) 0%, var(--preto-8) 100% ); }

  55% { background: linear-gradient( 135deg, var(--preto-8) 0%, var(--preto-7) 0%, var(--preto-8) 100% ); }

  100% { background: var(--preto-8); }
}

/* COOKIES  */

.cookies-container {
  position: fixed;
  width: 100%;
  bottom: 2rem;
  z-index: 1000;
}

.flex__cookies {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  grid-gap: 1rem;
  align-items: center;
}

.flex__cookies p {
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--preto-8);
}

.cookies-content {
  background: var(--preto-1);
  max-width: 1430px;
  padding: 1.1rem 1.5rem 1rem 1.5rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  opacity: 0;
  transform: translateY(1rem);
  animation: slideUp 0.6s forwards 0.5s;
  box-shadow: var(--box-shadow);
}

@keyframes slideUp {
  to {
    transform: initial;
    opacity: initial;
  }
}

.cookies-pref {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  flex-direction: column;
  gap: 0.5rem;
  margin-right: 0.5rem;
  width: 100%;
  padding-top: 1px;
  min-width: 225px;
}

.control {
  display: block;
  position: relative;
  padding-left: 1.75rem;
  padding-top: 1px;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1.3rem;
  color: var(--preto-8);
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  cursor: pointer;
  background-color: var(--preto-2);
}

textarea {
  height: 7rem;
  resize: none;
}

.control_indicator {
  position: absolute;
  top: 0px;
  left: 0;
  height: 22px;
  width: 22px;
  border: 1px solid var(--preto-4);
  border-radius: 5rem;
}

.control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator { background: transparent; }

.control input:checked ~ .control_indicator { background: var(--preto-7); }

.control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator { background: var(--preto-7); }

.control input:disabled ~ .control_indicator {
  background: var(--amarelo-mostarda);
  opacity: 1;
  pointer-events: none;
}

.control_indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}

.control input:checked ~ .control_indicator:after { display: block; }

.control-checkbox .control_indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid var(--preto-1);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator:after { border-color: var(--preto-1); }

.control-checkbox .control_indicator::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
  height: 4rem;
  margin-left: -1.35rem;
  margin-top: -1.3rem;
  border-radius: 50%;
  background: var(--preto-7);
  opacity: 0.6;
  transform: scale(0);
}

@keyframes s-ripple {
  0% { transform: scale(0); }
  40% { transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: scale(1.4);
  }
}

@keyframes s-ripple-dup {
  0% { transform: scale(0); }
  60% { transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: scale(1.4);
  }
}
.control-checkbox input:checked ~ .control_indicator::before { animation: s-ripple 0.5s ease-out; }

/* ======================================================
   TOOLTIP GENÉRICO — PINK/BRAIN
   Uso:
   <span class="pb-tooltip" data-tooltip="Texto do tooltip">?</span>
====================================================== */

.pb-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-left: 0.15rem;
  border-radius: 50%;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  cursor: help;
  color: var(--amarelo-mostarda, #b33f0e);
  flex-shrink: 0;
  z-index: 30;
}

.pb-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.55rem);
  transform: translateX(-50%);
  width: 220px;
  max-width: 70vw;
  padding: 0.55rem 0.7rem;
  border-radius: 0.4rem;
  background: var(--preto-8, #2c2e35);
  color: var(--branco, #fff);
  font-size: 0.75rem;
  line-height: 1.35;
  font-weight: 400;
  text-align: left;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 9999999;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

.pb-tooltip::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.2rem);
  transform: translateX(-50%);
  border: 0.35rem solid transparent;
  border-top-color: var(--preto-8, #2c2e35);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 9999999;
}

.pb-tooltip:hover::after,
.pb-tooltip:hover::before,
.pb-tooltip:focus::after,
.pb-tooltip:focus::before,
.pb-tooltip:focus-visible::after,
.pb-tooltip:focus-visible::before {
  opacity: 1;
  visibility: visible;
}

/* ======================================================
   MODIFICADORES GENÉRICOS OPCIONAIS
====================================================== */

.pb-tooltip--right::after {
  left: auto;
  right: -1rem;
  transform: none;
}

.pb-tooltip--right::before {
  left: auto;
  right: -0.15rem;
  transform: none;
}

.pb-tooltip--left::after {
  left: -1rem;
  right: auto;
  transform: none;
}

.pb-tooltip--left::before {
  left: 0.15rem;
  right: auto;
  transform: none;
}

.pb-tooltip--bottom::after {
  top: calc(100% + 0.55rem);
  bottom: auto;
}

.pb-tooltip--bottom::before {
  top: calc(100% + 0.2rem);
  bottom: auto;
  border-top-color: transparent;
  border-bottom-color: var(--preto-8, #2c2e35);
}

/* ======================================================
   AJUSTES ESPECÍFICOS PARA O COOKIE BANNER
====================================================== */

.cookies-content, .cookies-pref, .cookies-pref .control { overflow: visible; }

.cookies-pref .control {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  position: relative;
}

.cookies-pref .control.disabled { cursor: not-allowed; }

.cookies-pref .control.disabled input { cursor: not-allowed; }

/* Mantém exatamente o ajuste visual que funcionou no cookie banner */
.pb-tooltip--cookie {
  top: -4px;
  left: -6px;
}

:root {
  --fomo-z: 99;
  --fomo-w: 440px;
  --fomo-g: 0.9rem;
}

.fomo {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  width: min(90vw, var(--fomo-w));
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 0.95rem 0.85rem 0.85rem;
  background: var(--preto-2);
  color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  z-index: var(--fomo-z);
  transform: translateX(120%);
  will-change: transform, opacity;
}

.fomo__link {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: var(--fomo-g);
  text-decoration: none;
  color: inherit;
  align-items: center;
}

.fomo__img {
  aspect-ratio: 1 / 1;
  border-radius: 0.25rem;
  object-fit: cover;
  background: var(--preto-2);
}

.fomo__body {
  display: grid;
  gap: 0.25rem;
}


.fomo__close {
  position: absolute;
  top: 3px;
  right: 7px;
  appearance: none;
  border: 0;
  background: transparent;
  color: #aaa;
  font-size: 1.1rem;
  line-height: 1;
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 8px;
}

.fomo__close:hover { color: #fff; }

.fomo.is-in { animation: fomo-in-rtl 500ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }

.fomo.is-out { animation: fomo-out-rtl 550ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }

@keyframes fomo-in-rtl {
  0% {
    transform: translateX(120%);
    opacity: 0;
  }
  60% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes fomo-out-rtl {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(140%);
    opacity: 0;
  }
}

/* SHAKE ANIMATION  */

@keyframes shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); }

  20%, 80% { transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% { transform: translate3d(-3px, 0, 0); }

  40%, 60% { transform: translate3d(3px, 0, 0); }
}

/* ANIMAÇÕES ENTRADAS */
/* base */
.js [class*="js__scroll_"] {
  opacity: 0;
  transition: 0.5s ease;
  will-change: transform, opacity;
}

/* direções */
.js .js__scroll_left { transform: translateX(-50px); }

.js .js__scroll_right { transform: translateX(50px); }

.js .js__scroll_up { transform: translateY(50px); }

.js .js__scroll_down { transform: translateY(-50px); }

/* ativo */
.js .ativo {
  opacity: 1;
  transform: translate(0, 0);
}

/* Toggle de Tema */

.theme__switch input[type="checkbox"] {
  all: unset;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}

.theme__switch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  position: relative;
  cursor: pointer;
}

.theme__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.theme__button_icon_sol { display: block; }

.theme__button_icon_lua { display: none; }

/* Estado escuro no HTML */
.dark__mode .theme__button, .dark__mode .theme__button { background-color: var(--preto-9, #111111); }

.dark__mode .theme__button_icon_sol, .dark__mode .theme__button_icon_sol { display: none; }

.dark__mode .theme__button_icon_lua, .dark__mode .theme__button_icon_lua { display: block; }

.grid__responsive { width: 100%; }

/* =======================================
MODAL EXIT INTENT
======================================= */

#modal_exit {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.95);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  padding: 1rem;
}

#modal_exit.mostrar { display: flex; }

.modalexit {
  max-width: 800px;
  width: 100%;
  position: relative;
}

.modalexit .fechar {
  position: absolute;
  top: -40px;
  right: 0;
  background: var(--preto-9);
  color: #fff;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

#progress-bar {
  background: var(--amarelo-sol);
  width: 0;
  height: 0.5rem;
  position: fixed;
  top: -1rem; /* começa fora da tela */
  left: 0;
  z-index: 9999;
  transition:
    width 0.3s ease,
    opacity 0.3s ease,
    top 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
#progress-bar.active {
  opacity: 1;
  top: 0; /* entra suavemente */
}

.page-numbers.current {
  background: var(--preto-8);
  color: var(--branco);
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.page-numbers {
  background: var(--preto-1);
  color: var(--preto-8);
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.content__controls {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  height: 2.125rem;
}

.content__controls button {
  padding: 0.25rem 0.75rem;
  font-size: 1rem;
  cursor: pointer;
  border: 1.5px solid var(--preto-1);
  background-color: var(--branco);
  border-radius: 0.25rem;
}

.content__controls button.active {
  background-color: var(--preto-1);
  color: var(--preto-7);
}

.content__controls button:not(#toggleMode):hover {
  background-color: var(--preto-1);
  color: var(--preto-7);
}

.sticky__modo_noturno {
  position: sticky;
  top: 1rem;
  margin-bottom: 1.5rem;
  z-index: 1;
}

.customize-support .sticky__modo_noturno { top: 50px; }

.customize-support #progress-bar { top: 32px; }

/*  =========================================================
   RESPONSIVO — TABLET E MOBILE (ATÉ 1030PX)
   =========================================================  */

@media (max-width: 1030px) {
  /* =======================================
	MÓDULO SLIDER + MOTOR DE RESERVA
	======================================= */
  .hero__home_slider .hero__grafismo { display: none; }

  .hero__home_slider_bottom { bottom: 15px !important; }

  .hero-slider .splide__slide img, .hero-slider .splide__slide video { height: 320px; }

  .hero-slider .splide__slide h2 {
    font-size: 20px;
    line-height: 24px;
    bottom: 15px;
    margin-bottom: 0px;
    left: 15px;
    width: 90%;
  }

  .hero-slider .splide__slide {
    height: 320px;
    min-height: 320px;
  }

  .header__h1_interno.has-image { min-height: 300px !important; }

  /* POST ARTICLE BLOG  */
  .content__article h1 {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .content__article p {
    font-size: 1.15rem !important;
    line-height: 140% !important;
  }

  .img__card_blog {
    max-width: 100% !important;
    width: 100% !important;
  }

  .slide-items { min-height: max-content !important; }

  .container__big.grid__sidebar,
  .container__maior.grid__sidebar,
  .container__menor.grid__sidebar {
    display: block !important;
    justify-content: center;
  }

  .meta__info_author_single {
    flex-direction: column;
    gap: 0.5rem;
  }
  .content__wrapper { margin-top: 1rem; }

  .sidebar__block__blog { margin-bottom: 0.75rem; }

  .grid__social_article {
    display: flex !important;
    flex-direction: column-reverse;
    gap: 1rem !important;
  }

  .grid__social_article .redes__sociais_fixed {
    flex-direction: row !important;
    position: unset;
    justify-content: space-evenly;
    margin-bottom: 0 !important;
  }

  .main__img_post figure img { aspect-ratio: 4/2.5 !important; }

  .segura__main {
    max-width: 100%;
    flex: 100%;
    align-items: center;
    gap: 0.25rem;
    text-align: center;
  }

  .main__home h2,
  .main__home h1 {
    font-size: 2rem;
    line-height: 2.1rem;
    margin-bottom: 0.25rem;
  }

  .main__home h2 span,
  .main__home h1 span {
    padding: 0.15rem 0.15rem;
    margin-left: 0;
    font-size: 2rem;
    line-height: 2.1rem;
  }

  .segura__main p {
    padding: 0;
    font-size: 0.875rem;
  }

  .respiro__section { padding: 3rem 0; }
  .grid { grid-template-columns: 1fr; }

  .grid__1, .grid__2, .grid__3, .grid__4, .grid__5, .grid__6, .grid__7, .grid__8, .grid__9, .grid__10, .grid__11, .grid__12, .grid__content_sidebar, .grid__sidebar { grid-column: span 1 !important; }
  .js .respiro__topo {
    display: block;
    padding-top: 191px;
  }
  .js .customize-support .respiro__topo { padding-top: calc(191px); }

  .js .respiro__topo.aumenta__respiro {
    display: block;
    padding-top: 168px;
  }
  .js .customize-support .respiro__topo.aumenta__respiro { padding-top: calc(174px); }

  .js .notificacao__header .respiro__topo.aumenta__respiro { padding-top: 198px !important; }

  .align__center_mob {
    text-align: center !important;
    align-items: center !important;
  }

  .section__mais_lidas_horizontal a { background: transparent; }

  /* =========================================================
   PADDING
   ========================================================= */

  .fs__0_75_mob { font-size: 0.75rem !important; }
  .fs__0_875_mob { font-size: 0.875rem !important; }
  .fs__0_9_mob { font-size: 0.9rem !important; }
  .fs__1_mob { font-size: 1rem !important; }
  .fs__1_25_mob { font-size: 1.25rem !important; }
  .fs__1_5_mob { font-size: 1.5rem !important; }
  .fs__1_05_mob { font-size: 1.05rem !important; }
  .fs__1_875_mob { font-size: 1.875rem !important; }
  .fs__3_mob { font-size: 3rem !important; }
  .fs__1_15_mob { font-size: 1.15rem !important; }
  .fs__2_mob { font-size: 2rem !important; }
  .fs__2_5_mob { font-size: 2.5rem !important; }
  .pd__0_mob { padding: 0 !important; }
  .pd__mob {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .pd__0_5_mob { padding: 0.5rem !important; }
  .pr__1_mob { padding-right: 1rem !important; }
  .pd__1_mob { padding: 1rem !important; }
  .pl__1_mob { padding-left: 1rem !important; }
  .pd__1_5_mob { padding: 1.5rem !important; }
  .pd__2_mob { padding: 2rem !important; }

  .pl__0_mob { padding-left: 0 !important; }
  .pr__0_mob { padding-right: 0 !important; }
  .pr__2_mob { padding-right: 2rem !important; }
  .pr__2_5_mob { padding-right: 2.5rem !important; }
  .pr__3_mob { padding-right: 3rem !important; }
  .pt__2_mob { padding-top: 2rem !important; }
  .pb__2_mob { padding-bottom: 2rem !important; }

  .mt__0_mob { margin-top: 0 !important; }
  .mt__1_mob { margin-top: 1rem !important; }
	
	.mb__0_mob { margin-bottom: 0 !important; }
	.mb__0_5_mob { margin-bottom: .5rem !important; }
  .mb__1_mob { margin-bottom: 1rem !important; }

  .display__block_mob { display: block !important; }
  .display__inline_mob { display: inline !important; }
  .display__inline_block_mob { display: inline-block !important; }
  .display__flex_mob { display: flex !important; }
  .display__grid_mob {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .display__none_mob { display: none !important; }

  .flex__direction_row_reverse_mob { flex-direction: row-reverse !important; }

  .flex__row_mob { flex-direction: row !important; }
  .flex__column_mob { flex-direction: column !important; }
  .flex__wrap_mob { flex-wrap: wrap !important; }
  .flex__nowrap_mob { flex-wrap: nowrap !important; }

  .justify__start_mob { justify-content: flex-start !important; }
  .justify__center_mob { justify-content: center !important; }
  .justify__end_mob { justify-content: flex-end !important; }
  .justify__between_mob { justify-content: space-between !important; }
  .justify__around_mob { justify-content: space-around !important; }
  .justify__evenly_mob { justify-content: space-evenly !important; }

  .align__start_mob { align-items: flex-start !important; }
  .align__end_mob { align-items: flex-end !important; }
  .align__stretch_mob { align-items: stretch !important; }

  .text__left_mob { text-align: left !important; }
  .text__center_mob { text-align: center !important; }
  .text__right_mob { text-align: right !important; }

  .grid__cols_1_mob { grid-template-columns: 1fr !important; }
  .grid__cols_2_mob { grid-template-columns: repeat(2, 1fr) !important; }
  .grid__cols_3_mob { grid-template-columns: repeat(3, 1fr) !important; }
  .grid__cols_auto_mob { grid-template-columns: auto !important; }
  .grid__cols_min_mob { grid-template-columns: min-content !important; }
  .grid__cols_max_mob { grid-template-columns: max-content !important; }
  .grid__cols_0_75fr_1fr_mob { grid-template-columns: 0.75fr 1fr !important; }
  .grid__cols_0_35fr_1fr_mob { grid-template-columns: 0.35fr 1fr !important; }
  .grid__cols_0_6fr_1fr_mob { grid-template-columns: 0.6fr 1fr !important; }

  .grid__cols_100_1fr_mob { grid-template-columns: minmax(100px, 100px) 1fr !important; }

  .grid__cols_auto_flow_290 {
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(290px, max-content));
    overflow-x: scroll;
  }

  .grid__odd_layout.grid__cols_2_mob { grid-template-columns: repeat(2, 1fr) !important; }

  .grid__odd_layout.grid__cols_2_mob li:first-child { grid-column: span 2 !important; }

  .grid__odd_layout.grid__cols_2_mob li:not(:first-child) { grid-column: auto !important; }

  .w__max_mob { width: max-content !important; }

  .overflow__hidden_mob { overflow: hidden; }

  .gap__0_25_mob { gap: 0.25rem !important; }
  .gap__0_5_mob { gap: 0.5rem !important; }
  .gap__0_75_mob { gap: 0.75rem !important; }
  .gap__1_mob { gap: 1rem !important; }
	.gap__1_5_mob { gap: 1.5rem !important; }
  .gap__2_mob { gap: 2rem !important; }

  .column__count_1 { column-count: 1; }
  .column__count_2_tablet { column-count: 2 !important; }
  .column__count_3_mob { column-count: 3 !important; }

  .order__mob_1 { order: 1; }
  .order__mob_2 { order: 2; }
  .order__mob_3 { order: 3; }
  .order__mob_4 { order: 4; }

  .overflow__y_scroll_mob { overflow-y: scroll; }

  .mg__auto_mob { margin: 0 auto !important; }

  .mw__100_mob { max-width: 100%; }

  .max__width_300_mob { max-width: 300px; }

  .max__width_320_mob { max-width: 320px; }

  .aspect__ratio_1_1_mob { aspect-ratio: 1/1 !important; }

  .aspect__ratio_3_4_mob { aspect-ratio: 3/4 !important; }

  .aspect__ratio_16_9_mob { aspect-ratio: 16/9 !important; }

  .aspect__ratio_16_10_mob { aspect-ratio: 16/10 !important; }

  .aspect__ratio_16_11_mob { aspect-ratio: 16/11 !important; }

  .overflow__x_scroll_mob { overflow-x: scroll !important; }
  .hds__wrapper {
    --hds-coluna-imagem: 0%;
    min-height: 0;
    border-radius: var(--border-radius-05);
  }

  .hds__slides,
  .hds__slide,
  .hds__card { min-height: 0; }

  .hds__card_link {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    border-radius: var(--border-radius-05);
  }

  .hds__media {
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-radius: var(--border-radius-05) var(--border-radius-05) 0 0;
  }

  .hds__painel {
    min-height: 0;
    padding: 1.5rem 1.25rem 5rem;
    border-radius: 0 0 var(--border-radius-05) var(--border-radius-05);
  }

  .hds__titulo { font-size: 1.25rem; }

  .hds__paginacao {
    left: 1.25rem;
    bottom: 1.25rem;
    max-width: calc(100% - 2.5rem);
  }
  .section__loop_blog_horizontal_slider .hbs__card,
  .section__loop_blog_horizontal_slider .hbs__card_vermais {
    height: 250px;
    min-height: 250px;
  }

  .section__loop_blog_horizontal_slider .hbs__titulo { font-size: 0.95rem; }
  .img__splide_programas { height: 90px; }
  .section__slider_programas .splide__arrow,
  .section__loop_blog_horizontal_slider .splide__arrow {
    display: flex;
    width: 25px;
    height: 25px;
  }
  .section__slider_programas .splide__arrow--prev { left: -40px; }
  .section__slider_programas .splide__arrow--next { right: -40px; }
	
  .section__loop_blog_horizontal_slider .splide__arrow--prev { left: 5px; }
  .section__loop_blog_horizontal_slider .splide__arrow--next { right: 5px; }
	
  .tabs-slider .splide__track { overflow: hidden; }

  .splide__arrow--prev, .splide__arrow--next { display: none; }

  .galeria-mansory__list li:nth-child(6n + 1), .galeria-mansory__list li:nth-child(6n + 2), .galeria-mansory__list li:nth-child(6n + 3), .galeria-mansory__list li:nth-child(6n + 4), .galeria-mansory__list li:nth-child(6n + 5), .galeria-mansory__list li:nth-child(6n + 6), .tabs-mansory__list li:nth-child(6n + 1), .tabs-mansory__list li:nth-child(6n + 2), .tabs-mansory__list li:nth-child(6n + 3), .tabs-mansory__list li:nth-child(6n + 4), .tabs-mansory__list li:nth-child(6n + 5), .tabs-mansory__list li:nth-child(6n + 6) { aspect-ratio: 4/4; }

  li:has(.tabs-slider__texto) {
    height: max-content !important;
    aspect-ratio: auto !important;
  }

  .galeria-mansory__list li { aspect-ratio: 16/11 !important; }
  .allinclusive-slider img { min-height: 280px !important; }
  .allinclusive_slider_section .gallery-modal__main video {
    max-height: 70vh;
    width: 90%;
  }
  .allinclusive_slider_section .tab_lancamento { flex-wrap: wrap; }
  .allinclusive_slider_section .gallery-modal__thumbs { align-self: flex-start; }
  .filtro__lista_cartoes {
    position: fixed !important;
    top: 0;
    left: 0;
    width: min(90vw, 360px);
    height: 100vh;
    overflow-y: auto;
    background: #fff;
    z-index: 9999;
    padding: 1rem;
	padding-top: 4rem;
    transform: translateX(-120%);
    transition: transform 0.3s ease;
    box-shadow: 8px 0 30px rgba(0, 0, 0, 0.2);
  }

  .cmv__lista_grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
	
  .cmv__filters_close {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 36px;
		height: 36px;
		border: none;
		border-radius: 50%;
		background: var(--preto);
	  	color: var(--branco);
		font-size: 1.5rem;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 10;
	}

  .filtro__lista_cartoes, .resultados__lista_cartoes { width: 100%; }

  .filtro__lista_cartoes.is-open { transform: translateX(0); }

  .cmv__filters_overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 9998;
  }

  .cmv__filters_overlay.is-open {
    opacity: 1;
    visibility: visible;
  }

  .cmv__filters_button {
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    z-index: 9997;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    background: var(--dourado, #c38f1b);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  }

  body.cmv__filters_open { overflow: hidden; }

  .menu__main_bookmark_busca .cta__whatsapp { padding: 0.55rem; }

  .grid__responsive { grid-template-columns: repeat(3, 1fr) !important; }

  .menu__mob2 { display: block; }

  .dropdown_links__mobile > a::after { background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34021_1030)'%3E%3Cmask id='mask0_34021_1030' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Cpath d='M16 0.500003L0 0.5L-2.79753e-06 16.5L16 16.5L16 0.500003Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_34021_1030)'%3E%3Cpath d='M8 0.500001L6.59 1.91L12.17 7.5L-1.22392e-06 7.5L-1.57361e-06 9.5L12.17 9.5L6.59 15.09L8 16.5L16 8.5L8 0.500001Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34021_1030'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }

  #navMain {
    position: fixed;
    inset: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  #navMain .scroll-discreta,
  #navMain .grid__post_card {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  #navMain.active { border-top: 1px solid var(--preto-8); }

  .top__menu ul li:last-child { display: none; }

  .top__menu ul { justify-content: center !important; }

  .title__section {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 130%;
  }

  .inside__menu_ads { padding: 2rem 0 2rem 0; }

  .search__menu_mobile input[type="text"] {
    height: 50px;
    font-size: 0.6em;
    padding-right: 50px;
  }

  .search__menu_btn { display: none !important; }

  .busca_mobile { display: block !important; }

  .bloqueia_rolagem {
    height: 100vh;
    overflow: hidden;
  }

  .button_form_mobile {
    position: absolute;
    right: 10px;
    top: 12px;
  }
	
	.bookmark__menu_thumb_mob {
	  background: var(--branco);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 27px;
	  height: 27px;
	  border-radius: var(--border-radius-025);
	  transition: 0.2s ease;
	  right: 0.875rem;
	  top: 0.875rem;
	  z-index: 2;
		right: .5rem !important;
    	top: .5rem !important;
	}

  .redes__mobile { margin-left: auto; }

  .label__search_mobile {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--branco);
    display: block;
    margin-bottom: 15px;
  }

  .menu li:after { background: none; }

  .search__menu_mobile { display: block; }

  .menu__main_desktop_ul_direita { width: 100%; }

  .tab_lancamento {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 0.875rem !important;
    scrollbar-width: none;
  }

  .tab_lancamento::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .tab_lancamento::-webkit-scrollbar-track {
    background: var(--preto-4);
    border-radius: 10px;
  }

  .tab_lancamento::-webkit-scrollbar-thumb {
    background-color: var(--preto-8);
    border-radius: 10px;
  }

  .tab_lancamento::-webkit-scrollbar-thumb:hover { background: var(--preto-8); }

  .tab button {
    white-space: nowrap;
    min-width: max-content;
  }

  .grid__card_completo h2, .grid__card_completo h3 { font-size: 0.95rem; }

  .grid__post_card_texto:hover h2, .grid__post_card_texto:hover h3, .grid__post_card_minimg:hover h2, .grid__post_card_minimg:hover h3, .grid__card_completo:hover h2, .grid__card_completo:hover h3, .grid__falencias li:hover h3 { text-decoration: none; }

  .text__underline, .text__underline_auto, .text__underline:hover, .text__underline_auto:hover { text-decoration: none !important; }
  .grid__mosaico > li:hover h2, .grid__mosaico > li:hover h3, .grid__post_card > li:hover h2, .grid__post_card > li:hover h3 { text-decoration: none; }

  .grid__post_card_imgdestaque,
  .grid__post_card_text li {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--preto-2);
  }

  .card__glossario { padding-right: 1rem; }

  .breadcrumb {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .menu__topo_btn_newsletter a { padding: 0.75rem; }

  .menu__topo_btn_newsletter span { display: none; }

  .menu__main_group li:last-child:after { background: transparent; }

  #logomenu { width: 280px; }

  .menu__main_wrapper {
    display: grid;
    grid-template-areas: "left logo right";
    gap: 0.5rem;
    align-items: center;
  }

  .logo__main_menu {
    grid-area: logo;
    justify-self: center;
  }

  .grid__mosaico_text.hero__borda { padding: 1rem !important; }

  .menu__topo_btn_newsletter svg { width: 25px; }

  .menu__main_hamburguer,
  .menu__editorias_mobile {
    padding: 0;
    grid-area: left;
  }

  .menu__main_bookmark_busca { grid-area: right; }

  .menu__main_group.active {
    height: calc(100vh - 190px) !important;
    overflow-y: scroll !important;
    padding: 2rem 1rem 5rem 1rem !important;
  }

  .menu__main_group li { width: 100%; }

  .caixa__menu_hamburguer #hero__busca_open { margin: 0; }

  .menu__main__group_grid { grid-template-columns: auto; }

  #menudesktop { overflow-x: scroll !important; }

  .has__submenu .submenu, #menuoverlay, .menu__main_desktop .has__submenu > a::after { display: none !important; }

  .show__mob { display: block !important; }

  .show__desk { display: none !important; }

  .border__section {
    margin: 0 1rem;
    padding: 3rem 2rem;
    box-shadow: none;
  }

  .orientacao_mobile_ativa .grid__post_card,
  .section__colunas .orientacao_mobile_ativa {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .orientacao_mobile_ativa.fr__fr_mobile .grid__post_card {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem;
  }

  .orientacao_mobile_ativa .grid__post_card > li {
    min-width: 100% !important;
    width: 100% !important;
  }

  .orientacao_mobile_ativa.border__bottom_article {
    border-bottom: 1px solid var(--preto-7);
    padding-bottom: 1rem;
  }

  .grid__segura_cards { gap: 1rem !important; }

  .border__bottom_article:last-child { border-bottom: none; }


  .grid__mosaico {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  /* AMENIDADES */

  .section__amenidades:before { display: none; }

  .section__amenidades .splide__pagination { bottom: -2em; }

  .ul__box_amenidades,
  .ul__servicos {
    display: flex;
    overflow-x: scroll;
    padding: 0 0 1rem 1rem;
    margin-top: 0;
    grid-gap: 0;
  }

  .box__amenidades {
    min-width: 100%;
    align-items: center;
    height: max-content;
    overflow: auto;
    padding: 0 0 1rem 0;
    margin: 0;
  }

  .box__amenidades_texto { text-align: center; }

  .box__amenidades h2, .box__amenidades span { max-width: 100%; }

  .seta {
    display: flex;
    font-size: 1.5rem;
    line-height: 1.7rem;
    flex-direction: row-reverse;
    padding-right: 1rem;
    position: relative;
    margin-top: -0.25rem;
    animation: seta 0.75s ease-in 0s infinite alternate;
  }

  @keyframes seta {
    from { padding-right: 1rem; }
    to { padding-right: 3rem; }
  }

  .metade_metade_slider img {
    height: auto;
    aspect-ratio: 16/10;
  }
  .tags__metade { justify-content: center; }

  .grid__post_card_imgdestaque article figure img {
    aspect-ratio: 16/10;
    max-height: 160px;
  }

  .section__videos_canais .img__card_blog { height: 100% !important; }

  .dgrid__mob.box__whatsapp_inline_post {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .grid__mosaico > li:first-child p {
    height: 0;
    display: block;
    text-indent: -99999px;
    white-space: nowrap;
    overflow: hidden;
  }

  .grid__mosaico > li:nth-child(1) {
    height: 100%;
    aspect-ratio: 4 / 3;
    min-height: auto;
    margin-bottom: 0;
  }

  .grid__mosaico > li h2 {
    line-height: 120%;
    font-size: 1.05rem;
  }

  .grid__mosaico_text {
    left: 1rem;
    padding-right: 1rem !important;
    max-width: 100%;
  }
  .grid__mosaico > li:first-child h2 {
    font-size: 1.15rem;
    max-width: 100%;
  }

  .section__stories_balao.balao_1 div { bottom: -10px; }
  .section__stories_balao.balao_2 div { bottom: 10px; }

  .grid__mosaico_3 {
    display: flex;
    flex-wrap: wrap;
  }

  .grid__mosaico_3 li figure {
    height: 80% !important;
    max-height: 440px;
  }

  .grid__mosaico_3 li img {
    aspect-ratio: 4/3;
    object-position: center;
  }

  .grid__mosaico_3 li:first-child .text_chapeu { display: none; }

  .grid__mosaico_3 li {
    width: 100%;
    min-height: 290px;
  }

  .coluna__destaque__menor { width: 100%; }

  .grid__mosaico_3 figure {
    height: 100%;
    padding-bottom: 2rem;
  }

  .grid__mosaico_3 li:nth-child(1) { min-height: 380px; }

  .grid__mosaico_3 li h2,
  .grid__mosaico_3 li h3 {
    line-height: 1.5rem;
    font-size: 1.15rem;
  }

  .grid__mosaico_3 .grid__mosaico_text {
    left: 1.5rem;
    padding-right: 1.5rem !important;
  }

  .grid__mosaico_3 li:first-child h2,
  .grid__mosaico_3 li:first-child h3 {
    line-height: 1.5rem;
    font-size: 1.15rem;
    bottom: 1.25rem;
    left: 1.25rem;
    max-width: 100%;
  }

  .grid__mosaico_3 figure::after {
    transition: transform 0.3s ease;
    background: linear-gradient(0, var(--preto) 44%, rgba(29, 29, 27, 0) 78%);
  }

  li:hover .text__underline { text-decoration: auto !important; }

  /*desativa o hover mobile*/
  .section__videos_canais
    .grid__mosaico
    > li:not(:first-child)
    .grid__mosaico_text {
    visibility: visible;
    opacity: 1;
  }


  .grid__post_card {
    overflow-x: scroll;
    grid-template-columns: repeat(3, minmax(290px, 1fr));
    gap: 1rem;
  }

  .section__colunistas ul,
  .section__colunistas ol,
  .section__colunistas_usuarios ul,
  .section__colunistas_usuarios ol {
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(300px, max-content));
    gap: 1rem !important;
    overflow-x: auto;
  }

  .section__colunistas_usuarios li { min-width: 300px; }

  .section__mais_lidas_horizontal ol { grid-template-columns: repeat(1, 1fr) !important; }

  .section__2_colunas_grid,
  .section__3_colunas_grid {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 3rem !important;
  }

  .container__section { padding: 2rem 0 !important; }

  .section__newsletter_form { padding: 1.5rem; }

  .newsletter__form_topo {
    flex-direction: column;
    gap: 1rem !important;
  }

  .btn__1 { width: 100%; }

  .sidebar__blog { margin-top: 0; }

  .webstories__wrapper {
    overflow-x: scroll;
    grid-template-columns: repeat(5, minmax(220px, 1fr)) !important;
  }

  .tag__tipo_midia {
    padding: 0.15rem 0.75rem;
    font-size: 0.75rem;
    top: 0.5rem;
    left: 0;
  }

  .newsletter__grid { grid-template-columns: 1fr !important; }

  .newsletter__seta { display: none; }

  .newsletter__aviso p { max-width: 100%; }

  .sobre__nos img { margin: 0 auto 3rem auto !important; }

  .footer__copywriting_wrapper {
    display: grid;
    gap: 1rem;
    text-align: center;
    justify-content: center;
  }

  .caixa__menu {
    left: 0;
    min-width: auto;
    width: 100%;
    position: fixed;
  }

  .glossario__lista_a_z {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: start;
  }

  /* FAQ */

  .grid__faq { grid-template-columns: 1fr; }

  .wrapper { margin-bottom: 0; }

  .h2__p_faq h2 { text-align: center; }

  .grid_misto { grid-template-columns: repeat(1, 1fr) !important; }

  /* POST ARTICLE BLOG  */

  .nav-blog { margin-bottom: 2rem; }

  .card__tag_item {
    grid-template-columns: 1fr;
    gap: 0;
    max-height: max-content;
  }

  .segura__texto_card_blog.tag__list { padding: 1rem; }

  .content__article h2 {
    font-size: 1.05rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
  }

  .content__article_body h2 {
    font-size: 1.75rem;
    line-height: 2.15rem;
  }

  .content__article_body h3 { font-size: 1.5rem; }

  .content__article_body h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .contato_dados h3:after {
    margin-left: auto;
    margin-right: auto;
  }

  .tags__blog { margin-bottom: 1rem; }

  .box__author_single { margin-bottom: 0; }

  .related__posts { text-align: left; }

  .related__posts li:last-child { margin-bottom: 0; }

  .nav-blog a, .nav-blog span { padding: 0.325rem 0.75rem; }

  .top__blog ol li { justify-content: left; }

  .footer__main {
    max-width: 100%;
    padding: 2rem 1rem;
    text-align: center;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .footer__main span { text-align: center; }

  .footer__main span:after {
    margin-left: auto;
    margin-right: auto;
  }

  .footer__main ul li {
    margin: 0.75rem auto;
    text-align: center;
  }

  .menu__faq { padding: 2em 0; }

  .section__mais_lidas_horizontal ol li,
  .top__blog ol li {
    gap: 0.5rem;
    align-items: center;
  }

  .section__mais_lidas_horizontal ol li::before,
  .top__blog ol li::before {
    border: none;
    padding-right: 0;
    min-width: 0.75rem;
    font-size: 1.15rem;
  }

  .footer__topo h2 { margin-bottom: 0; }

  .footer__topo p {
    text-align: end;
    line-height: 1.3rem;
  }

  .footer__topo img { max-width: 120px; }

  .lojas__app { justify-content: center; }
  .cookies-container { bottom: 0; }

  .flex__cookies {
    grid-template-columns: 1fr;
    justify-items: center;
    grid-gap: 1rem;
    margin-bottom: 1rem;
  }

  .flex__cookies img { max-height: 2rem; }

  .cookies-content { grid-template-columns: 1fr; }
  .cookies-save {
    grid-column: 1;
    grid-row: 3;
  }

  .menu_grupo_mobile { display: block; }

  .width_head {
    position: relative;
    width: 100%;
  }

  .coluna_12, .coluna_6, .coluna_4 { width: 100%; }

  .padding_center_flex {
    padding-left: 0px;
    padding-right: 0px;
  }

  #redes_desktop { display: none; }
  #abrir_redes_modal { display: flex; }

  .sub_social.ativo { right: 0; }

  .section__frase_central { min-height: 350px !important; }

  .customize-support header { margin-top: 46px; }

  .customize-support .header__group.fixed { margin-top: 46px; }

  .form__busca { grid-template-columns: 1fr; }

  .footer__copywriting small, .footer__copywriting span { flex-direction: column; }

  .video__embed iframe { height: 240px; }

  /* INÍCIO - CARDS DE CARTÕES RESPONSIVOS */
  .cards__cartoes_lista {
    width: 100%;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0.5rem !important;
  }

  .cards__cartoes_item {
    flex: 0 0 240px;
    width: 240px;
    min-width: 240px;
    scroll-snap-align: start;
  }
  /* FIM - CARDS DE CARTÕES RESPONSIVOS */
}

/* ======================================================
   MÓDULO CADASTRO PROGRAMAS — estilos do componente
   ====================================================== */

.mcp__selectall {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 1.5px solid var(--preto-7);
    border-radius: var(--border-radius-025);
    cursor: pointer;
    transition: 0.2s ease;
    background: transparent;
}

.mcp__selectall:hover { border-color: var(--amarelo-mostarda); }

.mcp__selectall_check { position: relative; display: flex; }

.mcp__selectall_check input { position: absolute; opacity: 0; pointer-events: none; }

.mcp__fake_check,
.mcp__card_check {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
    border: 1.5px solid var(--preto-5);
    border-radius: var(--border-radius-0125);
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s ease;
}

.mcp__selectall_check input:checked + .mcp__fake_check,
.mcp__card_input:checked + .mcp__card_check {
    background: var(--amarelo-mostarda);
    border-color: var(--amarelo-mostarda);
}

.mcp__fake_check::after,
.mcp__card_check::after {
    content: "";
    width: 5px;
    height: 9px;
    border: solid var(--preto-9);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: 0.15s ease;
}

.mcp__selectall_check input:checked + .mcp__fake_check::after,
.mcp__card_input:checked + .mcp__card_check::after { transform: rotate(45deg) scale(1); }

.mcp__selectall_texto {
    color: var(--branco);
    font-size: 0.95rem;
    font-weight: 500;
    flex: 1;
}

.mcp__contador {
    color: var(--preto-4);
    font-size: 0.875rem;
    font-weight: 400;
    white-space: nowrap;
}

.mcp__selectall.mcp__shake { animation: shake 0.6s; border-color: #f81f1f; }

.mcp__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.75rem 1rem;
    background: var(--preto-9);
    border: 1.5px solid var(--preto-7);
    border-radius: var(--border-radius-05);
    cursor: pointer;
    transition: 0.2s ease;
}

.mcp__card:hover { border-color: var(--amarelo-mostarda); }

.mcp__card_input { position: absolute; opacity: 0; pointer-events: none; }

.mcp__card_input:checked ~ .mcp__card_logo,
.mcp__card_input:checked ~ .mcp__card_nome { opacity: 1; }

.mcp__card:has(.mcp__card_input:checked) {
    border-color: var(--amarelo-mostarda);
    background: var(--preto-8);
}

.mcp__card_check {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

.mcp__card_logo {
    width: 64px;
    height: 64px;
    border-radius: var(--border-radius-025);
    overflow: hidden;
    display: block;
}

.mcp__card_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mcp__card_nome {
    color: var(--branco);
    font-size: 0.95rem;
    font-weight: 600;
    text-align: center;
}

/* ---------- MODAL ---------- */

.mcp__modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.mcp__modal.active { display: flex; }

.mcp__modal_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
}

.mcp__modal_content {
    position: relative;
    width: 100%;
    max-width: 440px;
    max-height: 90vh;
    overflow-y: auto;
    background: var(--preto-9);
    border: 1.5px solid var(--preto-7);
    border-radius: var(--border-radius-05);
    padding: 2rem 1.75rem 1.75rem 1.75rem;
    z-index: 1;
}

.mcp__modal_close {
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    background: none;
    border: none;
    color: var(--amarelo-mostarda);
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
}

.mcp__modal_chapeu {
    display: inline-block;
    color: var(--branco);
    font-size: 0.95rem;
    border-left: 3px solid var(--amarelo-mostarda);
    padding-left: 0.625rem;
    margin-bottom: 1rem;
}

.mcp__modal_titulo {
    font-size: 1.75rem;
    line-height: 130%;
    margin-bottom: 0.75rem;
}

.mcp__modal_linha {
    color: var(--preto-3);
    font-size: 0.95rem;
    line-height: 150%;
    margin-bottom: 1.5rem;
}

.mcp__modal_erro {
    background: rgba(248, 31, 31, 0.12);
    border: 1px solid #f81f1f;
    color: #f81f1f;
    font-size: 0.85rem;
    padding: 0.65rem 0.875rem;
    border-radius: var(--border-radius-025);
    margin-bottom: 1rem;
}

.mcp__field { margin-bottom: 1.25rem; }

.mcp__field label {
    display: block;
    color: var(--branco);
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.mcp__field input {
    width: 100%;
    background: transparent;
    border: 1.5px solid var(--preto-6);
    border-radius: var(--border-radius-025);
    padding: 0.875rem 1rem;
    color: var(--branco) !important;
    font-size: 0.95rem;
}

.mcp__field input::placeholder { color: var(--preto-4) !important; }

.mcp__field input:focus,
.mcp__field input:hover { border-color: var(--amarelo-mostarda); background: transparent; }

.mcp__field.mcp__field_erro input { border-color: #f81f1f; }

.mcp__submit {
    margin-top: 0.5rem;
    border: none;
}

.mcp__submit:disabled { opacity: 0.6; cursor: wait; }

.mcp__modal_aviso {
    color: var(--preto-4);
    font-size: 0.8rem;
    text-align: center;
    line-height: 145%;
    margin: 1rem 0 0 0;
}

.mcp__modal_sucesso {
    text-align: center;
    color: var(--branco);
    padding: 1.5rem 0;
}

@media (max-width: 1030px) {
    .mcp__grid { grid-template-columns: repeat(2, 1fr) !important; }
    .mcp__selectall_texto { font-size: 0.875rem; }
}

.section__faixa_rotativa {
    position: relative;
}
.faixa__rotativa {
    height: 55px;
    transform: rotate(358deg);
    width: 110%;
    margin-left: -5%;
    overflow: hidden;
}
.faixa__rotativa_slider {
    width: 100%;
    height: 55px;
}
.faixa__rotativa_slider .splide__track {
    height: 55px;
    overflow: hidden;
}
.faixa__rotativa_slider .splide__list {
    align-items: center;
    height: 55px;
    display: flex;
    flex-wrap: nowrap;
}
.faixa__rotativa_slider .splide__slide {
    width: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 55px;
}
.faixa__rotativa_slider .splide__arrows,
.faixa__rotativa_slider .splide__pagination {
    display: none;
}


/*  =========================================================
   RESPONSIVO — MOBILE (ATÉ 768PX)
   =========================================================  */

@media (max-width: 768px) {
  .carousel-nav { display: none; }

  .hds__painel { padding: 1.25rem 1.25rem 4.75rem; }

  .hds__paginacao { bottom: 1rem; }

  .modulocadastro__slider, .modulocadastro__slider .splide__track { height: 350px; }
  .section__cadastro_grafismo { max-width: 45px; }
  .section__cadastro_terms { align-items: start; }
  .section__cadastro_aviso { font-size: 1rem; }
  .pb-tooltip::after {
    left: auto;
    right: -1rem;
    transform: none;
    width: 220px;
    max-width: calc(100vw - 3rem);
  }

  .pb-tooltip::before {
    left: auto;
    right: -0.15rem;
    transform: none;
  }
	
/*
   * Impede que uma tabela larga aumente a largura do
   * grid, article ou container onde está inserida.
   */
  .content__single,
  .content__article,
  .segura__main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  /*
   * O figure permanece rigorosamente dentro do container.
   * Somente ele recebe a rolagem horizontal.
   */
  figure.wp-block-table {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    contain: inline-size;
  }

  /*
   * A tabela não possui largura fixa.
   * Ela ocupa pelo menos o container e pode crescer
   * naturalmente quando o conteúdo exigir.
   */
  figure.wp-block-table > table,
  figure.wp-block-table > table.has-fixed-layout {
    width: auto !important;
    min-width: 100% !important;
    max-width: none !important;
    table-layout: auto !important;
    margin: 0;
  }

  figure.wp-block-table th,
  figure.wp-block-table td {
    width: auto !important;
    max-width: none;
    margin: 0;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
  }
	
  .cookies-pref .control:first-child .pb-tooltip::after, .cookies-pref .control:nth-child(2) .pb-tooltip::after { right: -5rem; }

  .cookies-pref .control:first-child .pb-tooltip::before, .cookies-pref .control:nth-child(2) .pb-tooltip::before { right: 1.85rem; }
  .fomo__link { grid-template-columns: 70px 1fr; }

  .fomo__img {
    width: 70px;
    height: 70px;
  }
  .grid__cols_1_mob_short { grid-template-columns: 1fr !important; }

  .grid__odd_layout.grid__cols_1_mob_short { grid-template-columns: 1fr !important; }

  .column__count_1_mob { column-count: 1 !important; }

  .section__grid .grid__cols_1_mob_short { grid-template-columns: 1fr !important; }

  .section__grid .grid__odd_layout.grid__cols_2_mob li:first-child, .section__grid .grid__cols_1_mob_short li { grid-column: auto !important; }
  .grid__odd_layout.grid__cols_2_mob li:first-child { grid-column: span 1 !important; }
  .grid__responsive { grid-template-columns: repeat( auto-fit, minmax(min(100%, 240px), 1fr) ) !important; }
}

/*  =========================================================
   ACESSIBILIDADE — MOVIMENTO REDUZIDO
   =========================================================  */

@media (prefers-reduced-motion: reduce) {
  .hds__slide.active { animation: none; }

  .hds__media img,
  .hds__seta,
  .hds__dot { transition: none; }

  .fomo {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }

  .fomo.is-out { display: none !important; }
}