/* ===== ALIADOS Y VENDEDORES ===== */
.allies{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ally{align-items:flex-start;gap:12px}
.ally-photo{width:112px;height:112px;border-radius:50%;border:4px solid var(--ink);box-shadow:5px 5px 0 var(--red);overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.c1 .ally-photo{box-shadow:5px 5px 0 var(--blue)}
.ally-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ally-photo span{font:800 italic 46px var(--disp);color:var(--blue)}
.ally-id h3{font-size:30px}
.ally-id .tag{margin-top:6px;display:inline-block}
.ally-place{margin-top:6px;font-size:14px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.ally p{font-size:16px}
.ally-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.btn-ally{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:3px solid var(--ink);background:#fff;font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--ink)}
.btn-ally.wa{background:#25D366}.btn-ally.buy{background:var(--red);color:#fff}
.btn-ally:hover{transform:translate(-1px,-1px)}
.ally-cta{background:var(--ink);color:#fff;justify-content:center;border-radius:40px 6px 40px 6px;box-shadow:8px 8px 0 var(--red)}
.ally-cta h3{color:#FFD23F;font-size:36px}.ally-cta p{color:#D5CBEA;font-size:17px}
.ally-cta .btn{align-self:flex-start;margin-top:8px}
/* página «Únete» */
.join-hero{padding:48px 0 10px}.join-hero h1{font-size:clamp(48px,8vw,104px)}
.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:26px;margin-top:34px}
.perks .card h3{font-size:30px}.perks .big{font:800 italic 64px/0.9 var(--disp);color:var(--red)}

/* selector de idioma */
.langs{display:inline-flex;border:3px solid var(--ink);background:#fff;min-height:44px}
nav.main .langs a{min-height:0;padding:0 11px;display:flex;align-items:center;font-size:13px;letter-spacing:1px;font-weight:700;border-right:2px solid var(--ink)}
nav.main .langs a:last-child{border-right:0}
nav.main .langs a.on{background:var(--ink);color:#fff}
@media(max-width:860px){.langs{align-self:flex-start;margin:6px 0}}

/* banderas del selector de idioma */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.flag{display:block;width:28px;height:20px}
nav.main .langs{gap:0}
nav.main .langs a{padding:0 9px;min-height:40px;opacity:.5;filter:grayscale(.35);transition:opacity .15s}
nav.main .langs a:hover{opacity:1}
nav.main .langs a.on{background:#fff;opacity:1;filter:none;box-shadow:inset 0 -4px 0 var(--red)}
nav.main .langs a.on:hover{opacity:1}

/* banderas separadas entre sí */
nav.main .langs{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;min-height:0}
nav.main .langs a{padding:6px 8px;min-height:0;border:3px solid transparent;border-right:3px solid transparent;opacity:.6;filter:none;box-shadow:none}
nav.main .langs a:hover{opacity:1;border-color:#D5CBEA}
nav.main .langs a.on{background:#fff;opacity:1;border-color:var(--ink);box-shadow:3px 3px 0 var(--red)}