/* Plantilla de artículo «Lista de control» (Summum Calidad). Se aplica solo en <main class="av2 lista">.
   Va DESPUÉS de articulo-v2.css y reutiliza su estructura (av2-*). Acento de Calidad. */
main.lista{
  --lc-papel:#FAFAF7; --lc-tinta:#0A0A0A; --lc-gris:#5E5D5A; --lc-linea:#E3E2DE;
  --lc-acento:#5FB394; --lc-deep:#408F73; --lc-texto:#1F6E50; --lc-ondark:#7BC9A9; --lc-suave:rgba(95,179,148,.14); --lc-tenue:rgba(95,179,148,.07);
  --lc-fs:clamp(18px, calc(.5vw + 10.8px), 24px);
  --lc-top:calc(var(--nav-h,88px) + 16px);
  --av2-scroll:calc(var(--nav-h,88px) + 28px);
}
main.lista .lc-wrap{max-width:2240px;margin:0 auto;padding:0 clamp(40px,4vw,96px);box-sizing:content-box;font-family:'Geist',system-ui,sans-serif;color:var(--lc-tinta)}
/* El sitio fija overflow-x:hidden en html y body, lo que rompe position:sticky; clip no crea contenedor de scroll */
html,body{overflow-x:clip}
.lc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lc-eyebrow{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--lc-gris);margin:0}

/* ---------- Rejilla: lista de control · texto · normas y contacto ---------- */
main.lista .lc-grid{display:grid;grid-template-columns:clamp(200px,15vw,400px) minmax(0,calc(var(--lc-fs) * 35.5)) clamp(282px,22vw,560px);
  grid-template-areas:"lista cab side" "lista art side";grid-template-rows:auto 1fr;column-gap:28px;justify-content:space-between;align-items:start;padding-top:36px}
main.lista .lc-grid>*{min-width:0}
main.lista .av2-cab{grid-area:cab;max-width:none;margin:0;padding:0}
main.lista .lc-lista{grid-area:lista}
main.lista article.av2-acol{grid-area:art;max-width:none;margin-top:36px;padding-bottom:32px;counter-reset:lcp;font-size:var(--lc-fs)}
main.lista .lc-side{grid-area:side;align-self:stretch}

