/* ============ PAIN SOLUTION CARD (PERFECTLY CENTERED) ============ */
  .pain-solution-card{
    margin:48px auto 0; max-width:880px; text-align:center;
    background:rgba(255, 255, 255, 0.7);
    border:1px solid rgba(0, 0, 0, 0.08);
    border-radius:24px; padding:38px 34px 34px;
    box-shadow:inset 0 1px 2px rgba(255,255,255,0.9), 0 20px 50px -15px rgba(0,0,0,0.06);
    backdrop-filter:blur(20px) saturate(180%);
    -webkit-backdrop-filter:blur(20px) saturate(180%);
    display:flex; flex-direction:column; align-items:center; justify-content:center;
  }
  html.dark-mode .pain-solution-card{
    background:rgba(21, 28, 38, 0.78);
    border-color:rgba(255, 255, 255, 0.1);
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.12), 0 24px 60px -20px rgba(0,0,0,0.6);
  }
  .pain-confirm{
    font-size:16.5px; color:var(--text); max-width:680px; margin:0 auto 10px; line-height:1.6; text-align:center;
  }
  .pain-closer{
    font-family:var(--font-display); font-size:22px; font-weight:700; color:var(--green-soft);
    margin:0 auto 24px; text-align:center;
  }
  .pain-logo-frame{
    display:flex; justify-content:center; align-items:center; margin:0 auto 26px;
  }
  .pain-logo{
    width:108px; height:108px; border-radius:50%; display:block;
    box-shadow:0 12px 36px -6px rgba(16,185,129,0.45);
    transition:transform .4s cubic-bezier(0.16,1,0.3,1), box-shadow .4s ease;
  }
  .pain-logo:hover{transform:scale(1.05); box-shadow:0 18px 46px -4px rgba(16,185,129,0.6);}
  .pain-extra{
    max-width:740px; margin:0 auto; text-align:center; color:var(--text-muted);
    font-size:14.5px; line-height:1.75;
  }
  .pain-extra p{margin-bottom:14px; text-align:center;}
  .pain-extra p:last-child{margin-bottom:0;}

  /* ============ UNIFIED MODULES GRID (EQUAL SIZE FOR ALL) ============ */
  .modules-grid{
    display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;
    margin-top:10px;
  }
  @media (max-width:1100px){ .modules-grid{grid-template-columns:repeat(2, 1fr);} }
  @media (max-width:600px){ .modules-grid{grid-template-columns:1fr;} }

  /* ============ MVO & VALORES (APPLE DARK MINIMALIST ICONS) ============ */
  .mvo-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:18px;}
  .mvo-card{
    background:var(--surface); border:1px solid var(--border); border-radius:20px;
    padding:34px 28px; text-align:center; box-shadow:0 2px 8px -2px rgba(0,0,0,0.04);
    transition:all .3s cubic-bezier(0.16,1,0.3,1);
    display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  }
  html.dark-mode .mvo-card{
    background:rgba(21, 28, 38, 0.75); border-color:rgba(255, 255, 255, 0.08);
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.08), 0 16px 36px -16px rgba(0,0,0,0.45);
  }
  .mvo-card:hover{
    transform:translateY(-4px); border-color:var(--green-soft);
    box-shadow:0 20px 40px -18px rgba(16,185,129,0.35);
  }
  .mvo-icon{
    width:56px; height:56px; margin:0 auto 20px; border-radius:16px;
    background:linear-gradient(135deg, rgba(16,185,129,0.18), rgba(16,185,129,0.05));
    border:1px solid rgba(16,185,129,0.3); color:var(--green-soft);
    display:flex; align-items:center; justify-content:center;
    box-shadow:inset 0 1px 1.5px rgba(255,255,255,0.2), 0 10px 22px -6px rgba(16,185,129,0.35);
    transition:transform .4s cubic-bezier(0.34,1.56,0.64,1), box-shadow .35s ease;
  }
  .mvo-icon svg{width:26px; height:26px; stroke-width:1.9;}
  .mvo-card:hover .mvo-icon{transform:scale(1.12) rotate(-5deg); box-shadow:0 14px 28px -4px rgba(16,185,129,0.5);}
  .mvo-card h3{font-size:18px; margin-bottom:10px; font-weight:700;}
  .mvo-card p{font-size:14px; color:var(--text-muted); line-height:1.65;}

  .values-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin-top:18px;}
  .value-card{
    background:var(--surface); border:1px solid var(--border-soft); border-radius:16px;
    padding:26px 20px; text-align:center;
    transition:all .3s cubic-bezier(0.16,1,0.3,1);
    display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  }
  html.dark-mode .value-card{
    background:rgba(21, 28, 38, 0.65); border-color:rgba(255, 255, 255, 0.06);
  }
  .value-card:hover{
    transform:translateY(-3px); border-color:var(--green-soft);
    box-shadow:0 18px 32px -16px rgba(16,185,129,0.3);
  }
  .value-icon{
    width:46px; height:46px; margin:0 auto 16px; border-radius:13px;
    background:linear-gradient(135deg, rgba(16,185,129,0.15), rgba(16,185,129,0.04));
    border:1px solid rgba(16,185,129,0.25); color:var(--green-soft);
    display:flex; align-items:center; justify-content:center;
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.15), 0 8px 18px -4px rgba(16,185,129,0.25);
    transition:transform .35s cubic-bezier(0.34,1.56,0.64,1);
  }
  .value-icon svg{width:22px; height:22px; stroke-width:1.9;}
  .value-card:hover .value-icon{transform:scale(1.12) rotate(6deg);}
  .value-card h4{font-size:15px; font-weight:600; margin-bottom:6px;}
  .value-card p{font-size:13px; color:var(--text-muted); line-height:1.55;}

  @media (max-width:900px){
    .mvo-grid{grid-template-columns:1fr;}
    .values-grid{grid-template-columns:repeat(2, 1fr);}
  }
  @media (max-width:560px){
    .values-grid{grid-template-columns:1fr;}
  }