/* Pé na Lagoa Passeios: the business's own design (a fictional example by Site na Conversa).
   Kit «passeio»: deep green #173E3D (text, dark bands), sand #FBF7EF (page), orange #F48336 (accent:
   decoration only on light surfaces; as text only on the deep green, 4.54:1), teal #14645F (main button,
   white label), light green #E1EEEA (panels: every illustration sits on it). White is the button's reverse
   ink only. Headings Barlow Semi Condensed 600/700; body SNC Texto (Source Sans 3) 400/600.
   The frame (.snc-band, .snc-cta) belongs to moldura.css: nothing here styles .snc-*. */

@font-face{font-family:'Barlow Semi Condensed';src:url('/exemplos/fontes/BarlowSemiCondensed-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/exemplos/fontes/BarlowSemiCondensed-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'SNC Texto';src:url('/assets/snc-texto-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'SNC Texto';src:url('/assets/snc-texto-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  --pl-texto:#173E3D;
  --pl-pagina:#FBF7EF;
  --pl-laranja:#F48336;
  --pl-botao:#14645F;
  --pl-tinta:#E1EEEA;
  --pl-branco:#FFFFFF;
  --pl-titulo:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  --pl-corpo:'SNC Texto',Arial,sans-serif;
  --pl-borda:max(16px,calc((100% - 1160px) / 2));
}

/* ---- Base, scoped to the business's page (the frame keeps its own) ---- */
html{scroll-padding-top:max(72px,4.5rem)}
body{margin:0;background:var(--pl-pagina);color:var(--pl-texto);font:400 1.0625rem/1.6 var(--pl-corpo)}
.pular,:where(.topo,main,.rodape) *,:where(.topo,main,.rodape) *::before,:where(.topo,main,.rodape) *::after{box-sizing:border-box}
:where(.topo,main,.rodape) :where(h1,h2,h3,p,ul){margin:0}
:where(.topo,main,.rodape) ul{padding:0;list-style:none}
:where(.topo,main,.rodape) img{display:block;max-width:100%;height:auto}
:where(.topo,main,.rodape) strong{font-weight:600}
:where(.topo,main,.rodape) ::selection{background:var(--pl-laranja);color:var(--pl-texto)}
main :where(h1,h2,h3){font-family:var(--pl-titulo);font-weight:700;text-wrap:balance;overflow-wrap:anywhere}
main :where(p,li){overflow-wrap:anywhere}
main p{text-wrap:pretty}
main:focus{outline:none}
:where(.topo,main) :where(a,summary):focus-visible{outline:3px solid var(--pl-texto);outline-offset:3px}

.ico{flex:none;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sprite{position:absolute;width:0;height:0;overflow:hidden}

.cont{padding-inline:var(--pl-borda)}
.secao{padding-block:56px}
main h2{font-size:clamp(2.125rem,1.6rem + 2vw,3rem);line-height:1.02}
main h2::after{content:"";display:block;width:78px;height:6px;margin-top:16px;background:repeating-linear-gradient(90deg,var(--pl-laranja) 0 16px,transparent 16px 26px)}
.secao-topo{max-width:46rem}
.secao-topo p{margin-top:20px;font-size:1.1875rem;line-height:1.55}

/* ---- Skip link ---- */
.pular{position:absolute;top:8px;left:8px;z-index:100;display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:2px solid var(--pl-texto);border-radius:10px;background:var(--pl-pagina);color:var(--pl-texto);font:600 1rem/1.3 var(--pl-corpo);text-decoration:underline;text-underline-offset:.2em;transform:translateY(-200%)}
.pular:focus{transform:none;outline:3px solid var(--pl-laranja);outline-offset:2px}

/* ---- Header: the full logo (280 px, the kit's minimum), the sections, the language ---- */
.topo{padding-inline:var(--pl-borda)}
.topo-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 32px;padding-block:18px 6px}
.marca{display:block;flex:none;width:280px;border-radius:6px}
.marca img{width:100%}
.menu{flex:1 1 100%}
.menu ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 0}
.menu a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0;border-radius:6px;color:var(--pl-texto);font:600 1.0625rem/1.2 var(--pl-titulo);letter-spacing:.01em;text-decoration:none;text-decoration-thickness:3px;text-underline-offset:7px}
.menu a:hover{text-decoration-line:underline;text-decoration-color:var(--pl-laranja)}
.menu-idioma a{padding:0 12px;border:2px solid var(--pl-botao);border-radius:999px;color:var(--pl-botao)}
.menu-idioma a:hover{background:var(--pl-botao);color:var(--pl-branco);text-decoration:none}
.menu-idioma .ico{width:18px;height:18px}

