.valores-grid {
      display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
      gap: 1.5rem;
    }
    .valor-card {
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 22px; padding: 2.2rem 2rem;
      border-top: 2px solid transparent;
      background-clip: padding-box;
      position: relative; overflow: hidden;
      transition: transform .35s, background .35s, border-top-color .35s;
      cursor: default;
      height: 100%;
    }
    .valor-card::before {
      content:''; position:absolute; top:0; left:0; right:0; height:2px;
      background: var(--grad); opacity:0; transition:opacity .35s;
    }
    .valor-card:hover { transform:translateY(-6px); background:rgba(255,255,255,.06); }
    .valor-card:hover::before { opacity:1; }
    .valor-icon-wrap {
      width:70px; height:70px; border-radius:16px;
      background: linear-gradient(135deg, rgba(138,153,58,.2), rgba(98,144,177,.2));
      display:flex; align-items:center; justify-content:center;
      margin-bottom:1.3rem;
      transition: background .35s;
      color: #ffffff;
    }
    .valor-card:hover .valor-icon-wrap { background: linear-gradient(135deg, rgba(138,153,58,.3), rgba(98,144,177,.3)); }
    .valor-card h3 { font-size:1.05rem; font-weight:800; color:#fff; margin-bottom:.75rem; }
    .valor-card p { font-size:.87rem; color:rgba(255,255,255,.6); line-height:1.8; }

    /* Feature valor (large card) */
    .valor-feature {
      background: linear-gradient(145deg, rgba(138,153,58,.12), rgba(98,144,177,.08));
      border: 1px solid rgba(138,153,58,.2);
      border-radius: 28px; padding: 3rem;
      display: grid; grid-template-columns: auto 1fr; gap: 2rem; align-items: start;
    }
    .valor-feature .big-icon { font-size: 4rem; line-height: 1; }
    .valor-feature h3 { font-size:1.5rem; font-weight:900; color:#fff; margin-bottom:.8rem; }
    .valor-feature p { font-size:.97rem; color:rgba(255,255,255,.7); line-height:1.85; }

    /* Principles */
    .principios-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.5rem; }
    .principio-card {
      border-radius:20px; padding:2rem 1.8rem;
      border-left: 3px solid var(--azul);
      background: rgba(98,144,177,.06);
      transition: transform .3s, background .3s;
      color: #ffffff;
    }
    .principio-card:hover { transform:translateX(6px)!important; background:rgba(98,144,177,.1); }
    .principio-card .p-icon { display:flex; margin-bottom:1rem; }
    .principio-card h4 { font-size:.95rem; font-weight:800; color:#fff; margin-bottom:.6rem; }
    .principio-card p { font-size:.85rem; color:rgba(255,255,255,.6); line-height:1.75; }

    /* ODS chips */
    .ods-wrap { display:flex; flex-wrap:wrap; gap:.8rem; justify-content:center; }
    .ods-chip {
      background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
      border-radius:40px; padding:.55rem 1.2rem;
      font-size:.8rem; font-weight:700; color:rgba(255,255,255,.65);
      transition: all .25s;
    }
    .ods-chip:hover { background:rgba(138,153,58,.15); border-color:rgba(138,153,58,.4); color:#fff; }

    @media(max-width:768px){ .valor-feature{grid-template-columns:1fr;} }

        /* Standards section */
    .standards-grid {
      display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.2rem;
    }
    .std-card {
      background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
      border-radius:16px;padding:1.5rem;text-align:center;
      transition:all .3s;
    }
    .std-card:hover { background:rgba(138,153,58,.1);border-color:rgba(138,153,58,.25);transform:translateY(-3px); }
    .std-card .acronym { font-size:1.6rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem; }
    .std-card h4 { font-size:.82rem;font-weight:700;color:#fff;margin-bottom:.3rem; }
    .std-card p { font-size:.75rem;color:rgba(255,255,255,.45); }