/* Datanex Widgets — Ventajas con foto (dnx-ventajas) */
.hf-seccion--aislada{isolation:isolate}
.hf-ventajas{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:88px;align-items:center}
.hf-ventajas--derecha{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
.hf-ventajas--derecha .hf-ventajas__media{order:2}
.hf-ventajas--sin-imagen{grid-template-columns:minmax(0,1fr)}

/* Foto con marco arena desplazado (.hf-ventajas .x img gana al reset de Elementor) */
.hf-ventajas__media{position:relative}
.hf-ventajas .hf-ventajas__media img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--hf-radio-lg);background:var(--hf-azul-2)}
.hf-ventajas__media::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1.5px solid var(--hf-arena);border-radius:var(--hf-radio-lg);z-index:-1}

.hf-ventajas__texto{display:flex;flex-direction:column;gap:22px}
.hf-ventajas__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;list-style:none;margin:0;padding:12px 0 0}
.hf-ventaja{display:flex;gap:16px;align-items:flex-start}
.hf-ventaja div{display:flex;flex-direction:column;gap:6px}
.hf-ventaja h3{margin:0;font-size:20px;line-height:1.25;font-weight:700;color:var(--hf-azul)}
.hf-ventaja p{margin:0;font-size:15.5px;line-height:1.6;color:var(--hf-texto-2)}
.hf-ventajas .hf-btn{align-self:flex-start;margin-top:8px}

@media (max-width:1199px){
  .hf-ventajas{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:56px}
  .hf-ventajas--derecha{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
  .hf-ventajas__lista{grid-template-columns:1fr}
}
@media (max-width:767px){
  .hf-ventajas,.hf-ventajas--derecha{grid-template-columns:1fr;gap:48px}
  /* Móvil: texto primero y foto después */
  .hf-ventajas__media{order:2;margin-right:24px}
  .hf-ventajas .hf-ventajas__media img{border-radius:var(--hf-radio-img)}
  .hf-ventajas__media::before{border-radius:var(--hf-radio-img);inset:16px -16px -16px 16px}
  .hf-ventajas__lista{gap:24px}
  .hf-ventajas .hf-btn{align-self:stretch}
}