/*
 * 54-categoria.css — arquivo de categoria (category.php)
 * INF-005 F5 lote 3: migrado de <style> inline (category.php) em 24/09/2026.
 * SEM @layer de proposito: o inline era unlayered; aqui continua vencendo o legado
 * (f1-* em @layer features) sem guerra de especificidade. Ver CONTRATOS §5b.
 * Carrega SO com category.php (mapa por template em carregar_scripts_rotina, functions.php).
 */
/* CSS CRÍTICO */
.carousel-wrapper .carousel-btn { z-index: 5; }
.carousel-track::-webkit-scrollbar { display: none; }

/* ===== HEADER COMPACTO V6 (foco em pesquisa) ===== */
.cat-hero-v6{background:linear-gradient(135deg,#0D0A0B 0%,#141625 100%);border-bottom:1px solid rgba(255,255,255,.08);color:#fff;padding:32px 0 24px}
.cat-crumbs{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:14px;opacity:.9}
.cat-crumbs a{color:#fff;text-decoration:none}
.cat-crumbs a:hover{color:var(--azul-neon)}
.cat-crumbs i{font-size:.6rem;margin:0 8px;color:var(--azul-neon)}
.cat-crumbs .crumb-atual{color:var(--azul-neon)}
.cat-hero-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cat-hero-info h1{font-size:clamp(1.6rem,3vw,2.4rem);margin:0;font-weight:800;line-height:1.15;color:#fff}
.cat-hero-meta{display:flex;gap:16px;margin-top:8px;font-size:.85rem;color:#9aa3b2}
.cat-hero-meta i{color:var(--azul-neon);margin-right:5px}
.cat-hero-search{position:relative;flex:0 1 340px;min-width:250px}
.cat-hero-search > i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8b93a3;font-size:.85rem;pointer-events:none}
.cat-hero-search input[type=search]{width:100%;padding:12px 14px 12px 38px;border-radius:50px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#fff;font-size:.9rem;outline:none;box-sizing:border-box}
.cat-hero-search input[type=search]:focus{border-color:var(--azul-neon)}
.cat-hero-search input[type=search]::placeholder{color:#8b93a3}
.cat-hero-v6 .cat-desc{margin-top:14px;font-size:.95rem;line-height:1.6;color:#c4cad6;max-width:820px}
.cat-hero-v6 .cat-desc p{margin:0 0 8px}
.cat-desc-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cat-desc-toggle{background:none;border:none;color:var(--azul-neon);font-weight:600;font-size:.85rem;cursor:pointer;padding:6px 0 0;display:inline-flex;align-items:center;gap:6px}
.cat-search-info{margin-top:12px;font-size:.85rem;color:#9aa3b2}
.cat-search-info a{color:var(--azul-neon);font-weight:600;text-decoration:underline}
@media(max-width:600px){
  .cat-hero-v6{padding:22px 0 18px}
  .cat-hero-search{flex:1 1 100%}
}
.seo-content-box h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.4rem;
    color: var(--azul-principal);
}
.seo-content-box p {
    margin-bottom: 10px;
    line-height: 1.6;
}
.seo-content-box a {
    color: var(--azul-neon);
    text-decoration: underline;
    font-weight: bold;
}
.seo-content-box a:hover {
    color: var(--azul-principal);
}
.erro-busca {
    box-sizing: border-box;
    width: 100%;
}

/* r58.54: "Ler mais" da descrição. O .cat-desc do legado (f1-01) é inline-block e o botão ficava colado à direita do texto;
   o display do botão também anulava o atributo hidden (aparecia mesmo sem texto escondido). */
.cat-hero-v6 .cat-desc:not(.cat-desc-clamp){display:block}
.cat-hero-v6 .cat-desc.cat-desc-clamp{display:-webkit-box}
.cat-hero-v6 .cat-desc-toggle{display:flex;width:fit-content}
.cat-hero-v6 .cat-desc-toggle[hidden]{display:none}