/* === origen: Gestdoc Sitio v5.dc.html · Home · POR QUÉ GESTDOC (bento + reseñas) (inline → clases) ===
 * bentoSpan (isDesktop ? 2 : 1) → media query al final.
 */
.gd-por-que{max-width:1240px;margin:0 auto;padding:clamp(72px,9cqw,130px) 20px 0}
.gd-por-que__title{font-weight:600;font-size:clamp(36px,5cqw,68px);line-height:.98;letter-spacing:-.045em;margin:14px 0 0;max-width:960px}
.gd-por-que__bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin-top:44px}

/* PRECIO */
.gd-por-que__price{grid-column:span 1;border-radius:28px;background:#1F3BFF;color:#fff;padding:clamp(26px,3cqw,44px);position:relative;overflow:hidden;min-height:340px;display:flex;flex-direction:column}
.gd-por-que__price-blob{position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);animation:gdDrift 14s ease-in-out infinite}
.gd-por-que__price-k{font:500 12px 'Geist Mono',monospace;color:#C9D1FF;position:relative;letter-spacing:.1em}
.gd-por-que__price-t{font-size:clamp(30px,3.2cqw,46px);font-weight:600;letter-spacing:-.04em;line-height:1.02;margin-top:10px;position:relative;max-width:540px}
.gd-por-que__bars{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:14px;position:relative}
.gd-por-que__bar-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
.gd-por-que__bar-row--otros{color:#C9D1FF}
.gd-por-que__bar{height:16px;border-radius:8px;background:rgba(255,255,255,.18)}
.gd-por-que__bar-fill{height:100%;width:50%;border-radius:8px;background:#fff}
.gd-por-que__bar--otros{background:rgba(255,255,255,.35)}

/* Tarjetas grises */
.gd-por-que__card{border-radius:28px;background:#F6F7FB;padding:clamp(24px,3cqw,36px);min-height:300px;display:flex;flex-direction:column}
.gd-por-que__card--tall{min-height:340px}
.gd-por-que__k{font:500 12px 'Geist Mono',monospace;color:#1F3BFF;letter-spacing:.1em}
.gd-por-que__t{font-size:25px;font-weight:600;letter-spacing:-.03em;margin-top:10px;line-height:1.15}
.gd-por-que__count{font-size:clamp(56px,6.2cqw,88px);font-weight:600;letter-spacing:-.06em;line-height:1;margin-top:auto;font-variant-numeric:tabular-nums}
.gd-por-que__live{display:flex;align-items:center;gap:8px;font-size:14px;color:#475069;margin-top:10px}
.gd-por-que__live-dot{width:7px;height:7px;border-radius:50%;background:#0E9F6E;display:block;animation:gdBlink 1.6s infinite}

/* ABOGADOS */
.gd-por-que__team{display:flex;margin-top:auto;padding-top:22px;align-items:center}
.gd-por-que__avatar{width:52px;height:52px;border-radius:50%;border:3px solid #F6F7FB;margin-right:-12px;background:repeating-linear-gradient(135deg,#E3E6EE 0 5px,#EEF0F5 5px 10px);display:flex;align-items:center;justify-content:center;font:500 8px 'Geist Mono',monospace;color:#98A2B3}
.gd-por-que__avatar.has-img{overflow:hidden}
.gd-por-que__img{width:100%;height:100%;object-fit:cover;display:block}
.gd-por-que__team-go{margin-left:24px;background:none;border:0;color:#1F3BFF;font-size:14px;font-weight:600;cursor:pointer}
.gd-por-que__team-go:hover{color:#1F3BFF} /* era <button> */

/* IA */
.gd-por-que__chat{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;gap:8px}
.gd-por-que__msg-me{align-self:flex-end;background:#1F3BFF;color:#fff;border-radius:12px 12px 4px 12px;padding:9px 12px;font-size:14px}
.gd-por-que__msg-ai{align-self:flex-start;background:#fff;border-radius:12px 12px 12px 4px;padding:9px 12px;font-size:14px;box-shadow:0 1px 2px rgba(16,24,40,.06)}

/* VALIDEZ LEGAL */
.gd-por-que__partners{margin-top:auto;padding-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gd-por-que__partner{height:54px;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gd-por-que__partner-n{font:500 11px 'Geist Mono',monospace;color:#1B2236}
.gd-por-que__partner-r{font-size:11px;color:#667085}
/* Logo real opcional (reemplaza el texto placeholder "logo …") */
.gd-por-que__logo{max-height:22px;max-width:80%;width:auto;height:auto;object-fit:contain;display:block}

/* RESEÑAS */
.gd-por-que__reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:14px}
.gd-por-que__review{border-radius:22px;border:1px solid #E9ECF2;padding:24px;background:#fff}
.gd-por-que__stars{color:#FF9F1C;font-size:14px;letter-spacing:3px}
.gd-por-que__quote{font-size:18px;line-height:1.45;margin:12px 0 0;letter-spacing:-.01em}
.gd-por-que__author{font-size:13px;color:#667085;margin-top:14px}

/* isDesktop (w ≥ 900): bentoSpan = 2 */
@media (min-width:900px){
  .gd-por-que__price{grid-column:span 2}
}