/* RSH · Introdução da home sorteada a cada visita: vídeo ou mar. Gerado por _ferramentas/montar_v8_intro.py */
/* RSH · Hero com vídeo real em loop (protótipo) ─ complementa styles.css da v6-mar */
.hv.hero-home{background:#08172b;padding:150px 0 170px}
.hv-midia{position:absolute;inset:0;z-index:0;overflow:hidden;background:#08172b center/cover no-repeat}
.hv-midia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;
 filter:saturate(.88) contrast(1.06)}
.hv-midia video.tocando{opacity:1}
/* camadas de leitura: tom marinho da marca, escurecimento à esquerda e no topo */
.hv-tom{position:absolute;inset:0;z-index:1;background:rgba(11,31,58,.32);mix-blend-mode:multiply;pointer-events:none}
.hv-veu{position:absolute;inset:0;z-index:2;pointer-events:none;background:
 linear-gradient(180deg,rgba(6,14,28,.6) 0%,rgba(6,14,28,0) 22%),
 linear-gradient(90deg,rgba(6,14,28,.86) 0%,rgba(6,14,28,.62) 36%,rgba(6,14,28,.18) 70%,rgba(6,14,28,.05) 100%)}
.hv .hero-grain{z-index:3}.hv .hero-fade{z-index:4}
.hv .wrap{position:relative;z-index:6}
.hv h1{max-width:15ch;text-shadow:0 2px 30px rgba(4,10,20,.45)}
.hv h1 .accent{color:var(--gold-soft);font-style:italic}
.hv .lead{text-shadow:0 1px 16px rgba(4,10,20,.6)}

/* entrada do título: palavra a palavra (só com JS e sem movimento reduzido) */
.hv-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .04em .1em;margin:0 -.04em -.1em}
.hv-w>span{display:inline-block;transform:translateY(110%);animation:hvSobe 1.05s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:calc(var(--i)*75ms + .2s)}
@keyframes hvSobe{to{transform:none}}
.hv .h-eyebrow,.hv .lead,.hv .hero-actions,.hv-areas{animation:hvSurge .9s ease both}
.hv .h-eyebrow{animation-delay:.1s}.hv .lead{animation-delay:.9s}.hv .hero-actions{animation-delay:1.1s}.hv-areas{animation-delay:1.35s}
@keyframes hvSurge{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.hv-areas{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:46px}
.hv-areas .rot{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-right:6px}
.hv-areas a{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.7vw,22px);color:rgba(255,255,255,.92);transition:color .3s}
.hv-areas a:hover{color:var(--gold-soft)}
.hv-areas a+a:before{content:"·";margin-right:18px;color:var(--gold);font-style:normal}
.hv a:focus-visible,.hv button:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}

/* controle de pausa (obrigatório para vídeo automático com mais de 5 s) */
.hv-pausa{position:absolute;z-index:7;right:28px;bottom:150px;width:40px;height:40px;border-radius:50%;cursor:pointer;
 display:inline-flex;align-items:center;justify-content:center;background:rgba(6,14,28,.45);border:1px solid rgba(255,255,255,.3);color:#fff;transition:border-color .3s,color .3s}
.hv-pausa:hover{border-color:var(--gold);color:var(--gold-soft)}
.hv-pausa svg{width:13px;height:13px;fill:currentColor}
.hv-pausa .i-play{display:none}.hv-pausa[aria-pressed="true"] .i-pause{display:none}.hv-pausa[aria-pressed="true"] .i-play{display:block}



.mh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:720px){
 .hv.hero-home{padding:120px 0 150px}
 .hv-veu{background:linear-gradient(180deg,rgba(6,14,28,.55) 0%,rgba(6,14,28,.45) 40%,rgba(6,14,28,.82) 100%)}
 .hv-areas{display:none}
 .hv-pausa{right:16px;bottom:120px}
 
}
@media (prefers-reduced-motion:reduce){
 .hv-w>span,.hv .h-eyebrow,.hv .lead,.hv .hero-actions,.hv-areas{animation:none!important;transform:none!important;opacity:1!important}
}

/* vídeos de dia: menos tom marinho (para não "sujar" o céu) e escurecimento mais firme à esquerda */
.hv[data-luz="dia"] .hv-tom{background:rgba(11,31,58,.22)}
.hv[data-luz="dia"] .hv-midia video{filter:saturate(.92) contrast(1.04) brightness(.9)}
.hv[data-luz="dia"] .hv-veu{background:
 linear-gradient(180deg,rgba(6,14,28,.62) 0%,rgba(6,14,28,0) 24%),
 linear-gradient(90deg,rgba(6,14,28,.9) 0%,rgba(6,14,28,.7) 38%,rgba(6,14,28,.25) 72%,rgba(6,14,28,.1) 100%)}

