/* NINAIS Surf — identidade visual v0.7 (aditivo e reversivel) */
:root {
  --surf-marinho: #092a48;
  --surf-azul: #096a96;
  --surf-turquesa: #11a9b3;
  --surf-espuma: #eaf8fa;
  --surf-areia: #f7fbfb;
}
body { background: linear-gradient(180deg, var(--surf-areia), #ffffff 420px); }
header { background: linear-gradient(110deg, #092a48, #075473 72%, #087d86) !important; }
header .ninais-surf-logo { display: block; width: min(320px, 75vw); height: auto; max-height: 120px; object-fit: contain; }
header .ninais-surf-title { display: flex; align-items: center; justify-content: center; margin: 0; }
header .ninais-surf-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
button, .botao-boletim { transition: background-color .15s ease, box-shadow .15s ease; }
.botao-boletim { background-color: #087fa0; }
.botao-boletim:hover { background-color: #065e80; }
.surf-detalhes h3 { color: var(--surf-marinho); }
.surf-resumo > div { background: var(--surf-espuma); }
.surf-tabela th { background: var(--surf-espuma); color: var(--surf-marinho); }
.surf-referencias summary { color: var(--surf-azul); }
@media (max-width: 650px) { header .ninais-surf-logo { width: min(260px, 78vw); max-height: 100px; } }


/* NINAIS SURF - LOGO V08 */

header {
    padding: 18px 12px !important;
}

header .ninais-surf-logo {
    display: block;
    width: min(440px, 90vw);
    max-width: 100%;
    height: auto;
    max-height: 185px;
    object-fit: contain;
    margin: 0 auto;
}

@media (max-width: 600px) {
    header .ninais-surf-logo {
        width: min(310px, 90vw);
        max-height: 145px;
    }
}