/* ---- Hero: a light-green panel, the 4x4 on a ground line with a dashed track ---- */
.hero{padding-inline:var(--pl-borda);padding-top:8px}
.hero-painel{position:relative;display:grid;gap:30px;padding:32px 22px 0;border-radius:24px;background:var(--pl-tinta);overflow:hidden}
.hero-painel::before{content:"";position:absolute;left:0;right:0;bottom:27px;height:3px;background:var(--pl-texto)}
.hero-painel::after{content:"";position:absolute;left:0;right:0;bottom:11px;height:5px;background:repeating-linear-gradient(90deg,var(--pl-laranja) 0 22px,transparent 22px 38px)}
.hero h1{font-size:clamp(2.875rem,2rem + 3.6vw,4.75rem);line-height:.95;letter-spacing:-.01em}
.hero-linha{max-width:31ch;margin-top:16px;font-size:1.1875rem;line-height:1.5}
.hero-figura{position:relative;z-index:1;padding-bottom:30px}
.hero-figura img{width:100%;max-width:580px;margin-inline:auto}

/* ---- The demo WhatsApp button: a native disclosure styled as the main button ---- */
.demo-wa{margin-top:26px}
.demo-wa>summary{display:inline-block;max-width:100%;border-radius:10px;background:var(--pl-botao);color:var(--pl-branco);cursor:pointer;list-style:none}
.demo-wa>summary::-webkit-details-marker{display:none}
.demo-wa>summary:hover{background:var(--pl-texto)}
.demo-wa-botao{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:12px 16px;font:700 1.25rem/1.15 var(--pl-titulo);letter-spacing:.01em}
.demo-wa-botao .ico{width:24px;height:24px}
.demo-wa[open] .demo-wa-seta{transform:rotate(180deg)}
.demo-wa-painel{position:relative;max-width:30rem;margin-top:16px;padding:16px 18px 18px;border:2px solid var(--pl-texto);border-radius:14px;background:var(--pl-pagina);font-size:1rem;line-height:1.5}
.demo-wa-painel::before{content:"";position:absolute;top:-9px;left:28px;width:14px;height:14px;border-top:2px solid var(--pl-texto);border-left:2px solid var(--pl-texto);background:var(--pl-pagina);transform:rotate(45deg)}
.demo-wa-msg{display:block;width:fit-content;max-width:100%;margin-top:10px;padding:8px 14px;border-radius:14px 14px 14px 4px;background:var(--pl-tinta);font-weight:600}
.demo-wa-nota{margin-top:12px;font-weight:600}

/* ---- About ---- */
.sobre-grade{display:grid;gap:36px;align-items:center}
.sobre-texto p{max-width:60ch;margin-top:14px}
.sobre-texto .sobre-abre{margin-top:22px;font-size:1.1875rem;line-height:1.5}
.sobre-figura{justify-self:center;display:grid;place-items:center;width:min(78%,280px);aspect-ratio:1;padding:15%;border-radius:50%;background:var(--pl-tinta)}

