/* === ALC Abogados · componente "cp-list" ===
   Reglas portadas verbatim de design/css/sections.css (líneas 517-532). NO reescribir. */

.cp-list { background: var(--paper); padding: 96px 56px; }
.cp-list-inner { max-width: var(--max); margin: 0 auto; }
.cp-list-head { margin-bottom: 40px; max-width: 760px; }
.cp-list-head .cp-h2 { font-size: clamp(28px, 3.4vw, 44px); }
.cp-list-items { border-top: 1px solid var(--ink); }
.cp-list-item { display: grid; grid-template-columns: 60px 1fr 180px 24px; gap: 28px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--line); color: var(--ink); transition: padding-left .2s, background .2s; }
.cp-list-item:hover { padding-left: 14px; background: var(--paper-2); }
.cp-list-num { font-size: 14px; font-weight: 700; color: var(--accent-deep); }
.cp-list-tag { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent-deep); font-weight: 700; padding-bottom: 4px; display: inline-block; }
.cp-list-title { font-size: 20px; font-weight: 700; letter-spacing: -0.012em; line-height: 1.3; padding-bottom: 4px; }
.cp-list-body { font-size: 14.5px; color: var(--ink-2); line-height: 1.55; }
.cp-list-meta { font-size: 13px; color: var(--ink-3); font-weight: 500; text-align: right; }
.cp-list-arr { color: var(--ink-3); transition: color .15s, transform .15s; }
.cp-list-item:hover .cp-list-arr { color: var(--accent-deep); transform: translateX(4px); }
@media (max-width: 900px) { .cp-list { padding: 56px 20px; } .cp-list-item { grid-template-columns: 40px 1fr 24px; gap: 14px; padding: 20px 0; } .cp-list-meta { display: none; } }