/* HOTEL Ubox — site institucional */

/* ===== HERO com vídeo que expande no scroll ===== */
.hero{position:relative;overflow:clip}
.hero-pin{min-height:100svh;display:grid;align-items:center;position:relative}
.hero-grid{
  width:min(var(--container),92vw);margin-inline:auto;
  display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;
  position:relative;z-index:2;padding:4rem 0;
}
.hero-texto h1{margin-bottom:.8rem}
.hero-sub{font-family:var(--fonte-titulo);font-style:italic;font-weight:700;font-size:clamp(1.1rem,1.9vw,1.45rem);color:var(--ink);margin-bottom:1rem;line-height:1.25}
.hero-texto p{color:var(--cinza);font-size:1.06rem;max-width:480px;margin-bottom:1.8rem}
.hero-cta{display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}
.hero-cta small{color:var(--cinza-medio);font-size:.88rem}
.hero-cta small a{color:var(--verde-escuro);font-weight:600;text-decoration:underline}

.hero-video{
  position:absolute;inset:0;z-index:1;
  clip-path:inset(12% 4% 12% 52% round 22px);
  will-change:clip-path;
}
.hero-video video{width:100%;height:100%;object-fit:cover}
.hero-video::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.18),transparent 45%)}
.hero-scroll-dica{
  position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3;
  color:var(--cinza-medio);font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;
}
.hero-scroll-dica::after{
  content:'';width:2px;height:34px;border-radius:2px;
  background:linear-gradient(var(--verde),transparent);
  animation:dicaDesce 1.6s ease-in-out infinite;
}
@keyframes dicaDesce{0%{transform:scaleY(.3);transform-origin:top}55%{transform:scaleY(1)}100%{opacity:0}}

/* Mobile: vídeo empilhado */
@media(max-width:920px){
  .hero-pin{min-height:auto;padding-top:1rem}
  .hero-grid{grid-template-columns:1fr;padding:2.5rem 0 1.5rem}
  .hero-video{position:relative;inset:auto;clip-path:none;border-radius:var(--radius-g);overflow:hidden;height:56vw;min-height:280px;width:min(var(--container),92vw);margin:0 auto 2.5rem}
  .hero-scroll-dica{display:none}
}

/* ===== Faixa conceito (cinza-claro): retângulo + texto ===== */
.conceito{background:var(--cinza-claro)}
.conceito-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,4rem);align-items:center}
.conceito-grid h2{margin-bottom:1.2rem}
.conceito-grid p{color:var(--cinza);font-size:1.02rem}
.placeholder-img{
  aspect-ratio:4/3;background:#d9ddd9;border-radius:var(--radius-g);
  display:grid;place-items:center;color:#8f988f;font-size:.85rem;text-align:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
}

/* ===== Diferenciais (imagem + checklist) ===== */
.dif-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.6rem,4vw,4rem);align-items:center}
.dif-grid .sub{margin-top:.9rem}
.check-lista{margin-top:1.8rem;display:flex;flex-direction:column;gap:1.15rem}
.check-lista li{display:flex;gap:.85rem;align-items:flex-start}
.check-lista .cki{
  flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--verde);
  color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:700;margin-top:.15rem;
}
.check-lista b{color:var(--ink);font-family:var(--fonte-corpo);font-weight:600;display:block}
.check-lista span.txt{color:var(--cinza);font-size:.94rem}

/* ===== Band de stats (cards de número grande) ===== */
.stats-band{background:#fff}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.stat-card{
  background:var(--cinza-claro);border-radius:var(--radius-g);padding:clamp(1.8rem,3vw,2.6rem);
  box-shadow:var(--sombra);border:1px solid var(--borda);
}
.stat-n{
  font-family:var(--fonte-titulo);font-style:italic;font-weight:800;color:var(--verde);
  font-size:clamp(2.4rem,5.5vw,3.8rem);line-height:1;display:block;
}
.stat-n small{font-size:.5em;color:var(--verde-escuro)}
.stat-card p{color:var(--cinza);margin-top:1rem;font-size:1rem;max-width:340px}

