/* p-clientes.css · /identidad/clientes/ · clases con prefijo mtc- · solo tokens */
.mtc-sprite{position:absolute;width:0;height:0;overflow:hidden}

/* ---- muros de logos: claro y oscuro, uno al lado del otro ---- */
.mtc-muro{border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);padding:var(--s-24) var(--s-24) var(--s-16);overflow:hidden}
.mtc-muro-t{font-size:var(--t-15);color:var(--texto-2);margin:0 0 var(--s-16)}
.mtc-cli{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--borde-ancho);background:var(--borde);border-block:var(--borde-ancho) solid var(--borde)}
.mtc-cli li{height:72px;display:flex;align-items:center;justify-content:center;padding:0 var(--s-12);background:var(--fondo)}
.mtc-l{max-height:32px;max-width:min(96px,100%);width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.2);opacity:.6;display:block}
.mtc-muro[data-theme="dark"] .mtc-l{filter:grayscale(1) invert(1) contrast(1.2);opacity:.75}
@media (max-width:900px){.mtc-cli{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.mtc-muro{padding:var(--s-16)}.mtc-cli li{height:64px;padding:0 var(--s-8)}}

.mtc-cols{display:grid;gap:var(--medianil);align-items:start}
.mtc-c2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.mtc-c2{grid-template-columns:minmax(0,1fr)}}
.mtc-fig-cap{font-size:var(--t-15);color:var(--texto-2);margin-top:var(--s-16)}
.mtc-fig-cap b{color:var(--texto)}

/* ---- medidas y reglas ---- */
.mtc-med{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--medianil);margin:0;padding:0;list-style:none}
.mtc-med li{border-top:var(--borde-encendido) solid var(--texto);padding-top:var(--s-16)}
.mtc-med b{display:block;font-size:var(--web-cifra);letter-spacing:var(--web-cifra-trk);line-height:var(--lh-cifra);font-variant-numeric:tabular-nums}
.mtc-med span{display:block;color:var(--texto-2);font-size:var(--t-15);margin-top:var(--s-8)}
@media (max-width:900px){.mtc-med{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mtc-reglas{list-style:none;margin:var(--s-48) 0 0;padding:0;counter-reset:r;column-count:2;column-gap:var(--s-48)}
.mtc-reglas li{counter-increment:r;break-inside:avoid;border-top:var(--borde-ancho) solid var(--borde);padding:var(--s-16) 0 var(--s-16) 40px;position:relative;color:var(--texto-2)}
.mtc-reglas li::before{content:counter(r);position:absolute;left:0;top:var(--s-16);font-size:var(--t-12);font-weight:var(--bold);color:var(--texto-2);font-variant-numeric:tabular-nums;width:24px;height:24px;border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-pill);display:grid;place-items:center}
.mtc-reglas li b{color:var(--texto)}
@media (max-width:760px){.mtc-reglas{column-count:1}}

/* ---- logos para descargar: cada uno con su botón ---- */
.mtc-gh{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-4) var(--s-16)}
.mtc-gh p{margin:0;color:var(--texto-2);font-size:var(--t-15)}
.mtc-gh2{margin-top:var(--s-32)}
.mtc-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-16);margin-top:var(--s-16)}
.mtc-l4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mtc-t{padding:var(--s-16);align-items:flex-start}
.mtc-t b{flex:1;font-size:var(--t-15);line-height:1.3}
.mtc-caja{height:64px;width:100%;display:flex;align-items:center;justify-content:center;background:var(--fondo);border-radius:var(--r-campo)}
.mtc-caja img{max-height:40px;max-width:calc(100% - var(--s-16));width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.2);opacity:.75;display:block}
.mtc-caja img.original{filter:none;opacity:1}
@media (max-width:900px){.mtc-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.mtc-l4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.mtc-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mtc-tablas{align-items:start}
.mtc-tabla td{vertical-align:middle;padding:var(--s-8) var(--s-12)}
.mtc-tabla .dim{font-variant-numeric:tabular-nums;color:var(--texto-2);white-space:nowrap}
.mtc-tabla .nota{display:block;color:var(--texto-2);font-size:var(--t-12);margin-top:2px}

/* ---- sí y no (piezas hechas con las mismas reglas) ---- */
.mtc-pares{display:grid;gap:var(--s-24)}
.mtc-panel{background:var(--fondo);border:var(--borde-ancho) solid var(--borde);border-radius:var(--r-tarjeta);min-height:104px;padding:var(--s-16);display:flex;align-items:center;justify-content:center;gap:var(--s-12) var(--s-16);flex-wrap:wrap}
.dont .mtc-panel{border-color:var(--texto-3)}
.mtc-panel img.m{width:auto;display:block;filter:grayscale(1) contrast(1.2);opacity:.6}
.mtc-panel .logo{display:inline-flex;height:32px;color:var(--logo);flex:none}
.mtc-panel .logo svg{height:100%;width:auto;display:block}
.mtc-pildora{display:inline-flex;align-items:center;padding:8px 20px;border:var(--borde-encendido) solid var(--texto);border-radius:var(--r-pill);background:var(--superficie)}
.mtc-azul-caja{background:var(--acento);border-radius:var(--r-campo);width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;gap:var(--s-24);padding:var(--s-12);flex-wrap:wrap}
.mtc-cab{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);border-bottom:var(--borde-ancho) solid var(--borde);padding-bottom:var(--s-16)}
.mtc-pie{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);border-top:var(--borde-ancho) solid var(--borde);padding-top:var(--s-16);font-size:var(--t-12);color:var(--texto-2)}
.mtc-pie img,.mtc-cab img{height:40px;width:auto;display:block}
.mtc-filete{width:1px;background:var(--borde);flex:none;align-self:stretch;margin:0 var(--s-8)}
.mtc-x{font-size:var(--t-30);color:var(--texto-2)}

.mtc-hs{overflow-x:auto}.mtc-hs .scaled{min-width:720px}
@media (max-width:520px){.mtc-cab .logo{zoom:.7}.mtc-cab img{height:28px}}
