/* ConectaBRUSA — Accordion padrão (1 linha + abre ao clicar)
 * Caminho: /public_html/assets/cb-accordion.css
 *
 * Uso:
 * - Envolva o bloco em: <div class="cb-acc cb-acc-light"> ... </div>  (fundo claro)
 * - Ou:              <div class="cb-acc cb-acc-dark">  ... </div>  (fundo dark)
 *
 * Estrutura:
 * <details>
 *   <summary><span class="t">Título</span></summary>
 *   <div class="cb-acc-body"> ... </div>
 * </details>
 */

.cb-acc details{
  border-radius: 14px;
  margin-top: 10px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
}

.cb-acc.cb-acc-dark details{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
}

.cb-acc summary{
  list-style: none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;

  padding: 12px 12px;
  cursor: pointer;
  font-weight: 950;

  /* Força 1 linha */
  white-space: nowrap;
}

.cb-acc summary::-webkit-details-marker{ display:none; }

.cb-acc summary .t{
  display:block;
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cb-acc summary:after{
  content:"▾";
  flex-shrink:0;
  opacity:.85;
  transform: rotate(0deg);
  transition: transform .15s ease;
}

.cb-acc details[open] summary:after{
  transform: rotate(180deg);
}

.cb-acc.cb-acc-dark summary{
  color: rgba(255,255,255,.92);
}

.cb-acc.cb-acc-dark summary:after{
  color: rgba(255,255,255,.82);
}

.cb-acc.cb-acc-dark details[open] summary{
  background: rgba(255,255,255,.06);
}

.cb-acc .cb-acc-body{
  padding: 10px 12px 12px 12px;
  border-top: 1px solid rgba(0,0,0,.06);
  color: rgba(15,23,42,.92);
}

.cb-acc.cb-acc-dark .cb-acc-body{
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);
}

.cb-acc .cb-acc-body a{
  text-decoration: underline;
  text-underline-offset: 2px;
  color: inherit;
}