/* Datanex Widgets — Servicios (dnx-servicios) */
.hf-servicios{display:grid;grid-template-columns:380px minmax(0,1fr);gap:80px}
.hf-servicios__intro{display:flex;flex-direction:column;gap:20px;align-self:start}
.hf-servicios__intro--fija{position:sticky;top:calc(var(--hf-header-h,88px) + var(--hf-adminbar-h,0px) + 32px)}
.hf-servicios__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.hf-servicio{display:flex;align-items:flex-start;gap:18px;padding:26px;background:#fff;border-radius:var(--hf-radio-img);transition:box-shadow .45s cubic-bezier(.22,.61,.36,1)}
.hf-seccion:not(.hf-fondo-marfil) .hf-servicio{border:1px solid var(--hf-linea)}
.hf-servicio .hf-icono--claro{background:var(--hf-marfil);color:var(--hf-azul)}
.hf-servicio__cuerpo{display:flex;flex-direction:column;gap:10px}
.hf-servicio h3{margin:0;font-size:22px;line-height:1.25;font-weight:700;color:var(--hf-azul)}
.hf-servicio p{margin:0;font-size:16px;line-height:1.6;color:var(--hf-texto-2)}
.hf-servicio .hf-link{align-self:flex-start;padding-block:4px}

/* Hover y foco: sombra leve de la tarjeta (el efecto del ícono lo aplica dnx-base) */
.hf-servicio:focus-within{box-shadow:0 12px 32px rgba(14,39,70,.07)}
@media (hover:hover){.hf-servicio:hover{box-shadow:0 12px 32px rgba(14,39,70,.07)}}

@media (max-width:1199px){
  .hf-servicios{grid-template-columns:1fr;gap:40px}
  .hf-servicios__intro--fija{position:static}
}
@media (max-width:767px){
  .hf-servicios__lista{grid-template-columns:1fr;gap:12px}
  .hf-servicio{padding:20px}
}
@media (prefers-reduced-motion:reduce){.hf-servicio{transition:none}}