/* =========================================================
   ORIGEN · Sección "Features clave" (beneficios)
   ========================================================= */
.benef { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; margin-top: 56px; }
@media (max-width: 820px){ .benef { grid-template-columns: 1fr; } }
.benef-card { background: var(--hueso); border: 1px solid var(--linea); border-radius: var(--r-xl); padding: 32px; display: flex; flex-direction: column; gap: 14px; transition: box-shadow .2s, transform .2s; }
.benef-card:hover { box-shadow: var(--e3); transform: translateY(-2px); }
.benef-card.feat { grid-column: span 2; flex-direction: row; align-items: center; gap: 40px; background: var(--musgo); color: var(--crema); }
@media (max-width: 820px){ .benef-card.feat { grid-column: span 1; flex-direction: column; align-items: flex-start; } }
.benef-card .ic-w { width: 48px; height: 48px; border-radius: var(--r-md); background: var(--lima-suave); color: var(--bosque); display: grid; place-items: center; }
.benef-card.feat .ic-w { background: rgba(187,232,91,.18); color: var(--lima); }
.benef-card h3 { font-family: var(--font-head); font-size: 22px; font-weight: 600; letter-spacing: -.01em; }
.benef-card h3 .badge { vertical-align: middle; }
.benef-card p { color: var(--piedra); font-size: 16px; line-height: 1.55; }
.benef-card.feat p { color: rgba(246,241,231,.78); }
.benef-card .ico { width: 24px; height: 24px; }
.benef-card .body { display: flex; flex-direction: column; gap: 12px; }