/* ===== Vantagens ===== */
.vantagens{background:var(--cinza-claro)}
.vantagens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem}
.vantagem{
  background:#fff;border-radius:var(--radius-g);padding:2rem 1.7rem;
  box-shadow:var(--sombra);transition:transform .3s ease,box-shadow .3s ease;
}
.vantagem:hover{transform:translateY(-6px);box-shadow:var(--sombra-forte)}
.vantagem img{width:52px;height:52px;object-fit:contain;margin-bottom:1.1rem}
.vantagem h3{font-size:1.08rem;margin-bottom:.45rem}
.vantagem p{color:var(--cinza);font-size:.92rem}

/* ===== Acomodações (galeria) ===== */
.galeria-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.4rem;flex-wrap:wrap}
.galeria-head-so-setas{justify-content:flex-end}
.galeria-track{
  display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:1rem;scrollbar-width:none;
}
.galeria-track::-webkit-scrollbar{display:none}
.galeria-item{
  flex:0 0 min(420px,78vw);scroll-snap-align:start;border-radius:var(--radius-g);
  overflow:hidden;position:relative;cursor:zoom-in;
}
.galeria-item img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .5s ease}
.galeria-item:hover img{transform:scale(1.05)}
.galeria-item figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:2.2rem 1.2rem .9rem;color:#fff;
  background:linear-gradient(transparent,rgba(10,20,12,.72));font-size:.9rem;font-weight:500;
}
.galeria-setas{display:flex;gap:.6rem}
.galeria-setas button{
  width:44px;height:44px;border-radius:50%;border:1.5px solid var(--borda);
  display:grid;place-items:center;font-size:1.1rem;color:var(--ink);transition:.25s;
}
.galeria-setas button:hover{background:var(--verde);border-color:var(--verde);color:#fff}

/* ===== Onde estamos (mapa) ===== */
.mapa-secao .mapa-head{max-width:640px;margin-bottom:2.4rem}
.mapa-secao .mapa-head p{color:var(--cinza);margin-top:.9rem}
.mapa-wrap{
  position:relative;border-radius:var(--radius-g);overflow:hidden;
  box-shadow:var(--sombra-forte);border:1px solid var(--borda);
}
#mapa-mg{height:min(540px,70vh);width:100%;background:var(--cinza-claro);z-index:1}
.mapa-legenda{
  position:absolute;top:1rem;left:1rem;z-index:500;background:#fff;border-radius:12px;
  box-shadow:var(--sombra);padding:.7rem 1rem;font-size:.85rem;display:flex;align-items:center;gap:.55rem;
}
.mapa-legenda .dot{width:12px;height:12px;border-radius:4px;background:var(--verde)}

/* ===== Como funciona ===== */
.passos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:3rem}
.passo{
  background:#fff;border:1.5px solid var(--borda);border-radius:var(--radius-g);
  padding:1.9rem 1.5rem;position:relative;transition:border-color .3s ease,transform .3s ease;
}
.passo:hover{border-color:var(--verde);transform:translateY(-5px)}
.passo-num{
  font-family:var(--fonte-titulo);font-style:italic;font-weight:800;font-size:2.4rem;
  color:var(--verde-pastel);line-height:1;margin-bottom:.9rem;
}
.passo h3{font-size:1.05rem;margin-bottom:.45rem}
.passo p{color:var(--cinza);font-size:.9rem}

