:root{
      --brand:20 83 45;   /* verde confianza */
      --mint:14 165 164;    /* teal salud */
      --ink:15 23 42;
      --bg:#f8fafc;
    }
    html,body{ font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
    .card{ background:#fff; border:1px solid rgba(2,6,23,.06); box-shadow:0 10px 30px rgba(2,6,23,.05); border-radius:16px; }
    .soft{ box-shadow:0 8px 24px rgba(2,6,23,.06); }
    .chip{ background:#f1f5f9; border:1px solid #e2e8f0; }
    /* Cinta (marquee) */
    .logo-belt{ position:relative; overflow:hidden; }
    .logo-track{ display:flex; gap:40px; width:max-content; animation:scroll 28s linear infinite; }
    .logo-track:hover{ animation-play-state:paused; }
    @keyframes scroll{
      from{ transform:translateX(0); }
      to{ transform:translateX(-50%); }
    }
    .logo-img{ height:36px; max-height:36px; object-fit:contain; filter: grayscale(10%); opacity:.9 }
    .belt-fade:before,.belt-fade:after{
      content:""; position:absolute; top:0; width:70px; height:100%; pointer-events:none; z-index:1;
    }
    .belt-fade:before{ left:0; background:linear-gradient(90deg, rgba(248,250,252,1), rgba(248,250,252,0)); }
    .belt-fade:after{ right:0; background:linear-gradient(-90deg, rgba(248,250,252,1), rgba(248,250,252,0)); }