/* Comentario de Instagram recreado (.igc) y tarjeta de venta (.igc-v). Componente suelto: ver componente.py */
.igc-w{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px;padding:34px 16px;max-width:980px;margin:0 auto}
.igc{--ig:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;flex:1 1 300px;max-width:440px;margin:0;padding:14px 16px 10px;border:1px solid #dbdbdb;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07);font-family:var(--ig);color:#262626;text-align:left;transform:rotate(var(--r,0deg))}
.igc-r{display:flex;gap:12px;align-items:flex-start}
.igc-av{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#efefef;color:#8e8e8e;font-size:15px;font-weight:600;text-transform:uppercase;box-sizing:border-box;border:1px solid #dbdbdb;overflow:hidden}
.igc-av img{width:100%;height:100%;object-fit:cover;display:block}
.igc-b{flex:1;min-width:0}
.igc-t{margin:0;font-size:14px;line-height:18px;color:#262626;white-space:pre-line;overflow-wrap:anywhere}
.igc-t a{font-weight:600;color:#262626;text-decoration:none;margin-right:5px}
.igc-t a:hover{text-decoration:underline}
.igc-m{margin-top:6px;font-size:12px;line-height:16px;font-weight:600;color:#737373}
.igc-h{flex:none;width:13px;height:13px;margin-top:6px;color:#737373}
.igc-f{margin:12px 0 0;padding-top:8px;border-top:1px solid #efefef;font-size:11px;line-height:1.4;color:#737373}
.igc-f a{color:#737373;text-decoration:underline;text-underline-offset:2px}
.igc-v .igc-ok{width:22px;height:22px;flex:none;color:#12a150;margin-top:2px}
.igc-v .igc-t{font-size:16px;line-height:22px}
.igc-v .igc-t b{font-weight:600}
.igc-v .igc-vs{font-weight:400;font-size:13px;line-height:18px;margin-top:4px}
@media(max-width:520px){.igc{flex-basis:100%}}

/* ---- piezas chicas apiladas en los costados (.igs dentro de .igc-rail) ---- */
[data-igc]{position:relative}
.igc-rail{display:none}
.igc-rail.on{display:contents}
.igc-rail.on .igs{position:absolute;margin:0;z-index:3;transform:rotate(var(--r,0deg))}
.igs[hidden]{display:none}
.igs{--ig:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;pointer-events:auto;box-sizing:border-box;width:184px;display:flex;gap:7px;align-items:flex-start;margin-top:-12px;padding:7px 9px 13px;border:1px solid #dbdbdb;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.09);font-family:var(--ig);color:#262626;text-align:left;transform:translateX(var(--dx,0px)) rotate(var(--r,0deg));position:relative;z-index:var(--z,1)}
.igs:first-child{margin-top:0}
.igs-av{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--c,#D97757);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;box-sizing:border-box}
.igs-av.ring{padding:2px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.igs-av.ring b{width:100%;height:100%;border-radius:50%;background:var(--c,#D97757);border:1.5px solid #fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700}
.igs-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.igs-t{margin:0;flex:1;min-width:0;font-size:11.5px;line-height:14px;overflow-wrap:break-word;word-break:normal}
.igs-t a{font-weight:600;color:#262626;text-decoration:none;margin-right:4px}
.igs-t a:hover{text-decoration:underline}
.igs-h{flex:none;width:10px;height:10px;margin-top:2px;color:#737373}
.igc-pie{margin:18px auto 0;padding:0 16px;max-width:60ch;text-align:center;font-size:12px;line-height:1.4;color:#737373}
.igc-pie a{color:#737373;text-decoration:underline;text-underline-offset:2px}
/* menos de 1400 px: los primeros 3 de cada riel quedan como grupito entre secciones */
.igc-rail:not(.on){display:none}
.igc-rail.mv:not(.on){display:flex;justify-content:center;position:static;width:auto;margin:10px auto;padding:0 12px}
.igc-rail.mv:not(.on) .igs{margin-top:0;transform:rotate(var(--r,0deg))}
.igc-rail.mv:not(.on) .igs:nth-child(n+2){display:none}
.igc-rail.mv:not(.on)~.igc-rail.mv:not(.on){display:none}

.igs.sb{flex-direction:column;gap:3px;padding:8px 10px 14px}
.igs-st{font-size:12px;letter-spacing:1px;color:#f2b134;line-height:1}
.igs.sb .igs-t{font-size:11.5px;line-height:14px;flex:none;white-space:pre-line}
.igs-f{margin:2px 0 0;font-size:10.5px;line-height:13px;color:#737373}
.igs-f a{font-weight:600;color:#262626;text-decoration:none}

#igc-layer{position:absolute;left:0;top:0;width:0;height:0;z-index:3;pointer-events:none;overflow:visible}
#igc-layer .igs{position:absolute;margin:0;pointer-events:auto;transform:rotate(var(--r,0deg))}