/* GoodPlann · infografía del sistema */

.gp .system-sec{ position:relative; padding:clamp(10px,3vh,40px) 0 clamp(50px,9vh,100px); background:none; }
.gp .system-card{ position:relative; max-width:1120px; margin:0 auto; border-radius:26px; padding:14px; will-change:transform;
  background:linear-gradient(180deg, rgba(72,26,32,.55), rgba(44,16,22,.66));
  border:1px solid rgba(255,110,100,.32);
  box-shadow:0 34px 100px rgba(255,70,70,.22), inset 0 1px 0 var(--glass-hi);
  backdrop-filter:blur(14px) saturate(140%); -webkit-backdrop-filter:blur(14px) saturate(140%); }
.gp .system-card::before{ content:""; position:absolute; z-index:-1; inset:-10%;
  background:radial-gradient(closest-side, rgba(255,80,90,.4), transparent 70%);
  filter:blur(66px); animation:cardGlow 5.5s ease-in-out infinite; }
.gp .sysimg{ width:100%; display:block; border-radius:16px; }