/* ==========================================================================
   VISTOS PARA A NOVA ZELÂNDIA — CSS próprio da página

   Estava num <style> dentro da visto-novazelandia.html, depois do styles.css.

   ATENÇÃO: as regras abaixo são POSICIONAIS — `main > section:nth-of-type(N)`.
   Elas dependem de o <main> ter exatamente 6 seções, na ordem em que estão no
   new2026-visto-novazelandia.php:

     1 vau-intro            4 vau-visas--white (estudante)
     2 sec-form             5 vau-visas--navy (NZeTA)
     3 vau-photo--auckland  6 vau-photo--nz-landscape

   Acrescentar, remover ou reordenar uma seção quebra o empilhamento das bordas
   arredondadas. Comentários HTML não contam — só elementos.

   O body desta página leva DUAS classes (page-visto-australia
   page-visto-novazelandia), mas o bloco aqui é escrito para
   .page-visto-novazelandia e é completo: ela não depende do
   visto-australia.css, que nem chega a carregar nesta página.

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

/* Empilhamento das bordas arredondadas (parapara) — z-index crescente por seção.
   Escopo exclusivo desta página para não afetar o CSS geral. */
html body.page-visto-novazelandia main > section{position:relative}
html body.page-visto-novazelandia main > section:nth-of-type(1){z-index:5}
html body.page-visto-novazelandia main > section:nth-of-type(2){z-index:6}
html body.page-visto-novazelandia main > section:nth-of-type(3){z-index:7}
html body.page-visto-novazelandia main > section:nth-of-type(4){z-index:8}
html body.page-visto-novazelandia main > section:nth-of-type(5){z-index:9}
html body.page-visto-novazelandia main > section:nth-of-type(6){z-index:10}

/* Fotos sobem sobre a seção anterior com topo arredondado (efeito parapara) */
html body.page-visto-novazelandia main > section.vau-photo{margin-top:-70px;background:transparent !important}
html body.page-visto-novazelandia main > section.vau-photo .drive-banner{border-radius:var(--radius) var(--radius) 0 0}
@media(max-width:768px){
  html body.page-visto-novazelandia main > section.vau-photo .drive-banner{border-radius:var(--radius-mobile) var(--radius-mobile) 0 0}
}
