/* Páginas de servicio (HAGE, DYME, Consultoría, Productividad) - diseño ejecutivo */
.hg { --hg-navy:#0E1B3D; --hg-blue:#004AAD; --hg-ink:#1B1D3D; --hg-text:#4a5468; --hg-line:#d9e0ec; --hg-soft:#F4F7FB; font-family:'DM Sans',sans-serif; overflow-x:clip; }
.hg section { padding: 96px 0; }
.hg-soft { background: var(--hg-soft); }
.hg-navy { background: linear-gradient(135deg,#0E1B3D 0%,#14295c 100%); }
.hg-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items:center; }
.hg-grid--rev .hg-media { order:2; }
.hg-eyebrow { display:flex; align-items:center; gap:14px; font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--hg-blue); margin-bottom:18px; }
.hg-eyebrow::after { content:""; width:56px; height:1px; background:currentColor; opacity:.5; }
.hg h2 { font-weight:800; font-size:clamp(30px,3.4vw,42px); line-height:1.15; letter-spacing:-.01em; color:var(--hg-ink); margin:0 0 22px; }
.hg p { font-size:17.5px; line-height:1.8; color:var(--hg-text); margin:0 0 16px; }
.hg p:last-child { margin-bottom:0; }
.hg p b { color:var(--hg-ink); font-weight:700; }
.hg-media { position:relative; }
.hg-media::before { content:""; position:absolute; top:22px; left:22px; right:-22px; bottom:-22px; border:1px solid var(--hg-line); border-radius:6px; z-index:0; }
.hg-media img { position:relative; z-index:1; display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:6px; box-shadow:0 24px 48px -24px rgba(14,27,61,.45); }
.hg-grid--rev .hg-media::before { left:-22px; right:22px; }
.hg-navy .hg-eyebrow { color:#8FB4E8; }
.hg-navy h2 { color:#fff; }
.hg-navy p { color:#c9d6ee; }
.hg-navy p b { color:#fff; }
.hg-navy .hg-media::before { border-color:rgba(255,255,255,.22); }
.hg-steps { list-style:none; margin:8px 0 0; padding:0; counter-reset:hg; border-top:1px solid var(--hg-line); }
.hg-steps li { counter-increment:hg; display:flex; align-items:baseline; gap:22px; padding:22px 0; border-bottom:1px solid var(--hg-line); font-size:19px; font-weight:600; color:var(--hg-ink); }
.hg-steps li::before { content:"0" counter(hg); font-size:15px; font-weight:800; letter-spacing:.08em; color:var(--hg-blue); min-width:28px; }
.hg-stats { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; margin:30px 0 34px; border-top:1px solid var(--hg-line); }
.hg-stats div { padding:22px 20px 0 0; }
.hg-stats div + div { padding-left:22px; border-left:1px solid var(--hg-line); }
.hg-stats strong { display:block; font-size:clamp(30px,3.2vw,40px); font-weight:800; line-height:1; color:var(--hg-blue); margin-bottom:8px; }
.hg-stats span { font-size:14px; line-height:1.4; color:var(--hg-text); }
.hg-btn { display:inline-flex; align-items:center; gap:10px; background:var(--hg-blue); color:#fff; border:1px solid var(--hg-blue); border-radius:4px; padding:15px 28px; font-weight:700; letter-spacing:.02em; text-decoration:none; transition:all .2s ease; }
.hg-btn:hover { background:var(--hg-navy); border-color:var(--hg-navy); color:#fff; }
.hg-faq .animations-10, .hg-faq .animations-08 { display:none; }
@media (max-width: 991px) {
    .hg section { padding: 64px 0; }
    .hg-grid { grid-template-columns:1fr; gap:44px; }
    .hg-grid--rev .hg-media { order:0; }
    .hg-media::before { top:14px; left:14px; right:-10px; bottom:-14px; }
    .hg-grid--rev .hg-media::before { left:14px; right:-10px; }
    .hg-stats { grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:1fr; }
    .hg-stats div, .hg-stats div + div { padding:18px 0; border-left:0; border-bottom:1px solid var(--hg-line); }
    .hg-btn { width:100%; justify-content:center; }
}