/* Hub de servicios: estilos exclusivos de la plantilla. */
.sh-services-hub-page { padding:22px 0 72px; background:var(--hg-bg); }
.sh-services-hub-page .sh-breadcrumbs-bar { display:flex; gap:8px; margin:0 0 16px; color:var(--hg-muted); font-size:.9rem; }
.sh-services-hub-page .sh-breadcrumbs-bar a { color:var(--hg-navy); font-weight:700; }
.sh-services-hub-page .sep { color:#94a3b8; }
.sh-services-hub-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:40px; align-items:center; padding:52px 48px; border-bottom:4px solid var(--hg-gold); border-radius:var(--hg-radius-lg); background:linear-gradient(135deg,var(--hg-navy-dark),var(--hg-blue)); box-shadow:0 14px 34px rgba(7,29,69,.14); color:#fff; }
.sh-services-hub-badge, .sh-services-hub-heading span, .sh-services-process > header span, .sh-services-hub-cta span { display:block; margin-bottom:12px; color:var(--hg-gold); font-size:.76rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.sh-services-hub-hero h1 { max-width:780px; margin:0 0 18px; color:#fff; font:900 clamp(2.15rem,4.3vw,4rem)/1 var(--hg-font-sans); letter-spacing:-.03em; }
.sh-services-hub-hero p { max-width:700px; margin:0; color:#cbd5e1; font-size:1.05rem; line-height:1.65; }
.sh-services-hub-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.sh-services-hub-secondary { display:inline-flex; min-height:46px; align-items:center; padding:0 22px; border:1px solid rgba(255,255,255,.35); border-radius:999px; color:#fff; font-weight:800; }
.sh-services-hub-secondary:hover { border-color:#fff; background:rgba(255,255,255,.1); }
.sh-services-hub-proof { display:grid; gap:12px; }
.sh-services-hub-proof div { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:17px 18px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(255,255,255,.07); }
.sh-services-hub-proof strong { color:var(--hg-gold); font-size:1.45rem; }
.sh-services-hub-proof span { color:#e2e8f0; font-size:.82rem; text-align:right; }
.sh-services-hub-section { padding:64px 0; }
.sh-services-hub-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:28px; }
.sh-services-hub-heading h2, .sh-services-process h2, .sh-services-hub-cta h2 { margin:0; color:var(--hg-navy); font:900 clamp(1.8rem,3vw,2.55rem)/1.08 var(--hg-font-sans); }
.sh-services-hub-heading > p { max-width:560px; margin:0; color:#64748b; line-height:1.65; }
.sh-services-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sh-service-hub-card { display:grid; grid-template-columns:210px 1fr; min-width:0; overflow:hidden; border:1px solid var(--hg-border); border-radius:20px; background:#fff; box-shadow:0 8px 25px rgba(7,29,69,.06); transition:.25s ease; }
.sh-service-hub-card:hover { transform:translateY(-4px); box-shadow:0 15px 34px rgba(7,29,69,.11); }
.sh-service-hub-media { position:relative; min-height:245px; overflow:hidden; background:linear-gradient(145deg,var(--hg-navy),var(--hg-blue)); }
.sh-service-hub-media img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.sh-service-hub-card:hover img { transform:scale(1.04); }
.sh-service-hub-placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.12); font-size:7rem; font-weight:900; }
.sh-service-hub-number { position:absolute; top:14px; left:14px; display:flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:50%; background:var(--hg-gold); color:var(--hg-navy); font-weight:900; }
.sh-service-hub-body { display:flex; flex-direction:column; padding:26px 24px; }
.sh-service-hub-body h3 { margin:0 0 12px; font:850 1.28rem/1.15 var(--hg-font-sans); }
.sh-service-hub-body h3 a { color:var(--hg-navy); }
.sh-service-hub-body p { margin:0 0 20px; color:#64748b; font-size:.91rem; line-height:1.6; }
.sh-service-hub-link { margin-top:auto; color:var(--hg-blue); font-size:.86rem; font-weight:850; }
.sh-services-process { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr); gap:60px; padding:42px; border:1px solid var(--hg-border); border-radius:24px; background:#fff; }
.sh-services-process ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.sh-services-process li { display:grid; grid-template-columns:48px 1fr; gap:18px; padding:20px 0; border-bottom:1px solid #e8edf3; }
.sh-services-process li:last-child { border-bottom:0; }
.sh-services-process li > strong { color:var(--hg-gold-dark); font-size:1.05rem; }
.sh-services-process h3 { margin:0 0 5px; color:var(--hg-navy); font-size:1.05rem; }
.sh-services-process p { margin:0; color:#64748b; line-height:1.55; }
.sh-services-hub-cta { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-top:36px; padding:38px 42px; border-radius:22px; background:var(--hg-navy); color:#fff; }
.sh-services-hub-cta h2 { color:#fff; }
.sh-services-hub-cta p { margin:10px 0 0; color:#cbd5e1; }
.sh-services-hub-cta .sh-btn-gold { flex:0 0 auto; }
@media(max-width:1100px){.sh-service-hub-card{grid-template-columns:160px 1fr}.sh-services-hub-hero{grid-template-columns:1fr}.sh-services-hub-proof{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sh-services-grid{grid-template-columns:1fr}.sh-services-process{grid-template-columns:1fr;gap:20px}.sh-services-hub-heading,.sh-services-hub-cta{align-items:flex-start;flex-direction:column}.sh-services-hub-proof{grid-template-columns:1fr}}
@media(max-width:580px){.sh-services-hub-page{padding:16px 0 52px}.sh-services-hub-hero{padding:32px 24px}.sh-services-hub-hero h1,.sh-service-hub-card h2{overflow-wrap:anywhere}.sh-services-hub-section{padding:44px 0}.sh-service-hub-card{grid-template-columns:1fr}.sh-service-hub-media{min-height:210px}.sh-services-process,.sh-services-hub-cta{min-width:0;padding:28px 22px}.sh-services-hub-cta a{width:100%;justify-content:center}}