.elementor-kit-6{--e-global-color-primary:#2A2420;--e-global-color-secondary:#2A2420;--e-global-color-text:#E8DDD0;--e-global-color-accent:#B87333;--e-global-color-b5aeb33:#7e7e7e;--e-global-color-c58817e:#2a2420;--e-global-color-5420d44:#a5662d;--e-global-color-58be983:#ffffff;--e-global-color-09cc561:#0d141a;--e-global-color-a495fd4:#B8C0CC;--e-global-color-dff8941:#3a1e17;--e-global-typography-primary-font-family:"Playfair Display SC";--e-global-typography-primary-font-size:29px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-5535e8e-font-family:"Playfair Display";--e-global-typography-5535e8e-font-size:3rem;--e-global-typography-5535e8e-font-weight:700;--e-global-typography-c83476d-font-family:"Playfair Display";--e-global-typography-c83476d-font-size:2.5rem;--e-global-typography-c83476d-font-weight:bold;--e-global-typography-ff8f921-font-family:"Playfair Display";--e-global-typography-ff8f921-font-size:2.3rem;--e-global-typography-ff8f921-font-weight:bold;--e-global-typography-887fca2-font-family:"Inter";--e-global-typography-887fca2-font-size:1rem;--e-global-typography-887fca2-font-weight:400;--e-global-typography-2142591-font-family:"Inter";--e-global-typography-2142591-font-size:1rem;--e-global-typography-2142591-font-weight:700;--e-global-typography-6e52843-font-family:"Open Sans";--e-global-typography-6e52843-font-size:1rem;--e-global-typography-6e52843-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-c83476d-font-size:1.9rem;--e-global-typography-ff8f921-font-size:1.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   TRIP PRETA — CSS personalizado (site inteiro)
   Onde colar no Elementor Pro:
   Menu hambúrguer (≡) → Configurações do site → Custom CSS
   (é global; vale pro site todo)
   ============================================================ */

/* ---- VARIÁVEIS DA MARCA ---- */
:root {
  --tp-preto: #0D0D0D;
  --tp-preto-quente: #1A1410;
  --tp-cinza-quente: #2A2420;
  --tp-cobre: #B87333;
  --tp-terracota: #C4622D;
  --tp-ouro: #C9A84C;
  --tp-creme: #F5EFE6;
  --tp-texto-claro: #E8DDD0;
  --tp-texto-medio: #B9AA9B;
}

/* ---- BASE ---- */
body {
  background: var(--tp-preto);
  color: var(--tp-texto-claro);
}

/* ---- ITÁLICO COBRE DENTRO DE TÍTULOS ---- */
/* (ex.: a palavra "nosso" no hero, "contando", "reais") */
h1 em, h2 em, h3 em,
.elementor-heading-title em {
  font-style: italic;
  color: var(--tp-cobre);
}

/* ---- RÓTULO PEQUENO ESTILO "EYEBROW" (Space Mono) ----
   No elemento: aba Avançado → CSS Classes → escreva: tp-eyebrow */
.tp-eyebrow,
.tp-eyebrow * {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--tp-cobre) !important;
}

/* rótulo em ouro (para tags de categoria, ex.: "ROTEIRO · ÁFRICA") */
.tp-tag,
.tp-tag * {
  font-family: 'Space Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--tp-ouro) !important;
}

/* ---- FAIXA DOURADA DE MARCA ----
   Aplique num widget Divisor/Divider → Avançado → CSS Classes: tp-faixa-ouro */
.tp-faixa-ouro {
  height: 4px !important;
  border: none !important;
  background: linear-gradient(90deg, var(--tp-cobre), var(--tp-terracota), var(--tp-ouro), var(--tp-cobre)) !important;
}

/* ---- CARDS (Image Box e afins) ---- */
.tp-card .elementor-image-box-wrapper,
.tp-card {
  background: var(--tp-cinza-quente);
  transition: background 0.25s, border-color 0.25s;
  border-bottom: 2px solid transparent;
}
.tp-card:hover .elementor-image-box-wrapper,
.tp-card:hover {
  background: #221D18;
  border-bottom-color: var(--tp-cobre);
}
.tp-card .elementor-image-box-title {
  font-family: 'Playfair Display', serif;
  color: var(--tp-creme);
}
.tp-card .elementor-image-box-description {
  color: var(--tp-texto-medio);
  line-height: 1.65;
}

/* ---- DESTINOS: zoom na imagem no hover ----
   Aplique no widget Image Box do destino → CSS Classes: tp-destino */
.tp-destino img {
  transition: transform 1s ease, filter 0.5s ease;
  filter: saturate(0.85) brightness(0.92);
}
.tp-destino:hover img {
  transform: scale(1.1);
  filter: saturate(1.05) brightness(1);
}

/* ---- BOTÕES (cobre → ouro no hover) ---- */
.elementor-button {
  font-family: 'Space Mono', monospace;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 0;
  background: var(--tp-cobre);
  color: var(--tp-preto);
  transition: background 0.2s;
}
.elementor-button:hover {
  background: var(--tp-ouro);
  color: var(--tp-preto);
}

/* ---- LISTA DE POSTS (blog / Loop Grid) ---- */
.elementor-post__title a,
.elementor-post__title {
  font-family: 'Playfair Display', serif;
  color: var(--tp-creme);
}
.elementor-post__title a:hover { color: var(--tp-cobre); }
.elementor-post__excerpt {
  color: var(--tp-texto-medio);
  line-height: 1.65;
}
.elementor-post__badge,
.elementor-post-date,
.elementor-post__meta-data {
  font-family: 'Space Mono', monospace;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tp-ouro);
}

/* ---- ÍCONES DE SERVIÇO (losango cobre na Icon List) ---- */
.elementor-icon-list-icon i,
.elementor-icon-list-icon svg {
  color: var(--tp-cobre) !important;
  fill: var(--tp-cobre) !important;
}

/* ---- LINKS ---- */
a { color: var(--tp-cobre); }
a:hover { color: var(--tp-ouro); }

/* ---- FOCO VISÍVEL (acessibilidade) ---- */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--tp-ouro);
  outline-offset: 3px;
}/* End custom CSS */