/* Fontes oficiais WHAN (copie os arquivos do fonts.rar para /assets/fonts) */
@font-face{font-family:'opificioregular';src:url('../fonts/opificio-webfont.woff2') format('woff2'),url('../fonts/opificio-webfont.woff') format('woff'),url('../fonts/opificio-webfont.ttf') format('truetype');font-display:swap}
@font-face{font-family:'opificiobold';src:url('../fonts/opificio_bold-webfont.woff2') format('woff2'),url('../fonts/opificio_bold-webfont.woff') format('woff'),url('../fonts/opificio_bold-webfont.ttf') format('truetype');font-display:swap}
@font-face{font-family:'opificiorounded';src:url('../fonts/opificio_rounded-webfont.woff2') format('woff2'),url('../fonts/opificio_rounded-webfont.woff') format('woff');font-display:swap}

:root{--hex-navy:#0F1F33}
.on-dark{--hex-navy:#2B4170}
.ico{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{font-family:'opificioregular',Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;font-size:.78rem}
.glass{background:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12)}
.hex-clip{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}

/* Header */
#header.is-scrolled,.is-inner #header{background:rgba(10,21,38,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.admin-bar #header{top:32px}
@media (max-width:782px){.admin-bar #header{top:46px}}
.whan-nav a{transition:color .2s}
.whan-nav a:hover,.whan-nav .current-menu-item>a{color:#F7971F}

/* Animações */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.show{opacity:1;transform:none}
.float{animation:float 7s ease-in-out infinite}
.float-slow{animation:float 11s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.caret::after{content:'|';margin-left:2px;animation:blink 1s step-end infinite;color:#7B5CFA}
@keyframes blink{50%{opacity:0}}
.flow-line{background:linear-gradient(90deg,#F7971F 0%,#F7971F 50%,transparent 50%);background-size:16px 2px;animation:dash 1.2s linear infinite}
@keyframes dash{to{background-position:16px 0}}
details summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(45deg)}

/* Embeds de vídeo responsivos */
.whan-embed iframe,.whan-embed object,.whan-embed embed{width:100%!important;aspect-ratio:16/9;height:auto!important}

/* Estilização para o conteúdo do Blog (posts/páginas) */
.whan-prose{font-size:1.125rem;line-height:1.8;color:#2c3e50}
.whan-prose p{margin-bottom:1.5rem}
.whan-prose h2{font-family:'opificiobold',Inter,sans-serif;font-size:2rem;margin-top:2.5rem;margin-bottom:1rem;color:#0A1526}
.whan-prose h3{font-family:'opificiobold',Inter,sans-serif;font-size:1.5rem;margin-top:2rem;margin-bottom:0.75rem;color:#0A1526}
.whan-prose ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.5rem}
.whan-prose ol{list-style-type:decimal;padding-left:1.5rem;margin-bottom:1.5rem}
.whan-prose a{color:#1868DB;text-decoration:underline}
.whan-prose blockquote{border-left:4px solid #F7971F;padding-left:1.25rem;font-style:italic;color:#64748b;margin:1.5rem 0}
.whan-prose img{border-radius:1rem;margin:2rem 0}

.whan-tags a{background:#fff;padding:.35rem .85rem;border-radius:9999px;border:1px solid #cbd5e1;font-size:.875rem}
.whan-tags a:hover{background:#F7971F;border-color:#F7971F;color:#0A1526}
.whan-pagination .nav-links{display:flex;justify-content:center;gap:.5rem}
.whan-pagination .page-numbers{padding:.5rem 1rem;background:#fff;border-radius:.5rem;font-weight:600}
.whan-pagination .page-numbers.current{background:#F7971F;color:#0A1526}

@media (prefers-reduced-motion: reduce){
  .js .reveal{opacity:1;transform:none}
  .float,.float-slow,.flow-line{animation:none}
}