:root{--ink:#103443;--muted:#526e78;--sea:#087c83;--line:#cfddda;--paper:#f5f5ef;--white:#fff;--sand:#ececdf;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper)}header{padding:16px 32px!important;background:#092a48!important;color:white}.header-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}header h1{margin:0;font-size:24px}header .ninais-surf-logo{width:230px;max-height:96px;margin:0}nav{display:flex;gap:26px}nav a{color:#edf7f5;text-decoration:none;font-size:.9rem}a{color:#06636b;text-underline-offset:4px}main{max-width:1200px;padding:0 28px;margin:auto}h2,h3,p{margin-top:0}h2{line-height:1.18;letter-spacing:-.035em;font-size:clamp(1.6rem,3vw,2.4rem)}h3{line-height:1.3}button,input,select,textarea{font:inherit}button,.button{min-height:46px;border-radius:6px;border:1px solid var(--sea);background:var(--sea);color:#fff;padding:11px 19px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.4}button:hover,.button:hover{background:#075d64}button:disabled{opacity:.65;cursor:wait}input,select,textarea{width:100%;border:1px solid #9fb6b9;border-radius:6px;background:#fff;color:var(--ink);padding:12px;min-height:46px}label{display:block;font-size:.88rem;font-weight:600}label input,label select,label textarea{display:block;margin-top:6px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ce6c27;outline-offset:4px}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.16em;color:#075f67;margin-bottom:18px}.intro{position:relative;padding:64px 0 42px;border-bottom:1px solid var(--line);margin-bottom:46px}.intro h2{font-size:clamp(2.2rem,5.5vw,4.4rem);max-width:900px;line-height:1.07;margin-bottom:26px;letter-spacing:-.055em}.intro>p:not(.eyebrow){font-size:1.12rem;color:var(--muted)}.intro-bottom{display:flex;align-items:center;gap:24px;margin-top:32px}.intro-bottom p{margin:0;font-size:.85rem;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{color:var(--muted);font-size:.9rem;margin:0}.search-row{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:20px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 24px}.filter-row>p{font-size:.85rem;color:var(--muted);margin:0}.segmented{display:flex;flex-wrap:wrap;gap:5px;padding:5px;border:1px solid var(--line);border-radius:8px;background:#fff}.segmented button{background:transparent;color:var(--ink);border:0;font-size:.85rem;padding:10px 14px}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;min-width:0}.card h3{font-size:1.15rem;letter-spacing:-.025em;margin:13px 0 6px}.card p{font-size:.85rem;color:var(--muted)}.card .state{font-size:.7rem;color:#185b65;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.card .tag{margin-top:auto;padding-top:12px;font-size:.75rem;color:var(--muted)}.card button{margin-top:16px;background:transparent;color:var(--sea);text-align:left;border-color:#b2c9c8}.card button:hover{background:#e5f1ed}.regional{margin-top:50px;padding:28px;background:#e6eeea;border-radius:10px}.regional>div:first-child{max-width:760px}.regional h2{font-size:2rem}.map-controls{display:flex;align-items:end;gap:18px;margin-bottom:14px}.map-controls select{margin-top:4px}.map-controls label{flex:0 1 200px}.muted{color:var(--muted);font-size:.84rem}iframe{width:100%;height:460px;border:1px solid var(--line);border-radius:8px}.collaborate{margin:50px 0;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:36px;background:var(--ink);color:#fff;border-radius:10px}.collaborate>div{max-width:680px}.collaborate .eyebrow{color:#a9d7d0}.collaborate p{margin-bottom:0}.collaborate h2{font-size:clamp(1.8rem,3vw,2.8rem)}.collaborate button{flex-shrink:0;background:#c8e4db;color:#103443;border-color:#c8e4db}.methodology{max-width:880px;margin:40px 0 64px}.methodology h2{font-size:1.6rem}.methodology p{color:var(--muted);font-size:.9rem}details{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}summary{cursor:pointer;font-weight:650;padding:4px 0;margin-bottom:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px max(28px,calc((100vw - 1144px)/2));border-top:1px solid var(--line);font-size:.8rem;flex-wrap:wrap}dialog{width:min(650px,calc(100vw - 24px));max-height:90vh;border:1px solid var(--line);border-radius:12px;padding:28px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#092a48b8}.dialog-heading{display:flex;align-items:start;gap:12px;justify-content:space-between}.dialog-heading h2{font-size:1.7rem}.dialog-heading button{padding:8px 12px;font-size:.85rem}form>label,form>.search-row{margin-bottom:16px}.consent{font-weight:400}.consent input{display:inline-block;width:20px;min-height:20px;margin:0 8px 0 0;vertical-align:middle}.honeypot{position:absolute;left:-10000px}.skip{position:fixed;top:-100px;background:#fff;padding:10px;z-index:5}.skip:focus{top:10px}[hidden]{display:none!important}.empty{padding:30px;background:#e8eeea;border-radius:10px;grid-column:1/-1}.pagination{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:25px}.boletim{scroll-margin-top:20px}#form-status{margin:16px 0 0;overflow-wrap:anywhere}.privacy{max-width:800px;padding-top:40px}body{overflow-wrap:break-word}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collaborate{align-items:start;flex-direction:column}.section-heading{display:block}.section-heading>p{margin-top:14px}}@media(max-width:600px){main{padding:0 16px}header{padding:12px 16px!important}.header-inner{gap:12px}header .ninais-surf-logo{width:160px;max-height:72px}nav{gap:12px;flex-direction:column}nav a{font-size:.75rem}.intro{padding-top:38px;margin-bottom:32px}.intro-bottom{align-items:start;flex-direction:column;gap:16px}.search-row{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.filter-row{align-items:start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1;padding:10px 8px;font-size:.78rem}.regional,.collaborate{padding:22px}.map-controls{flex-direction:column;align-items:stretch}.map-controls label{flex:auto}iframe{height:380px}.collaborate{gap:24px}.dialog-heading h2{font-size:1.4rem}dialog{padding:20px}footer{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Framing of the approved PNG only: crop its empty canvas, preserve the artwork. */
header .ninais-surf-logo{width:280px;height:140px;max-height:none;object-fit:cover;object-position:center;background:#f5f5ef;border-radius:6px}
@media(max-width:600px){header .ninais-surf-logo{width:190px;height:96px;max-height:none}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}

.camera-player{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;border:0;margin-block:1rem}.card a{overflow-wrap:anywhere}

/* Refinamento solicitado pelo titular: composição, sem alterar os ativos oficiais. */
header{background:linear-gradient(100deg,#fff 0%,#fff 24%,#dcebef 43%,#31566c 66%,#092a48 85%)!important;padding:12px 32px!important}
.header-inner,main{max-width:1600px}.header-inner{min-height:78px}header .ninais-surf-logo{width:218px;max-height:78px}nav a{font-weight:650;color:#fff}nav a:hover{text-decoration:underline}
main{padding:0 32px}.intro{padding:26px 0 22px;margin-bottom:24px}.intro .eyebrow{margin-bottom:8px}.intro h2{font-size:clamp(1.55rem,2.6vw,2.5rem);max-width:1100px;line-height:1.18;margin-bottom:10px;letter-spacing:-.035em}.intro>p:not(.eyebrow){font-size:1rem;margin-bottom:6px}.intro-bottom{margin-top:8px}.section-heading{margin-bottom:16px}.section-heading .eyebrow{display:none}.section-heading h2{font-size:1.6rem}.search-row{margin-bottom:12px}.filter-row{margin:12px 0 18px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:18px}.card h3{margin-top:8px}.card .tag{padding-top:6px}.card button{margin-top:12px}
.regional{margin-top:30px;padding:24px}.regional>div:first-child{max-width:none}.regional h2{font-size:1.8rem}.regional .eyebrow{margin-bottom:8px}.complementary-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:start}.complementary-layout>*{min-width:0}.complementary-layout .regional{height:100%}.collaborate{margin:30px 0;padding:28px}.methodology{max-width:1100px;margin:30px 0 40px}.camera-preview{display:block;position:relative;aspect-ratio:16/9;min-height:160px;background:#e7efed;border:1px solid var(--line);border-radius:8px;padding:0;width:100%;overflow:hidden;color:var(--ink)}.camera-preview img{width:100%;height:100%;object-fit:cover;display:block}.camera-preview span{position:absolute;left:12px;bottom:12px;background:#092a48;color:#fff;padding:8px 14px;border-radius:6px}.camera-status{font-size:.8rem;color:var(--muted);margin:6px 0 12px}.camera-status.live{color:#176349}.camera-credit{font-size:.78rem;color:var(--muted);margin-bottom:8px}.camera-card a{font-size:.82rem}.camera-card h3{margin-top:0}.camera-card .camera-player{min-height:200px}.camera-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tide-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.tide-event{padding:12px;background:white;border-radius:6px}.tide-event strong{display:block}#tabuas-conteudo label{margin-bottom:10px}
@media(min-width:1300px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.forecast-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}.forecast-layout>*{min-width:0}}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.complementary-layout{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.complementary-layout{grid-template-columns:1fr}.complementary-layout .regional{height:auto}header{padding:10px 20px!important}nav{gap:14px}main{padding:0 20px}}
@media(max-width:600px){header{background:linear-gradient(105deg,#fff 0%,#fff 44%,#dcebef 59%,#092a48 89%)!important;padding:10px 16px!important}.header-inner{min-height:62px;flex-direction:row;gap:10px}header .ninais-surf-logo{width:160px;max-height:62px}nav{flex-direction:column;gap:2px;align-items:flex-end}nav a{font-size:.76rem}main{padding:0 14px}.intro{padding:22px 0 16px;margin-bottom:18px}.intro h2{font-size:1.6rem}.intro>p:not(.eyebrow){font-size:.92rem}.section-heading>p{display:none}.grid{grid-template-columns:1fr}.regional{padding:18px}.filter-row{gap:8px}.segmented{width:100%;flex-wrap:nowrap}.segmented button{flex:1;padding:10px 7px;font-size:.8rem}.collaborate{padding:22px}.camera-preview{min-height:180px}}
header .ninais-surf-logo{height:110px;max-height:none;background:transparent;border-radius:0}
@media(max-width:600px){header .ninais-surf-logo{height:82px;max-height:none}}
#camera-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.metric strong{overflow-wrap:anywhere;font-size:clamp(1rem,1.5vw,1.5rem)}
@media(max-width:1100px){#camera-sources{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#camera-sources{grid-template-columns:1fr}}
[hidden]{display:none!important}
@media(max-width:600px){nav{background:#092a48;border-radius:6px;padding:6px 10px}}