.lienzo{padding:clamp(1.4rem,3vw,2.5rem);max-width:68rem}.lienzo-saludo{font-size:1.15rem;margin:0 0 .7rem;font-weight:700}.lienzo-cab{margin-bottom:1.1rem}.lienzo-cab h1{font-size:clamp(1.4rem,3vw,1.8rem);margin:0 0 .3rem}.lienzo-sub{margin:0;color:var(--panel-tinta-suave);font-size:.95rem}.lienzo-nota{color:var(--panel-tinta-suave);font-size:.92rem}.tarjetas{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.tarjeta{display:block;padding:1.15rem 1.2rem;border-radius:12px;background:#fff;border:1px solid var(--panel-borde);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.tarjeta:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--panel-borde));box-shadow:0 6px 18px #10182812}.conex{margin-top:1.4rem}.conex-cab{margin-bottom:1.1rem}.conex-cab h2{font-size:1.15rem;margin:0 0 .3rem}.conex-aviso{font-size:.9rem;margin:0 0 1rem;padding:.6rem .8rem;border-radius:8px;background:#f0f9f4;color:#17603f}.conex-aviso[data-tono=error]{background:#fdf3f3;color:#a4262c}.conex-tarjeta{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem;border-radius:10px;background:#fff;border:1px solid var(--panel-borde);transition:border-color .15s ease,box-shadow .15s ease}.conex-tarjeta:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--panel-borde));box-shadow:0 4px 14px #1018280f}.conex-cabeza{display:flex;align-items:center;gap:.6rem}.conex-ident{flex:1;min-width:0}.conex-ident h3{font-size:.95rem;margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conex-ident p{font-size:.8rem;color:var(--panel-tinta-suave);margin:.1rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conex-para{font-size:.88rem;color:var(--panel-tinta-suave);margin:0}.conex-ident .conex-para{font-size:.8rem;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conex-usuario{font-size:.85rem;margin:0;font-weight:600;overflow-wrap:anywhere}.conex-btn{flex:none;padding:.42rem .95rem;border-radius:8px;border:1px solid var(--panel-borde);background:#fff;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:inherit}.conex-btn--conectar{background:color-mix(in srgb,var(--panel-marca) 55%,#1a3ce8);border-color:transparent;color:#fff}.conex-btn--conectar:hover{background:color-mix(in srgb,var(--panel-marca) 40%,#1330c9)}.conex-btn:disabled{opacity:.6;cursor:progress}.conex-sub{font-size:1rem;margin:1.5rem 0 .7rem}#grupo-social .conex-sub{margin-top:.2rem}.conex-sub+.conex-para{margin-bottom:.9rem}.conex-otras{margin-top:2.2rem}.conex-otras>summary{cursor:pointer;font-size:1.02rem;font-weight:600;padding:.35rem 0;list-style:revert}.conex-otras[open]>summary{margin-bottom:.3rem}.conex-otras .conex-para{margin-bottom:.9rem}.conex-cuentas{list-style:none;margin:.15rem 0 0;padding:0;display:grid;gap:.35rem}.conex-cuenta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.85rem;padding:.32rem .5rem;border-radius:8px;background:#f7f8fa}.conex-cuenta-nombre{overflow-wrap:anywhere;background:none;border:0;font:inherit;font-weight:600;padding:0;color:inherit;border-bottom:1px dashed transparent;text-align:left}button.conex-cuenta-nombre{cursor:text}button.conex-cuenta-nombre:hover{border-bottom-color:var(--panel-borde)}.conex-etiqueta{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.1rem .36rem;border-radius:5px;background:#e8f5ee;color:#17603f}.conex-acciones{margin-left:auto;display:flex;gap:.55rem;flex:none}.conex-mini{background:none;border:0;font:inherit;font-size:.78rem;color:var(--panel-tinta-suave);cursor:pointer;padding:0;text-decoration:underline}.conex-mini:hover{color:var(--primary)}.conex-pasos{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;list-style:none;margin:0 0 .9rem;padding:0;font-size:.86rem;color:var(--panel-tinta-suave)}.conex-pasos li{display:flex;align-items:center;gap:.45rem}.conex-pasos span{display:grid;place-items:center;flex:none;width:1.35rem;height:1.35rem;border-radius:50%;background:color-mix(in srgb,var(--panel-marca) 12%,#fff);color:var(--panel-marca);font-size:.75rem;font-weight:700}.conex-pasos a{color:var(--panel-marca)}.conex-buscador{position:sticky;top:0;z-index:5;display:flex;gap:.6rem;align-items:center;padding:.5rem 0;margin-bottom:.4rem;background:var(--panel-lienzo, #f6f7f9)}#conex-pedir{flex:none}.conex-buscar{flex:1;min-width:0;padding:.6rem .85rem;border-radius:10px;border:1px solid var(--panel-borde);font:inherit;background:#fff}.conex-buscar:focus{outline:2px solid var(--primary);outline-offset:1px}.conex-logo{width:22px;height:22px;flex:none;display:block}.conex-logo-img{width:22px;height:22px;flex:none;object-fit:contain}.conex-eng{flex:none;width:2rem;height:2rem;border-radius:8px;border:1px solid var(--panel-borde);background:#fff;font-size:.95rem;line-height:1;cursor:pointer;color:var(--panel-tinta-suave)}.conex-eng:hover{border-color:var(--panel-marca);color:var(--panel-marca)}.conex-dialogo{border:0;border-radius:14px;padding:1.1rem 1.2rem;width:min(26rem,calc(100vw - 2rem));box-shadow:0 24px 60px #10182838;color:var(--panel-tinta)}.conex-dialogo::backdrop{background:#10182873}.conex-dialogo-cab{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.conex-dialogo-cab h3{font-size:1rem;margin:0;flex:1}#conex-dialogo-cerrar{flex:none;width:1.9rem;height:1.9rem;border-radius:8px;border:1px solid var(--panel-borde);background:#fff;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--panel-tinta-suave)}.conex-dialogo-pie{margin-top:.9rem}.conex-dialogo-pie .conex-btn{width:100%}.conex-agregar{flex:none;padding:.36rem .7rem;border-radius:8px;border:1px solid var(--panel-borde);background:#fff;font:inherit;font-size:.82rem;font-weight:600;color:var(--panel-tinta);cursor:pointer}.conex-agregar:hover{border-color:var(--panel-marca);color:var(--panel-marca)}.conex-activas{font-size:.78rem;font-weight:600;color:#17603f;flex:none}.conex-tarjeta--pendiente{background:#fbfbfc}.conex-tarjeta--pendiente .conex-logo{opacity:.45}.conex-tarjeta--pendiente .conex-titulo h3{color:var(--panel-tinta-suave)}.conex-pendiente{font-size:.8rem;color:var(--panel-tinta-suave);margin:0}.conex-pendiente a{color:var(--primary)}.tarjeta-icono{width:22px;height:22px;color:var(--panel-marca);display:block}.tarjeta h2{font-size:1.02rem;margin:.6rem 0 .25rem}.tarjeta p{font-size:.88rem;color:var(--panel-tinta-suave);margin:0}@media(prefers-reduced-motion:reduce){.tarjeta{transition:none}}