/* ===== CTA final (faixa verde) ===== */
.cta-final{background:var(--verde);color:#fff;text-align:center}
.cta-final h2{color:#fff;margin-bottom:.8rem}
.cta-final p{opacity:.92;max-width:560px;margin:0 auto 1.8rem}

/* ===== Páginas legais ===== */
.legal{padding:clamp(48px,7vw,90px) 0;max-width:820px}
.legal h1{margin-bottom:1.6rem}
.legal h2{font-size:1.3rem;margin:2.2rem 0 .7rem}
.legal p,.legal li{color:var(--cinza);font-size:.96rem;margin-bottom:.8rem}
.legal ul{list-style:disc;padding-left:1.4rem}

/* ===== Páginas Parceiros / Sustentabilidade ===== */
.pagina-hero{padding-top:clamp(48px,6vw,80px)}
.foto-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.foto-grid-2 img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%;box-shadow:var(--sombra)}
.foto-grid-2 img:nth-child(1){margin-top:1.6rem}
.foto-grid-2 img:nth-child(4){margin-top:1.6rem}

.setores-band{background:var(--cinza-claro)}
.setores-head{text-align:center;max-width:760px;margin:0 auto 2.8rem}
.setores-head p{color:var(--cinza);margin-top:.9rem}
.setores-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.setor-card{position:relative;border-radius:var(--radius-g);overflow:hidden;min-height:230px;display:flex;align-items:flex-end;box-shadow:var(--sombra)}
.setor-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.setor-card:hover img{transform:scale(1.06)}
.setor-card::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(10,20,12,.78))}
.setor-card span{position:relative;z-index:2;color:#fff;font-family:var(--fonte-titulo);font-style:italic;font-weight:800;font-size:1.15rem;padding:1.3rem;line-height:1.15}

.stats-grid.tres{grid-template-columns:repeat(3,1fr)}

.contato-parceria{text-align:center;max-width:720px;margin:0 auto}
.contato-parceria h2{margin-bottom:.9rem}
.contato-parceria p{color:var(--cinza)}
.contato-parceria .acoes{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}

/* Responsivo */
@media(max-width:920px){
  .vantagens-grid{grid-template-columns:repeat(2,1fr)}
  .passos-grid{grid-template-columns:repeat(2,1fr)}
  .conceito-grid,.dif-grid{grid-template-columns:1fr}
  .conceito-grid .placeholder-img,.dif-grid .placeholder-img{order:-1}
  .setores-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .vantagens-grid,.passos-grid,.stats-grid,.setores-grid{grid-template-columns:1fr}
  .foto-grid-2 img:nth-child(1),.foto-grid-2 img:nth-child(4){margin-top:0}
}

/* ===== Dois caminhos de parceria ===== */
.caminhos-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:1rem}
.caminho-card{background:#fff;border:1.5px solid var(--borda);border-radius:var(--radius-g);padding:2.2rem;box-shadow:var(--sombra);display:flex;flex-direction:column}
.tag-caminho{align-self:flex-start;background:var(--verde);color:#fff;font-family:var(--fonte-titulo);font-style:italic;font-weight:700;font-size:.8rem;padding:.3rem .9rem;border-radius:99px;margin-bottom:1rem;letter-spacing:.02em}
.caminho-card h3{font-size:1.35rem;margin-bottom:.6rem}
.caminho-card>p{color:var(--cinza);font-size:.95rem;margin-bottom:1.2rem}
.caminho-card .check-lista{margin-top:0;margin-bottom:1.6rem;gap:.85rem;flex:1}
.caminho-card .check-lista .txt{font-size:.9rem}

/* ===== 3 colunas de feature com ícone ===== */
.feature-tri{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1rem}
.feature-item .fico{width:52px;height:52px;border-radius:50%;background:var(--verde);display:grid;place-items:center;margin-bottom:1.1rem}
.feature-item .fico svg{width:26px;height:26px;fill:#fff}
.feature-item h3{font-size:1.15rem;margin-bottom:.5rem}
.feature-item p{color:var(--cinza);font-size:.94rem}

/* ===== Timeline (caminho da parceria) ===== */
.timeline{position:relative;margin-top:1.5rem;padding-left:2.4rem;max-width:760px}
.timeline::before{content:'';position:absolute;left:8px;top:.4rem;bottom:.4rem;width:2px;background:var(--borda)}
.timeline-item{position:relative;padding-bottom:2.2rem}
.timeline-item:last-child{padding-bottom:0}
.timeline-item::before{content:'';position:absolute;left:calc(-2.4rem + 1px);top:.15rem;width:18px;height:18px;border-radius:50%;background:var(--verde);border:3px solid #fff;box-shadow:0 0 0 2px var(--verde)}
.timeline-num{font-family:var(--fonte-titulo);font-style:italic;font-weight:800;color:var(--verde);font-size:.85rem;letter-spacing:.1em}
.timeline-item h3{font-size:1.12rem;margin:.15rem 0 .35rem}
.timeline-item p{color:var(--cinza);font-size:.93rem}

/* ===== Hero das páginas internas ===== */
.hero-banner{background:var(--cinza-claro)}
.stat-nota{display:block;text-align:center;color:var(--cinza-medio);font-size:.8rem;margin-top:1.6rem}

@media(max-width:920px){
  .caminhos-grid{grid-template-columns:1fr}
  .feature-tri{grid-template-columns:1fr;gap:1.6rem}
}

/* ============================================================
   HOME v2 — seções novas
   ============================================================ */

/* Hero: título um pouco menor */
.hero-texto h1{font-size:clamp(1.85rem,3.7vw,2.95rem)}

/* ===== Faixa escura (conceito, estilo Roatel) ===== */
.faixa-escura{background:#3c3f3c;color:#fff;text-align:center}
.faixa-escura .container{max-width:840px}
.faixa-escura .fe-titulo{color:#fff;font-size:clamp(2rem,4.6vw,3.3rem);margin-bottom:1.4rem}
.faixa-escura .fe-titulo span{color:#5da847;font-style:normal}
.faixa-escura p{color:#d7dbd7;font-size:1.06rem;line-height:1.75}

/* ===== A ideia por trás (Fatos) ===== */
.ideia-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,5vw,4.5rem);align-items:center}
.tag-fatos{display:inline-block;background:var(--verde-pastel);color:var(--verde-escuro);font-family:var(--fonte-titulo);font-style:italic;font-weight:700;font-size:.82rem;padding:.35rem 1rem;border-radius:8px;margin-bottom:1.1rem}
.ideia-grid h2{font-size:clamp(2rem,4.2vw,3rem)}
.ideia-grid p{color:var(--cinza);font-size:1.04rem;margin-bottom:1.8rem}

/* ===== Bento de dados + mapa MG ===== */
.bento-band{background:var(--cinza-claro)}
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.bento-card{background:#fff;border:1px solid var(--borda);border-radius:var(--radius-g);box-shadow:var(--sombra);overflow:hidden;min-height:220px}
.bento-mapa{grid-row:span 2;display:flex;flex-direction:column;padding:1.8rem}
.bento-mapa .mapa-svg{width:100%;height:auto;max-height:360px;object-fit:contain;margin:.4rem auto .9rem;display:block}
.bento-stat{padding:1.8rem;display:flex;flex-direction:column;justify-content:center}
.bento-n{font-family:var(--fonte-titulo);font-style:italic;font-weight:800;color:var(--verde);font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;display:block}
.bento-n small{font-size:.42em;color:var(--verde-escuro);font-style:normal}
.bento-rot{font-family:var(--fonte-titulo);font-style:italic;font-weight:700;color:var(--ink);margin:.7rem 0 .45rem;font-size:1.06rem;display:block}
.bento-card p{color:var(--cinza);font-size:.92rem}
.bento-mapa p + p{margin-top:.8rem}
.bento-cta-txt{color:var(--verde-escuro);font-weight:600;margin-top:.7rem}
.bento-rot-forte{font-size:clamp(1.5rem,3vw,2rem);color:var(--verde);margin-top:0}
.bento-foto{position:relative}
.bento-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mapa-svg .mg-shape{fill:#e6ebe6;stroke:#c8d2c8;stroke-width:1.5;stroke-linejoin:round}
.mapa-svg .mg-pin{fill:var(--verde)}
.mapa-svg .mg-pin-ring{fill:none;stroke:var(--verde);stroke-width:2;opacity:.45}

/* ===== Crescer conosco (parceria / franquia) ===== */
.crescer-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:center}
.crescer-img{position:relative;border-radius:var(--radius-g);overflow:hidden;box-shadow:var(--sombra-forte);aspect-ratio:4/3}
.crescer-img-quadrada{aspect-ratio:1/1}
.crescer-img img{width:100%;height:100%;object-fit:cover}
.crescer-badge{position:absolute;top:1rem;right:1rem;background:#fff;border-radius:10px;padding:.5rem .9rem;font-size:.82rem;font-weight:600;color:var(--ink);box-shadow:var(--sombra);display:flex;align-items:center;gap:.45rem}
.crescer-badge .bandeira{width:16px;height:11px;border-radius:2px;background:linear-gradient(#009c3b 0 33%,#ffdf00 33% 66%,#002776 66% 100%)}
.crescer-txt h2{margin-bottom:1rem}
.crescer-txt>p{color:var(--cinza);margin-bottom:1.8rem;max-width:520px}
.crescer-txt b{color:var(--ink);font-weight:600}
.crescer-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.crescer-card{background:var(--verde);color:#fff;border-radius:14px;padding:1.5rem;display:block;transition:transform .25s ease,box-shadow .25s ease}
.crescer-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(4,171,35,.3)}
.crescer-card h3{color:#fff;font-size:1.05rem;margin-bottom:.55rem}
.crescer-card p{color:rgba(255,255,255,.92);font-size:.88rem;margin-bottom:1.1rem}
.crescer-card .seta{font-family:var(--fonte-titulo);font-style:italic;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem}

/* ===== Parceiros (logos) ===== */
.parceiros-band .titulo-centro{text-align:center;max-width:760px;margin:0 auto 2.8rem}
.logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:940px;margin:0 auto}
.logo-card{background:#fff;border:1px solid var(--borda);border-radius:12px;min-height:96px;display:grid;place-items:center;padding:1rem;text-align:center;box-shadow:var(--sombra);transition:border-color .25s ease}
.logo-card:hover{border-color:var(--verde-pastel)}
.logo-card span{font-family:var(--fonte-titulo);font-style:italic;font-weight:800;color:#9aa39a;font-size:1.02rem;letter-spacing:.01em}

/* ===== Notícias do setor (links reais para os veículos) ===== */
.noticias-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.6rem;flex-wrap:wrap}
.noticias-sub{color:var(--cinza);font-size:.95rem;max-width:56ch;margin-top:.7rem}
.noticias-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.noticia-card{background:#fff;border:1px solid var(--borda);border-radius:var(--radius-g);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;color:inherit}
.noticia-card:hover{transform:translateY(-5px);box-shadow:var(--sombra-forte);border-color:var(--verde-pastel)}
.noticia-card:focus-visible{outline:3px solid var(--verde);outline-offset:3px}
.noticia-img{aspect-ratio:16/10;overflow:hidden;background:var(--cinza-claro)}
.noticia-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.noticia-card:hover .noticia-img img{transform:scale(1.05)}
.noticia-corpo{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;flex:1}
.noticia-tag{align-self:flex-start;background:var(--cinza-claro);color:var(--cinza);font-size:.75rem;font-weight:600;padding:.25rem .7rem;border-radius:6px;margin-bottom:.85rem}
.noticia-corpo h3{font-size:1.06rem;margin-bottom:.55rem}
.noticia-corpo p{color:var(--cinza);font-size:.9rem;margin-bottom:1rem;flex:1}
.noticia-fonte{display:block;font-size:.78rem;color:var(--cinza-medio);margin-bottom:.7rem;padding-top:.7rem;border-top:1px solid var(--borda)}
.noticia-fonte b{color:var(--cinza);font-weight:700}
.noticia-leia{color:var(--verde-escuro);font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start;transition:gap .25s ease}
.noticia-card:hover .noticia-leia{gap:.55rem}
.noticias-aviso{margin-top:2rem;font-size:.78rem;color:var(--cinza-medio);text-align:center;max-width:70ch;margin-inline:auto}

/* Responsivo — home v2 */
@media(max-width:920px){
  .ideia-grid,.crescer-grid{grid-template-columns:1fr}
  .crescer-img{order:-1}
  .bento-grid{grid-template-columns:1fr 1fr}
  .bento-mapa{grid-row:auto;grid-column:span 2}
  .noticias-grid,.logos-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .bento-grid,.noticias-grid,.logos-grid,.crescer-cards{grid-template-columns:1fr}
  .bento-mapa{grid-column:auto}
}

/* ============================================================
   PÁGINAS INTERNAS v2 — capa cheia, marquee de fotos,
   bandas escuras, contato (espelho Roatel)
   ============================================================ */

/* Hero capa cheia (sustentabilidade) */
.hero-capa{position:relative;min-height:min(74vh,600px);display:grid;place-items:center;text-align:center;overflow:hidden;padding:4rem 0}
.hero-capa-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-capa::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,24,18,.5),rgba(18,24,18,.66));z-index:1}
.hero-capa-conteudo{position:relative;z-index:2;max-width:760px;color:#fff;padding-inline:1rem}
.hero-capa-conteudo h1{color:#fff;margin-bottom:1.2rem}
.hero-capa-conteudo p{color:rgba(255,255,255,.92);font-size:clamp(1.02rem,1.6vw,1.2rem);max-width:620px;margin:0 auto 1.9rem}

/* Título totalmente verde (estilo Roatel) */
.h-verde,.h-verde .titulo-verde{color:var(--verde)}

/* Foto lateral genérica */
.foto-lateral{border-radius:var(--radius-g);overflow:hidden;box-shadow:var(--sombra-forte);aspect-ratio:4/3}
.foto-lateral img{width:100%;height:100%;object-fit:cover}

/* Hero parceiros: texto + marquee de fotos */
.parc-hero{background:var(--cinza-claro);overflow:hidden}
.parc-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:center}
.parc-hero-grid h1{margin-bottom:1.1rem}
.parc-hero-grid .check-lista{margin:1.4rem 0 1.9rem;gap:.9rem}
.parc-hero-acoes{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}

/* Marquee vertical de fotos que some no degradê (loop infinito) */
.foto-marquee{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:min(80vh,600px);overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent)}
.fm-col{overflow:hidden}
.fm-track{display:flex;flex-direction:column;animation:fmSobe 26s linear infinite;will-change:transform}
.fm-col-2 .fm-track{animation-duration:34s;animation-direction:reverse}
.fm-track img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:var(--sombra);margin-bottom:1rem}
@keyframes fmSobe{from{transform:translateY(0)}to{transform:translateY(-50%)}}

/* Banda escura de features */
.features-dark{background:var(--grafite)}
.features-dark .feature-item h3{color:#fff}
.features-dark .feature-item p{color:#b9c0b9}

/* Programa / timeline em 2 colunas */
.prog-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:start}
.prog-grid .tag-fatos{margin-bottom:1rem}
.prog-grid h2{margin-bottom:1rem}
.prog-grid>div>p{color:var(--cinza);margin-bottom:1.6rem;max-width:430px}
.prog-grid .timeline{margin-top:.4rem}

/* Banda escura de stats */
.stats-dark{background:var(--grafite)}
.stats-dark .stats-head{text-align:center;max-width:720px;margin:0 auto 2.6rem}
.stats-dark .stats-head h2{color:#fff}
.stats-dark .stat-card{background:#fff}

/* Contato com cards de ação */
.contato-acoes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:720px;margin:2.4rem auto 0}
.contato-acao{background:#fff;border:1.5px solid var(--borda);border-radius:14px;padding:1.5rem 1rem;text-align:center;transition:border-color .25s ease,transform .25s ease;display:flex;flex-direction:column;align-items:center;gap:.8rem}
.contato-acao:first-child{background:var(--verde);border-color:var(--verde);color:#fff}
.contato-acao:hover{transform:translateY(-4px)}
.contato-acao:not(:first-child):hover{border-color:var(--verde)}
.contato-acao .ico{width:44px;height:44px;border-radius:50%;background:var(--cinza-claro);display:grid;place-items:center}
.contato-acao:first-child .ico{background:rgba(255,255,255,.2)}
.contato-acao .ico svg{width:20px;height:20px;fill:var(--verde)}
.contato-acao:first-child .ico svg{fill:#fff}
.contato-acao span{font-size:.88rem;font-weight:600;line-height:1.35}

@media(prefers-reduced-motion:reduce){
  .fm-track{animation:none}
}
@media(max-width:920px){
  .parc-hero-grid,.prog-grid{grid-template-columns:1fr}
  .foto-marquee{height:440px;margin-top:1rem}
}
@media(max-width:560px){
  .contato-acoes{grid-template-columns:1fr;max-width:340px}
}

/* ============================================================
   FORMULÁRIOS (parceiros + home) — leads vão pra hotelubox@gmail.com
   ============================================================ */
.form-bloco{max-width:820px;margin:3rem auto 0}
.form-ubox{background:#fff;border:1.5px solid var(--borda);border-radius:var(--radius-g);box-shadow:var(--sombra);padding:clamp(1.6rem,3vw,2.4rem)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.3rem}
.campo-full{grid-column:1/-1}
.campo-ubox{display:flex;flex-direction:column;gap:.4rem}
.campo-ubox label{font-size:.85rem;font-weight:600;color:var(--cinza)}
.campo-ubox input,.campo-ubox select,.campo-ubox textarea{
  font:inherit;font-size:.95rem;color:var(--ink);background:#fff;
  border:1.5px solid var(--borda);border-radius:12px;padding:.8rem .95rem;
  width:100%;transition:border-color .2s ease,box-shadow .2s ease}
.campo-ubox textarea{resize:vertical;min-height:104px}
.campo-ubox input::placeholder,.campo-ubox textarea::placeholder{color:#a8afa8}
.campo-ubox input:focus,.campo-ubox select:focus,.campo-ubox textarea:focus{
  outline:none;border-color:var(--verde);box-shadow:0 0 0 3px rgba(4,171,35,.14)}
.campo-ubox select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23575757'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .7rem center;background-size:20px;padding-right:2.4rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.btn-bloco{width:100%;justify-content:center;margin-top:1.6rem}
.form-msg{margin-top:.9rem;font-size:.9rem;font-weight:600;min-height:1.2em;text-align:center}
.form-msg.ok{color:var(--verde-escuro)}
.form-msg.erro{color:#c02626}
.form-mini{margin-top:.5rem;font-size:.78rem;color:var(--cinza-medio);text-align:center}
@media(max-width:620px){
  .form-grid{grid-template-columns:1fr}
}

/* Form compacto do rodapé da home */
.cta-form{max-width:660px;margin:2.4rem auto 0;text-align:left}
.cta-form .form-ubox{background:rgba(255,255,255,.97);border-color:transparent}
.contato-home{background:var(--cinza-claro)}
.contato-home .setores-head{text-align:center;max-width:640px;margin-inline:auto}
.contato-home .setores-head p{color:var(--cinza);margin-top:.9rem}
