/* Hangar404 — estilos que o theme.json não cobre (hover, animações, slider). */
:root{--h404-ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.h404-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--wp--preset--color--orange);z-index:9999}

/* topo + cabeçalho */
.h404-topbar{font-size:13px}
.h404-topbar a{color:#d7dbe6}.h404-topbar a:hover{color:#fff}
.h404-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--wp--preset--color--line)}
.admin-bar .h404-header{top:32px}
.h404-header .wp-block-image img{height:34px;width:auto}
.h404-header .wp-block-navigation-item a{position:relative;padding:6px 0}
.h404-header .wp-block-navigation-item a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--wp--preset--color--orange);transition:width .3s}
.h404-header .wp-block-navigation-item a:hover:after{width:100%}

/* hero slider */
.h404-hero .wp-block-post-template{list-style:none;margin:0;padding:0;display:block}
.h404-hero .wp-block-post:not(:first-child){display:none}
.h404-hero.is-slider{position:relative;border-radius:var(--wp--custom--radius--xl);overflow:hidden}
.h404-hero.is-slider .wp-block-post-template{position:relative;min-height:clamp(420px,52vw,580px)}
.h404-hero.is-slider .wp-block-post{display:block;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .9s ease}
.h404-hero.is-slider .wp-block-post.is-active{opacity:1;pointer-events:auto}
.h404-hero .wp-block-cover{min-height:clamp(420px,52vw,580px);border-radius:var(--wp--custom--radius--xl);align-items:flex-end;padding:clamp(24px,4vw,56px)}
.h404-hero .wp-block-cover__inner-container{max-width:620px;color:#fff}
.h404-hero .wp-block-post-title a,.h404-hero .wp-block-post-title{color:#fff}
.h404-hero .wp-block-post-excerpt{color:#e6e9f1;font-size:1.0625rem}
.h404-hero.is-slider .wp-block-post.is-active .wp-block-cover__inner-container{animation:h404-up .9s var(--h404-ease) both}
@keyframes h404-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.h404-dots{position:absolute;right:20px;bottom:20px;display:flex;gap:8px;background:rgba(255,255,255,.95);padding:8px;border-radius:999px;z-index:3}
.h404-dots button{width:40px;height:40px;border:0;border-radius:999px;background:var(--wp--preset--color--surface);color:var(--wp--preset--color--ink);font:700 13px/1 Switzer,sans-serif;cursor:pointer;transition:width .4s var(--h404-ease),background .3s,color .3s}
.h404-dots button.is-active{width:84px;background:var(--wp--preset--color--ink);color:#fff}

/* chips (categorias) */
.h404-chip a{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--wp--preset--color--tint);color:#3d5a87;text-decoration:none}
.h404-chip.on-dark a,.h404-hero .h404-chip a{background:var(--wp--preset--color--orange);color:var(--wp--preset--color--ink)}
.h404-chip a:hover{background:var(--wp--preset--color--ink);color:#fff}

/* cartões */
.h404-card{position:relative}
.h404-card .wp-block-post-featured-image{overflow:hidden;margin:0}
.h404-card .wp-block-post-featured-image img{transition:transform .7s var(--h404-ease);width:100%;object-fit:cover}
.h404-card:hover .wp-block-post-featured-image img{transform:scale(1.06)}
.h404-card .wp-block-post-title a{background:linear-gradient(var(--wp--preset--color--orange),var(--wp--preset--color--orange)) 0 100%/0 2px no-repeat;transition:background-size .4s}
.h404-card:hover .wp-block-post-title a{background-size:100% 2px}
.h404-trending .wp-block-post-template{gap:24px}
.h404-trending .wp-block-post-featured-image{aspect-ratio:4/3}
.h404-trending .h404-chip{position:absolute;left:12px;top:12px;z-index:2;margin:0}
.h404-trending .h404-chip a{background:#fff;color:var(--wp--preset--color--ink)}
.h404-tabs a{font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;color:var(--wp--preset--color--muted);text-decoration:none}
.h404-tabs a:hover,.h404-tabs a.is-current{background:var(--wp--preset--color--ink);color:#fff}

/* lista de recentes */
.h404-list .wp-block-post{margin:0 0 20px}
.h404-list-card{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:18px;overflow:hidden;transition:box-shadow .3s,transform .3s}
.h404-list-card:hover{box-shadow:0 14px 34px rgba(43,49,67,.12);transform:translateY(-3px)}
.h404-list-card .wp-block-columns{margin:0;gap:0}
.h404-list-card .wp-block-column:first-child{position:relative;min-height:170px}
.h404-list-card .wp-block-post-featured-image{position:absolute;inset:0;height:100%;border-radius:0}
.h404-list-card .wp-block-post-featured-image img{height:100%!important}
@media (max-width:781px){.h404-list-card .wp-block-column:first-child{min-height:200px}}

/* sidebar */
.h404-aside{position:sticky;top:100px}
.h404-box{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:22px}
.h404-cta{position:relative;overflow:hidden;border-radius:22px}
.h404-cta:before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:var(--wp--preset--color--orange);opacity:.9}
.h404-cta>*{position:relative}
.h404-cta .wp-block-button__link:hover{background:var(--wp--preset--color--orange);color:var(--wp--preset--color--ink)}
.is-style-h404-accent .wp-block-button__link{background:var(--wp--preset--color--orange);color:var(--wp--preset--color--ink)}
.is-style-h404-accent .wp-block-button__link:hover{background:#fff}

/* categorias */
.h404-tile{border-radius:var(--wp--custom--radius--xl);overflow:hidden;min-height:340px;align-items:flex-end}
.h404-tile .wp-block-cover__image-background{transition:transform .8s var(--h404-ease)}
.h404-tile:hover .wp-block-cover__image-background{transform:scale(1.06)}

/* mídia kit */
.h404-stat{border-top:1px solid var(--wp--preset--color--line);padding-top:20px}
.h404-count{color:var(--wp--preset--color--blue);font-variant-numeric:tabular-nums}
.h404-format{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:22px;padding:28px;transition:background .3s,color .3s,transform .3s}
.h404-format:hover{background:var(--wp--preset--color--ink);color:#fff;transform:translateY(-4px)}
.h404-format:hover h3,.h404-format:hover p{color:#fff}
.h404-bar{height:12px;background:#e4e8f0;border-radius:99px;overflow:hidden}
.h404-bar span{display:block;height:100%;width:0;border-radius:99px;background:var(--wp--preset--color--ink);transition:width 1.4s var(--h404-ease) .2s}
.h404-bar.is-hot span{background:var(--wp--preset--color--orange)}
.h404-bar.is-in span{width:var(--v)}
.h404-row-label{display:flex;justify-content:space-between;font-size:15px;margin-bottom:8px}

/* revelar ao rolar */
.h404-js .h404-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--h404-ease),transform .9s var(--h404-ease)}
.h404-js .h404-reveal.is-in{opacity:1;transform:none}

/* rodapé */
.h404-footer a{color:#d7dbe6}.h404-footer a:hover{color:var(--wp--preset--color--orange)}
.h404-footer .wp-block-image img{background:#fff;padding:8px 12px;border-radius:10px;height:32px;width:auto;box-sizing:content-box}


/* Header / topbar */
.h404-topbar a,.h404-topbar a:visited,.h404-topbar .wp-block-paragraph a{color:#fff!important;text-decoration:none}
.h404-topbar a:hover{color:#E8872F!important}
.h404-header .wp-block-social-links .wp-social-link{width:42px;height:42px;border:1px solid #D5DAE3;border-radius:50%!important;background:transparent!important;display:flex;align-items:center;justify-content:center;margin:0}
.h404-header .wp-block-social-links .wp-social-link a{padding:0;display:flex;align-items:center;justify-content:center}
.h404-header .wp-block-social-links .wp-social-link svg{width:20px;height:20px;fill:#2B3143}
.h404-header .wp-block-button__link,.h404-header .wp-block-button__link:visited{background:#2B3143!important;color:#fff!important;border-radius:999px}
.h404-header .wp-block-button__link:hover{background:#4A6A9A!important}
.h404-header .wp-block-button__link{white-space:nowrap}
.h404-header .wp-block-navigation{flex-wrap:nowrap}

/* Hero: seletor e link */
.h404-hero .h404-dots{position:absolute;right:20px;bottom:20px;gap:8px;padding:8px;background:rgba(255,255,255,.95);border-radius:999px}
.h404-hero .h404-dots button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0!important;margin:0;border:0!important;border-radius:999px!important;background:#E3E6EC!important;color:#2B3143!important;font:700 13px/1 Switzer,system-ui,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none}
.h404-hero .h404-dots button:hover{background:#D1D6E0!important}
.h404-hero .h404-dots button.is-active{width:64px;background:#2B3143!important;color:#fff!important}
.h404-hero a.wp-block-read-more,.h404-hero a.wp-block-read-more:visited{display:inline-block;background:#E8872F;color:#2B3143!important;font-weight:700;font-size:15px;line-height:1;text-decoration:none;padding:14px 24px;border-radius:999px;transition:background .25s,transform .25s}
.h404-hero a.wp-block-read-more:hover{background:#fff;transform:translateY(-1px)}
.h404-chip{display:flex;flex-wrap:wrap;gap:6px}
.h404-chip .wp-block-post-terms__separator{display:none}

.h404-hero a.wp-block-read-more,.h404-hero a.wp-block-read-more:visited{background:#fff!important;color:#2B3143!important;font-size:14px;font-weight:600;padding:12px 22px}
.h404-hero a.wp-block-read-more:hover{background:#E8872F!important;color:#2B3143!important;transform:none}
