/* ==========================================================================
   Componente: services — CV Galería
   Reglas portadas verbatim desde template/styles.css (regla primordial 2).
   ========================================================================== */

.services{background:#171922;color:#fff}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;border-top:1px solid #484a52;padding-top:30px}
.service-grid h3{font:28px Georgia,serif}
.service-grid p{font-size:13px;line-height:1.7;color:#bfc0c7}
.services{background:var(--paper);color:var(--ink)}
.service-grid{border-top:1px solid var(--line)}
.service-grid p{color:#5d5d5d}
.service-icon{width:42px;height:42px;color:#9b7944;margin:12px 0 24px}
.services{border-bottom:1px solid var(--line)}
.bundling-benefit{margin-top:68px;background:var(--navy);color:#fff;padding:34px 40px;display:grid;grid-template-columns:.35fr 1fr auto;align-items:center;gap:36px}
.bundling-benefit span{font-size:9px;letter-spacing:.22em;color:var(--gold)}
.bundling-benefit p{font:400 20px/1.45 Georgia,serif;margin:0;max-width:690px}
.bundling-cta{border:0;background:#b38a4a;color:#fff;padding:17px 24px;white-space:nowrap;font-size:12px;font-weight:bold;letter-spacing:.04em;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:background .2s,transform .2s}
.bundling-cta:hover{background:#c49a58;transform:translateY(-2px)}
.bundling-cta span{margin-left:9px}
@media(max-width:900px){.bundling-benefit{grid-template-columns:1fr;gap:20px}.bundling-cta{width:max-content}}
@media(max-width:560px){.bundling-benefit{padding:30px 24px}.bundling-benefit p{font-size:18px}.bundling-cta{width:100%}}
.bundling-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}