/* ConLupa — estilos compartidos de Consumidor, Conflictos digitales y Escuela. Usa tarjetas.css y bloques.css. Al cambiarlo, subir el ?v=. */
.pl-sec{margin-top:1rem}
.pl-sec h2{font-size:1.4rem;color:var(--heading);margin:0 0 .4rem}
.pl-sec h3{font-size:1.1rem;color:var(--heading);margin:1.2rem 0 .4rem}
.pl-pasos{margin:.4rem 0 0;padding-left:1.3rem;display:grid;gap:.45rem}
.pl-pasos li{padding-left:.2rem}
.pl-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0 0}
.pl-links a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .9rem;border:1.5px solid var(--line-2);border-radius:10px;color:var(--ink);font-weight:600;text-decoration:none}
@media (hover:hover) and (pointer:fine){.pl-links a:hover{border-color:var(--ink)}}
.pl-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;margin:0 0 1rem}
.pl-tabs a{display:flex;flex-direction:column;gap:.1rem;min-height:44px;padding:.7rem .9rem;border:1.5px solid var(--line-2);border-radius:12px;color:var(--text);text-decoration:none;background:var(--surface)}
.pl-tabs a b{color:var(--heading)}
.pl-tabs a small{color:var(--muted);font-size:.85rem}
@media (hover:hover) and (pointer:fine){.pl-tabs a:hover{border-color:var(--ink)}}
.pl-nota{border-left:4px solid var(--amber);background:color-mix(in srgb,var(--amber) 9%,var(--surface));border-radius:10px;padding:.7rem .9rem;margin:.8rem 0 0;font-size:.95rem}
.pl-final{white-space:pre-wrap;font:400 .98rem/1.6 var(--serif,Georgia,serif);background:var(--sky,var(--surface-2));border-radius:12px;padding:.9rem 1rem;margin:.8rem 0 0;overflow-wrap:anywhere}
.pl-out:empty{display:none}
.pl-out{margin-top:1rem}
.pl-checks{display:grid;gap:.5rem;margin:.4rem 0 0}
.pl-checks label{display:flex;gap:.6rem;align-items:flex-start;min-height:44px}
.pl-checks input{width:1.2rem;height:1.2rem;margin-top:.15rem;flex:none;accent-color:var(--ink)}
.aud-paso textarea,.pl-sec textarea,.pl-sec input,.pl-sec select{font-size:16px}

/* Escuela y folletos */
.esc-indice{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;margin:0 0 1.4rem}
.esc-indice a{display:flex;gap:.6rem;align-items:center;min-height:52px;padding:.7rem .9rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--heading);font-weight:700;text-decoration:none}
@media (hover:hover) and (pointer:fine){.esc-indice a:hover{border-color:var(--ink)}}
.folleto{padding:1.6rem;margin:0 0 1.2rem;scroll-margin-top:5rem}
.folleto h2{font-size:clamp(1.4rem,4vw,1.8rem);color:var(--heading);margin:0 0 .2rem;line-height:1.15}
.folleto .bajada{color:var(--muted);margin:0 0 1rem}
.folleto section{border-top:1px solid var(--line);padding-top:.8rem;margin-top:.8rem}
.folleto section h3{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 .4rem}
.folleto ul{margin:.2rem 0 0;padding-left:1.2rem;display:grid;gap:.35rem}
.folleto .dato{font-variant-numeric:tabular-nums}
.folleto .legal{font-size:.82rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:.7rem;margin-top:1rem}
.folleto .acc{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}

@media print{
  @page{size:A4;margin:16mm 16mm}
  body{background:#fff!important;background-image:none!important}
  .top,.skip,.no-print,footer.site,.cmdk-btn,#claraFab,[class*="clara"],.menu-btn,.esc-indice,.aud-intro{display:none!important}
  body[data-imprimir] .folleto:not(.imprimir){display:none!important}
  .folleto{box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;font-size:10.5pt;color:#000!important;background:#fff!important}
  .folleto h2{font-size:18pt;color:#000!important}
  .folleto .acc{display:none!important}
  .folleto .legal{color:#333!important}
}