/* OAK ROUTE — V3.4 | Correção restrita a tipografia e mapa mobile. */
/* A fonte incorporada da V3.3 contém apenas subconjuntos quase exclusivamente
   de letras MAIÚSCULAS de Alice. A fonte completa oficial evita misturar
   caracteres Alice/Georgia numa mesma palavra. Carregada somente nos dois
   títulos afetados; permanece Georgia quando a fonte remota não está acessível. */
@font-face{
  font-family:"Oak Alice Completa";
  src:url("https://fonts.gstatic.com/s/alice/v20/OpNCnoEEmtHa6FcMpA_chzJ0.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
/* 1 — 700 usa os glifos Cabin Bold reais incorporados, e não 800 sintetizado. */
.hero-cta,
.hero-cta span:first-child{
  font-family:Cabin,Arial,sans-serif;
  font-weight:700;
  font-synthesis:none;
}
/* 2 + 4 — apenas os dois títulos com tipografia inconsistente. */
.concept-intro h2,
.concept-intro h2 em,
.origin-detail h3,
.sensory-intro strong,
.sensory-intro .sensory-regular,
.sensory-intro em{
  font-family:"Oak Alice Completa",Georgia,serif;
  font-weight:400;
  font-synthesis:style;
}
@media(max-width:760px){
  /* O desktop preserva sua quebra. No celular a frase se equilibra naturalmente. */
  .concept-intro h2 .intro-desktop-break{display:none}
  .concept-intro h2{
    font-size:clamp(31px,9vw,42px);
    line-height:1.19;
    letter-spacing:-.025em;
    text-wrap:balance;
    max-width:100%;
    overflow-wrap:normal;
  }
  /* Preservar o estilo regular/itálico, com quebras editorialmente planejadas. */
  .sensory-intro strong{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    line-height:1.21;
    font-size:clamp(22px,5.85vw,30px);
    letter-spacing:-.012em;
  }
  .sensory-intro .sensory-regular,
  .sensory-intro em{display:block;max-width:100%}
  .sensory-intro em{font-style:italic;white-space:normal;text-wrap:balance}
  /* 3 — mapa existente, sem criar/recolorir o asset. No mobile a versão anterior
     era quase invisível por opacidade .18 e por ficar fora do miolo do painel. */
  .route-panel .brazil-map{
    display:block;
    visibility:visible;
    width:min(94%,470px);
    height:auto;
    right:-5%;
    left:auto;
    top:auto;
    bottom:1%;
    opacity:.45;
    filter:brightness(3.05) saturate(.85);
    object-fit:contain;
    z-index:-1;
  }
}
@media(max-width:360px){
  .concept-intro h2{font-size:clamp(29px,9vw,34px)}
  .sensory-intro strong{font-size:clamp(20px,6.3vw,23px)}
  .route-panel .brazil-map{width:95%;right:-5%;bottom:2%}
}