/* Páginas legales (legal-vista.php). Va sobre faq.css: misma portada, índice a la izquierda y banda de ayuda. */
.lg-act{font-size:13px;color:var(--page-muted,#6A707A);font-weight:600}
.lg-nav ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
@media (min-width:901px){.lg-nav{max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin}}   /* índices largos en portátiles bajos */
.lg-nav ol a{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:12px;color:inherit;text-decoration:none;font-weight:600;font-size:14px;line-height:1.35;transition:background .15s,color .15s}
.lg-nav ol a:hover{background:#fff}
.lg-nav ol a.on{background:#fff;color:#F60C76;box-shadow:0 4px 14px rgba(22,24,29,.06)}
.lg-n{flex:none;min-width:22px;height:22px;border-radius:50%;background:#FFE3EF;color:#F60C76;font-size:12px;font-weight:800;display:grid;place-items:center}
.lg-nav ol a.on .lg-n{background:#F60C76;color:#fff}
.lg-otras-t{margin-top:22px!important}
.lg-otras{list-style:none;margin:0;padding:0 0 0 12px;display:grid;gap:6px}
.lg-otras a{color:#F60C76;font-weight:700;font-size:14px;text-decoration:none}
.lg-otras a:hover{text-decoration:underline}

.lg-cont{display:grid;gap:20px}
.lg-cont>*{min-width:0}
.lg-resp{background:#fff;border:1px solid #FBD2E3;border-radius:18px;padding:18px 22px}
.lg-resp-t{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#F60C76;margin:0 0 10px}
.lg-resp dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}
.lg-resp dt{font-size:12px;color:var(--page-muted,#6A707A);font-weight:600}
.lg-resp dd{margin:2px 0 0;font-weight:700;font-size:14.5px}

.lg-txt{background:#fff;border:1px solid #E4E5EA;border-radius:20px;padding:clamp(22px,3.5vw,44px);color:#3D424B;font-size:16px;line-height:1.7;max-width:none}
.lg-txt>*:first-child{margin-top:0}
.lg-txt li,.lg-txt p{overflow-wrap:anywhere}   /* direcciones web largas (cookies) partían la página en el móvil */
.lg-txt h2{scroll-margin-top:110px;color:var(--page-fg,#16181D);font-size:clamp(20px,2.2vw,24px);font-weight:800;line-height:1.25;margin:36px 0 12px;padding-top:28px;border-top:1px solid #F0F1F4}
.lg-txt h2:first-child{border-top:0;padding-top:0}
.lg-txt h3{color:var(--page-fg,#16181D);font-size:17px;font-weight:800;margin:24px 0 8px}
.lg-txt p{margin:0 0 12px}
.lg-txt ul,.lg-txt ol{margin:0 0 14px;padding-left:22px;display:grid;gap:6px}
.lg-txt li::marker{color:#F60C76}
.lg-txt a{color:#F60C76;font-weight:700;word-break:break-word}
.lg-txt b,.lg-txt strong{color:var(--page-fg,#16181D)}
.lg-txt table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:14px;display:block;overflow-x:auto}
.lg-txt th,.lg-txt td{border:1px solid #E4E5EA;padding:8px 10px;text-align:left;vertical-align:top}
.lg-txt th{background:#FFF6FA;color:var(--page-fg,#16181D)}
.fq-ayuda-s a{color:#F60C76;font-weight:700}

@media (max-width:900px){
  .lg-nav ol{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}
  .lg-nav ol::-webkit-scrollbar{display:none}
  .lg-nav ol a{white-space:nowrap;background:#fff;border:1px solid #E4E5EA;border-radius:999px;padding:6px 12px 6px 6px;font-size:13.5px}
  .fq-nav .lg-otras-t,.fq-nav .lg-otras{display:none}
  .lg-resp dl{grid-template-columns:1fr 1fr}
  .lg-txt{font-size:15.5px}
  .lg-txt h2{scroll-margin-top:130px}
}