/* servicios/[subservicio]/style.css — heredado por todas las páginas de servicio */

/* Hero de servicio */
.srv-hero {
  min-height: 70svh; display: flex; align-items: center;
  padding: 120px 0 60px; position: relative; overflow: hidden;
}
.srv-hero::after {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 60% at 50% 40%, rgba(205,183,142,0.04) 0%, transparent 70%),
    linear-gradient(to bottom, transparent 70%, var(--hv2-void) 100%);
  pointer-events: none; z-index: 1;
}
.srv-hero__title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 8vw, 6.5rem);
  font-weight: 700; line-height: 1.05;
  letter-spacing: -0.04em; color: #fff; margin-bottom: 24px;
}
.srv-hero__accent {
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(205,183,142,0.5);
}
.srv-hero__sub {
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--hv2-ink-dim); line-height: 1.7; max-width: 520px;
}