@media (max-width:720px){.hv[data-luz="dia"] .hv-veu{background:linear-gradient(180deg,rgba(6,14,28,.6) 0%,rgba(6,14,28,.55) 40%,rgba(6,14,28,.88) 100%)}}

.mar{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}
.hero-home,.hero-page{background:#0b1f3a}
.cena{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;
-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.5) 34%,#000 58%);mask-image:linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.5) 34%,#000 58%)}
.cena svg{display:block;width:100%;height:auto;overflow:visible}
.sil{fill:#040b16}.sil2{fill:#071224}
.luar{fill:none;stroke:#d9bd78;stroke-width:.9;opacity:.5;stroke-linecap:round}
.fio{fill:none;stroke:#d9bd78;stroke-width:.6;opacity:.35}
.lz{fill:#ffd88a}.lzb{fill:#fff6e0}.lzv{fill:#9fe0b0}.lzr{fill:#ff5a4f}
.pisca{animation:pisca 1.6s steps(1) infinite}.pisca2{animation:pisca 1.15s steps(1) .4s infinite}
@keyframes pisca{0%,80%{opacity:0}81%,100%{opacity:1}}
.tremula{animation:tremula 2.4s ease-in-out infinite}
@keyframes tremula{0%,100%{opacity:.8;transform:scaleX(1)}50%{opacity:.4;transform:scaleX(.7)}}
.tremula{transform-box:fill-box;transform-origin:center top}
@media (prefers-reduced-motion:reduce){.cena *{animation:none!important}}
.lanterna{animation:lanterna 9s linear infinite}
@keyframes lanterna{0%,20%,30%,70%,80%,100%{opacity:.55}25%,75%{opacity:1}}
.facho{position:absolute;left:50%;top:23.3%;width:min(72vw,1100px);height:70px;margin-top:-35px;transform-origin:0 50%;
transform-style:preserve-3d;animation:facho 9s linear infinite;pointer-events:none}
.facho:before{content:"";position:absolute;inset:0;clip-path:polygon(0 47%,100% 0,100% 100%,0 53%);
background:linear-gradient(90deg,rgba(255,236,190,.55),rgba(255,236,190,.12) 45%,rgba(255,236,190,0))}
.ob.farol{perspective:900px}
@keyframes facho{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}

.navio{position:absolute;left:0;top:39%;width:clamp(210px,22vw,380px);transform:translate(-110%,-69%);animation:navega 75s linear -22s infinite}
.navio .balanco{animation:balanco 8s ease-in-out infinite;transform-origin:50% 70%}
@keyframes navega{from{transform:translate(-110%,-69%)}to{transform:translate(calc(100vw + 10%),-69%)}}
@keyframes balanco{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(1.5px) rotate(-.35deg)}}
.aviao{position:absolute;left:0;top:22%;width:clamp(110px,9vw,160px);transform:translateX(calc(100vw + 20%));animation:voa 44s linear 3s infinite}
.aviao-sil{fill:#13233a;stroke:#d9bd78;stroke-width:.5;stroke-opacity:.55}
@keyframes voa{0%{transform:translate(calc(100vw + 20%),0) rotate(6deg)}72%{transform:translate(-130%,-120px) rotate(6deg)}100%{transform:translate(-130%,-120px) rotate(6deg)}}
.farol-home{position:absolute;right:15%;top:26%;width:clamp(78px,6.4vw,118px);transform:translateY(-85.7%);perspective:700px}
.farol-home .facho{width:min(42vw,680px);height:42px;margin-top:-21px}
@media (prefers-reduced-motion:reduce){.navio{animation:none;transform:translate(52vw,-69%)}.aviao{display:none}}
@media (max-width:860px){.navio{width:46vw}.aviao{width:90px}.farol-home{right:6%;width:64px}}

/* modo mar */
.hv-mar{position:absolute;inset:0;z-index:0;display:none}
.hv.modo-mar .hv-mar{display:block}
.hv.modo-mar .hv-midia,.hv.modo-mar .hv-tom,.hv.modo-mar .hv-pausa{display:none}
.hv.modo-mar .hv-veu{background:linear-gradient(180deg,rgba(6,14,28,.45) 0%,rgba(6,14,28,0) 20%),linear-gradient(90deg,rgba(6,14,28,.55) 0%,rgba(6,14,28,.3) 34%,rgba(6,14,28,0) 62%)}
@media (max-width:720px){.hv.modo-mar .hv-veu{background:linear-gradient(180deg,rgba(6,14,28,.45) 0%,rgba(6,14,28,.35) 45%,rgba(6,14,28,.75) 100%)}}