/* Datanex Widgets — Perfil (dnx-perfil) */
.hf-sobre{display:grid;grid-template-columns:520px minmax(0,1fr);gap:80px;align-items:center}
.hf-sobre--sin-imagen{grid-template-columns:minmax(0,1fr)}

/* Foto con fondo marfil desplazado e insignia */
.hf-sobre__media{position:relative;isolation:isolate}
.hf-sobre .hf-sobre__media img{display:block;width:100%;height:auto;aspect-ratio:13/15;object-fit:cover;border-radius:var(--hf-radio-lg);background:var(--hf-azul-2)}
.hf-sobre__media::before{content:"";position:absolute;inset:-24px 24px 24px -24px;border-radius:var(--hf-radio-lg);background:var(--hf-marfil);z-index:-1}
.hf-fondo-marfil .hf-sobre__media::before{background:#fff}
.hf-sobre__insignia{position:absolute;right:-24px;bottom:40px;margin:0;padding:18px 22px;display:flex;flex-direction:column;gap:2px;background:var(--hf-azul);color:#fff;border-radius:var(--hf-radio-img);box-shadow:0 16px 40px rgba(14,39,70,.18)}
.hf-sobre__insignia strong{font-size:20px;color:var(--hf-arena)}
.hf-sobre__insignia span{font-size:14px;color:var(--hf-claro)}

.hf-sobre__texto{display:flex;flex-direction:column;gap:24px}
.hf-sobre__texto>p{margin:0;font-size:18px;line-height:1.7;color:var(--hf-texto-2)}
.hf-hitos-lista{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}
.hf-hitos-lista li{display:flex;align-items:center;gap:14px;font-size:16px}
.hf-hitos-lista b{width:56px;flex-shrink:0;color:var(--hf-arena-texto)}
.hf-check-icono{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--hf-azul);color:var(--hf-arena);transition:background-color .45s cubic-bezier(.22,.61,.36,1)}
.hf-check-icono svg{width:15px;height:15px}
.hf-sobre .hf-link{align-self:flex-start}

/* Animación: el check se redibuja (trazo) o cambia al azul vecino (tinte) */
@media (hover:hover){
  .hf-anim-tinte .hf-hitos-lista li:hover .hf-check-icono{background:var(--hf-azul-2)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .hf-anim-trazo .hf-check-icono svg *{stroke-dasharray:1;stroke-dashoffset:0}
  .hf-anim-trazo .hf-hitos-lista li:hover .hf-check-icono svg *{animation:hf-trazo .6s cubic-bezier(.45,.05,.3,1) both}
}

@media (max-width:1199px){
  .hf-sobre{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px}
  .hf-sobre__insignia{right:16px}
}
@media (max-width:767px){
  .hf-sobre{grid-template-columns:1fr;gap:28px}
  /* Móvil: texto primero y foto después */
  .hf-sobre__media{order:2;margin:16px 0 0 16px}
  .hf-sobre__media::before{inset:-16px 16px 16px -16px}
  .hf-sobre__insignia{right:12px;bottom:16px;padding:14px 16px}
}
@media (prefers-reduced-motion:reduce){.hf-check-icono{transition:none}}