/* ==========================================================================
   PÁGINAS DE CIDADE (intercâmbio) — CSS compartilhado pelas 18

   Cada intercambio-*.html trazia este bloco inteiro num <style> próprio,
   escopado em body.page-intercambio-<cidade>. Comparei os 18: fora o escopo
   e três imagens, são idênticos. Aqui o escopo virou
   body[class*="page-intercambio-"], que vale para todas.

   AS TRÊS IMAGENS VÊM DE VARIÁVEIS, postas pelo template no <body>:
     --cidade-hero    foto do hero
     --cidade-wide    foto larga (wide-photo)
     --cidade-inline  foto inline — OPCIONAL: a Sydney não define, e cai no
                      fallback, que é a mesma foto do styles.css. Era assim
                      que ela já funcionava.

   A REGRA DE <ul> AGORA VALE PARA TODAS. No estático só 4 páginas
   (dunedin, queenstown, tauranga, wellington) tinham essa regra, mas 9 têm
   lista em .sydney-copy — byron, cairns, canberra, hobart e toowoomba
   ficavam com a lista desalinhada do parágrafo. Compartilhando, as cinco
   entram no lugar; quem não tem <ul> não sente diferença.

   Carregado por 'css_extra' no new2026-intercambio.php.
   ========================================================================== */

body[class*="page-intercambio-"] .hero--sydney {
  height: 75vh !important;
  min-height: 75vh !important;
}

body[class*="page-intercambio-"] .hero--sydney .hero-bg {
  background-image: var(--cidade-hero);
}

body[class*="page-intercambio-"] .sydney-wide-photo--opera .sydney-wide-photo__media {
  background-image: var(--cidade-wide);
}

body[class*="page-intercambio-"] .sydney-inline-photo__media {
  background-image: var(--cidade-inline, url('https://australiancentre.com.br/wp-content/uploads/2026/08/suporte-no-intercambio-em-sydney-1.webp'));
}

body[class*="page-intercambio-"] .hero--sydney .hero-body {
  max-width: 1000px;
  padding: 110px 24px 88px;
}

body[class*="page-intercambio-"] .hero--sydney .hero-body h1 {
  max-width: 820px;
  font-size: clamp(40px, 3.6vw, 76px);
  line-height: 1.1;
  margin-bottom: 16px;
}

@media (min-width: 769px) {
  body[class*="page-intercambio-"] .hero-title-sydney br {
    display: block;
  }
}

body[class*="page-intercambio-"] .hero--sydney .hero-sub {
  max-width: 860px;
  margin-bottom: 24px;
}

body[class*="page-intercambio-"] .hero--sydney .hero-sub p {
  font-size: 16px;
  line-height: var(--lh-copy-tight);
  margin: 0 auto 8px;
}

body[class*="page-intercambio-"] .sydney-copy p,
body[class*="page-intercambio-"] .form-text p {
  font-size: 15px;
  line-height: 1.72;
}

body[class*="page-intercambio-"] .sydney-copy p {
  color: #444;
  margin-bottom: 14px;
  width: min(var(--ac-editorial-copy-width, 1040px), 100%);
  max-width: var(--ac-editorial-copy-width, 1040px);
  margin-left: auto;
  margin-right: auto;
  text-align: left !important;
}

body[class*="page-intercambio-"] .sydney-copy ul {
  list-style: disc;
  margin: 0 auto 16px;
  padding-left: 22px;
  width: min(var(--ac-editorial-copy-width, 1040px), 100%);
  max-width: var(--ac-editorial-copy-width, 1040px);
}

body[class*="page-intercambio-"] .sydney-copy li {
  color: #444;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 7px;
}

body[class*="page-intercambio-"] .sydney-fact-card p {
  font-size: 14px;
  line-height: 1.1;
  font-weight: 600;
  margin-top: 0;
}

body[class*="page-intercambio-"] .sydney-fact-card {
  justify-content: flex-start;
}