/* ---------- Columna izquierda: el índice del artículo hecho lista de comprobación ---------- */
main.lista .lc-lista{position:sticky;top:var(--lc-top);max-height:calc(100vh - var(--lc-top) - 16px);overflow:auto;overscroll-behavior:contain;
  display:block;gap:0;background:#fff;border:1px solid var(--lc-linea);border-radius:10px;padding:18px 16px 14px}
main.lista .lc-lista .av2-toc-in{display:block}
main.lista .lc-lista .av2-toc-in>summary{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;border:0;pointer-events:none}
main.lista .lc-lista .av2-toc-in>summary::after{content:none}
main.lista .lc-prog{margin:14px 0 8px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:calc(var(--lc-fs) * .83);line-height:1.2;color:var(--lc-tinta)}
main.lista .lc-prog b{font-weight:500;font-style:normal;font-variant-numeric:tabular-nums}
.lc-barra{height:6px;border-radius:3px;background:var(--lc-linea);overflow:hidden}
.lc-barra span{display:block;height:100%;width:0;background:var(--lc-acento);border-radius:3px;transition:width .25s ease}
main.lista .lc-lista nav{display:block;border-left:0;margin-top:16px;counter-reset:lci}
main.lista .lc-lista nav a.ti{display:flex;align-items:flex-start;gap:10px;padding:8px 6px;margin:0 -6px;border:0;border-radius:6px;color:var(--lc-tinta);text-decoration:none;font-size:calc(var(--lc-fs) * .74);line-height:1.35;transition:background .15s}
main.lista .lc-lista nav a.ti+a.ti{border-top:1px dashed var(--lc-linea);border-top-left-radius:0;border-top-right-radius:0}
main.lista .lc-lista nav a.ti:hover{background:var(--lc-suave);color:var(--lc-tinta)}
.lc-box{flex:none;position:relative;width:18px;height:18px;margin-top:1px;border:1.75px solid var(--lc-tinta);border-radius:4px;background:#fff;transition:background .2s,border-color .2s}
.lc-t{min-width:0}
main.lista .lc-lista a.ti.leida .lc-box{background:var(--lc-acento);border-color:var(--lc-deep)}
main.lista .lc-lista a.ti.leida .lc-box::after{content:"";position:absolute;left:4.5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 2.25px 2.25px 0;transform:rotate(45deg)}
main.lista .lc-lista a.ti.leida .lc-t{color:var(--lc-gris)}
main.lista .lc-lista a.ti[aria-current=true]{background:var(--lc-suave)}
main.lista .lc-lista a.ti[aria-current=true] .lc-t{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:500;color:var(--lc-tinta)}
/* tarjeta de servicio relacionado del índice original */
main.lista .lc-lista .av2-toc-svc{margin-top:16px;padding:16px;gap:6px;border-radius:8px;border:1px solid var(--lc-linea);background:var(--lc-papel)}
main.lista .lc-lista .av2-toc-svc .av2-mono{color:var(--lc-texto)}
main.lista .lc-lista .av2-toc-svc .av2-disp{font-size:calc(var(--lc-fs) * .9)}
main.lista .lc-lista .av2-toc-svc .av2-more{font-size:calc(var(--lc-fs) * .7)}

/* ---------- Centro: migas, cabecera, imagen ---------- */
main.lista .av2-crumbs{padding:0;margin:0 0 20px;gap:.4rem;font-size:12px;letter-spacing:.12em;color:var(--lc-gris)}
main.lista .av2-crumbs a:hover{color:var(--lc-texto)}
main.lista .av2-crumb-actual{color:var(--lc-tinta)}
main.lista .av2-ahead{max-width:none;margin:0;padding:22px 0;gap:18px;border-top:3px solid var(--lc-tinta);border-bottom:1px dashed var(--lc-gris)}
main.lista .av2-ahead .av2-eyebrow{color:var(--lc-texto)}
main.lista .av2-ahead h1{font-weight:500;font-size:clamp(34px,3.2vw,calc(var(--lc-fs) * 2.7));line-height:1.08;letter-spacing:-.03em}
main.lista .av2-byline{padding-top:0}
main.lista .av2-fechas{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:var(--lc-gris)}
main.lista .av2-hero{margin:28px 0 0;border-radius:6px;border:1px solid var(--lc-linea);background:none}
main.lista .av2-hero img{aspect-ratio:auto;height:auto;border-radius:0}

/* ---------- Cuerpo ---------- */
main.lista .av2-acol .av2-prose>*{max-width:none}
main.lista .av2-acol .av2-prose p{font-family:'Geist',system-ui,sans-serif;font-size:var(--lc-fs);line-height:1.72;margin:0 0 1.1em}
main.lista .av2-acol .av2-prose a{text-decoration-color:var(--lc-acento);text-decoration-thickness:1.5px;text-underline-offset:3px}
main.lista .av2-acol .av2-prose a:hover{color:var(--lc-texto)}
main.lista .av2-acol .av2-tldr{background:var(--lc-suave);border-radius:10px;padding:clamp(20px,1.8vw,32px);margin:0}
main.lista .av2-acol .av2-tldr-t p{font-size:calc(var(--lc-fs) * 1.12);line-height:1.5;max-width:none}
main.lista .av2-acol .av2-bloque>h2{position:relative;font-weight:500;font-size:1.78em;line-height:1.16;letter-spacing:-.02em;margin:2.1em 0 .6em;padding-left:1.15em;max-width:none;scroll-margin-top:calc(var(--nav-h,88px) + 28px);counter-increment:lcp;text-wrap:balance}
main.lista .av2-acol .av2-tldr+.av2-bloque>h2,main.lista .av2-acol .av2-bloque:first-of-type>h2{margin-top:1.6em}
main.lista .av2-acol .av2-bloque>h2::before{content:"Punto " counter(lcp,decimal-leading-zero) " · por leer";display:block;margin:0 0 .5em;font-family:'Geist Mono',ui-monospace,monospace;font-weight:400;font-size:max(10.5px,.34em);line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--lc-gris)}
main.lista .av2-acol .av2-bloque>h2.lc-leida::before{content:"Punto " counter(lcp,decimal-leading-zero) " · comprobado";color:var(--lc-texto)}
main.lista .av2-acol .av2-bloque>h2::after{content:"";position:absolute;left:0;top:.85em;width:.62em;height:.62em;border:2px solid var(--lc-tinta);border-radius:4px;background:#fff;box-sizing:border-box}
main.lista .av2-acol .av2-bloque>h2.lc-leida::after{background:var(--lc-acento) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.6l3 3 6.6-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/84% no-repeat;border-color:var(--lc-deep)}
main.lista .av2-acol .av2-prose h3{font-weight:500;font-size:1.3em;line-height:1.25;letter-spacing:-.01em;margin:1.6em 0 .4em;max-width:none}
/* listas: marcas del acento, sin filas con filete */
main.lista .av2-acol .av2-prose ul{list-style:disc;padding-left:1.4em;margin:0 0 1.3em}
main.lista .av2-acol .av2-prose ol{list-style:decimal;padding-left:1.6em;margin:0 0 1.3em;counter-reset:none}
main.lista .av2-acol .av2-prose ul>li,main.lista .av2-acol .av2-prose ol>li{position:static;display:list-item;padding:.2em 0 .2em .3em;min-height:0;border:0;font-size:var(--lc-fs);line-height:1.65;color:var(--lc-tinta)}
main.lista .av2-acol .av2-prose ul>li:last-child{border:0}
main.lista .av2-acol .av2-prose ul>li::before,main.lista .av2-acol .av2-prose ol>li::before,main.lista .av2-acol .av2-prose ol>li::after{content:none;display:none}
main.lista .av2-acol .av2-prose li::marker{color:var(--lc-deep)}
main.lista .av2-acol .av2-prose li li{font-size:inherit;padding:.15em 0 .15em .3em}
/* tablas: se conservan enteras y se desplazan dentro de su caja */
main.lista .av2-acol .av2-tblbox{border-radius:8px;border-color:var(--lc-linea);margin:1.4em 0 1.6em}
main.lista .av2-acol .av2-tblbox table{font-size:.8em;min-width:560px}
main.lista .av2-acol .av2-tblbox th{background:var(--lc-suave)}
main.lista .av2-acol .av2-tblbox tbody tr:nth-child(2n) td{background:var(--lc-tenue)}
main.lista .av2-acol .art-inline{background:#fff;border:1px solid var(--lc-linea);border-radius:8px;padding:clamp(10px,1.2vw,22px)}
main.lista .av2-acol .av2-quote blockquote p{font-size:calc(var(--lc-fs) * 1.2);max-width:none}
main.lista .av2-acol .av2-note{max-width:none}
main.lista .av2-acol .av2-note p{font-size:calc(var(--lc-fs) * .85) !important}
main.lista .av2-acol .av2-faq summary h3{font-size:calc(var(--lc-fs) * 1.08)}
main.lista .av2-acol .av2-faq .body{max-width:none}
main.lista .av2-acol .av2-faq .body p,main.lista .av2-acol .av2-faq .body li{font-size:calc(var(--lc-fs) * .92)}
main.lista .av2-acol .av2-srcs>li,main.lista .av2-acol .av2-fuentes ul>li{font-size:calc(var(--lc-fs) * .78)}
main.lista .av2-acol .av2-fuentes-linea{font-size:calc(var(--lc-fs) * .78)}
.lc-prim{background:linear-gradient(var(--lc-suave),var(--lc-suave)) no-repeat 0 90%/100% 38%;scroll-margin-top:calc(var(--nav-h,88px) + 96px)}
.lc-prim.lc-resalta{animation:lc-res 1.6s ease-out}
@keyframes lc-res{0%{box-shadow:0 0 0 6px var(--lc-acento);background-color:var(--lc-suave)}100%{box-shadow:0 0 0 6px transparent}}
.lc-fin{display:block;height:1px}

/* ---------- Columna derecha ---------- */
main.lista .lc-fija{position:sticky;top:var(--lc-top);display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - var(--lc-top) - 16px);overflow:auto;overscroll-behavior:contain;padding:2px}
main.lista .lc-normas,main.lista .lc-ficha{background:#fff;border:1px solid var(--lc-linea);border-top:3px solid var(--lc-tinta);border-radius:6px;padding:16px 18px}
main.lista .lc-normas ul{list-style:none;margin:12px 0 0;padding:0}
main.lista .lc-normas .lc-sub{margin-top:14px}
main.lista .lc-normas li a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--lc-linea);font-size:calc(var(--lc-fs) * .76);line-height:1.3;color:var(--lc-tinta);text-decoration:none}
main.lista .lc-normas li:first-child a{border-top:0}
main.lista .lc-normas li a:hover .nm{color:var(--lc-texto);text-decoration:underline;text-decoration-color:var(--lc-acento);text-underline-offset:3px}
main.lista .lc-normas .ct{flex:none;font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--lc-texto);background:var(--lc-suave);border-radius:999px;padding:1px 9px}
main.lista .lc-nota{margin:12px 0 0;font-size:calc(var(--lc-fs) * .68);line-height:1.4;color:var(--lc-gris)}
main.lista .lc-ficha dl{margin:10px 0 0;font-size:calc(var(--lc-fs) * .76);line-height:1.4}
main.lista .lc-ficha dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--lc-linea)}
main.lista .lc-ficha dt{color:var(--lc-gris)} main.lista .lc-ficha dd{margin:0;text-align:right}
main.lista .lc-ficha .lc-firma{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:1.1em;line-height:1.2}
/* llamada a la acción del sitio, en la columna */
main.lista .lc-side .av2-sec{max-width:none;margin:0;padding:0}
main.lista .lc-side .av2-cta-box{display:flex;flex-direction:column;align-items:stretch;gap:16px;background:var(--lc-tinta);color:var(--lc-papel);border-radius:10px;padding:22px}
main.lista .lc-side .av2-cta-text{gap:10px}
main.lista .lc-side .av2-cta-eyebrow{color:var(--lc-ondark)}
main.lista .lc-side .av2-cta-box h2{font-weight:400;font-size:calc(var(--lc-fs) * 1.3);line-height:1.2;letter-spacing:-.01em;color:var(--lc-papel)}
main.lista .lc-side .av2-cta-text p{font-size:calc(var(--lc-fs) * .76);line-height:1.5;color:#CFCCC4;max-width:none}
main.lista .lc-side .av2-cta-actions{flex-direction:column;align-items:stretch;gap:8px;padding-top:4px}
main.lista .lc-side .av2-btn{justify-content:space-between;min-height:44px;padding:0 18px;font-size:calc(var(--lc-fs) * .76)}
main.lista .lc-side .av2-btn-acc{background:var(--lc-ondark);justify-content:center}
main.lista .lc-side .av2-btn-line{color:var(--lc-papel);border-color:rgba(250,250,247,.28)}
main.lista .lc-side .av2-cta-svc{padding:14px 16px;gap:6px;border-radius:8px}
main.lista .lc-side .av2-cta-svc a{font-size:calc(var(--lc-fs) * .9)}
main.lista .lc-side .av2-cta-svc a::after{border-radius:8px}
@media (max-height:980px){main.lista .lc-fija .av2-cta-text>p:not(.lc-x){display:none}}

/* ---------- Anchos intermedios: lista + texto; normas bajo el texto ---------- */
@media (max-width:1279px){
  main.lista .lc-wrap{padding:0 36px}
  main.lista .lc-grid{grid-template-columns:clamp(190px,22vw,230px) minmax(0,1fr);grid-template-areas:"lista cab" "lista art" ". side";grid-template-rows:auto auto auto;column-gap:32px}
  main.lista .lc-fija{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
  main.lista .lc-fija .av2-sec{grid-column:1/-1;order:3}
  main.lista .lc-normas{order:1} main.lista .lc-ficha{order:2}
  main.lista .lc-fija .av2-cta-text>p:not(.lc-x){display:block}
}
/* ---------- Móvil y tableta estrecha: una columna; la lista pasa a barra fija arriba ---------- */
@media (max-width:980px){
  main.lista .lc-wrap{padding:0 20px;--lc-fs:17px}
  main.lista .lc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"lista" "cab" "art" "side";grid-template-rows:auto;row-gap:28px;padding-top:0}
  main.lista .lc-lista{position:sticky;top:var(--nav-h,64px);z-index:30;max-height:none;overflow:visible;margin:0 -20px;border-radius:0;border-width:0 0 1px;padding:10px 20px;box-shadow:0 8px 18px rgba(10,10,10,.05)}
  main.lista .lc-lista .lc-cab .lc-eyebrow{display:none}
  main.lista .lc-lista .lc-cab{padding-right:150px}
  main.lista .lc-prog{margin:0 0 7px;font-size:15px}
  main.lista .lc-lista .av2-toc-in{display:block;position:static}
  main.lista .lc-lista .av2-toc-in>summary{position:absolute;right:20px;top:8px;width:auto;height:auto;min-height:36px;clip:auto;overflow:visible;display:flex;align-items:center;gap:8px;margin:0;padding:0 14px;border:1px solid var(--lc-tinta);border-radius:999px;background:#fff;color:var(--lc-tinta);font-family:'Geist',system-ui,sans-serif;font-size:13px;letter-spacing:0;text-transform:none;cursor:pointer;pointer-events:auto;list-style:none}
  main.lista .lc-lista .av2-toc-in>summary::after{content:"+";display:inline;font-size:16px;line-height:1}
  main.lista .lc-lista .av2-toc-in[open]>summary::after{content:"−"}
  main.lista .lc-lista .av2-toc-in[open]>summary{margin:0}
  main.lista .lc-lista nav{margin-top:10px;max-height:calc(100vh - var(--nav-h,64px) - 100px);overflow:auto;flex-direction:column;flex-wrap:nowrap;gap:0}
  main.lista .lc-lista nav a.ti{border-radius:6px;padding:11px 6px;font-size:15px;min-height:44px}
  main.lista .lc-lista .av2-toc-svc{display:none}
  main.lista .av2-crumbs{margin-top:24px}
  main.lista .av2-acol .av2-bloque>h2{font-size:28px;scroll-margin-top:calc(var(--nav-h,64px) + 84px)}
  main.lista .av2-acol .av2-prose p{font-size:var(--lc-fs)}
  .lc-prim{scroll-margin-top:calc(var(--nav-h,64px) + 90px)}
  main.lista .lc-fija{display:flex;flex-direction:column;max-height:none}
}