/* ---- Tours: tickets with a tear-off price stub ---- */
.bilhetes{display:grid;gap:22px;margin-top:36px;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.bilhete{display:flex;flex-direction:column;border-radius:18px;background:var(--pl-tinta);overflow:hidden}
.bilhete-corpo{flex:1 1 auto;padding:26px 24px 26px}
.bilhete h3{font-size:1.75rem;line-height:1.08}
.bilhete-corpo>p{margin-top:10px}
.fatos{display:grid;gap:6px;margin-top:18px}
.fatos li{display:flex;align-items:flex-start;gap:10px;font-weight:600;line-height:1.4}
.fatos .ico{width:22px;height:22px;margin-top:1px;color:var(--pl-botao)}
.bilhete-preco{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:18px 24px 22px;border-top:3px dashed var(--pl-tinta);background:var(--pl-texto);color:var(--pl-tinta)}
.bilhete-preco strong{font:700 2.375rem/1 var(--pl-titulo);color:var(--pl-laranja)}
.bilhete-preco::before,.bilhete-preco::after{content:"";position:absolute;top:-14px;width:24px;height:24px;border-radius:50%;background:var(--pl-pagina)}
.bilhete-preco::before{left:-12px}
.bilhete-preco::after{right:-12px}
.incluido{display:grid;gap:14px;margin-top:22px;padding:22px 24px;border:2px dashed var(--pl-botao);border-radius:18px}
.incluido h3{font-size:1.375rem;line-height:1.15}
.incluido ul{display:flex;flex-wrap:wrap;gap:12px 32px}
.incluido li{display:flex;align-items:center;gap:10px;font-weight:600;line-height:1.35}
.incluido .ico{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--pl-laranja);color:var(--pl-texto);stroke-width:2.8}

/* ---- Transfers: routes on the deep green ---- */
.trajetos{background:var(--pl-texto);color:var(--pl-pagina)}
.trajetos .secao-topo p{color:var(--pl-tinta)}
.rotas{display:grid;gap:22px;margin-top:36px;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}
.rota{display:flex;flex-direction:column;border-radius:18px;background:var(--pl-pagina);color:var(--pl-texto);overflow:hidden}
.rota-corpo{flex:1 1 auto;display:grid;gap:22px;padding:28px 24px 26px}
.rota-titulo{--ponto:20px;display:grid;row-gap:22px;padding-left:36px;font-size:1.75rem;line-height:1.1}
.rota-ponto{position:relative;display:block}
.rota-ponto::before{content:"";position:absolute;left:-36px;top:calc((1.1em - var(--ponto)) / 2);width:var(--ponto);height:var(--ponto);border:4px solid var(--pl-botao);border-radius:50%;background:var(--pl-pagina)}
.rota-para::before{background:var(--pl-botao)}
.rota-de::after{content:"";position:absolute;left:calc(var(--ponto) / 2 - 36px - 1.5px);top:calc((1.1em + var(--ponto)) / 2 + 4px);width:3px;height:calc(100% - 6px);background:repeating-linear-gradient(180deg,var(--pl-laranja) 0 6px,transparent 6px 11px)}
.rota-traco{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rota-info p+p{margin-top:12px}
.fato{display:flex;align-items:flex-start;gap:10px;font-weight:600;line-height:1.4}
.fato .ico{width:22px;height:22px;margin-top:1px;color:var(--pl-botao)}
.rota-preco{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:18px 24px 22px;border-top:3px dashed var(--pl-botao);background:var(--pl-tinta)}
.rota-preco strong{font:700 2.375rem/1 var(--pl-titulo)}
.rota-preco::before,.rota-preco::after{content:"";position:absolute;top:-14px;width:24px;height:24px;border-radius:50%;background:var(--pl-texto)}
.rota-preco::before{left:-12px}
.rota-preco::after{right:-12px}

/* ---- Booking and rules: one checklist card ---- */
.regras{background:var(--pl-tinta)}
.regras-lista{margin-top:32px;padding:6px 20px;border-radius:20px;background:var(--pl-pagina)}
.regras-lista li{display:flex;align-items:center;gap:16px;padding:14px 0;font-weight:600;font-size:1.125rem;line-height:1.4}
.regras-lista li+li{border-top:2px dashed var(--pl-tinta)}
.ico-selo{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--pl-tinta);color:var(--pl-botao)}
.ico-selo .ico{width:26px;height:26px}

