@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');
:root{
  --xh-violeta:#6036FF; --xh-violeta-osc:#4521d6; --xh-violeta-claro:#efebff;
  --xh-noche:#090F36; --xh-noche-2:#141b4d;
  --xh-naranja:#FF7341; --xh-fucsia:#FF3364; --xh-azul:#095DFF; --xh-verde:#2AEA8A; --xh-amarillo:#FFA943;
  --xh-grad:linear-gradient(110deg,#6036FF 0%,#9a4be0 45%,#FF3364 78%,#FF7341 100%);
  --xh-fondo:#F4F3FA; --xh-borde:#E4E2F0; --xh-texto:#090F36; --xh-suave:#5E6285;
  --xh-titulo:'Phonk Sans','Unbounded','Poppins',system-ui,sans-serif;
  --xh-cuerpo:'Poppins',system-ui,sans-serif;
  --xh-sev:#FF3364; --xh-mod:#FF7341; --xh-lev:#FFA943; --xh-ok:#14b86a;
}
body.xp-limpia{ background:var(--xh-fondo) !important; color:var(--xh-texto); font-family:var(--xh-cuerpo); }
body.xp-pagina-limpia .pum, body.xp-pagina-limpia #wa_fixed, body.xp-embed #wa_fixed, body.xp-embed .pum{ display:none !important; } 
html.pum-open.pum-open-overlay body.xp-limpia{ overflow:auto !important; }
.xp-ico{ display:inline-block; vertical-align:middle; flex:none; }
.xh-hero{ position:relative; overflow:hidden; border-radius:24px; padding:34px 38px; color:#fff;
  background:radial-gradient(120% 140% at 0% 0%, #2a2380 0%, rgba(42,35,128,0) 55%), var(--xh-noche);
  box-shadow:0 18px 40px rgba(9,15,54,.22); isolation:isolate; }
.xh-hero::after{ content:''; position:absolute; inset:0 0 0 40%; background:url('https://xhendra.net/wp-content/plugins/xhendra-presupuestador/assets/marca/trama.svg') right center/auto 100% no-repeat; opacity:.9; z-index:-1; }
.xh-hero::before{ content:''; position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--xh-grad); }
@media (max-width:640px){
  .xh-hero::after, body.xp-limpia header.xp-header::after{ inset:auto 0 0 auto; width:70%; height:60%; opacity:.28; background-position:right bottom; }
}
.xh-hero h1{ font-family:var(--xh-titulo); font-weight:700; font-size:30px; letter-spacing:-.01em; line-height:1.15; margin:0; color:#fff; }
.xh-hero p{ margin:8px 0 0; color:rgba(255,255,255,.75); font-size:14px; }
.xh-hero b{ color:#fff; }
.xh-kicker{ font-family:var(--xh-titulo); font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--xh-naranja); margin-bottom:10px; display:block; }
body.xp-limpia header.xp-header{ position:relative !important; overflow:hidden !important; isolation:isolate; color:#fff !important; border-radius:22px !important; padding:28px 32px !important;
  background:radial-gradient(120% 140% at 0% 0%, #2a2380 0%, rgba(42,35,128,0) 55%), var(--xh-noche) !important; box-shadow:0 18px 40px rgba(9,15,54,.18) !important; }
body.xp-limpia header.xp-header::after{ content:''; position:absolute; inset:0 0 0 45%; background:url('https://xhendra.net/wp-content/plugins/xhendra-presupuestador/assets/marca/trama.svg') right center/auto 100% no-repeat; opacity:.7; z-index:-1; }
body.xp-limpia header.xp-header::before{ content:''; position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--xh-grad); }
body.xp-limpia header.xp-header .brand, body.xp-limpia header.xp-header h1{ font-family:var(--xh-titulo) !important; font-weight:700 !important; font-size:24px !important; letter-spacing:-.01em; color:#fff !important; }
body.xp-limpia header.xp-header p{ color:rgba(255,255,255,.75) !important; opacity:1 !important; }
body.xp-limpia header.xp-header a{ color:#fff !important; }
body.xp-limpia{ --violet:#6036FF; --violet-dark:#4521d6; --orange:#FF7341; --grad:linear-gradient(110deg,#6036FF,#FF7341); }
body.xp-limpia #xh-circuito-root{
  --bg:transparent; --surface:#ffffff; --surface-2:#F7F6FC; --border:#E4E2F0;
  --text:#090F36; --text-2:#5E6285; --text-3:#8a8eaa;
  --accent:#6036FF; --accent-2:#7f5cff; --accent-3:#FF7341;
  --accent-grad:linear-gradient(110deg,#6036FF 0%,#9a4be0 45%,#FF3364 78%,#FF7341 100%);
  --pill-bg:#efebff; --pill-text:#4521d6; --danger:#FF3364;
  --shadow:0 1px 2px rgba(9,15,54,.04), 0 10px 26px -14px rgba(9,15,54,.18);
  --ch-instagram-dot:#FF3364; --ch-mailing-dot:#6036FF; --ch-linkedin-dot:#095DFF; --ch-whatsapp-dot:#14b86a; --ch-blog-dot:#FFA943;
  --st-pendiente_estefi-bg:#fff0ea; --st-pendiente_estefi-text:#c2410c;
  --st-progreso-bg:#efebff; --st-progreso-text:#4521d6;
  --st-idea-bg:#ECEAF5; --st-idea-text:#3d4166; --off-bg:#ECEAF5; --off-text:#5E6285;
  --st-publicado-bg:#dcfce7; --st-publicado-text:#166534; --ok-bg:#dcfce7; --ok-text:#166534;
  --st-grabado-bg:#e0ebff; --st-grabado-text:#0b48c4; --st-editado-bg:#ffe4ec; --st-editado-text:#b0164a;
  --st-listo-bg:#fff4e0; --st-listo-text:#9a5b06; --mid-bg:#fff4e0; --mid-text:#9a5b06; --risk-bg:#ffe4ec; --risk-text:#b0164a;
  font-family:var(--xh-cuerpo) !important; color-scheme:light; padding:24px 20px 64px !important; max-width:1240px; margin:0 auto;
}
body.xp-limpia #xh-circuito-root *:not(svg):not(path):not(g){ font-family:var(--xh-cuerpo) !important; }
body.xp-limpia #xh-circuito-root h1, body.xp-limpia #xh-circuito-root h2, body.xp-limpia #xh-circuito-root h3,
body.xp-limpia #xh-circuito-root .brand-mark, body.xp-limpia #xh-circuito-root [class*="kpi-num"], body.xp-limpia #xh-circuito-root [class*="big"]{ font-family:var(--xh-titulo) !important; letter-spacing:-.01em; }
body.xp-limpia #xh-circuito-root .whoami a[href*="logout"], body.xp-limpia #xh-circuito-root .whoami a[href*="action=logout"]{ display:none; } 
.xh-circuito-head{ max-width:1240px; margin:28px auto 0; padding:0 20px; box-sizing:border-box; }
body.xp-limpia #xh-circuito-root .topbar{ display:none !important; }
body.xp-limpia #xh-circuito-root .app{ max-width:1200px; }
body.xp-limpia #xh-circuito-root .tabs{ gap:4px; border-bottom:2px solid var(--xh-borde); margin-bottom:22px; }
body.xp-limpia #xh-circuito-root .tab{ border:none !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  padding:12px 16px !important; margin-bottom:-2px; border-bottom:3px solid transparent !important; color:var(--xh-suave) !important; font-weight:600; }
body.xp-limpia #xh-circuito-root .tab:hover{ color:var(--xh-noche) !important; }
body.xp-limpia #xh-circuito-root .tab.active{ color:var(--xh-violeta-osc) !important; border-bottom-color:var(--xh-violeta) !important; }
body.xp-limpia #xh-circuito-root .card, body.xp-limpia #xh-circuito-root .kpi-tile, body.xp-limpia #xh-circuito-root .table-wrap{
  border-radius:18px; border-color:var(--xh-borde); box-shadow:0 1px 2px rgba(9,15,54,.04), 0 8px 22px rgba(9,15,54,.05); }
body.xp-limpia #xh-circuito-root .card{ padding:22px 24px; }
body.xp-limpia #xh-circuito-root .cal-cell{ border-radius:14px; border-color:var(--xh-borde); }
body.xp-limpia #xh-circuito-root .cal-cell.empty{ border-color:transparent; background:transparent; }
body.xp-limpia #xh-circuito-root .cal-cell.today{ border-color:var(--xh-violeta); box-shadow:0 0 0 3px rgba(96,54,255,.12); }
body.xp-limpia #xh-circuito-root .kpi-num{ color:var(--xh-noche); }
body.xp-limpia #xh-circuito-root .modal{ border-radius:22px; box-shadow:0 30px 60px rgba(9,15,54,.3); }
body.xp-limpia #xh-circuito-root .overlay{ background:rgba(9,15,54,.5); }
body.xp-limpia #xh-circuito-root .btn-primary{ background:var(--xh-violeta) !important; border-radius:12px; padding:10px 18px; box-shadow:0 6px 16px rgba(96,54,255,.28); }
body.xp-limpia #xh-circuito-root .btn-primary:hover{ background:var(--xh-violeta-osc) !important; }
body.xp-limpia #xh-circuito-root .btn-ghost{ background:var(--xh-violeta-claro); border-color:transparent; color:var(--xh-violeta-osc); border-radius:12px; }
body.xp-limpia #xh-circuito-root .banner{ border-radius:14px; }
body.xp-limpia #xh-circuito-root input, body.xp-limpia #xh-circuito-root select, body.xp-limpia #xh-circuito-root textarea{ border-radius:10px; border-color:var(--xh-borde); }
body.xp-limpia #xh-circuito-root input:focus, body.xp-limpia #xh-circuito-root select:focus, body.xp-limpia #xh-circuito-root textarea:focus{ border-color:var(--xh-violeta); outline:none; box-shadow:0 0 0 3px rgba(96,54,255,.12); }
.xh-sec{ display:flex; align-items:center; gap:12px; font-family:var(--xh-titulo); font-weight:700; font-size:18px; color:var(--xh-noche); margin:0; letter-spacing:-.01em; }
.xh-sec .xh-icobox{ width:36px; height:36px; }
.xh-icobox{ --c:var(--xh-violeta); width:42px; height:42px; border-radius:12px; display:inline-grid; place-items:center; flex:none;
  color:var(--c); background:color-mix(in srgb, var(--c) 12%, #fff); }
.xh-icobox.lleno{ color:#fff; background:var(--c); }
.xh-card{ background:#fff; border:1px solid var(--xh-borde); border-radius:20px; padding:24px 26px; box-shadow:0 1px 2px rgba(9,15,54,.04), 0 10px 30px rgba(9,15,54,.05); }
.xh-btn{ display:inline-flex; align-items:center; gap:8px; font-family:var(--xh-cuerpo); font-weight:600; font-size:13.5px; text-decoration:none; border-radius:12px; padding:10px 16px; transition:transform .12s, box-shadow .12s, background .12s; }
.xh-btn.primario{ background:var(--xh-violeta); color:#fff; box-shadow:0 6px 16px rgba(96,54,255,.28); }
.xh-btn.primario:hover{ background:var(--xh-violeta-osc); transform:translateY(-1px); }
.xh-btn.suave{ background:var(--xh-violeta-claro); color:var(--xh-violeta-osc); }
.xh-btn.suave:hover{ background:#e2dbff; }
.xh-btn.blanco{ background:#fff; color:var(--xh-noche); box-shadow:0 2px 10px rgba(0,0,0,.12); }
.xh-chip{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:500; padding:4px 10px; border-radius:999px; background:#F1F0F8; color:var(--xh-suave); }
.xh-chip b{ color:var(--xh-noche); font-weight:700; }