/* Seções de copy PAIS (Problema, Amplificação, Imaginação, Solução) usadas nas páginas de serviço.
   Criado em 17/10/2026. Usa as variáveis de style.css; não altera nenhuma classe de lá. */
.pais-kicker { display: block; font: 900 13px var(--font-b); letter-spacing: .28em; text-transform: uppercase; color: var(--wood); margin-bottom: 18px; }
.pais-regua { width: 64px; height: 4px; background: var(--wood); margin: 0 0 28px; }
.pais-center { text-align: center; }
.pais-center .pais-regua { margin: 0 auto 28px; }
.pais-h2 { font: 800 clamp(30px, 4.4vw, 50px)/1.08 var(--font-h); color: var(--white); text-transform: uppercase; letter-spacing: -.01em; }
.pais-h2 em { font-style: normal; color: var(--wood); }
.pais-texto { font-size: 18px; line-height: 1.6; color: rgba(245,245,245,.82); max-width: 680px; }
.pais-center .pais-texto { margin: 0 auto; }
.pais-section--black { background: var(--black); }

/* notificações */
.pais-notifs { max-width: 640px; margin: 44px auto 40px; display: grid; gap: 16px; text-align: left; }
.pais-notif { display: flex; align-items: center; gap: 20px; background: var(--gray-dk); border-left: 5px solid var(--blue); border-radius: var(--radius); padding: 20px 26px; }
.pais-notif__ic { width: 44px; height: 44px; border-radius: 50%; background: var(--blue); color: var(--white); flex: none; display: grid; place-items: center; font: 900 20px var(--font-b); }
.pais-notif__hora { font: 700 12px var(--font-b); letter-spacing: .18em; color: var(--gray); text-transform: uppercase; }
.pais-notif__txt { font: 800 22px/1.2 var(--font-h); color: var(--white); text-transform: uppercase; margin-top: 4px; }
.pais-fecho { font: 800 clamp(24px, 3.2vw, 36px)/1.15 var(--font-h); color: var(--white); text-transform: uppercase; }
.pais-fecho em { font-style: normal; color: var(--wood); }

/* números */
.pais-section--madeira { background: var(--wood-lt); }
.pais-section--madeira .pais-kicker { color: var(--blue); }
.pais-section--madeira .pais-regua { background: var(--blue); }
.pais-numeros { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.pais-num { font: 900 clamp(64px, 9vw, 112px)/.95 var(--font-h); color: var(--blue); letter-spacing: -.03em; }
.pais-num small { font-size: .45em; letter-spacing: 0; }
.pais-num__titulo { font: 800 clamp(22px, 2.6vw, 30px)/1.12 var(--font-h); color: var(--black); text-transform: uppercase; margin: 14px 0 12px; }
.pais-num__texto { font-size: 17px; line-height: 1.55; color: #333; }

/* imaginação com foto */
.pais-split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.pais-foto { border-radius: 8px; overflow: hidden; position: relative; }
.pais-foto img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 4 / 5; }
.pais-foto__legenda { position: absolute; right: 12px; bottom: 10px; font: 700 11px var(--font-b); letter-spacing: .1em; color: rgba(255,255,255,.75); text-transform: uppercase; }
.pais-lista { list-style: none; margin: 8px 0 36px; }
.pais-lista li { font: 800 clamp(20px, 2.3vw, 26px)/1.25 var(--font-h); color: var(--white); text-transform: uppercase; padding: 18px 0; border-top: 1px solid rgba(245,245,245,.14); }
.pais-lista li:first-child { border-top: none; }
.pais-lista li em { font-style: normal; color: var(--wood); }
.pais-citacao { font: 800 clamp(22px, 2.6vw, 30px)/1.2 var(--font-h); color: var(--wood-lt); text-transform: uppercase; border-left: 4px solid var(--blue); padding-left: 22px; }

/* solução */
.pais-banner { position: relative; min-height: 420px; display: flex; align-items: flex-end; background: url('../img/casa-alto-padrao-piscina-noite.jpg') center / cover no-repeat; }
.pais-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,13,13,.1) 30%, rgba(26,75,140,.96) 100%); }
.pais-banner .container { position: relative; z-index: 1; padding-bottom: 56px; }
.pais-banner .pais-foto__legenda { position: absolute; top: 14px; right: 18px; bottom: auto; z-index: 1; }

/* CTA palavra-chave */
.pais-cta { display: block; max-width: 720px; margin: 8px auto 0; background: var(--wood); color: var(--black); border-radius: 8px; padding: 30px 40px 34px; text-align: left; position: relative; transition: transform var(--transition); }
.pais-cta:hover { transform: translateY(-3px); }
.pais-cta__l1, .pais-cta__l3 { font: 900 16px var(--font-b); letter-spacing: .16em; text-transform: uppercase; }
.pais-cta__palavra { font: 900 clamp(46px, 8vw, 92px)/1 var(--font-h); letter-spacing: -.02em; margin: 10px 0 12px; }
.pais-cta__palavra--longa { font-size: clamp(30px, 7.6vw, 84px); }
.pais-cta__seta { position: absolute; right: 36px; bottom: 28px; font: 900 44px/1 var(--font-b); color: var(--blue); }

/* galeria de inspiração (imagens ilustrativas) */
.pais-galeria { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 8px; }
.pais-galeria figure { position: relative; border-radius: 8px; overflow: hidden; margin: 0; }
.pais-galeria img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; transition: transform .4s ease; }
.pais-galeria figure:hover img { transform: scale(1.04); }
.pais-galeria figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 16px 12px; background: linear-gradient(180deg, transparent, rgba(13,13,13,.85)); font: 800 14px var(--font-h); color: var(--white); text-transform: uppercase; letter-spacing: .02em; }

.pais-galeria .pais-foto__legenda { top: 8px; right: 10px; bottom: auto; text-shadow: 0 1px 3px rgba(0,0,0,.6); }

@media (max-width: 768px) {
  .pais-galeria { grid-template-columns: 1fr 1fr; gap: 10px; }
  .pais-galeria figcaption { font-size: 11px; padding: 18px 10px 8px; }
  .pais-galeria .pais-foto__legenda { font-size: 8px; top: 6px; right: 8px; }
  .pais-numeros, .pais-split { grid-template-columns: 1fr; gap: 40px; }
  .pais-notif__txt { font-size: 18px; }
  .pais-cta { padding: 24px 24px 28px; }
  .pais-cta__seta { display: none; }
}