/* Tarjetas de servicios: más visuales y fáciles de recorrer. */
.service-grid article{position:relative;overflow:hidden;transition:background .25s ease,transform .25s ease}
.service-grid article:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#e1784c,#f4be8f);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.service-grid article:hover{background:rgba(255,255,255,.055);transform:translateY(-7px)}
.service-grid article:hover:before{transform:scaleX(1)}
.service-grid .service-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:24px;border-radius:20px;background:rgba(225,120,76,.16);color:#f5b18f;font:700 11px monospace}
.service-grid .service-icon{display:grid;place-items:center;width:68px;height:68px;margin:20px 0 28px;border-radius:22px;background:linear-gradient(145deg,rgba(225,120,76,.28),rgba(225,120,76,.05));border:1px solid rgba(240,176,142,.32);font-size:31px;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.service-grid h3{font-size:25px}.service-grid article a{display:inline-flex;align-items:center;gap:9px;margin-top:4px}.service-grid article a b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e1784c;color:#fff;transition:transform .2s}.service-grid article:hover a b{transform:rotate(45deg)}
@media(max-width:600px){.service-grid .service-icon{margin:16px 0 20px}}