body[class*="page-intercambio-"] .sydney-fact-icon {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  margin: 4px auto 14px;
  border-radius: 50%;
  background: transparent;
  overflow: visible;
  box-shadow: none;
  transition: transform .38s cubic-bezier(.22,.68,0,1.4), box-shadow .38s ease, background .28s ease;
}

body[class*="page-intercambio-"] .sydney-fact-icon::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: inherit;
  opacity: 0;
  transform: scale(.82);
  transition: opacity .28s ease, transform .38s ease;
  z-index: -1;
  pointer-events: none;
}

body[class*="page-intercambio-"] .sydney-fact-icon svg {
  position: relative;
  z-index: 1;
}

body[class*="page-intercambio-"] .sydney-fact-card--temperature .temp-icon {
  overflow: visible;
}

body[class*="page-intercambio-"] .sydney-fact-card:hover .sydney-fact-icon {
  transform: scale(1.22);
  background: rgba(215, 26, 33, .18);
  box-shadow: 0 10px 28px rgba(215, 26, 33, .2);
}

body[class*="page-intercambio-"] .sydney-fact-card:hover .sydney-fact-icon::after {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 0 0 7px rgba(215, 26, 33, .09);
  animation: benefitIconPulse 1.9s ease-in-out infinite;
}

body[class*="page-intercambio-"] .temp-icon .temp-level {
  transform-box: fill-box;
  transform-origin: center bottom;
  transform: scaleY(.36);
  stroke-width: 2.6;
  transition: transform .3s ease;
}

body[class*="page-intercambio-"] .temp-icon .temp-dot {
  fill: currentColor;
  stroke: none;
  transform-box: fill-box;
  transform-origin: center;
}

body[class*="page-intercambio-"] .sydney-fact-card--temperature.is-temperature-animated .temp-icon .temp-level {
  animation: sydneyTemperatureRise 1.25s ease-in-out 1 forwards;
}

body[class*="page-intercambio-"] .sydney-fact-card--temperature.is-temperature-animated .temp-icon .temp-dot {
  animation: sydneyTemperatureBulb 1.25s ease-in-out 1;
}

body[class*="page-intercambio-"] .sydney-fact-card p a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .2s ease;
}

body[class*="page-intercambio-"] .sydney-fact-card p a:hover,
body[class*="page-intercambio-"] .sydney-fact-card p a:focus-visible {
  color: var(--red);
  outline: none;
}

@keyframes sydneyTemperatureRise {
  0% { transform: scaleY(.36); }
  100% { transform: scaleY(1); }
}

@keyframes sydneyTemperatureBulb {
  0%, 100% { transform: scale(1); }
  55% { transform: scale(1.18); }
}

@supports (height: 75svh) {
  body[class*="page-intercambio-"] .hero--sydney {
    height: 75svh !important;
    min-height: 75svh !important;
  }
}

@media (max-width: 768px) {
  body[class*="page-intercambio-"] .hero-title-sydney br {
    display: none;
  }

  body[class*="page-intercambio-"] .hero-title-sydney span {
    display: inline;
  }

  body[class*="page-intercambio-"] .hero--sydney {
    height: auto !important;
    min-height: 920px !important;
  }

  body[class*="page-intercambio-"] .hero--sydney .hero-body {
    padding: 132px 18px 118px;
    max-width: 420px;
  }

  body[class*="page-intercambio-"] .hero--sydney .hero-body h1 {
    max-width: 360px;
    font-size: clamp(34px, 8vw, 58px);
    line-height: 1.1;
    margin-bottom: 14px;
  }

  body[class*="page-intercambio-"] .hero--sydney .hero-sub {
    max-width: 330px;
    margin-bottom: 20px;
  }

  body[class*="page-intercambio-"] .hero--sydney .hero-sub p {
    font-size: 13px;
    line-height: 1.48;
  }

  body[class*="page-intercambio-"] .sydney-copy p,
  body[class*="page-intercambio-"] .form-text p {
    font-size: 15px;
    line-height: 1.62;
  }

  body[class*="page-intercambio-"] .sydney-fact-card p {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 600;
  }
}