/* ---- Questions ---- */
.duvidas-grade{display:grid;gap:32px;margin-top:36px}
.duvida{padding-left:20px;border-left:4px solid var(--pl-laranja)}
.duvida h3{font-size:1.5rem;line-height:1.15}
.duvida p{max-width:62ch;margin-top:8px}
.duvidas-figura{padding:28px 24px;border-radius:24px;background:var(--pl-tinta)}
.duvidas-figura img{width:100%;max-width:420px;margin-inline:auto}

/* ---- Contact ---- */
.contato{padding-top:0}
.contato-painel{display:grid;gap:30px;padding:36px 22px;border-radius:24px;background:var(--pl-tinta)}
.contato-texto p{max-width:42ch;margin-top:20px;font-size:1.1875rem;line-height:1.5}
.contato-lista{display:grid;gap:14px;align-content:center}
.contato-lista li{display:flex;align-items:center;gap:14px;font-weight:600;line-height:1.4}
.contato-lista .ico-selo{background:var(--pl-pagina)}

/* ---- Footer ---- */
.rodape{background:var(--pl-texto);color:var(--pl-pagina)}
.rodape-in{display:grid;gap:24px;padding-block:52px 56px}
.rodape-logo{width:280px}
.rodape-texto p{color:var(--pl-tinta)}
.rodape-texto p+p{margin-top:6px}

/* ---- Wider screens (em, so enlarged text keeps the narrower layout) ---- */
@media (max-width:24.3em){
  .menu a{font-size:1rem}
  .demo-wa-botao{gap:8px;padding-inline:14px;font-size:1.125rem}
}
@media (max-width:22.49em){
  .hero-painel,.contato-painel{padding-inline:18px}
}
@media (max-width:29.99em){
  .menu-idioma .ico{display:none}
}
@media (min-width:30em){
  .menu ul{justify-content:flex-start;gap:4px 28px}
}
@media (min-width:40em){
  .rota-corpo{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:28px}
}
@media (min-width:40em) and (max-width:63.99em){
  .bilhetes{grid-template-columns:minmax(0,1fr)}
  .bilhete{flex-direction:row}
  .bilhete-preco{flex:0 0 13rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:24px 26px;border-top:0;border-left:3px dashed var(--pl-tinta)}
  .bilhete-preco::before,.bilhete-preco::after{left:-14px;right:auto}
  .bilhete-preco::before{top:-12px}
  .bilhete-preco::after{top:auto;bottom:-12px}
}
@media (min-width:48em){
  body{font-size:1.125rem}
  .secao{padding-block:96px}
  .contato{padding-top:0}
  .secao-topo p{font-size:1.3125rem}
  .topo-in{padding-block:22px 10px}
  .menu a{padding:0 2px;font-size:1.1875rem}
  .menu .menu-idioma a{padding:0 14px}
  .rodape-in{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:48px}
  .rodape-texto{text-align:right}
}
@media (min-width:56em){
  .sobre-grade{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px}
  .sobre-texto .sobre-abre{font-size:1.375rem}
  .sobre-figura{width:min(100%,380px)}
  .duvidas-grade{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:64px}
  .duvida{grid-column:1}
  .duvidas-figura{grid-column:2;grid-row:1 / span 3;align-self:center}
  .contato-painel{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:48px;padding:64px 56px;border-radius:32px}
  .contato-texto p{font-size:1.3125rem}
}
@media (min-width:60em){
  .topo-in{padding-block:22px}
  .menu{flex:0 1 auto}
  .menu ul{justify-content:flex-end;gap:4px 24px}
  .hero-painel{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:end;gap:24px 40px;padding:64px 56px 0;border-radius:32px}
  .hero-painel::before{bottom:41px}
  .hero-painel::after{bottom:22px}
  .hero-texto{align-self:center;padding-bottom:72px}
  .hero-linha{max-width:32ch;font-size:1.375rem}
  .hero-figura{padding-bottom:44px}
  .incluido{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:40px}
  .regras .cont{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;align-items:center}
  .regras-lista{margin-top:0;padding:8px 28px}
}