/* =====================================================================
   ¿Equis Mobile es confiable? · /por-que-equis/
   Usa los tokens --eq-* de /assets/sitio/sistema.css. Prefijo .pq-
   ===================================================================== */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{
  margin:0;background:#FFFFFF;color:var(--eq-tinta);
  font:400 17px/1.55 var(--eq-texto);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--eq-verde-texto);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--eq-verde-texto);outline-offset:3px;border-radius:4px}
h1,h2,h3,p,ul,dl,dd{margin:0}
ul{padding:0;list-style:none}
.num{font-variant-numeric:tabular-nums}

.pq-in{max-width:1120px;margin:0 auto;padding:0 22px}
.pq-seccion{padding:96px 0}
.pq-seccion .eq-h2{margin-bottom:44px;max-width:900px}

/* Nota de fuente: el rasgo de la página. Cada afirmación dice de dónde sale. */
.pq-fuente{
  margin-top:14px;padding-left:12px;
  border-left:2px solid var(--eq-verde-formal);
  font-size:13px;line-height:1.5;color:var(--eq-tenue);text-wrap:pretty;
}
.pq-fuente a{white-space:nowrap}

/* ---------- 1 · Portada ---------- */
.pq-portada{padding:72px 0 88px;background:#FFFFFF}
.pq-portada-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.pq-pregunta{
  font:700 clamp(19px,2.2vw,24px)/1.2 var(--eq-display);letter-spacing:-.02em;
  color:var(--eq-verde-texto);margin-bottom:12px;
}
.pq-portada h1{
  font:900 clamp(40px,6.4vw,72px)/1.0 var(--eq-display);letter-spacing:-.045em;
  color:var(--eq-negro);text-wrap:balance;margin-bottom:28px;
}
.pq-respuesta{font-size:clamp(18px,1.9vw,21px);line-height:1.5;color:var(--eq-tinta);max-width:600px;text-wrap:pretty}
.pq-respuesta strong{font-weight:700}
.pq-sub{margin-top:14px;color:var(--eq-tenue);max-width:560px;text-wrap:pretty}
.pq-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.pq-ctas--centro{justify-content:center}

/* Ficha: tarjeta negra tipo registro */
.pq-ficha{
  background:var(--eq-negro);color:#F5F5F7;border-radius:var(--eq-r-tarjeta);
  padding:30px 30px 26px;
}
.pq-ficha-titulo{
  font:600 13px/1.3 var(--eq-texto);letter-spacing:.08em;text-transform:uppercase;
  color:rgba(245,245,247,.6);padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14);
}
.pq-ficha dl > div{
  display:grid;grid-template-columns:128px 1fr;gap:4px 16px;
  padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);
}
.pq-ficha dt{font-size:13px;line-height:1.45;color:rgba(245,245,247,.55);padding-top:2px}
.pq-ficha dd{font-size:15px;line-height:1.45;font-weight:600;color:#FFFFFF}
.pq-ficha dd.num{font-size:17px;letter-spacing:.01em}
.pq-ficha a{color:var(--eq-lima)}
.pq-ficha a:focus-visible{outline-color:var(--eq-lima)}
.pq-ficha-pie{margin-top:16px;font-size:13px;line-height:1.5;color:rgba(245,245,247,.6)}

/* ---------- 2 · Cifras ---------- */
.pq-cifras{background:var(--eq-superficie)}
.pq-cifras-lista{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.pq-cifras-lista li{padding:4px 28px 0;border-left:1px solid var(--eq-borde)}
.pq-cifras-lista li:first-child{padding-left:0;border-left:0}
.pq-cifra{font:800 clamp(38px,4.4vw,52px)/1 var(--eq-display);letter-spacing:-.04em;color:var(--eq-negro)}
.pq-cifra-que{margin-top:8px;font-weight:600;font-size:16px;color:var(--eq-tinta)}

/* ---------- 3 · Por escrito ---------- */
.pq-escrito{background:#FFFFFF}
.pq-escrito-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:start}
.pq-tabla{width:100%;border-collapse:collapse;font-size:15px}
.pq-tabla caption{
  text-align:left;font:700 13px/1.3 var(--eq-texto);letter-spacing:.08em;text-transform:uppercase;
  color:var(--eq-tenue);padding-bottom:12px;
}
.pq-tabla th,.pq-tabla td{text-align:left;vertical-align:top;padding:15px 16px 15px 0;border-bottom:1px solid var(--eq-borde)}
.pq-tabla thead th{font-size:13px;font-weight:600;color:var(--eq-tenue);padding-top:0}
.pq-tabla tbody th{font-weight:600;color:var(--eq-tinta);width:40%}
.pq-tabla td.num{font:800 17px/1.3 var(--eq-display);letter-spacing:-.02em;color:var(--eq-negro);white-space:nowrap;width:24%}
.pq-tabla td small{display:block;margin-top:3px;font:400 13px/1.4 var(--eq-texto);letter-spacing:0;color:var(--eq-tenue);white-space:normal}
.pq-tabla td:last-child{color:var(--eq-tenue);padding-right:0}
.pq-tabla-caja .pq-fuente{margin-top:18px}

.pq-hechos{display:grid;gap:26px;padding-top:30px}
.pq-hechos h3{font:700 18px/1.3 var(--eq-display);letter-spacing:-.02em;color:var(--eq-negro);margin-bottom:6px}
.pq-hechos p{font-size:15px;line-height:1.55;color:var(--eq-tenue)}

/* ---------- 4 · Reseñas (banda oscura) ---------- */
.pq-resenas{background:var(--eq-negro);color:#F5F5F7}
.pq-resenas .eq-h2{color:#FFFFFF}
.pq-notas{display:grid;grid-template-columns:auto 1fr;gap:28px 72px;align-items:end}
.pq-nota-cifra{font:900 clamp(96px,14vw,176px)/.86 var(--eq-display);letter-spacing:-.06em;color:var(--eq-lima)}
.pq-nota-cifra span{font-size:.22em;font-weight:700;letter-spacing:-.01em;color:rgba(245,245,247,.7);margin-left:.18em}
.pq-nota-cifra--chica{font-size:clamp(52px,6vw,72px);color:#FFFFFF}
.pq-nota-cifra--chica span{font-size:.36em}
.pq-nota-que{margin-top:30px;font-size:16px;color:rgba(245,245,247,.75)}
.pq-nota-que strong{color:#FFFFFF;font-weight:600}
.pq-fuente--oscura{margin-top:32px;color:rgba(245,245,247,.6);border-left-color:var(--eq-lima);max-width:760px}

.pq-gente{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}
.pq-gente img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--eq-r-ficha)}
.pq-pie-foto{margin-top:12px;font-size:13px;color:rgba(245,245,247,.55)}
.pq-pqr{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:16px;color:rgba(245,245,247,.8)}
.pq-pqr a{color:var(--eq-lima);font-weight:600;white-space:nowrap}
.pq-resenas a:focus-visible{outline-color:var(--eq-lima)}

/* ---------- 5 · Cómo compras ---------- */
.pq-compras{background:var(--eq-superficie)}
.pq-filas{
  display:grid;grid-template-columns:1fr 1fr;
  background:#FFFFFF;border-radius:var(--eq-r-tarjeta);overflow:hidden;
}
.pq-filas li{border-bottom:1px solid var(--eq-borde)}
.pq-filas li:nth-child(odd){border-right:1px solid var(--eq-borde)}
.pq-filas li:nth-last-child(-n+2){border-bottom:0}
.pq-filas a{
  display:flex;align-items:center;gap:16px;height:100%;
  padding:22px 24px;color:inherit;text-decoration:none;transition:background-color .15s ease;
}
.pq-filas a:hover{background:#FAFAFA;text-decoration:none}
.pq-filas a:focus-visible{outline-offset:-3px;border-radius:0}
.pq-fila-texto{flex:1;min-width:0}
.pq-fila-texto strong{display:block;font:700 17px/1.3 var(--eq-display);letter-spacing:-.02em;color:var(--eq-negro);margin-bottom:4px}
.pq-fila-texto span{display:block;font-size:15px;line-height:1.5;color:var(--eq-tenue)}
.pq-chevron{flex-shrink:0;color:rgba(0,0,0,.3)}

/* ---------- 6 · Sedes ---------- */
.pq-sedes{background:#FFFFFF}
.pq-sedes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pq-sede{background:var(--eq-superficie);border-radius:var(--eq-r-tarjeta);overflow:hidden}
.pq-sede img{width:100%;aspect-ratio:16/8;object-fit:cover}
.pq-sede-texto{padding:22px 24px 24px}
.pq-sede h3{font:800 22px/1.2 var(--eq-display);letter-spacing:-.03em;color:var(--eq-negro);margin-bottom:4px}
.pq-sede p{font-size:15px;color:var(--eq-tenue)}
.pq-enlace{display:inline-block;margin-top:12px;font-weight:600;font-size:15px}
.pq-aviso{margin-top:16px;font-size:14px;color:var(--eq-tenue)}
.pq-aviso + .pq-aviso{margin-top:4px}
.pq-redir{margin-top:12px}
.pq-redir summary{cursor:pointer;list-style:none;margin-top:0;color:var(--eq-verde-texto);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pq-redir summary::-webkit-details-marker{display:none}
.pq-redir summary::marker{content:""}
.pq-redir-nota{margin-top:10px;font-size:14px;line-height:1.45;color:var(--eq-tinta)}
.pq-redir a.pq-enlace{margin-top:8px}

/* ---------- 7 · FAQ ---------- */
.pq-faq{background:var(--eq-superficie)}
.pq-faq-lista{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px}
.pq-faq-lista dt{font:700 19px/1.3 var(--eq-display);letter-spacing:-.02em;color:var(--eq-negro);margin-bottom:10px}
.pq-faq-lista dd{font-size:16px;line-height:1.6;color:#424245;text-wrap:pretty}

/* ---------- 8 · Cierre ---------- */
.pq-cierre{background:#FFFFFF;text-align:center}
.pq-cierre .eq-h2{margin:0 auto 8px}
.eq-pie{margin-top:0}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .pq-sedes-grid{grid-template-columns:1fr 1fr}
  .pq-sede:first-child{grid-column:1/-1}
  .pq-portada-grid{grid-template-columns:1fr;gap:44px}
  .pq-ficha{max-width:560px}
  .pq-cifras-lista{grid-template-columns:1fr 1fr;gap:36px 0}
  .pq-cifras-lista li:nth-child(3){padding-left:0;border-left:0}
  .pq-escrito-grid{grid-template-columns:1fr;gap:40px}
  .pq-hechos{grid-template-columns:1fr 1fr;padding-top:0;gap:26px 32px}
}
@media (max-width:760px){
  body{font-size:16px}
  .pq-in{padding:0 16px}
  .pq-seccion{padding:64px 0}
  .pq-seccion .eq-h2{margin-bottom:32px}
  .pq-portada{padding:40px 0 56px}
  .pq-ctas .eq-btn{flex:1 1 100%}
  .pq-ficha{padding:24px 20px 20px}
  .pq-ficha dl > div{grid-template-columns:1fr;gap:2px}
  .pq-cifras-lista li{padding:0 0 0 16px}
  .pq-cifras-lista li:nth-child(odd){padding-left:0;border-left:0}
  .pq-hechos{grid-template-columns:1fr}
  /* Tabla de garantía como lista en celular */
  .pq-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pq-tabla tr{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:14px 0;border-bottom:1px solid var(--eq-borde)}
  .pq-tabla th,.pq-tabla td{display:block;padding:0;border:0;width:auto!important}
  .pq-tabla tbody th{grid-column:1;grid-row:1}
  .pq-tabla td.num{grid-column:2;grid-row:1 / span 2;text-align:right;white-space:normal;max-width:140px}
  .pq-tabla td:last-child{grid-column:1;grid-row:2;font-size:14px}
  .pq-notas{grid-template-columns:1fr;gap:36px}
  .pq-gente{grid-template-columns:1fr 1fr;gap:10px;margin-top:40px}
  .pq-filas{grid-template-columns:1fr}
  .pq-filas li:nth-child(odd){border-right:0}
  .pq-filas li:nth-last-child(2){border-bottom:1px solid var(--eq-borde)}
  .pq-filas a{padding:18px 18px}
  .pq-sedes-grid{grid-template-columns:1fr}
  .pq-faq-lista{grid-template-columns:1fr;gap:32px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}