/* Comisiones: índice de tarjetas y páginas individuales. Complementa editorial.css. */
:root{--cm-azul:#16233B;--cm-dorado:#B8863B;--cm-dorado-texto:#7a5620;--cm-crema:#EFEEE6}
.cm-intro{margin-bottom:30px}
.cm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cm-card{display:flex;flex-direction:column;height:100%;min-height:190px;padding:22px 22px 18px;background:var(--cm-crema);border:1px solid #dcd9cc;border-top:3px solid var(--cm-dorado);border-radius:6px;text-decoration:none;color:var(--cm-azul);transition:border-color .2s,box-shadow .2s}
.cm-card:hover{border-color:var(--cm-dorado);box-shadow:0 10px 24px #16233b14}
.cm-card-num{font-size:.72rem;font-weight:650;letter-spacing:.12em;color:var(--cm-dorado-texto)}
.cm-card h2{font-size:1.45rem;line-height:1.25;margin:10px 0 8px;color:var(--cm-azul);overflow-wrap:anywhere}
.cm-card-meta{font-size:.84rem;color:#4f5b66;margin-bottom:18px}
.cm-card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:1.25rem;color:var(--cm-dorado-texto)}
.cm-status{display:inline-block;font-size:.7rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:3px;background:var(--cm-azul);color:#fff}
.cm-status--pending{background:transparent;color:var(--cm-dorado-texto);border:1px solid var(--cm-dorado)}
.cm-subtitle{font-family:var(--serif);font-size:1.15rem;line-height:1.5;color:#4f5b66;margin-top:14px;max-width:52ch}
.cm-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:26px 0 0;padding:20px 22px;background:var(--cm-crema);border-left:3px solid var(--cm-dorado);border-radius:4px}
.cm-facts dt{font-size:.68rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--cm-dorado-texto)}
.cm-facts dd{margin:3px 0 0;color:var(--cm-azul);font-size:.95rem;line-height:1.5}
.cm-page .prose h2:first-child{margin-top:0}
.cm-topics{list-style:none;padding-left:0!important}
.cm-topics li{padding:16px 0 16px 18px!important;border-left:2px solid var(--cm-dorado);margin-bottom:16px}
.cm-topic-label{display:block;font-family:var(--sans);font-size:.7rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--cm-dorado-texto);margin-bottom:6px}
.cm-muted{color:var(--muted)}
.cm-back{margin-top:24px;font-size:.9rem}
.cm-guide{margin-top:44px;padding:26px;background:var(--cm-azul);color:#e6e9ee;border-radius:6px}
.cm-guide h2{color:#fff;font-size:1.6rem;margin-bottom:12px}
.cm-guide .cm-status{background:var(--cm-dorado);color:var(--cm-azul)}
.cm-guide p{margin-top:12px;font-size:.95rem}
.cm-guide a:not(.btn){color:#fff}
.cm-guide--pending .cm-status{background:transparent;color:#e9cf9c;border-color:#e9cf9c}
.cm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.cm-btn-primary{background:var(--cm-dorado);color:var(--cm-azul)}
.cm-btn-primary:hover{background:#cf9e52}
.cm-btn-outline{border-color:#e6e9ee;color:#fff;background:transparent}
.cm-btn-outline:hover{background:#ffffff14}
@media(max-width:760px){.cm-grid{grid-template-columns:1fr;gap:14px}.cm-card{min-height:0}.cm-facts{grid-template-columns:1fr;padding:18px}.cm-guide{padding:22px 18px}.cm-actions .btn{width:100%}}
@media print{.cm-guide{background:none;color:inherit;border:1px solid #999}.cm-actions{display:none}}
