/* ─────────────────────────────────────────────────────────
 * Bloque «Estudios que trabajan con SoftwaLabs» y Sello SoftwaLabs.
 * Lo usan la portada y /agencias (templates/estudios.php). 28-09-2026.
 * ───────────────────────────────────────────────────────── */
.biz__text{max-width:760px;margin-bottom:32px}
.biz__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.biz__cards{grid-template-columns:1fr}}
.biz-card{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.biz-card:hover{border-color:var(--accent);box-shadow:0 14px 34px -22px var(--accent)}
.biz-card__seal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.biz-card{position:relative}
.sello{position:absolute;top:-28px;right:10px;width:124px;height:124px;color:var(--accent);transform:rotate(-12deg);filter:drop-shadow(0 6px 14px rgba(0,0,0,.10));pointer-events:none}
.sello__fondo{fill:var(--bg)}
.sello__texto{font-family:var(--font-mono);font-size:9.6px;font-weight:700;letter-spacing:.2px;fill:currentColor}
.sello__centro{font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:1.4px;fill:currentColor}
.sello__aro{transform-box:view-box;transform-origin:60px 60px;animation:swl-sello-gira 36s linear infinite}
@keyframes swl-sello-gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sello__aro{animation:none}}
@media (max-width:600px){.sello{width:96px;height:96px;top:-22px;right:8px}}
.seal-usa{font-size:13px;color:var(--ink-3)}
.seal-usa a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.seal-usa a:hover{color:var(--accent)}
.biz-card__stars{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);text-decoration:none}
.biz-card__stars .stars{color:#e0a100;letter-spacing:2px;font-size:15px}
.biz-card__stars:hover{color:var(--ink)}
.biz-card__quote{margin:0;padding:2px 0 2px 14px;border-left:2px solid var(--accent)}
.biz-card__quote p{margin:0 0 6px;font-family:var(--font-serif);font-style:italic;font-size:15.5px;line-height:1.5;color:var(--ink)}
.biz-card__quote footer{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3)}
.biz-card__quote footer .stars{color:#e0a100;letter-spacing:2px;font-size:12.5px}
.biz__join{margin:24px 0 0;font-size:14.5px;color:var(--ink-2)}
.biz__join a{color:var(--accent);font-weight:600;text-decoration:none}
.biz__join a:hover{text-decoration:underline}
.biz-card__plate{display:flex;text-decoration:none;align-items:center;justify-content:center;height:92px;padding:0 112px 0 20px;border-radius:12px;background:#fbfaf7;border:1px solid rgba(0,0,0,.06)}
.biz-card__plate img{width:auto;height:auto;max-width:100%;max-height:40px}
.biz-card__desc{flex:1;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.biz-card__cta{align-self:flex-start;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-decoration:none}
.biz-card__cta:hover{text-decoration:underline}

/* Foto de la persona del estudio saliendo de la placa por la izquierda, por delante de todo;
   el logo queda centrado entre la foto y el sello. */
.biz-card__plate{position:relative}
.biz-card__plate--persona{padding:0 104px 0 96px}
.biz-card__persona{position:absolute;z-index:5;left:12px;bottom:0;width:auto!important;height:122px!important;max-height:none!important;max-width:none!important;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.14))}
.biz-card .sello{z-index:6}
@media (max-width:600px){
  .biz-card__plate--persona{padding:0 70px 0 66px}
  .biz-card__plate--persona img:not(.biz-card__persona){max-height:34px}
  .biz-card__persona{height:92px!important;left:6px}
}