/* Criativa HQ — user.css (template filho do Cassiopeia) */
:root{
  --chq-bg:#F5F6F8; --chq-surface:#FFFFFF; --chq-ink:#12151C; --chq-ink-2:#4A5160; --chq-muted:#7A8190;
  --chq-line:#E3E6EB; --chq-navy:#0E1B2B; --chq-accent:#B08D57; --chq-accent-2:#8F6F3F;
  --chq-radius:12px; --chq-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px -12px rgba(16,24,40,.12);
  --cassiopeia-color-primary:var(--chq-navy); --cassiopeia-color-link:var(--chq-navy); --cassiopeia-color-hover:var(--chq-accent-2);
  --cassiopeia-font-family-body:"Inter","Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cassiopeia-font-family-headings:"Inter","Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html,body{background:var(--chq-bg)!important;color:var(--chq-ink);font-family:var(--cassiopeia-font-family-body);-webkit-font-smoothing:antialiased}
body{font-size:1rem;line-height:1.6}
h1,h2,h3,h4,.h1,.h2,.h3{font-family:var(--cassiopeia-font-family-headings);font-weight:600;letter-spacing:-.01em;color:var(--chq-ink)}
a{color:var(--chq-navy);text-decoration:none}a:hover{color:var(--chq-accent-2);text-decoration:underline}
.site-grid{--gap:1.25rem}
/* Header */
.container-header{background:var(--chq-surface)!important;background-image:none!important;color:var(--chq-ink);border-bottom:1px solid var(--chq-line);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.container-header .grid-child{padding-block:.6rem}
.container-header .navbar-brand{display:flex;align-items:center;gap:.9rem;margin:0;padding:.35rem 0}
.container-header .navbar-brand img,.container-header .navbar-brand svg{height:34px;width:auto}
.container-header .navbar-brand .site-description{margin:0;padding-left:.9rem;border-left:1px solid var(--chq-line);color:var(--chq-muted);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
/* Main nav */
.container-header .mod-menu{gap:.15rem}
.container-header .mod-menu>li>a,.container-header .mod-menu>li>span,.container-header .mod-menu>li>button{color:var(--chq-ink-2);font-weight:500;font-size:.92rem;padding:.55rem .75rem;border-radius:8px}
.container-header .mod-menu>li>a:hover,.container-header .mod-menu>li.active>a{color:var(--chq-navy);background:var(--chq-bg);text-decoration:none}
.container-header .mod-menu>li.active>a{box-shadow:inset 0 -2px 0 var(--chq-accent)}
.container-header .mod-menu .mod-menu__sub{background:var(--chq-surface);border:1px solid var(--chq-line);border-radius:10px;box-shadow:var(--chq-shadow);padding:.4rem}
.container-header .mod-menu .mod-menu__sub a{color:var(--chq-ink-2);border-radius:6px;padding:.45rem .7rem}
.container-header .mod-menu .mod-menu__sub a:hover{background:var(--chq-bg);color:var(--chq-navy)}
.container-header .navbar-toggler{border-color:var(--chq-line);color:var(--chq-ink)}
/* Breadcrumbs + banner */
.container-banner .mod-breadcrumbs{margin:0}
.mod-breadcrumbs{background:transparent;padding:.75rem 0;font-size:.85rem;color:var(--chq-muted)}
.mod-breadcrumbs a{color:var(--chq-muted)}.mod-breadcrumbs .active{color:var(--chq-ink)}
/* Content cards */
.container-component,.container-sidebar-right .card,.container-sidebar-left .card,.container-top-a .card,.container-top-b .card,.container-bottom-a .card,.container-bottom-b .card{background:var(--chq-surface);border:1px solid var(--chq-line);border-radius:var(--chq-radius);box-shadow:var(--chq-shadow)}
.container-component{padding:2rem 2.25rem}
.card{background:var(--chq-surface);border:1px solid var(--chq-line);border-radius:var(--chq-radius);box-shadow:var(--chq-shadow)}
.card-header,.card .card-header{background:transparent;border-bottom:1px solid var(--chq-line);font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--chq-muted);padding:.9rem 1.25rem}
.card-body{padding:1.25rem}
.page-header h1,.item-page h1,h1.page-title{font-size:1.75rem;margin-bottom:1.25rem}
.article-info{color:var(--chq-muted);font-size:.85rem}
/* Cabeçalho documental (campos personalizados) */
.fields-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem 1.25rem;background:var(--chq-bg);border:1px solid var(--chq-line);border-left:3px solid var(--chq-accent);border-radius:10px;padding:1rem 1.25rem;margin:0 0 1.75rem;list-style:none}
.fields-container .field-entry{margin:0;font-size:.9rem;color:var(--chq-ink)}
.fields-container .field-label{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--chq-muted);font-weight:600;margin-bottom:.15rem}
.fields-container .field-label::after{content:""}
.fields-container .field-value{font-weight:500}
/* Blog/category cards */
.blog .blog-items,.category-list{gap:1rem}
.blog-item,.blog .item{background:var(--chq-surface);border:1px solid var(--chq-line);border-radius:10px;padding:1.25rem 1.5rem;transition:box-shadow .15s,border-color .15s}
.blog-item:hover{border-color:#cfd5de;box-shadow:var(--chq-shadow)}
.blog-item .item-title,.blog-item h2{font-size:1.15rem;margin:0 0 .35rem}
.blog-item .item-content>p{color:var(--chq-ink-2)}
.category-desc,.subcategories{margin-bottom:1.5rem}
.blog-subtitle,.subcategories h3{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--chq-muted);font-weight:600}
.blog .items-more h3,.com-content-category-blog__children h3{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--chq-muted)}
/* Buttons & forms */
.btn-primary{background:var(--chq-navy);border-color:var(--chq-navy);border-radius:8px;font-weight:500;padding:.6rem 1.1rem}
.btn-primary:hover,.btn-primary:focus{background:#1a2c44;border-color:#1a2c44}
.btn-secondary{background:var(--chq-surface);color:var(--chq-ink);border-color:var(--chq-line);border-radius:8px}
.form-control,.form-select{border-radius:8px;border-color:var(--chq-line);padding:.6rem .8rem}
.form-control:focus{border-color:var(--chq-accent);box-shadow:0 0 0 3px rgba(176,141,87,.18)}
/* Login page */
.com-users-login{max-width:440px;margin:3rem auto}
.com-users-login h1,.com-users-login .page-header{display:none}
/* Alerts */
.alert{border-radius:10px;border-width:1px}
.alert-info{background:#F1F5FB;border-color:#D6E1F2;color:#1C3557}
/* Footer */
.container-footer{background:transparent;color:var(--chq-muted);font-size:.8rem;padding:2rem 0 1.5rem}
.container-footer .footer{background:transparent;border-top:1px solid var(--chq-line);color:var(--chq-muted)}
.container-footer .footer .grid-child{padding-inline:0}
/* Home: tiles de atalho */
.chq-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem;margin:0;padding:0;list-style:none}
.chq-tile{display:block;background:var(--chq-surface);border:1px solid var(--chq-line);border-radius:12px;padding:1.1rem 1.2rem;color:var(--chq-ink);text-decoration:none;transition:transform .12s,box-shadow .15s,border-color .15s;min-height:104px}
.chq-tile:hover{text-decoration:none;color:var(--chq-ink);transform:translateY(-1px);box-shadow:var(--chq-shadow);border-color:#cfd5de}
.chq-tile .k{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--chq-accent-2);font-weight:600;margin-bottom:.45rem}
.chq-tile .t{display:block;font-weight:600;font-size:1.02rem;line-height:1.3}
.chq-tile .d{display:block;color:var(--chq-muted);font-size:.85rem;margin-top:.3rem}
.chq-tile--crise{background:var(--chq-navy);color:#fff;border-color:var(--chq-navy)}
.chq-tile--crise .t,.chq-tile--crise .d{color:#fff}.chq-tile--crise .k{color:#E2C48F}.chq-tile--crise:hover{color:#fff}
.chq-hello{margin:1.5rem 0 1.25rem}
.chq-hello h1{font-size:1.6rem;margin:0}
.chq-hello p{color:var(--chq-muted);margin:.25rem 0 0}
/* Mobile */
@media (max-width:767px){.container-component{padding:1.25rem}.fields-container{grid-template-columns:1fr 1fr}.container-header .navbar-brand .site-description{display:none}}

/* Header em linha única (desktop) */
@media (min-width:992px){
  .container-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 max(1rem,calc((100% - 1320px)/2))}
  .container-header .grid-child{padding:.5rem 0;margin:0;max-width:none;width:auto}
  .container-header .container-nav{display:flex;align-items:center;gap:1.25rem;flex:1;justify-content:flex-end}
  .container-header .container-nav .navbar{padding:0}
  .container-header .container-nav .navbar>div:first-child{display:none}
  .container-header .container-search{display:flex;align-items:center;gap:.75rem;margin:0;padding:0;border-left:1px solid var(--chq-line);padding-left:1rem}
  .container-search .mod-menu{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}
  .container-search .mod-menu a{color:var(--chq-ink-2);font-size:.9rem;font-weight:500;padding:.5rem .6rem;border-radius:8px}
  .container-search .mod-menu a:hover{background:var(--chq-bg);color:var(--chq-navy);text-decoration:none}
  .container-search .mod-finder .form-control,.container-search .mod-finder input[type=search]{width:220px;border-radius:999px;background:var(--chq-bg);border-color:transparent;padding:.5rem 1rem;font-size:.9rem}
  .container-search .mod-finder .form-control:focus{background:#fff;border-color:var(--chq-accent)}
  .container-search .mod-finder .finder-search-button,.container-search .mod-finder .btn{display:none}
}
.container-header .mod-menu>li>a,.container-header .mod-menu>li>span{white-space:nowrap}
.container-search .mod-finder label{display:none}
/* Esconde ícones de edição frontend */
.jmodedit,.icon-edit.jmodedit,a.jmodedit{display:none!important}

/* Fixes: brand não encolhe; heading de menu como botão */
.container-header .grid-child:first-child{flex:0 0 auto!important;width:auto!important}
.container-header .navbar-brand{flex:0 0 auto;white-space:nowrap}
.container-header .brand-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.container-header .brand-logo img{height:34px!important;width:auto!important;max-width:none!important;flex-shrink:0}
.container-header .mod-menu>li>button.mod-menu__heading,.container-header .mod-menu>li>button{appearance:none;background:transparent;border:0;color:var(--chq-ink-2);font:inherit;font-weight:500;font-size:.92rem;padding:.55rem .75rem;border-radius:8px;cursor:pointer;white-space:nowrap}
.container-header .mod-menu>li>button:hover,.container-header .mod-menu>li>button[aria-expanded=true]{background:var(--chq-bg);color:var(--chq-navy)}
.container-header .mod-menu .mod-menu__sub{min-width:240px}

@media (min-width:992px){
  .container-header .container-nav{flex-wrap:nowrap}
  .container-header .container-nav .navbar{flex:0 1 auto;min-width:0}
  .container-header .container-nav .navbar-collapse{flex-basis:auto!important;flex-grow:0!important}
  .container-header .container-search{flex:0 0 auto}
}
.container-header .mod-menu>li.active>a{background:transparent;box-shadow:inset 0 -2px 0 var(--chq-accent);border-radius:0;color:var(--chq-navy)}
.container-header .mod-menu>li.active>a:hover{background:var(--chq-bg)}

/* Header corporativo em duas linhas: marca + utilidades / navegação */
@media (min-width:992px){
  .container-header{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"brand util" "nav nav";align-items:center;row-gap:0;column-gap:2rem;padding:0 max(1rem,calc((100% - 1320px)/2))}
  .container-header .grid-child:first-child{grid-area:brand;padding:.75rem 0 .5rem}
  .container-header .container-nav{display:contents}
  .container-header .container-nav .navbar{grid-area:nav;flex:none;width:100%;border-top:1px solid var(--chq-line);padding:0;margin:0}
  .container-header .container-nav .navbar-collapse{flex-basis:auto!important;flex-grow:1!important;width:100%}
  .container-header .mod-menu{width:100%;gap:0}
  .container-header .mod-menu>li>a,.container-header .mod-menu>li>button{padding:.7rem .9rem;border-radius:0;font-size:.9rem}
  .container-header .mod-menu>li>a:hover,.container-header .mod-menu>li>button:hover{background:transparent;color:var(--chq-navy);box-shadow:inset 0 -2px 0 var(--chq-line)}
  .container-header .mod-menu>li.active>a{box-shadow:inset 0 -2px 0 var(--chq-accent)}
  .container-header .container-search{grid-area:util;justify-self:end;border-left:0;padding:.5rem 0}
}
/* Subcategorias como cartões */
.com-content-category-blog__children>h3{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--chq-muted);font-weight:600;margin:0 0 .75rem}
.com-content-category-blog__children{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem;margin:1rem 0 1.5rem}
.com-content-category-blog__children>h3{grid-column:1/-1}
.com-content-category-blog__child{margin:0}
.com-content-category-blog__child .page-header{margin:0;padding:0;border:0}
.com-content-category-blog__child .page-header a{display:block;background:var(--chq-bg);border:1px solid var(--chq-line);border-radius:10px;padding:.9rem 1rem;font-size:.95rem;font-weight:600;color:var(--chq-ink);text-transform:none;letter-spacing:0;transition:border-color .15s,background .15s}
.com-content-category-blog__child .page-header a:hover{background:#fff;border-color:#cfd5de;text-decoration:none;color:var(--chq-navy)}
.com-content-category-blog__child .category-desc{font-size:.85rem;color:var(--chq-muted);margin:.35rem .25rem 0}
.blog .alert-info{font-size:.9rem}
.blog>.btn-primary{margin-top:.5rem}

/* Módulos dentro do componente sem cartão duplicado */
.container-main-top .card,.container-main-bottom .card{border:0;box-shadow:none;background:transparent}
.container-main-top .card-body,.container-main-bottom .card-body{padding:0}
.container-main-top{margin-bottom:.5rem}
.container-main-bottom .card-header{padding-left:0;border-bottom:1px solid var(--chq-line)}
.container-main-bottom{margin-top:1.5rem}
.mod-articleslatest{list-style:none;padding:0;margin:0}
.mod-articleslatest li{padding:.6rem 0;border-bottom:1px solid var(--chq-line)}
.mod-articleslatest li:last-child{border-bottom:0}

/* Artigo (documento) */
.item-page h2{font-size:1.2rem;margin:1.9rem 0 .6rem;padding-bottom:.35rem;border-bottom:1px solid var(--chq-line)}
.item-page h3{font-size:1.02rem;margin:1.25rem 0 .4rem}
.item-page p,.item-page li{font-size:.98rem;color:var(--chq-ink)}
.item-page .article-info{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin:.25rem 0 1.25rem}
.item-page .article-info-term{display:none}
.item-page .article-info dd{margin:0;font-size:.82rem;color:var(--chq-muted)}
.item-page table{width:100%;border-collapse:collapse;font-size:.92rem}
.item-page table th,.item-page table td{border:1px solid var(--chq-line);padding:.5rem .7rem;text-align:left}
.item-page table th{background:var(--chq-bg);font-weight:600}
.item-page .icons{float:right}