.section-ccts { padding: 50px 0; background: var(--branco); overflow: hidden; }
.ccts-filtro { padding: 28px; margin-bottom: 28px; border: 1px solid var(--cinza-claro); border-radius: 0px; background: rgba(255,255,255,.35); }
.ccts-filtro label { display: block; margin-bottom: 2px; color: #252525; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.ccts-filtro select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid var(--cinza-claro); border-radius: 6px; outline: none; background: var(--branco); color: #333; font-size: 12px; }
.ccts-filtro input:focus,
.ccts-filtro select:focus { border-color: var(--vermelho-claro); box-shadow: 0 0 0 2px rgba(201,21,27,.08); }
.input-icon { position: relative; }
.input-icon i { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--cinza); pointer-events: none; }
.input-icon input { width: 100%; height: 42px; padding: 0 12px 0 38px; border: 1px solid var(--cinza-claro); border-radius: 0px; outline: none; background: var(--branco); color: #333; font-size: 12px; }
.filter-actions { display: flex; flex-direction: column; align-items: flex-start; }
.btn-filter { width: 100%; height: 42px; border: 0; border-radius: 0px; background: var(--vermelho-claro); color: var(--branco); font-size: 11px; font-weight: 900; cursor: pointer; transition: .2s ease; }
.btn-filter:hover { background: var(--vermelho); }
.btn-filter i { margin-left: 7px; }
.clear-filter { display: block; margin-top: 7px; color: var(--vermelho); font-size: 9px; font-weight: 800; }
.clear-filter:hover { text-decoration: underline; }
.cct-resultados { }
.cct-resultados-topo { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; border-bottom: 1px solid #ddd; }
.cct-resultados-topo span { font-size: 10px; font-weight: 800; letter-spacing: 2px; color: #888; }
.cct-resultados-topo strong { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #222; color: #fff; font-size: 12px; }
.cct-documento { display: grid; grid-template-columns: repeat(1, 1fr); align-items: center; gap: 35px; padding: 32px 10px; border-bottom: 1px solid #ddd; transition: background .2s ease, padding .2s ease; }
.cct-documento:hover { padding-left: 20px; padding-right: 20px; background: #f7f6f3; }
.cct-documento-data span { display: block; margin-bottom: 0px; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; color: #999; }
.cct-documento-data strong { font-size: 21px; font-weight: 900; }
.cct-documento-titulo { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 8px; }
.cct-documento-titulo h3 { margin: 0; font-size: 20px; line-height: 1.2; font-weight: 800; }
.cct-documento-info p { margin-bottom: 7px; font-size: 15px; font-weight: 600; color: #555; }
.cct-documento-info small { font-size: 13px; line-height: 1.5; color: #888; }
.cct-status { display: inline-flex; align-items: center; padding: 5px 8px; background: #d71920; color: #fff; font-size: 8px; font-weight: 900; letter-spacing: 1px; }
.cct-status-antigo { background: #777; }
.cct-status-aditivo { background: #e0a500; color: #222; }
.cct-btn-documento { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 135px; padding: 14px 17px; border: 1px solid #222; color: #222; font-size: 10px;font-weight: 800; letter-spacing: 1px; transition: background .2s ease, color .2s ease; }
.cct-btn-documento:hover { background: #d71920; border-color: #d71920; color: #fff; }
.cct-btn-documento i { font-size: 16px; }
.cct-sem-resultados { padding: 70px 20px; text-align: center; background: #f7f6f3; }
.cct-sem-resultados i { display: block; margin-bottom: 15px; font-size: 35px; color: #d71920; }
.cct-sem-resultados h3 { margin-bottom: 8px; font-size: 20px; font-weight: 800; }
.cct-sem-resultados p { margin-bottom: 0; font-size: 14px; color: #777; }
.cct-observacao { padding: 25px 0; background: var(--branco); }
.cct-observacao-box { display: flex; align-items: flex-start; gap: 25px; padding: 40px; border-left: 5px solid #d71920; background: #f4f2ee; }
.cct-observacao-box > i { flex-shrink: 0; font-size: 30px; color: #d71920; }
.cct-observacao-box h3 { margin-bottom: 10px; font-size: 20px; font-weight: 900; }
.cct-observacao-box p { max-width: 700px; margin-bottom: 15px; font-size: 15px; line-height: 1.7; color: #666; }
.cct-observacao-box a { display: inline-flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 800; letter-spacing: 1px; color: #d71920; }
.cct-observacao-box a:hover { color: #222; }


@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
.cct-documento { grid-template-columns: 180px minmax(0, 1fr) auto; }
}

@media (min-width: 1400px) {
}