/* =======================================================
   HN Agent – NOVA (autónomo, sin comunes)
   ======================================================= */

/* Fallbacks + Elementor Kit */
:root{
  --ui-text:#0f172a;
  --ui-primary:#1A56DB;
  --ui-secondary:#ffffff;
  --ui-border: color-mix(in srgb, var(--ui-text) 14%, #fff);
  --ui-muted: color-mix(in srgb, var(--ui-text) 62%, #fff);
}
:where(body[class*="elementor-kit-"]){
  --ui-text: var(--e-global-color-text);
  --ui-primary: var(--e-global-color-primary);
  --ui-secondary: var(--e-global-color-secondary);
  --ui-border: color-mix(in srgb, var(--ui-text) 14%, #fff);
  --ui-muted: color-mix(in srgb, var(--ui-text) 62%, #fff);
}

/* ===================== Botón base ===================== */
.hn-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px; padding:12px 16px; border-radius:10px;
  font-weight:700; border:1px solid transparent;
  transition:filter .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  text-decoration:none !important; line-height:1.1;
}
.hn-btn i{ font-size:16px; line-height:1; }
.hn-btn:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-primary) 30%, transparent); }
.hn-btn:hover{ filter:brightness(.96); }

.hn-btn--style-kit{ background:var(--ui-primary); color:var(--ui-secondary); border-color:var(--ui-primary); }
.hn-btn--style-outline{ background:transparent; color:var(--ui-primary); border-color:var(--ui-primary); }
.hn-btn--style-outline:hover{ background:rgba(0,0,0,.03); }
.hn-btn--style-ghost{ background:transparent; color:var(--ui-text); border-color:var(--ui-border); }
.hn-btn--style-ghost:hover{ filter:brightness(.97); }

/* WhatsApp */
.hn-btn--whatsapp.hn-btn--style-wa{ background:#25D366; border-color:#25D366; color:#fff; }
.hn-btn--whatsapp.hn-btn--style-wa:hover{ filter:brightness(.94); }
.hn-btn--whatsapp.hn-btn--style-kit{ background:var(--ui-primary); color:var(--ui-secondary); border-color:var(--ui-primary); }

/* ===================== Chips ===================== */
.hn-chip{
      display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 10px;
    font-weight: 700;
    border: 1px solid transparent;
    transition: filter .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
    text-decoration: none !important;
    line-height: 1.1;
    border: 0px solid;
    width: 100%;
}
.hn-chip i{ font-size:14px; color:var(--ui-primary); }
.hn-chip.is-muted{ background:transparent; opacity:.85; }

/* ===================== Bloques Comunes ===================== */
.hn-section.hn-agent-card .contact{
  list-style:none; margin:0; padding:12px 16px; display:grid; gap:10px;
}
.hn-section.hn-agent-card .contact li{ display:flex; gap:10px; align-items:center; font-size:15px; }
.hn-section.hn-agent-card .contact li i{ font-size:14px; color:var(--ui-primary); line-height:1; }
.hn-section.hn-agent-card .contact a{ color:var(--ui-text); text-decoration:none; }

.hn-section.hn-agent-card .hn-social{
  margin-top:12px; display:flex; gap:10px; flex-wrap:wrap;margin-top: 24px;
}
.hn-section.hn-agent-card .hn-social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border:1px solid var(--ui-border);
  border-radius:8px; color:var(--ui-secondary); text-decoration:none;
}
.hn-section.hn-agent-card .hn-social a:hover{ filter:brightness(.96); }
.hn-section.hn-agent-card .hn-social i{ font-size:14px; }

/* ===================== Variant: NOVA ===================== */
.agent--nova{
         background: linear-gradient(0deg, #fff,
 color-mix(in srgb, #fff 95%, var(--ui-primary))) !important;
    padding: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 40px 0 40px 0;
    border: 2px solid
 color-mix(in srgb, var(--ui-primary) 15%, #fff) !important;
}
.agent--nova .agent-nova__top{
  display:flex; gap:16px; align-items:center; justify-content:flex-start; flex-wrap:wrap;
}
.agent--nova .agent-nova__id{ display:flex; gap:12px; align-items:center; min-width:0; }
.agent--nova .agent-card__avatar img{
  width:64px; height:64px; object-fit:cover; border-radius:50%;
  border:2px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.agent--nova .agent-card__name{
  font-weight:700; font-size:clamp(18px,2.1vw,21px); line-height:1.2; margin:0; color:var(--ui-text);
}
.agent--nova .agent-card__meta{ display:flex; flex-direction:column; gap:2px; font-size:13px; color:var(--ui-muted); }

.agent--nova .agent-nova__desc{ margin-top:12px; color:var(--ui-text); }
.agent--nova .agent-nova__desc p{ margin:0 0 .6em; }

.agent--nova .agent-nova__chips{ margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; }

/* CTA full width */
.agent--nova .agent-nova__cta--full{ margin-top:14px; width:100%; }
.agent--nova .agent-nova__cta--full .hn-btn{ width:100%; }

/* Redes */
.agent--nova .hn-social{ justify-content:flex-start; }