.ocean-page[data-page=inicio] .home-depth :is(.cartao,.nivel,.gopro,.item,.log,.numero){background-color:#033c50ed;background-image:none}.home-depth__scenery{position:absolute;inset:0;z-index:-1;pointer-events:none}.home-depth__viewport{position:sticky;top:0;height:100svh;overflow:hidden}.home-depth__viewport>img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;will-change:transform}.home-depth__veil{position:absolute;inset:0;background:linear-gradient(90deg,#02344920,#02344960 25% 75%,#02344920)}.ocean-page[data-page=inicio] .home-depth:before{content:"";position:absolute;inset:0 0 auto;height:100px;background:linear-gradient(#087f9c,transparent);pointer-events:none;z-index:0}.ocean-page[data-page=inicio] .home-depth:after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#022333);pointer-events:none;z-index:0}.ocean-page[data-page=inicio] .home-depth .wrap{z-index:1}.ocean-page[data-page=inicio] .home-depth :is(.titulo,.sub,.rotulo){text-shadow:0 2px 14px #012b49a8}.ocean-page[data-page=inicio] .nivel__prof{order:0}.ocean-page[data-page=inicio] #cursos .trilha>.gopro{display:block;margin:0;padding:22px}.ocean-page[data-page=inicio] #cursos .trilha>.gopro h3{font-size:24px}.ocean-page[data-page=inicio] #cursos .trilha>.gopro>p{font-size:15px;line-height:1.5}.ocean-page[data-page=inicio] #cursos .trilha>.gopro .spec{gap:12px;display:flex}.ocean-page[data-page=inicio] #cursos .trilha>.gopro .spec>div{border:0;padding:0}.ocean-page[data-page=inicio] #cursos .trilha>.gopro .spec dd{font-size:13px}.ocean-page[data-page=inicio] main:after{display:none}.home-depth{position:relative;isolation:isolate;background-image:var(--home-depth-image,none),linear-gradient(180deg,#087f9c,#07627e 25%,#06445f 55%,#032b40 80%,#022333);background-size:100% 100%;background-repeat:no-repeat}.ocean-page[data-page=inicio] .home-depth .faixa{padding-block:32px}.ocean-page[data-page=inicio] .home-depth .rotulo{margin-bottom:12px}.ocean-page[data-page=inicio] .home-depth .titulo{max-width:100%;font-size:clamp(29px,2.8vw,40px);line-height:1.12}.ocean-page[data-page=inicio] .home-depth .sub{font-size:16px;line-height:1.55;max-width:85ch;margin-top:12px}.ocean-page[data-page=inicio] #agenda .grade{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;gap:12px}.ocean-page[data-page=inicio] #agenda .cartao{min-height:156px;padding:18px;gap:8px}.ocean-page[data-page=inicio] #agenda .cartao__nome{font-size:21px;line-height:1.15}.ocean-page[data-page=inicio] #agenda .cartao__pe{padding-top:8px}.ocean-page[data-page=inicio] .trilha{padding-left:0;margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ocean-page[data-page=inicio] .trilha:before,.ocean-page[data-page=inicio] .nivel:before{display:none}.ocean-page[data-page=inicio] .nivel{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:14px;padding:22px;border:1px solid #69d7e65c;border-radius:13px;background:#033e54bf}.ocean-page[data-page=inicio] .nivel h3{font-size:24px;line-height:1.12;margin-bottom:10px}.ocean-page[data-page=inicio] .nivel p{font-size:15px;line-height:1.5;max-width:none}.ocean-page[data-page=inicio] .nivel__prof{font-size:25px;text-align:left;white-space:normal;display:flex;align-items:center;gap:14px}.ocean-page[data-page=inicio] .nivel__prof small{font-size:9px;letter-spacing:.12em;margin:0;line-height:1.5;max-width:26ch}.nivel__detalhes{margin-top:12px}.nivel__detalhes summary{display:flex;justify-content:space-between;gap:12px;color:#8dfaff;font-size:13px;cursor:pointer;list-style:none}.nivel__detalhes summary::-webkit-details-marker{display:none}.nivel__detalhes[open] summary span{transform:rotate(45deg)}.ocean-page[data-page=inicio] .nivel .spec{margin-top:14px;gap:10px;display:grid;grid-template-columns:1fr 1fr}.ocean-page[data-page=inicio] .nivel .spec>div{padding:0;border:0}.ocean-page[data-page=inicio] .nivel .lista{margin-top:12px;padding-top:12px;font-size:12px}.ocean-page[data-page=inicio] .gopro{margin-top:18px;padding:24px;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}.ocean-page[data-page=inicio] .gopro>.rotulo{grid-column:1/-1}.ocean-page[data-page=inicio] .gopro h3{font-size:28px}.ocean-page[data-page=inicio] .gopro>.spec{margin-top:12px;grid-column:1/-1}.ocean-page[data-page=inicio] .gopro>p:last-child{margin-top:18px!important;grid-column:1/-1}.ocean-page[data-page=inicio] #viagens .viagens{margin-top:22px;gap:16px}.ocean-page[data-page=inicio] #viagens .viagem{aspect-ratio:16/9;min-height:220px;border-radius:13px;padding:22px}.ocean-page[data-page=inicio] #viagens .viagem h3{font-size:28px}.ocean-page[data-page=inicio] .porque{margin-top:22px;gap:12px;background:transparent;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}.ocean-page[data-page=inicio] .porque .item{padding:18px;gap:8px;border-radius:12px;border:1px solid #6bd5e441;background:#04394dc4}.ocean-page[data-page=inicio] .item h4{font-size:19px;line-height:1.2}.ocean-page[data-page=inicio] .item p{font-size:14px;line-height:1.5}.ocean-page[data-page=inicio] .servicos{margin-top:20px;gap:24px;grid-template-columns:1.4fr 1fr}.ocean-page[data-page=inicio] .servicos>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ocean-page[data-page=inicio] .servico{padding:0;gap:10px;border:0}.ocean-page[data-page=inicio] .servico__ic{width:auto}.ocean-page[data-page=inicio] .servico h4{font-size:19px;line-height:1.2;margin-bottom:8px}.ocean-page[data-page=inicio] .servico p{font-size:14px}.ocean-page[data-page=inicio] #servicos .imagem{aspect-ratio:16/10;height:auto;object-fit:cover}.ocean-page[data-page=inicio] #servicos .legenda{font-size:12px}.ocean-page[data-page=inicio] #logbook .numeros{margin-top:20px;gap:12px}.ocean-page[data-page=inicio] #logbook .numero{padding:18px}.ocean-page[data-page=inicio] #logbook .numero b{font-size:32px}.ocean-page[data-page=inicio] .logs{margin-top:16px;gap:12px}.ocean-page[data-page=inicio] .log{border-radius:12px}.ocean-page[data-page=inicio] .log__data{padding:14px 16px 0}.ocean-page[data-page=inicio] .log h4{padding:8px 16px;font-size:15px}.ocean-page[data-page=inicio] .log__ficha{padding:0 16px 14px;font-size:10px}.ocean-page[data-page=inicio] .home-depth .wrap>p:last-child{margin-top:18px!important}@media(max-width:899px){.ocean-page[data-page=inicio] #agenda .grade,.ocean-page[data-page=inicio] .porque{grid-template-columns:repeat(2,minmax(0,1fr))}.ocean-page[data-page=inicio] #viagens .viagens{grid-template-columns:repeat(3,minmax(0,1fr))}.ocean-page[data-page=inicio] #viagens .viagem{min-height:170px;padding:16px}.ocean-page[data-page=inicio] .servicos{grid-template-columns:1fr}.ocean-page[data-page=inicio] #servicos figure{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.ocean-page[data-page=inicio] .logs{grid-template-columns:1fr}}@media(max-width:599px){.ocean-page[data-page=inicio] .home-depth .faixa{padding-block:26px}.ocean-page[data-page=inicio] #agenda .grade{grid-template-columns:1fr}.ocean-page[data-page=inicio] #agenda .cartao{min-height:0;display:grid;grid-template-columns:1fr auto;padding:15px}.ocean-page[data-page=inicio] #agenda .cartao__topo,.ocean-page[data-page=inicio] #agenda .cartao__nome,.ocean-page[data-page=inicio] #agenda .cartao__txt{grid-column:1}.ocean-page[data-page=inicio] #agenda .cartao__nome{font-size:19px}.ocean-page[data-page=inicio] #agenda .cartao__pe{grid-column:2;grid-row:1/4;align-self:center;font-size:12px}.ocean-page[data-page=inicio] .trilha{grid-template-columns:1fr;gap:12px}.ocean-page[data-page=inicio] .nivel{padding:18px;gap:10px}.ocean-page[data-page=inicio] .nivel h3{font-size:22px}.ocean-page[data-page=inicio] .gopro{grid-template-columns:1fr;padding:20px}.ocean-page[data-page=inicio] .gopro .spec{gap:12px}.ocean-page[data-page=inicio] #viagens .viagens{grid-template-columns:1fr}.ocean-page[data-page=inicio] #viagens .viagem{min-height:145px;aspect-ratio:auto}.ocean-page[data-page=inicio] .porque{grid-template-columns:1fr}.ocean-page[data-page=inicio] .porque .item{display:grid;grid-template-columns:24px 1fr;padding:15px}.ocean-page[data-page=inicio] .item>p:last-child{grid-column:2}.ocean-page[data-page=inicio] .servicos>div{grid-template-columns:1fr}.ocean-page[data-page=inicio] #servicos figure{grid-template-columns:1fr}.ocean-page[data-page=inicio] #servicos .imagem{max-height:180px}.ocean-page[data-page=inicio] #logbook .numero{padding:14px}.ocean-page[data-page=inicio] #logbook .numero b{font-size:27px}}