/*
 * 07-benefits.css - Rejilla de beneficios y sus iconos.
 * Origen: index.html, <style> #1 (lineas 49-50). Contenido identico al original.
 */
.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.benefit{padding:29px 22px;border-radius:22px;min-height:240px;transition:.45s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.benefit:before{content:"";position:absolute;width:100px;height:100px;right:-35px;top:-35px;background:radial-gradient(circle,rgba(141,121,255,.28),transparent 70%);filter:blur(8px)}.benefit:hover{transform:translateY(-9px);border-color:rgba(255,255,255,.25)}
.bicon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(145,127,255,.65),rgba(73,164,255,.35));border:1px solid rgba(255,255,255,.18);margin-bottom:35px}.benefit h3{font-family:"Bodoni Moda",serif;font-size:23px;font-weight:500;margin:0 0 10px}.benefit p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}