/* Documentos legales de COMERTEC: misma identidad oscura, lectura cómoda y buena impresión */
.lg{padding-top:100px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;align-items:start;}
@media(max-width:900px){.lg{grid-template-columns:1fr;gap:18px;}}
.lg-nav,.lg-indice{display:block;}
.lg-nav{position:sticky;top:92px;border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(255,255,255,.7);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
@media(max-width:900px){.lg-nav{position:static;}}
.lg-nav h2{font-size:.78rem;letter-spacing:.12em;color:#0077a8;margin-bottom:10px;font-family:'Inter',sans-serif;}
.lg-nav ul{list-style:none;display:grid;gap:2px;}
.lg-nav a{display:block;padding:8px 10px;border-radius:8px;font-size:.86rem;color:#475467;}
.lg-nav a:hover{background:rgba(255,255,255,.05);color:var(--white);}
.lg-nav a[aria-current="page"]{background:rgba(0,217,255,.12);color:#0077a8;font-weight:600;}
@media(max-width:900px){.lg-nav ul{display:flex;flex-wrap:wrap;gap:6px;} .lg-nav a{border:1px solid var(--line);padding:6px 10px;font-size:.8rem;}}
.lg-doc{min-width:0;}
.lg-doc .etq{font-size:.74rem;letter-spacing:.12em;color:#0077a8;font-weight:700;}
.lg-doc h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15;margin:6px 0 10px;}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;color:var(--gray);font-size:.84rem;margin-bottom:22px;}
.lg-meta b{color:var(--white);font-weight:600;}
.lg-meta button{background:none;border:1px solid var(--line);color:var(--gray);border-radius:8px;padding:6px 12px;font:inherit;font-size:.8rem;cursor:pointer;}
.lg-meta button:hover{border-color:var(--cyan);color:#0077a8;}
.lg-intro{font-size:1rem;color:#0b1220;margin-bottom:22px;max-width:760px;}
.lg-indice{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:30px;background:rgba(255,255,255,.02);}
.lg-indice h2{font-size:.9rem;margin-bottom:8px;}
.lg-indice ol{columns:2;column-gap:28px;padding-left:18px;font-size:.86rem;}
@media(max-width:640px){.lg-indice ol{columns:1;}}
.lg-indice li{margin:3px 0;break-inside:avoid;}
.lg-indice a{color:#475467;} .lg-indice a:hover{color:#0077a8;}
.lg-doc section{padding:22px 0;border-top:1px solid var(--line);max-width:820px;}
.lg-doc section h2{font-size:1.25rem;margin-bottom:10px;}
.lg-doc section h3{font-size:1rem;margin:16px 0 6px;color:#0b1220;}
.lg-doc p,.lg-doc li{font-size:.95rem;color:#475467;}
.lg-doc p+p{margin-top:10px;}
.lg-doc ul,.lg-doc ol{padding-left:22px;margin:8px 0;}
.lg-doc li{margin:5px 0;}
.lg-doc a{color:#0077a8;text-decoration:underline;text-underline-offset:2px;}
.lg-doc strong{color:var(--white);}
.ley{font-size:.8rem;color:var(--gray);font-style:italic;}
.caja-dato{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:12px 0;}
.caja-dato table{width:100%;border-collapse:collapse;font-size:.9rem;}
.caja-dato th,.caja-dato td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);}
.caja-dato tr:last-child th,.caja-dato tr:last-child td{border-bottom:none;}
.caja-dato th{width:36%;color:var(--gray);font-weight:500;background:rgba(255,255,255,.02);}
.tabla{width:100%;border-collapse:collapse;font-size:.86rem;margin:12px 0;display:block;overflow-x:auto;}
.tabla th,.tabla td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top;min-width:120px;}
.tabla thead th{background:rgba(0,217,255,.08);color:var(--white);}
.nota{border-left:3px solid var(--cyan);background:rgba(0,217,255,.06);padding:12px 14px;border-radius:0 10px 10px 0;margin:12px 0;font-size:.9rem;}
.revision{border:1px dashed rgba(245,176,65,.7);background:rgba(245,176,65,.08);color:#0b1220;padding:10px 14px;border-radius:10px;margin:12px 0;font-size:.85rem;}
.revision b{color:#475467;}
.pasos-lg{counter-reset:p;list-style:none;padding-left:0!important;}
.pasos-lg li{counter-increment:p;position:relative;padding-left:40px;margin:10px 0;}
.pasos-lg li::before{content:counter(p);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:rgba(0,217,255,.14);color:#0077a8;font-weight:700;font-size:.82rem;}
/* Formulario PQRS */
.pq-form{border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(255,255,255,.7);margin:14px 0;max-width:820px;}
.pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;}
@media(max-width:640px){.pq-grid{grid-template-columns:1fr;}}
.pq-campo{display:grid;gap:5px;align-content:start;}
.pq-campo.ancho{grid-column:1/-1;}
.pq-campo label{font-size:.84rem;font-weight:600;color:var(--white);}
.pq-campo input,.pq-campo select,.pq-campo textarea{padding:11px 13px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(11,18,32,.14);color:var(--white);font:inherit;width:100%;}
.pq-campo select option{background:#ffffff;}
.pq-campo textarea{min-height:130px;resize:vertical;}
.pq-campo input:focus,.pq-campo select:focus,.pq-campo textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px rgba(0,217,255,.18);}
.pq-campo [aria-invalid="true"]{border-color:var(--red);}
.pq-err{color:#475467;font-size:.78rem;min-height:1.1em;}
.pq-form .btn{margin-top:10px;}
.pq-res{margin-top:16px;padding:16px;border-radius:12px;border:1px solid rgba(34,197,94,.5);background:rgba(34,197,94,.08);}
.pq-res.aviso{border-color:rgba(245,176,65,.6);background:rgba(245,176,65,.08);}
.pq-res .rad{font:700 1.2rem 'Space Grotesk',sans-serif;color:#0077a8;word-break:break-all;}
.pq-res .btn{margin-top:10px;}
.btn.wa{background:#25d366;color:#04101a;}
@media print{
  header,footer,.lg-nav,.lg-meta button,.lg-indice,.wa-flotante,.saltar,.pq-form{display:none!important;}
  body{background:#fff;color:#000;} .lg{display:block;padding-top:0;}
  .lg-doc p,.lg-doc li,.lg-doc h1,.lg-doc h2,.lg-doc h3,.caja-dato th{color:#000;} .lg-doc a{color:#000;}
  .lg-doc section{border-top:1px solid #ccc;}
}
/* Página "Políticas y condiciones": una tarjeta por documento con qué es y cuándo consultarlo */
.lg-tarjetas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;}
@media(max-width:700px){.lg-tarjetas{grid-template-columns:1fr;}}
.lg-tarjeta{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.75));text-decoration:none!important;transition:border-color .25s,transform .25s,box-shadow .25s;}
.lg-tarjeta:hover,.lg-tarjeta:focus-visible{border-color:rgba(0,217,255,.5);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,217,255,.12);}
.lg-tarjeta h2{font-size:1.05rem;color:var(--white);}
.lg-tarjeta p{font-size:.88rem;color:#475467;}
.lg-tarjeta .cuando{font-size:.8rem;color:var(--gray);}
.lg-tarjeta .cuando b{color:#0b1220;font-weight:600;}
.lg-tarjeta .ir{margin-top:auto;color:#0077a8;font-size:.84rem;font-weight:600;}
@media (prefers-reduced-motion: reduce){.lg-tarjeta:hover{transform:none;}}