@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/js/home/plus-jakarta-sans-var-644166bf.woff2) format('woff2')}
/* Maqueta de Hapee Pro · lienzo virtual de 1120 px. Escrito en px: build.py convierte cada Npx en calc(N*var(--u)).
   Tokens de hapee-app/app/static/css/glass.css (vidrio sobre mesh, degradado de marca). Tipografía: Plus Jakarta Sans, la única familia del manual de marca. */
@property --u{syntax:'<length>';inherits:true;initial-value:1px}
.hp{container-type:inline-size;container-name:hp;width:100%;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --ink:#241F1B;--ink2:#4E4740;--ink3:#635A51;--hair:rgba(36,31,27,.08);--line:rgba(36,31,27,.12);--tint:rgba(36,31,27,.035);
  --glass:rgba(255,255,255,.60);--hg:linear-gradient(100deg,#F0531E 0%,#E7364C 48%,#E11D63 100%);--acc:#F97316;--acct:#B4500C;
  --gsh:0 calc(20*var(--u)) calc(50*var(--u)) -24px rgba(60,30,20,.28),0 calc(2*var(--u)) calc(10*var(--u)) -6px rgba(60,30,20,.10),inset 0 1px 0 rgba(255,255,255,.7)}
.hp>*{--u:calc(100cqw / 1120)}
.hp [hidden]{display:none!important}
.hp *{box-sizing:border-box}
.hp :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}
.hp .i{width:calc(17*var(--u));height:calc(17*var(--u));flex:none}
.hp .ni{width:calc(12*var(--u));height:calc(12*var(--u));flex:none;vertical-align:-2px}
.hp .sp{flex:1}

/* pestañas personalizadas (sobre la ventana): una fila que se desplaza en horizontal, con fundido en el borde que esconde
   pestañas (.fl/.fr, los pone mockup.js) y flechas ‹ › en escritorio */
.hp-tabsw{position:relative;margin-bottom:calc(10*var(--u))}
.hp-tabs{display:flex;flex-wrap:nowrap;gap:calc(5*var(--u));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:calc(2*var(--u)) calc(2*var(--u)) calc(9*var(--u));margin:-2px -2px -9px}
.hp-tabs::-webkit-scrollbar{display:none}
.hp-tabsw.fr .hp-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - calc(70*var(--u))),transparent calc(100% - calc(6*var(--u))));mask-image:linear-gradient(90deg,#000 calc(100% - calc(70*var(--u))),transparent calc(100% - calc(6*var(--u))))}
.hp-tabsw.fl .hp-tabs{-webkit-mask-image:linear-gradient(90deg,transparent calc(6*var(--u)),#000 calc(70*var(--u)));mask-image:linear-gradient(90deg,transparent calc(6*var(--u)),#000 calc(70*var(--u)))}
.hp-tabsw.fl.fr .hp-tabs{-webkit-mask-image:linear-gradient(90deg,transparent calc(6*var(--u)),#000 calc(70*var(--u)),#000 calc(100% - calc(70*var(--u))),transparent calc(100% - calc(6*var(--u))));mask-image:linear-gradient(90deg,transparent calc(6*var(--u)),#000 calc(70*var(--u)),#000 calc(100% - calc(70*var(--u))),transparent calc(100% - calc(6*var(--u))))}
.hp-tabs-fl{position:absolute;top:50%;width:calc(28*var(--u));height:calc(28*var(--u));margin-top:-14px;border-radius:50%;display:none;place-items:center;z-index:2;
  background:#fff;color:var(--ink);box-shadow:0 calc(6*var(--u)) calc(16*var(--u)) -6px rgba(60,30,20,.45),0 0 0 1px rgba(36,31,27,.12)}
.hp-tabs-fl .ni{width:calc(14*var(--u));height:calc(14*var(--u))}
.hp-tabs-prev{left:-4px}.hp-tabs-prev .ni{transform:scaleX(-1)}
.hp-tabs-next{right:-4px}
.hp-tabsw.fl .hp-tabs-prev,.hp-tabsw.fr .hp-tabs-next{display:grid}
.hp-tabs-fl:hover{color:#E7364C}
.hp-tab{flex:none;display:inline-flex;align-items:center;gap:calc(6*var(--u));padding:calc(7*var(--u)) calc(11*var(--u));border-radius:calc(999*var(--u));font-size:calc(12*var(--u));font-weight:700;letter-spacing:-.01em;
  background:rgba(255,255,255,.78);box-shadow:0 0 0 1px rgba(36,31,27,.12);color:var(--ink);transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}
.hp-tab .ti{width:calc(13*var(--u));height:calc(13*var(--u));opacity:.75}
.hp-tab:hover{box-shadow:0 0 0 1px rgba(240,83,30,.55)}
.hp-tab[aria-selected="true"]{background:var(--hg);color:#fff;box-shadow:0 calc(10*var(--u)) calc(24*var(--u)) -10px rgba(225,29,99,.55)}
.hp-tab[aria-selected="true"] .ti{opacity:1}
.hp-tab:focus-visible{outline:calc(3*var(--u)) solid #FFB08A;outline-offset:calc(2*var(--u))}

/* ventana */
.hp-win{border-radius:calc(16*var(--u));overflow:hidden;background:#F3EEEA;box-shadow:0 calc(40*var(--u)) calc(80*var(--u)) -36px rgba(80,20,10,.55),0 0 0 1px rgba(27,19,17,.10)}
.hp-bar{height:calc(30*var(--u));display:flex;align-items:center;gap:calc(7*var(--u));padding:0 calc(12*var(--u));background:#F3EEEA;border-bottom:1px solid rgba(27,19,17,.08)}
.hp-bar>i{width:calc(10*var(--u));height:calc(10*var(--u));border-radius:50%;background:#FF5F57}.hp-bar>i:nth-child(2){background:#FEBC2E}.hp-bar>i:nth-child(3){background:#28C840}
.hp-url{margin:0 auto;display:inline-flex;align-items:center;gap:calc(6*var(--u));font-size:calc(11*var(--u));color:#6B5F59;background:#fff;border-radius:calc(7*var(--u));padding:calc(3*var(--u)) calc(40*var(--u));box-shadow:0 0 0 1px rgba(27,19,17,.06)}
.hp-url span{color:#A39890}
.hp-app{position:relative;height:calc(640*var(--u));color:var(--ink);font-size:calc(13*var(--u));line-height:1.35;overflow:hidden;background-color:#EFE7E6;
  background-image:radial-gradient(70% 80% at 6% -8%,rgba(255,138,101,.40),transparent 60%),radial-gradient(60% 70% at 102% 6%,rgba(255,190,150,.34),transparent 58%),
  radial-gradient(70% 90% at 104% 108%,rgba(255,132,168,.42),transparent 60%),radial-gradient(60% 80% at -8% 112%,rgba(196,170,255,.26),transparent 62%),
  radial-gradient(45% 55% at 42% 44%,rgba(255,255,255,.60),transparent 62%)}

/* barra lateral flotante */
.side{position:absolute;left:calc(10*var(--u));top:calc(10*var(--u));bottom:calc(10*var(--u));width:calc(204*var(--u));border-radius:calc(20*var(--u));display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(180deg,rgba(249,115,22,.13) 0%,transparent 44%),var(--glass);border:1px solid var(--line);box-shadow:var(--gsh);backdrop-filter:blur(calc(22*var(--u))) saturate(1.5)}
.slogo{padding:calc(13*var(--u)) calc(16*var(--u)) calc(11*var(--u));border-bottom:1px solid var(--hair)}
.slogo img{height:calc(25*var(--u));width:auto;display:block}
.sw{display:flex;align-items:center;gap:calc(8*var(--u));margin:calc(8*var(--u)) calc(9*var(--u));padding:calc(6*var(--u));border-radius:calc(12*var(--u));background:var(--tint);border:1px solid var(--hair)}
.swa{width:calc(30*var(--u));height:calc(30*var(--u));border-radius:calc(10*var(--u));background:var(--hg);color:#fff;font-weight:800;font-size:calc(12*var(--u));display:grid;place-items:center;flex:none}
.swt{flex:1;min-width:0;display:flex;flex-direction:column}
.swt b{font-size:calc(11*var(--u));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.swt small{font-size:calc(9.5*var(--u));color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.car{width:calc(13*var(--u));height:calc(13*var(--u));flex:none;color:#A39890}
.snav{flex:1;padding:calc(4*var(--u)) calc(9*var(--u));display:flex;flex-direction:column;gap:1px;overflow:hidden}
.ni-it{display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(5.5*var(--u)) calc(10*var(--u));border-radius:calc(9*var(--u));font-size:calc(12.5*var(--u));font-weight:500;color:var(--ink2);width:100%}
.ni-it .beta{font-size:calc(8.5*var(--u));font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:1px calc(5*var(--u));border-radius:calc(5*var(--u));background:rgba(124,58,237,.12);color:#7C3AED}
.ni-it.on .beta{background:rgba(255,255,255,.25);color:#fff}
.ni-it .lb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ni-it .wm{font-weight:800;background:linear-gradient(100deg,#F0531E,#E11D63);-webkit-background-clip:text;background-clip:text;color:transparent}
button.ni-it:hover{background:rgba(36,31,27,.06)}
.ni-it.on{background:var(--hg);color:#fff;box-shadow:0 calc(10*var(--u)) calc(24*var(--u)) -10px rgba(225,29,99,.55)}
.ni-it.on .wm{background:none;color:#fff;-webkit-text-fill-color:#fff}
.ni-it.on .car{color:#fff}
.sfoot{display:flex;align-items:center;gap:calc(9*var(--u));padding:calc(11*var(--u)) calc(14*var(--u));border-top:1px solid var(--hair)}
.ua{width:calc(28*var(--u));height:calc(28*var(--u));border-radius:50%;background:rgba(249,115,22,.15);color:#C2410C;font-weight:800;font-size:calc(12*var(--u));display:grid;place-items:center;flex:none}
.sfoot b{display:block;font-size:calc(11.5*var(--u));font-weight:600;white-space:nowrap}
.sfoot small{font-size:calc(10*var(--u));color:var(--ink3)}

/* área principal */
.hp-main{position:absolute;left:calc(224*var(--u));right:calc(10*var(--u));top:calc(10*var(--u));bottom:calc(10*var(--u));border-radius:calc(22*var(--u));display:flex;flex-direction:column;overflow:hidden;
  background:rgba(255,255,255,.32);border:1px solid var(--line);box-shadow:var(--gsh)}
.hp-top{height:calc(50*var(--u));flex:none;display:flex;align-items:center;gap:calc(8*var(--u));padding:0 calc(16*var(--u)) 0 calc(20*var(--u));background:rgba(255,255,255,.46);border-bottom:1px solid var(--hair)}
.hp-top h2{font-size:calc(18*var(--u));font-weight:800;letter-spacing:-.02em;margin:0;white-space:nowrap}
.hp-ham{display:none}
.tb{position:relative;display:inline-flex;align-items:center;gap:calc(4*var(--u));height:calc(30*var(--u));min-width:calc(30*var(--u));justify-content:center;border-radius:calc(10*var(--u));color:var(--ink2)}
.tb kbd{font:inherit;font-size:calc(9*var(--u));color:#A39890}
.tb>i{position:absolute;top:calc(2*var(--u));right:calc(2*var(--u));width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:var(--acc);box-shadow:0 0 0 calc(2*var(--u)) #fff}
.hp-body{flex:1;min-height:0;position:relative;padding:calc(14*var(--u)) calc(16*var(--u))}
.hp-v{height:100%;display:flex;flex-direction:column;gap:calc(10*var(--u));min-height:0}
.hp-fab{position:absolute;right:calc(20*var(--u));bottom:calc(18*var(--u));width:calc(50*var(--u));height:calc(50*var(--u));border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 calc(14*var(--u)) calc(30*var(--u)) -12px rgba(225,29,99,.55),0 0 0 1px var(--line);display:grid;place-items:center;z-index:3}
.hp-fab img{width:calc(36*var(--u));height:auto}

/* piezas comunes */
.card,.kpi{background:var(--glass);border:1px solid var(--line);box-shadow:var(--gsh);border-radius:calc(16*var(--u))}
.card{padding:calc(12*var(--u)) calc(14*var(--u));display:flex;flex-direction:column;gap:calc(6*var(--u));min-height:0;overflow:hidden}
.ch{display:flex;align-items:baseline;gap:calc(8*var(--u));margin-bottom:calc(2*var(--u))}.ch b{font-size:calc(13.5*var(--u));font-weight:800;letter-spacing:-.01em}.ch em{margin-left:auto;font-style:normal;font-size:calc(10.5*var(--u));color:var(--acct);font-weight:700}
.kpi{padding:calc(11*var(--u)) calc(13*var(--u));display:flex;flex-direction:column;gap:calc(2*var(--u));border-radius:calc(14*var(--u))}
.kpi small{font-size:calc(9.5*var(--u));font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.kpi b{font-size:calc(24*var(--u));font-weight:800;letter-spacing:-.02em;line-height:1.1}.kpi b.sm{font-size:calc(15*var(--u));line-height:1.6}
.kpi span{font-size:calc(10.5*var(--u));color:var(--ink3)}.kpi em{font-style:normal;font-size:calc(10.5*var(--u));color:var(--acct);font-weight:700;margin-top:calc(3*var(--u))}
.av{position:relative;width:calc(30*var(--u));height:calc(30*var(--u));border-radius:50%;background:rgba(36,31,27,.08);color:var(--ink2);font-size:calc(10.5*var(--u));font-weight:800;display:grid;place-items:center;flex:none}
.av.lg{width:calc(38*var(--u));height:calc(38*var(--u));font-size:calc(12*var(--u));background:rgba(249,115,22,.14);color:#C2410C}
.cm{position:absolute;right:-2px;bottom:-2px;width:calc(12*var(--u));height:calc(12*var(--u));border-radius:50%;box-shadow:0 0 0 calc(2*var(--u)) #fff}
.tg{display:inline-flex;align-items:center;gap:calc(4*var(--u));font-size:calc(10*var(--u));font-weight:600;padding:calc(2*var(--u)) calc(8*var(--u));border-radius:calc(999*var(--u));background:rgba(36,31,27,.06);color:var(--ink2);white-space:nowrap}
.btn-s,.btn-p{display:inline-flex;align-items:center;gap:calc(5*var(--u));height:calc(28*var(--u));padding:0 calc(11*var(--u));border-radius:calc(9*var(--u));font-size:calc(11*var(--u));font-weight:700;white-space:nowrap}
.btn-s{background:rgba(255,255,255,.75);box-shadow:0 0 0 1px var(--line);color:var(--ink2)}
.btn-s.ia{background:#F0ECF9;color:#7C4DCB;box-shadow:none}.btn-s.ok{background:#0B7A4D;color:#fff;box-shadow:none}
.btn-p{background:var(--hg);color:#fff;box-shadow:0 calc(6*var(--u)) calc(16*var(--u)) -6px rgba(249,115,22,.6)}
.srch{display:flex;align-items:center;gap:calc(6*var(--u));height:calc(28*var(--u));padding:0 calc(10*var(--u));border-radius:calc(9*var(--u));background:rgba(255,255,255,.75);box-shadow:0 0 0 1px var(--hair);font-size:calc(11*var(--u));color:#A39890;min-width:0;white-space:nowrap;overflow:hidden}
.seg{display:inline-flex;gap:calc(2*var(--u));padding:calc(2*var(--u));border-radius:calc(9*var(--u));background:var(--tint);font-size:calc(10.5*var(--u));font-weight:600;color:var(--ink3)}
.seg span{padding:calc(4*var(--u)) calc(9*var(--u));border-radius:calc(7*var(--u))}.seg .on{background:#fff;color:var(--ink);box-shadow:0 1px calc(3*var(--u)) rgba(36,31,27,.12)}
.modtabs{display:flex;align-items:center;gap:calc(16*var(--u));height:calc(30*var(--u));flex:none;border-bottom:1px solid var(--hair);font-size:calc(11.5*var(--u));font-weight:600;color:var(--ink3);white-space:nowrap;overflow:hidden}
.modtabs b{font-size:calc(13*var(--u));font-weight:800;color:var(--ink);margin-right:calc(4*var(--u))}.modtabs .wm{background:var(--hg);-webkit-background-clip:text;background-clip:text;color:transparent}
.modtabs span{height:100%;display:flex;align-items:center;border-bottom:calc(2*var(--u)) solid transparent}
.modtabs .on{color:var(--acc);border-color:var(--acc)}
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--glass);border-radius:calc(14*var(--u));overflow:hidden;box-shadow:0 0 0 1px var(--line);font-size:calc(11.5*var(--u))}
.tbl th{font-size:calc(9.5*var(--u));font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:calc(8*var(--u)) calc(12*var(--u));background:rgba(36,31,27,.035)}
.tbl td{padding:calc(9*var(--u)) calc(12*var(--u));border-top:1px solid var(--hair);vertical-align:middle}
.tbl td:first-child{display:flex;align-items:center;gap:calc(10*var(--u))}
.tbl td b{font-weight:700}.tbl td small{display:block;font-size:calc(10.5*var(--u));color:var(--ink3)}
.mb{max-width:78%;padding:calc(7*var(--u)) calc(11*var(--u));border-radius:calc(14*var(--u));font-size:calc(11.5*var(--u));line-height:1.4}
.mb.in{align-self:flex-start;background:#fff;box-shadow:0 1px calc(2*var(--u)) rgba(36,31,27,.08),0 0 0 1px var(--hair);border-bottom-left-radius:calc(5*var(--u))}
.mb.out{align-self:flex-end;background:linear-gradient(135deg,#FB7F36,#F97316);color:#fff;border-bottom-right-radius:calc(5*var(--u))}
.mia{display:flex;align-items:center;gap:calc(4*var(--u));margin-top:calc(4*var(--u));font-size:calc(9*var(--u));font-weight:700;opacity:.88}
.ta{margin-top:auto;height:calc(30*var(--u));border-radius:calc(10*var(--u));background:rgba(255,255,255,.8);box-shadow:0 0 0 1px var(--hair);font-size:calc(11*var(--u));color:#A39890;display:flex;align-items:center;padding:0 calc(10*var(--u))}

/* inicio */
.hero{position:relative;flex:none;display:flex;align-items:center;gap:calc(18*var(--u));padding:calc(20*var(--u)) calc(26*var(--u));border-radius:calc(18*var(--u));background:var(--hg);color:#fff;overflow:visible;min-height:calc(104*var(--u))}
.hero h1{font-size:calc(24*var(--u));font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.1}
.hero p{font-size:calc(12*var(--u));opacity:.92;margin:calc(6*var(--u)) 0 0;max-width:calc(380*var(--u))}
.hero-cli{height:calc(34*var(--u));width:auto;max-width:calc(150*var(--u));object-fit:contain;margin-left:auto;margin-right:calc(90*var(--u));opacity:.95}
.hero-bot{position:absolute;right:calc(18*var(--u));bottom:-6px;height:calc(112*var(--u));width:auto}
.kpi small.k-am{color:#B45309}.kpi small.k-ve{color:#047857}.kpi small.k-vi{color:#6D28D9}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(10*var(--u));flex:none}
.body2{display:grid;grid-template-columns:1.25fr 1fr;gap:calc(10*var(--u));flex:1;min-height:0}
.row{display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(7*var(--u)) 0;border-top:1px solid var(--hair)}
.row .av{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),var(--cc,#999);color:#fff;width:calc(28*var(--u));height:calc(28*var(--u))}
.rt{flex:1;min-width:0;display:flex;flex-direction:column}.rt b{font-size:calc(11.5*var(--u));font-weight:700}.rt span{font-size:calc(10.5*var(--u));color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chan{font-size:calc(9.5*var(--u));font-weight:700;padding:calc(2*var(--u)) calc(8*var(--u));border-radius:calc(999*var(--u));background:rgba(36,31,27,.06);color:var(--ink2)}
.dt{width:calc(44*var(--u));flex:none;display:flex;flex-direction:column;align-items:center;font-size:calc(10.5*var(--u));color:var(--ink3);padding:calc(4*var(--u)) 0;border-radius:calc(9*var(--u));background:rgba(16,185,129,.10)}
.dt b{font-size:calc(11*var(--u));color:#0E8A57}

/* conversaciones */
.hp-v--conversaciones{gap:0}
.inbox{flex:1;min-height:0;display:grid;grid-template-columns:calc(262*var(--u)) 1fr calc(214*var(--u));margin:0 -16px -14px;border-top:0}
.thr{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--hair);background:rgba(255,255,255,.35)}
.thh{display:flex;flex-direction:column;gap:calc(7*var(--u));padding:calc(10*var(--u)) calc(12*var(--u)) calc(8*var(--u));border-bottom:1px solid var(--hair)}
.thh b{font-size:calc(12.5*var(--u));font-weight:800}
.thl{flex:1;overflow:hidden}
.th{display:flex;gap:calc(9*var(--u));align-items:flex-start;width:100%;padding:calc(9*var(--u)) calc(12*var(--u));border-bottom:1px solid var(--hair);border-left:calc(3*var(--u)) solid transparent}
.th:hover{background:rgba(255,255,255,.5)}
.th.on{background:rgba(249,115,22,.08);border-left-color:var(--acc)}
.tt{flex:1;min-width:0;display:flex;flex-direction:column}.tt b{font-size:calc(11.5*var(--u));font-weight:700}
.tt span{font-size:calc(10.5*var(--u));color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm{display:flex;flex-direction:column;align-items:flex-end;gap:calc(3*var(--u));font-size:calc(9.5*var(--u));color:#A39890}
.tm i{font-style:normal;font-size:calc(8.5*var(--u));font-weight:800;border-radius:calc(6*var(--u));padding:1px calc(5*var(--u))}
.tm .ub{background:#E11D63;color:#fff}.tm .ai{background:#F0ECF9;color:#7C4DCB}
.cv{display:flex;flex-direction:column;min-height:0;min-width:0}
.cvh{display:flex;align-items:center;gap:calc(8*var(--u));padding:calc(8*var(--u)) calc(12*var(--u));border-bottom:1px solid var(--hair);background:rgba(255,255,255,.4)}
.cvh b{display:block;font-size:calc(12*var(--u));white-space:nowrap}.cvh small{font-size:calc(10*var(--u));color:var(--ink3)}
.msgs{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:calc(6*var(--u));padding:calc(12*var(--u)) calc(14*var(--u));scrollbar-width:none}
.msgs::-webkit-scrollbar{display:none}
.dia{align-self:center;font-size:calc(9.5*var(--u));font-weight:700;color:var(--ink3);background:rgba(36,31,27,.06);padding:calc(2*var(--u)) calc(10*var(--u));border-radius:calc(999*var(--u))}
.nota{align-self:center;max-width:88%;display:flex;align-items:center;gap:calc(6*var(--u));flex-wrap:wrap;font-size:calc(10*var(--u));color:var(--ink2);background:rgba(255,255,255,.7);
  box-shadow:0 0 0 1px var(--hair);border-radius:calc(10*var(--u));padding:calc(5*var(--u)) calc(10*var(--u))}
.nota .ni{color:#7C3AED}.nota em{font-style:normal;color:#7C4DCB;font-weight:700;font-size:calc(9*var(--u))}
.comp{display:flex;align-items:center;gap:calc(12*var(--u));flex-wrap:wrap;padding:calc(8*var(--u)) calc(12*var(--u)) calc(10*var(--u));border-top:1px solid var(--hair);font-size:calc(10.5*var(--u));color:var(--ink3);font-weight:600}
.comp .ai{color:#7C3AED}.comp .ta{flex-basis:100%;margin:0}
.det{border-left:1px solid var(--hair);padding:calc(12*var(--u));display:flex;flex-direction:column;gap:calc(10*var(--u));background:rgba(255,255,255,.35);min-width:0}
.det .dt{all:unset;font-size:calc(12*var(--u));font-weight:800}
.dc{display:flex;gap:calc(9*var(--u));align-items:center}.dc b{display:block;font-size:calc(12*var(--u))}.dc small{font-size:calc(10*var(--u));color:var(--ink3)}
.det dl{margin:0;display:grid;gap:calc(3*var(--u))}
.det dt{font-size:calc(9.5*var(--u));color:var(--ink3);margin-top:calc(5*var(--u))}
.det dd{margin:0;font-size:calc(11*var(--u));font-weight:600;background:rgba(255,255,255,.75);border-radius:calc(8*var(--u));padding:calc(5*var(--u)) calc(8*var(--u))}
.det dd.tgs{display:flex;flex-wrap:wrap;gap:calc(4*var(--u));background:none;padding:0}

/* agentes */
.agh{display:flex;align-items:center;gap:calc(8*var(--u))}
.agh h3{font-size:calc(17*var(--u));font-weight:800;margin:0;letter-spacing:-.02em}.agh p{font-size:calc(11*var(--u));color:var(--ink3);margin:calc(2*var(--u)) 0 0}.agh>div{flex:1}
.segs{display:flex;gap:calc(6*var(--u));font-size:calc(11*var(--u));font-weight:700;color:var(--ink3)}
.segs span{padding:calc(5*var(--u)) calc(11*var(--u));border-radius:calc(9*var(--u));background:var(--tint)}.segs .on{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.bi{width:calc(30*var(--u));height:calc(30*var(--u));border-radius:calc(9*var(--u));background:#F0ECF9;color:#7C3AED;display:grid;place-items:center;flex:none}.bi .ni{width:calc(16*var(--u));height:calc(16*var(--u))}
.pr{font-style:normal;font-size:calc(9.5*var(--u));font-weight:800;background:#FFF4E5;color:#B45309;border-radius:calc(6*var(--u));padding:1px calc(6*var(--u));margin-left:calc(4*var(--u))}
.pe{font-size:calc(10*var(--u));font-weight:800;border-radius:calc(999*var(--u));padding:calc(3*var(--u)) calc(9*var(--u));white-space:nowrap}.pe.ok{background:#E9F7EF;color:#0E8A57}
.pcs{display:flex;flex-wrap:wrap;gap:calc(4*var(--u))}.pc{font-size:calc(9.5*var(--u));font-weight:700;border-radius:calc(6*var(--u));padding:calc(2*var(--u)) calc(6*var(--u));background:rgba(36,31,27,.06)}
.kb{flex:1;min-height:0;display:grid;grid-template-columns:1.45fr 1fr;gap:calc(10*var(--u))}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:calc(7*var(--u)) calc(14*var(--u));margin:0;padding:0;list-style:none}
.faq li{display:flex;flex-direction:column;padding:calc(6*var(--u)) calc(9*var(--u));border-radius:calc(10*var(--u));background:rgba(255,255,255,.7);box-shadow:0 0 0 1px var(--hair)}
.faq b{font-size:calc(11*var(--u))}.faq span{font-size:calc(10.5*var(--u));color:var(--ink3)}
.fts{display:flex;flex-wrap:wrap;gap:calc(5*var(--u));margin-top:auto}
.prueba{gap:calc(8*var(--u))}

/* negocios */
.kbar{display:flex;align-items:center;gap:calc(7*var(--u));flex:none}
.kbar .sel{font-size:calc(11*var(--u));font-weight:700;height:calc(28*var(--u));display:inline-flex;align-items:center;padding:0 calc(10*var(--u));border-radius:calc(9*var(--u));background:#fff;box-shadow:0 0 0 1px var(--line);white-space:nowrap}
.kbar .vw{width:calc(28*var(--u));height:calc(28*var(--u));border-radius:calc(8*var(--u));display:grid;place-items:center;color:var(--ink3)}.kbar .vw.on{background:var(--acc);color:#fff}
.kbar .srch{width:calc(240*var(--u))}
.kmet{display:flex;gap:calc(18*var(--u));font-size:calc(11*var(--u));color:var(--ink3);flex:none;padding:calc(2*var(--u)) calc(2*var(--u))}.kmet b{color:var(--ink)}.kmet .w b{color:#0E8A57}
.kan{flex:1;min-height:0;display:flex;gap:calc(9*var(--u));overflow:hidden}
.kcol{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(7*var(--u));padding:calc(9*var(--u));border-radius:calc(16*var(--u));background:rgba(255,255,255,.42);box-shadow:0 0 0 1px var(--line);overflow:hidden}
.kh{display:flex;align-items:center;gap:calc(6*var(--u));font-size:calc(11.5*var(--u));white-space:nowrap}
.kh>i{width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:var(--acc);flex:none}.kh b{font-weight:700;overflow:hidden;text-overflow:ellipsis}.kh span{color:#A39890;font-size:calc(10.5*var(--u))}.kh em{margin-left:auto;color:#A39890}
.kc{display:flex;flex-direction:column;gap:calc(3*var(--u));padding:calc(9*var(--u)) calc(10*var(--u));border-radius:calc(12*var(--u));background:rgba(255,255,255,.88);box-shadow:0 1px calc(2*var(--u)) rgba(36,31,27,.06),0 0 0 1px var(--hair)}
.kc.won{background:#EFFAF3}
.kc b{font-size:calc(11*var(--u));font-weight:600;line-height:1.3}
.ks{font-size:calc(10*var(--u));color:var(--ink3)}.kl{font-size:calc(10*var(--u));color:var(--ink2)}
.kt{display:flex;flex-wrap:wrap;gap:calc(3*var(--u));margin-top:calc(2*var(--u))}.kt i{font-style:normal;font-size:calc(9*var(--u));font-weight:700;padding:1px calc(6*var(--u));border-radius:calc(5*var(--u));background:rgba(249,115,22,.10);color:#B4500C}
.kf{font-size:calc(9.5*var(--u));color:#A39890;display:flex;align-items:center;gap:calc(4*var(--u))}
.vacio{font-size:calc(10.5*var(--u));color:#A39890;font-style:italic;text-align:center;margin:calc(10*var(--u)) 0}

/* calendario */
.cbar{display:flex;align-items:center;gap:calc(6*var(--u));flex:none}.cbar b{font-size:calc(13*var(--u));font-weight:800;margin-left:calc(6*var(--u))}
.calw{flex:1;min-height:0;display:grid;grid-template-columns:1fr calc(168*var(--u));gap:calc(10*var(--u))}
.cal{display:flex;flex-direction:column;min-height:0;border-radius:calc(14*var(--u));background:var(--glass);box-shadow:0 0 0 1px var(--line);overflow:hidden}
.chd{display:grid;grid-template-columns:calc(44*var(--u)) repeat(6,1fr);border-bottom:1px solid var(--hair);flex:none}
.cd{display:flex;flex-direction:column;align-items:center;padding:calc(5*var(--u)) 0}.cd small{font-size:calc(9.5*var(--u));font-weight:700;text-transform:uppercase;color:var(--ink3)}.cd b{font-size:calc(16*var(--u));font-weight:800}
.cd:nth-child(2) b{background:var(--acc);color:#fff;border-radius:50%;width:calc(26*var(--u));height:calc(26*var(--u));display:grid;place-items:center;font-size:calc(13*var(--u))}
.cgr{flex:1;min-height:0;display:grid;grid-template-columns:calc(44*var(--u)) 1fr}
.hrs{display:flex;flex-direction:column}.hr{flex:1;font-size:calc(9*var(--u));color:#A39890;text-align:right;padding-right:calc(6*var(--u));border-top:1px solid var(--hair)}
.cols{position:relative;background-image:repeating-linear-gradient(90deg,var(--hair) 0 1px,transparent 1px calc(100% / 6)),repeating-linear-gradient(180deg,var(--hair) 0 1px,transparent 1px calc(100% / 11))}
.ev{position:absolute;width:calc(100% / 6 - calc(6*var(--u)));margin-left:calc(3*var(--u));border-radius:calc(6*var(--u));padding:calc(3*var(--u)) calc(6*var(--u));overflow:hidden;background:color-mix(in srgb,var(--c) 15%,#fff);border-left:calc(3*var(--u)) solid var(--c);display:flex;flex-direction:column}
.ev small{font-size:calc(8.5*var(--u));font-weight:800;color:var(--c)}.ev b{font-size:calc(9.5*var(--u));font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev span{font-size:calc(9*var(--u));color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cside{border-radius:calc(14*var(--u));background:var(--glass);box-shadow:0 0 0 1px var(--line);padding:calc(12*var(--u));display:flex;flex-direction:column;gap:calc(6*var(--u))}
.cside b{font-size:calc(12*var(--u));font-weight:800}.cside small{font-size:calc(9.5*var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-top:calc(6*var(--u))}
.cside ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(5*var(--u));font-size:calc(11*var(--u))}
.cside li{display:flex;align-items:center;gap:calc(7*var(--u))}.cside li i{width:calc(10*var(--u));height:calc(10*var(--u));border-radius:calc(3*var(--u));flex:none}
.cside .tp li::before{content:"";width:calc(10*var(--u));height:calc(10*var(--u));border-radius:calc(3*var(--u));box-shadow:inset 0 0 0 calc(1.5*var(--u)) #A39890}.cside .tp li:first-child::before{background:var(--acc);box-shadow:none}

/* email */
.mkseg{display:flex;align-items:center;gap:calc(6*var(--u));flex:none;font-size:calc(11.5*var(--u));font-weight:700;color:var(--ink3)}
.mkseg>span:not(.btn-p):not(.sp){padding:calc(6*var(--u)) calc(12*var(--u));border-radius:calc(9*var(--u))}.mkseg .on{background:var(--hg);color:#fff}.mkseg .lnk{color:var(--acct)}
.mkk{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(10*var(--u));flex:none}
.pills{display:flex;align-items:center;gap:calc(6*var(--u));flex:none;font-size:calc(11*var(--u));font-weight:700;color:var(--ink2)}
.pills>span{padding:calc(5*var(--u)) calc(11*var(--u));border-radius:calc(999*var(--u));background:rgba(255,255,255,.7);box-shadow:0 0 0 1px var(--hair)}.pills>span i{font-style:normal;color:#A39890;margin-left:calc(3*var(--u))}
.pills .on{background:var(--ink);color:#fff}.pills .srch{margin-left:auto;width:calc(230*var(--u))}
.mi{width:calc(34*var(--u));height:calc(34*var(--u));border-radius:calc(10*var(--u));display:grid;place-items:center;flex:none;background:hsl(var(--h) 80% 94%);color:hsl(var(--h) 60% 42%)}.mi .ni{width:calc(15*var(--u));height:calc(15*var(--u))}
.st{font-size:calc(10*var(--u));font-weight:800;border-radius:calc(999*var(--u));padding:calc(3*var(--u)) calc(9*var(--u));white-space:nowrap}.st-p{background:#E6F0FD;color:#2563EB}.st-b{background:rgba(36,31,27,.07);color:var(--ink2)}

/* workflows */
.wfb{flex:1;min-height:0;display:grid;grid-template-columns:calc(220*var(--u)) 1fr;gap:calc(10*var(--u))}
.wlist{border-radius:calc(14*var(--u));background:var(--glass);box-shadow:0 0 0 1px var(--line);padding:calc(12*var(--u));display:flex;flex-direction:column;gap:calc(8*var(--u))}
.wlist>b{font-size:calc(12.5*var(--u));font-weight:800}
.wlist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(4*var(--u))}
.wlist li{display:flex;align-items:center;gap:calc(7*var(--u));font-size:calc(11*var(--u));font-weight:600;padding:calc(7*var(--u)) calc(8*var(--u));border-radius:calc(9*var(--u));line-height:1.25}
.wlist li i{width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:#A39890;flex:none}.wlist li span{margin-left:auto;font-size:calc(9*var(--u));color:#A39890;font-weight:700}
.wlist li.on{background:#fff;box-shadow:0 0 0 1px var(--line)}.wlist li.on i{background:#0E8A57}.wlist .pub{color:#0E8A57!important}
.wcanvas{position:relative;border-radius:calc(14*var(--u));box-shadow:0 0 0 1px var(--line);overflow:hidden;display:flex;flex-direction:column;
  background:rgba(255,255,255,.45) radial-gradient(circle,rgba(36,31,27,.14) 1px,transparent calc(1.4*var(--u))) 0 0/calc(16*var(--u)) calc(16*var(--u))}
.wtop{display:flex;align-items:center;gap:calc(8*var(--u));padding:calc(9*var(--u)) calc(12*var(--u));border-bottom:1px solid var(--hair);background:rgba(255,255,255,.6)}.wtop b{font-size:calc(12.5*var(--u));font-weight:800}
.wflow{flex:1;display:flex;flex-direction:column;align-items:center;gap:calc(16*var(--u));padding:calc(14*var(--u)) calc(10*var(--u));position:relative}
.wn{position:relative;width:calc(236*var(--u));padding:calc(7*var(--u)) calc(12*var(--u));border-radius:calc(11*var(--u));background:#fff;box-shadow:0 calc(6*var(--u)) calc(16*var(--u)) -10px rgba(60,30,20,.4),0 0 0 1px var(--line);display:flex;flex-direction:column}
.wn small{font-size:calc(8.5*var(--u));font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--acct)}.wn b{font-size:calc(11*var(--u));font-weight:700}
.wn:not(:first-child)::before{content:"";position:absolute;left:50%;top:-17px;height:calc(16*var(--u));width:0;border-left:calc(2*var(--u)) solid rgba(36,31,27,.22)}
.wn.tr{box-shadow:0 0 0 calc(2*var(--u)) #F0531E,0 calc(10*var(--u)) calc(20*var(--u)) -12px rgba(240,83,30,.6)}.wn.tr small{color:#F0531E}
.wn.es small{color:var(--ink3)}
.wn.if{background:#F0ECF9;box-shadow:0 0 0 1px #D9CCF5}.wn.if small{color:#7C3AED}
.wr{display:grid;grid-template-columns:1fr 1fr;gap:calc(16*var(--u));position:relative}
.wr::before{content:"";position:absolute;left:25%;right:25%;top:-9px;border-top:calc(2*var(--u)) solid rgba(36,31,27,.22)}
.wr>div{display:flex;flex-direction:column;align-items:center;gap:calc(16*var(--u));position:relative}
.wr .wn{width:calc(210*var(--u))}
.wr .wn:first-of-type::before{top:-18px}
.rl{position:absolute;top:-17px;left:calc(50% + calc(6*var(--u)));font-size:calc(9*var(--u));font-weight:800;padding:0 calc(6*var(--u));border-radius:calc(5*var(--u));z-index:1}
.rl.si{background:#E9F7EF;color:#0E8A57}.rl.no{background:#FCEDEC;color:#CC4435}

/* reportería */
.rep{flex:1;min-height:0;display:grid;grid-template-columns:calc(150*var(--u)) 1fr;gap:calc(12*var(--u))}
.rsub{display:flex;flex-direction:column;gap:calc(2*var(--u));font-size:calc(11*var(--u));font-weight:600;color:var(--ink2)}
.rsub b{font-size:calc(12.5*var(--u));font-weight:800;margin-bottom:calc(6*var(--u));color:var(--ink)}
.rsub span{padding:calc(5*var(--u)) calc(9*var(--u));border-radius:calc(8*var(--u))}.rsub .on{background:var(--hg);color:#fff}
.rsub small{font-size:calc(9*var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--acc);margin:calc(8*var(--u)) 0 calc(2*var(--u)) calc(9*var(--u))}
.rmain{display:flex;flex-direction:column;gap:calc(8*var(--u));min-height:0;min-width:0}
.rh{display:flex;align-items:center;justify-content:space-between}.rh h3{font-size:calc(16*var(--u));font-weight:800;margin:0}
.rseg{display:flex;align-items:center;gap:calc(6*var(--u))}.rseg small{font-size:calc(10*var(--u));color:var(--ink3);font-weight:700}
.kick{margin:calc(4*var(--u)) 0 0;font-size:calc(10*var(--u));font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.ocs{display:grid;grid-template-columns:1fr 1fr;gap:calc(10*var(--u))}
.oc{position:relative;border-radius:calc(14*var(--u));background:var(--glass);box-shadow:var(--gsh),0 0 0 1px var(--line);padding:calc(12*var(--u)) calc(14*var(--u));display:flex;flex-direction:column;gap:calc(3*var(--u));overflow:hidden;min-height:calc(106*var(--u))}
.oc small{font-size:calc(9.5*var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}.oc b{font-size:calc(13*var(--u));font-weight:800}
.ol{display:flex;gap:calc(4*var(--u));flex-wrap:wrap}.ol span{font-size:calc(9.5*var(--u));font-weight:700;padding:1px calc(7*var(--u));border-radius:calc(6*var(--u));background:rgba(36,31,27,.06)}
.ghost{position:absolute;left:0;right:0;bottom:calc(6*var(--u));width:100%;height:calc(40*var(--u))}.ghost path{fill:none;stroke:rgba(240,83,30,.35);stroke-width:2;stroke-dasharray:5 5}
.vac{margin:auto 0 0;font-size:calc(10*var(--u));color:var(--ink3);position:relative}
.rseg .tg.on{background:var(--ink);color:#fff}
.ocs4{grid-template-columns:repeat(4,1fr)}.ocs4 .oc{min-height:calc(96*var(--u));padding:calc(10*var(--u)) calc(12*var(--u))}.ocs4 .oc b{font-size:calc(11.5*var(--u));line-height:1.25}
.rtw{border-radius:calc(14*var(--u));background:var(--glass);box-shadow:0 0 0 1px var(--line);padding:calc(4*var(--u)) calc(12*var(--u)) calc(8*var(--u));display:flex;flex-direction:column;gap:calc(4*var(--u))}
.rtab{width:100%;border-collapse:collapse;font-size:calc(11*var(--u))}
.rtab th{font-size:calc(9*var(--u));font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);text-align:center;padding:calc(6*var(--u)) calc(4*var(--u));line-height:1.2}
.rtab td{padding:calc(5*var(--u)) calc(4*var(--u));border-top:1px solid var(--hair);text-align:center;color:#A39890;font-weight:700}
.rtab td:first-child,.rtab th:first-child{text-align:left;color:var(--ink);font-weight:700;white-space:nowrap}

/* email (hub de mailing + editor) */
.emg{flex:1;min-height:0;display:grid;grid-template-columns:1.3fr 1fr;gap:calc(12*var(--u))}
.emcol{display:flex;flex-direction:column;gap:calc(8*var(--u));min-height:0;min-width:0}
.emcol .tbl td{padding:calc(7*var(--u)) calc(10*var(--u))}.emcol .tbl th{padding:calc(7*var(--u)) calc(10*var(--u))}
.tbl tr.on td{background:rgba(249,115,22,.07)}
.emlis ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.emlis li{display:flex;align-items:center;gap:calc(9*var(--u));padding:calc(5*var(--u)) 0;border-top:1px solid var(--hair)}
.lic{width:calc(24*var(--u));height:calc(24*var(--u));border-radius:calc(8*var(--u));display:grid;place-items:center;flex:none;background:rgba(249,115,22,.12);color:#C2410C}
.tg.din{background:#F0ECF9;color:#7C4DCB}
.emed{min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:calc(14*var(--u));overflow:hidden;box-shadow:0 0 0 1px var(--line);background:rgba(255,255,255,.5)}
.emtb{display:flex;align-items:center;gap:calc(6*var(--u));padding:calc(7*var(--u)) calc(10*var(--u));border-bottom:1px solid var(--hair);background:rgba(255,255,255,.7);font-size:calc(11*var(--u));font-weight:700;color:var(--ink3)}
.emtb b{color:var(--ink);background:#fff;box-shadow:0 0 0 1px var(--line);border-radius:calc(7*var(--u));padding:calc(3*var(--u)) calc(8*var(--u))}
.emtb .seg span{display:grid;place-items:center;padding:calc(3*var(--u)) calc(6*var(--u))}
.emtb .btn-s,.emtb .btn-p{height:calc(24*var(--u));padding:0 calc(8*var(--u));font-size:calc(10*var(--u))}
.emcv{flex:1;min-height:0;overflow:hidden;padding:calc(10*var(--u)) calc(14*var(--u));display:flex;flex-direction:column;gap:calc(8*var(--u));background:linear-gradient(180deg,rgba(255,240,232,.6),rgba(255,255,255,.2))}
.emasu{display:grid;grid-template-columns:auto 1fr;gap:calc(3*var(--u)) calc(10*var(--u));align-items:baseline;background:#fff;border-radius:calc(10*var(--u));padding:calc(7*var(--u)) calc(10*var(--u));box-shadow:0 0 0 1px var(--hair)}
.emasu small{font-size:calc(8.5*var(--u));font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
.emasu b{font-size:calc(11*var(--u));font-weight:700}.emasu span{font-size:calc(10.5*var(--u));color:var(--ink3)}
.emml{background:#fff;border-radius:calc(12*var(--u));box-shadow:0 calc(10*var(--u)) calc(26*var(--u)) -16px rgba(60,30,20,.4),0 0 0 1px var(--hair);overflow:hidden;display:flex;flex-direction:column}
.emhd{background:var(--cc);padding:calc(12*var(--u));display:grid;place-items:center}
.emhd img{height:calc(24*var(--u));width:auto;max-width:calc(150*var(--u));object-fit:contain}
.embd{padding:calc(12*var(--u)) calc(16*var(--u)) calc(10*var(--u));display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(6*var(--u))}
.embd b{font-size:calc(15*var(--u));font-weight:800;letter-spacing:-.02em;line-height:1.15}
.embd p{margin:0;font-size:calc(10.5*var(--u));line-height:1.5;color:var(--ink2)}
.emcta{display:inline-flex;align-items:center;height:calc(28*var(--u));padding:0 calc(16*var(--u));border-radius:calc(9*var(--u));background:var(--cc);color:#fff;font-size:calc(11*var(--u));font-weight:800;margin-top:calc(2*var(--u))}
.emsl{display:flex;gap:calc(5*var(--u));flex-wrap:wrap;justify-content:center}.emsl i{font-style:normal;font-size:calc(9*var(--u));font-weight:700;padding:calc(2*var(--u)) calc(7*var(--u));border-radius:calc(999*var(--u));background:rgba(36,31,27,.06);color:var(--ink2)}
.emft{font-size:calc(8.5*var(--u));line-height:1.5;color:#A39890;text-align:center;padding:calc(7*var(--u)) calc(12*var(--u)) calc(9*var(--u));border-top:1px solid var(--hair)}

/* sitios web: embudo + constructor */
.hp-v--web{gap:calc(8*var(--u))}
.fun{display:flex;align-items:center;gap:calc(8*var(--u));flex:none;font-size:calc(11*var(--u));white-space:nowrap;overflow:hidden}
.fun>small{font-size:calc(9*var(--u));font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}.fun>b{font-size:calc(12.5*var(--u));font-weight:800}
.fps{display:flex;align-items:center;gap:calc(4*var(--u))}
.fp{display:inline-flex;align-items:center;gap:calc(5*var(--u));padding:calc(3*var(--u)) calc(9*var(--u)) calc(3*var(--u)) calc(4*var(--u));border-radius:calc(999*var(--u));background:rgba(255,255,255,.75);box-shadow:0 0 0 1px var(--hair);font-weight:700;color:var(--ink2)}
.fp i{font-style:normal;width:calc(17*var(--u));height:calc(17*var(--u));border-radius:50%;display:grid;place-items:center;font-size:calc(9*var(--u));font-weight:800;background:rgba(36,31,27,.08)}
.fp.on{box-shadow:0 0 0 calc(1.5*var(--u)) #F0531E;color:var(--ink)}.fp.on i{background:var(--hg);color:#fff}
.fp+.fp::before{content:"→";color:#A39890;margin:0 calc(6*var(--u)) 0 -2px;font-weight:400}
.fo{display:inline-flex;align-items:center;gap:calc(4*var(--u));font-size:calc(10*var(--u));font-weight:600;color:var(--ink3)}
.wb{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:calc(14*var(--u));overflow:hidden;box-shadow:0 0 0 1px var(--line);background:rgba(255,255,255,.45)}
.wbtop{display:flex;align-items:center;gap:calc(6*var(--u));padding:calc(6*var(--u)) calc(10*var(--u));background:rgba(255,255,255,.8);border-bottom:1px solid var(--hair)}
.wbtop b{font-size:calc(12*var(--u));font-weight:800;white-space:nowrap}.wbru{font-size:calc(10*var(--u));color:#A39890;white-space:nowrap}
.wbtop .btn-s,.wbtop .btn-p{height:calc(25*var(--u));padding:0 calc(9*var(--u));font-size:calc(10.5*var(--u))}
.wbtop .seg span{display:grid;place-items:center;padding:calc(3*var(--u)) calc(6*var(--u))}
.tbi{width:calc(25*var(--u));height:calc(25*var(--u));border-radius:calc(7*var(--u));display:grid;place-items:center;color:var(--ink3)}
.wbed{flex:1;min-height:0;display:grid;grid-template-columns:calc(132*var(--u)) 1fr calc(172*var(--u))}
.wbpal{border-right:1px solid var(--hair);padding:calc(9*var(--u));display:flex;flex-direction:column;gap:calc(5*var(--u));background:rgba(255,255,255,.55);min-width:0;overflow:hidden}
.wbpal>b{font-size:calc(11.5*var(--u));font-weight:800}.wbpal .srch{height:calc(24*var(--u));font-size:calc(10*var(--u))}
.wbpal small{font-size:calc(8.5*var(--u));font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin-top:calc(3*var(--u))}
.wbg{display:grid;grid-template-columns:1fr 1fr;gap:calc(4*var(--u))}
.wbel{display:flex;flex-direction:column;align-items:center;gap:calc(3*var(--u));padding:calc(6*var(--u)) calc(2*var(--u));border-radius:calc(8*var(--u));background:#fff;box-shadow:0 0 0 1px var(--hair);font-size:calc(9*var(--u));font-weight:600;color:var(--ink2);text-align:center}
.wbel .ni{color:#F0531E;width:calc(13*var(--u));height:calc(13*var(--u))}
.wbcv{min-width:0;min-height:0;overflow:hidden;padding:calc(12*var(--u));background:repeating-linear-gradient(45deg,rgba(36,31,27,.025) 0 calc(6*var(--u)),transparent calc(6*var(--u)) calc(12*var(--u)))}
.wbpg{background:#fff;border-radius:calc(10*var(--u));box-shadow:0 calc(14*var(--u)) calc(34*var(--u)) -18px rgba(60,30,20,.45),0 0 0 1px var(--hair);overflow:hidden}
.wbhero{display:grid;grid-template-columns:1.25fr 1fr;gap:calc(14*var(--u));padding:calc(16*var(--u));background:var(--cc);color:#fff;align-items:center}
.wbht{display:flex;flex-direction:column;gap:calc(5*var(--u));min-width:0}
.wbht img{height:calc(20*var(--u));width:auto;max-width:calc(120*var(--u));object-fit:contain;align-self:flex-start;margin-bottom:calc(4*var(--u))}
.wbht small{font-size:calc(9*var(--u));font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.wbht b{font-size:calc(18*var(--u));font-weight:800;letter-spacing:-.02em;line-height:1.1}
.wbht p{margin:0;font-size:calc(10.5*var(--u));line-height:1.45;opacity:.92}
.wbsl{display:flex;gap:calc(4*var(--u));flex-wrap:wrap;margin-top:calc(2*var(--u))}.wbsl i{font-style:normal;font-size:calc(8.5*var(--u));font-weight:700;padding:calc(2*var(--u)) calc(7*var(--u));border-radius:calc(999*var(--u));background:rgba(255,255,255,.2)}
.wbform{position:relative;background:#fff;color:var(--ink);border-radius:calc(10*var(--u));padding:calc(10*var(--u));display:flex;flex-direction:column;gap:calc(5*var(--u))}
.wbform>b{font-size:calc(11.5*var(--u));font-weight:800}
.wbform.sel{outline:calc(2*var(--u)) dashed #F0531E;outline-offset:calc(3*var(--u))}
.wbsel{position:absolute;top:0;right:0;font-size:calc(8.5*var(--u));font-weight:800;color:#fff;background:#F0531E;border-radius:0 calc(8*var(--u)) 0 calc(7*var(--u));padding:1px calc(7*var(--u))}
.wbin{display:block;height:calc(22*var(--u));border-radius:calc(6*var(--u));box-shadow:0 0 0 1px var(--line);font-size:calc(9.5*var(--u));color:#A39890;padding:0 calc(8*var(--u));line-height:calc(22*var(--u))}
.wbcta{display:grid;place-items:center;height:calc(26*var(--u));border-radius:calc(7*var(--u));background:var(--cc);color:#fff;font-size:calc(10.5*var(--u));font-weight:800;margin-top:calc(2*var(--u))}
.wbblq{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8*var(--u));padding:calc(12*var(--u)) calc(16*var(--u)) calc(6*var(--u))}
.wbb{display:flex;align-items:center;gap:calc(6*var(--u));font-size:calc(10*var(--u));font-weight:700;padding:calc(8*var(--u));border-radius:calc(8*var(--u));background:rgba(36,31,27,.035)}
.wbb span{width:calc(18*var(--u));height:calc(18*var(--u));border-radius:50%;display:grid;place-items:center;flex:none;background:var(--cc);color:#fff}.wbb .ni{width:calc(10*var(--u));height:calc(10*var(--u))}
.wbfaq{list-style:none;margin:0;padding:calc(4*var(--u)) calc(16*var(--u)) calc(12*var(--u));display:flex;flex-direction:column;gap:calc(4*var(--u))}
.wbfaq li{display:flex;justify-content:space-between;font-size:calc(10*var(--u));font-weight:600;padding:calc(6*var(--u)) calc(9*var(--u));border-radius:calc(7*var(--u));box-shadow:0 0 0 1px var(--hair)}.wbfaq li span{color:#A39890}
.wbset{border-left:1px solid var(--hair);padding:calc(10*var(--u));display:flex;flex-direction:column;gap:calc(8*var(--u));background:rgba(255,255,255,.55);min-width:0;overflow:hidden}
.wbst{display:grid;grid-template-columns:auto 1fr;gap:0 calc(7*var(--u));align-items:center}
.wbst span{grid-row:span 2;width:calc(26*var(--u));height:calc(26*var(--u));border-radius:calc(8*var(--u));display:grid;place-items:center;background:rgba(249,115,22,.12);color:#C2410C}
.wbst b{font-size:calc(11.5*var(--u));font-weight:800}.wbst small{font-size:calc(9.5*var(--u));color:var(--ink3)}
.wbset dl{margin:0;display:grid;gap:calc(3*var(--u))}.wbset dt{font-size:calc(9*var(--u));color:var(--ink3);margin-top:calc(3*var(--u))}
.wbset dd{margin:0;font-size:calc(10*var(--u));font-weight:600;background:#fff;border-radius:calc(7*var(--u));padding:calc(4*var(--u)) calc(7*var(--u));box-shadow:0 0 0 1px var(--hair);line-height:1.3}
.wbtg{display:flex;align-items:center;gap:calc(6*var(--u));font-size:calc(10*var(--u));font-weight:600;margin-top:calc(4*var(--u))}
.wbtg i{position:relative;width:calc(26*var(--u));height:calc(15*var(--u));border-radius:calc(999*var(--u));background:var(--hg);flex:none}.wbtg i::after{content:"";position:absolute;top:calc(2*var(--u));right:calc(2*var(--u));width:calc(11*var(--u));height:calc(11*var(--u));border-radius:50%;background:#fff}

/* reuniones IA · Hapee Notetaker */
.ru{flex:1;min-height:0;display:grid;grid-template-columns:calc(226*var(--u)) 1fr calc(236*var(--u));gap:calc(10*var(--u))}
.rucol,.rud,.coach{min-width:0;min-height:0;display:flex;flex-direction:column;gap:calc(7*var(--u));overflow:hidden}
.ru-sw{display:grid;grid-template-columns:auto 1fr;gap:calc(6*var(--u)) calc(9*var(--u));align-items:center;padding:calc(10*var(--u));border-radius:calc(14*var(--u));border:calc(2*var(--u)) solid #10b981;background:linear-gradient(100deg,rgba(16,185,129,.14),rgba(16,185,129,.04))}
.ru-sw .ico{width:calc(30*var(--u));height:calc(30*var(--u));border-radius:calc(9*var(--u));display:grid;place-items:center;background:rgba(16,185,129,.16);color:#0f9d76}.ru-sw .ico .ni{width:calc(16*var(--u));height:calc(16*var(--u))}
.ru-sw .txt b{display:block;font-size:calc(11.5*var(--u));font-weight:800;line-height:1.2}.ru-sw .txt small{font-size:calc(9.5*var(--u));color:var(--ink3)}
.ru-sw .est{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:calc(5*var(--u));font-size:calc(9*var(--u));font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:calc(2*var(--u)) calc(8*var(--u));border-radius:calc(999*var(--u));background:rgba(16,185,129,.18);color:#0f9d76}
.ru-sw .est::before{content:"";width:calc(6*var(--u));height:calc(6*var(--u));border-radius:50%;background:currentColor}
.rucol .kick{margin:calc(2*var(--u)) 0 0;font-size:calc(9*var(--u));color:var(--ink3);letter-spacing:.08em}
.ru-it{display:block;padding:calc(8*var(--u)) calc(10*var(--u));border-radius:calc(12*var(--u));background:var(--glass);box-shadow:0 0 0 1px var(--line)}
.ru-it.on{box-shadow:0 0 0 calc(1.5*var(--u)) #F0531E;background:#fff}
.ru-it b{font-size:calc(11*var(--u));font-weight:800;line-height:1.25}.ru-it small{display:block;font-size:calc(9.5*var(--u));color:var(--ink3);margin-top:calc(2*var(--u))}
.rb{display:inline-block;font-size:calc(8*var(--u));font-weight:800;text-transform:uppercase;padding:1px calc(6*var(--u));border-radius:calc(5*var(--u));margin-left:calc(5*var(--u));vertical-align:1px}
.rb-ok{background:rgba(14,138,87,.14);color:#0E8A57}.rb-pe{background:rgba(214,146,30,.16);color:#B7791F}
.rudh{display:flex;align-items:center;gap:calc(8*var(--u))}.rudh b{display:block;font-size:calc(13*var(--u));font-weight:800;line-height:1.2}.rudh small{font-size:calc(9.5*var(--u));color:var(--ink3)}
.rudh .btn-s{height:calc(24*var(--u));font-size:calc(10*var(--u));padding:0 calc(8*var(--u))}
.rgente{display:flex;flex-wrap:wrap;gap:calc(4*var(--u))}
.rp{display:inline-flex;align-items:center;gap:calc(4*var(--u));padding:calc(3*var(--u)) calc(8*var(--u));border-radius:calc(999*var(--u));box-shadow:0 0 0 1px var(--line);background:rgba(255,255,255,.7);font-size:calc(9.5*var(--u));font-weight:600;color:var(--ink2)}
.rp .ni{color:#F0531E;width:calc(11*var(--u));height:calc(11*var(--u))}.rp.bot{background:#F0ECF9;box-shadow:none;color:#7C4DCB}.rp.bot .ni{color:#7C3AED}
.rsec{border-radius:calc(12*var(--u));padding:calc(8*var(--u)) calc(11*var(--u));background:var(--glass);box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:calc(3*var(--u))}
.rsec h4{margin:0 0 calc(2*var(--u));font-size:calc(9.5*var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#E8622A}
.rsec p{margin:0;font-size:calc(10.5*var(--u));line-height:1.5;color:var(--ink2)}.rsec .hint{font-size:calc(9.5*var(--u));color:var(--ink3)}
.rins{display:flex;gap:calc(7*var(--u));align-items:flex-start;padding:calc(3*var(--u)) 0;font-size:calc(10*var(--u));line-height:1.35;color:var(--ink2)}
.rtag{flex:none;font-size:calc(8*var(--u));font-weight:800;text-transform:uppercase;padding:calc(2*var(--u)) calc(6*var(--u));border-radius:calc(5*var(--u));background:rgba(240,83,30,.13);color:#D9461A}
.rtar{position:relative;display:flex;gap:calc(7*var(--u));align-items:flex-start;padding:calc(4*var(--u)) 0;border-top:1px solid var(--hair);font-size:calc(10*var(--u));line-height:1.35;color:var(--ink2);cursor:pointer}
.rtar input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.rtar .bx{flex:none;width:calc(14*var(--u));height:calc(14*var(--u));border-radius:calc(4*var(--u));display:grid;place-items:center;background:#F0531E;color:#fff;margin-top:1px}
.rtar .bx .ni{width:calc(10*var(--u));height:calc(10*var(--u))}
.rtar input:not(:checked)+.bx{background:#fff;box-shadow:inset 0 0 0 calc(1.5*var(--u)) #C9BFB7}.rtar input:not(:checked)+.bx .ni{opacity:0}
.rtar input:focus-visible+.bx{outline:calc(2*var(--u)) solid #FFB08A;outline-offset:1px}
.rtar b{color:var(--ink)}
.rsec>.btn-p{align-self:flex-start;height:calc(25*var(--u));font-size:calc(10*var(--u));margin-top:calc(3*var(--u))}
.coach{border-radius:calc(12*var(--u));padding:calc(9*var(--u)) calc(11*var(--u));gap:calc(4*var(--u));overflow:hidden}
.coach h5{margin:calc(5*var(--u)) 0 0;font-size:calc(8.5*var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3)}
.rmed{display:flex;flex-direction:column;gap:calc(3*var(--u));margin-bottom:calc(2*var(--u))}
.rmt{display:flex;justify-content:space-between;gap:calc(6*var(--u));font-size:calc(10*var(--u))}.rmt b{font-weight:800}.rmt span{color:var(--ink3);font-weight:600}
.rbar{height:calc(6*var(--u));border-radius:calc(99*var(--u));background:rgba(36,31,27,.1);overflow:hidden}
.rbar span{display:block;height:100%;border-radius:calc(99*var(--u));background:linear-gradient(90deg,#F0531E,#E11D63)}
.rbar.dual span{background:linear-gradient(90deg,#F0531E,#FF9A6B)}
.rmed p{font-size:calc(9.5*var(--u));line-height:1.35}
.rmom{display:flex;gap:calc(6*var(--u));align-items:flex-start;padding:calc(6*var(--u)) calc(8*var(--u));border-radius:calc(9*var(--u));background:rgba(240,83,30,.08);font-size:calc(9.5*var(--u));line-height:1.35;color:var(--ink2)}
.rmom .ni{color:#F0531E;margin-top:1px}
.coach .rins{padding:calc(2*var(--u)) 0;font-size:calc(9.5*var(--u))}

/* academia */
.acw{flex:1;min-height:0;display:grid;grid-template-columns:1fr calc(206*var(--u));gap:calc(12*var(--u))}
.acm{min-width:0;min-height:0;display:flex;flex-direction:column;gap:calc(9*var(--u))}
.ac-hero{position:relative;flex:none;border-radius:calc(16*var(--u));padding:calc(14*var(--u)) calc(18*var(--u));color:#fff;background:linear-gradient(110deg,#F0531E,#E7364C 48%,#E11D63);box-shadow:0 calc(16*var(--u)) calc(36*var(--u)) -20px rgba(225,29,99,.55);overflow:visible}
.ac-hero small{font-size:calc(9*var(--u));font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.ac-hero h3{margin:calc(3*var(--u)) 0 calc(2*var(--u));font-size:calc(17*var(--u));font-weight:800;letter-spacing:-.02em;line-height:1.15;max-width:calc(100% - calc(110*var(--u)))}
.ac-hero p{margin:0;font-size:calc(11*var(--u));opacity:.92}
.ac-hero .go{display:inline-flex;margin-top:calc(8*var(--u));background:#fff;color:#E11D63;font-weight:800;font-size:calc(10.5*var(--u));padding:calc(6*var(--u)) calc(12*var(--u));border-radius:calc(9*var(--u))}
.ac-hero img{position:absolute;right:calc(16*var(--u));bottom:-6px;height:calc(96*var(--u));width:auto}
.ack{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(9*var(--u));flex:none}
.ack .kpi{padding:calc(8*var(--u)) calc(12*var(--u))}.ack .kpi small{display:flex;align-items:center;gap:calc(5*var(--u))}.ack .kpi b{font-size:calc(19*var(--u))}
.acs{display:flex;align-items:baseline;flex:none}.acs b{font-size:calc(14*var(--u));font-weight:800;letter-spacing:-.02em}.acs em{margin-left:auto;font-style:normal;font-size:calc(10.5*var(--u));font-weight:700;color:#E11D63}
.acg{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:calc(9*var(--u))}
.acc{display:flex;flex-direction:column;border-radius:calc(13*var(--u));overflow:hidden;background:var(--glass);box-shadow:var(--gsh),0 0 0 1px var(--line);min-height:0}
.accv{position:relative;flex:1;min-height:calc(40*var(--u));display:grid;place-items:center;background:linear-gradient(135deg,#2B1712,#B0330F);color:rgba(255,255,255,.85)}
.accv.v1{background:linear-gradient(120deg,#F0531E,#E11D63)}
.accv .acic{width:calc(26*var(--u));height:calc(26*var(--u))}
.accv .cat{position:absolute;top:calc(6*var(--u));left:calc(7*var(--u));font-size:calc(8*var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.18);color:#fff;padding:calc(2*var(--u)) calc(7*var(--u));border-radius:calc(999*var(--u))}
.accv .play{position:absolute;right:calc(7*var(--u));bottom:calc(6*var(--u));width:calc(20*var(--u));height:calc(20*var(--u));border-radius:50%;background:rgba(255,255,255,.92);color:#E11D63;display:grid;place-items:center}
.accv .play .ni{width:calc(9*var(--u));height:calc(9*var(--u));fill:currentColor}
.acb{padding:calc(6*var(--u)) calc(10*var(--u)) calc(2*var(--u));display:flex;flex-direction:column;gap:calc(2*var(--u))}
.acb b{font-size:calc(11*var(--u));font-weight:800;letter-spacing:-.01em;line-height:1.2}
.acb small{font-size:calc(9.5*var(--u));color:var(--ink3)}
.ac-done,.ac-mid,.ac-new,.ac-bor{display:inline-flex;font-size:calc(8.5*var(--u));font-weight:800;border-radius:calc(999*var(--u));padding:1px calc(6*var(--u));margin-left:calc(2*var(--u))}
.ac-done{color:#0E8A57;background:rgba(14,138,87,.12)}.ac-mid{color:#F0531E;background:rgba(240,83,30,.12)}.ac-new{color:#2563EB;background:#E6F0FD}.ac-bor{color:#B7791F;background:rgba(214,146,30,.14)}
.acpr{height:calc(4*var(--u));border-radius:calc(99*var(--u));background:rgba(120,110,100,.18);margin:calc(5*var(--u)) calc(10*var(--u)) calc(8*var(--u));overflow:hidden;flex:none}
.acpr i{display:block;height:100%;background:linear-gradient(100deg,#F0531E,#E11D63);border-radius:calc(99*var(--u))}
.acside{display:flex;flex-direction:column;gap:calc(9*var(--u));min-height:0;min-width:0}
.acside .card{padding:calc(10*var(--u)) calc(12*var(--u));gap:calc(4*var(--u))}
.acside .ch b{font-size:calc(12*var(--u))}
.acpo{display:flex;gap:calc(8*var(--u));padding:calc(5*var(--u)) 0;border-top:1px solid var(--hair)}
.acav{width:calc(24*var(--u));height:calc(24*var(--u));border-radius:50%;background:var(--hg);color:#fff;display:grid;place-items:center;font-weight:800;font-size:calc(10*var(--u));flex:none}
.acpo .rt b{font-size:calc(10.5*var(--u));line-height:1.3;white-space:normal}
.acrk{display:flex;align-items:center;gap:calc(8*var(--u));padding:calc(3*var(--u)) 0;font-size:calc(10.5*var(--u));font-weight:700}
.acrk .n{width:calc(18*var(--u));height:calc(18*var(--u));border-radius:calc(6*var(--u));background:rgba(240,83,30,.13);color:#F0531E;display:grid;place-items:center;font-size:calc(9.5*var(--u));font-weight:800;flex:none}
.acme{margin:0;font-size:calc(10.5*var(--u));line-height:1.45;color:var(--ink2)}
.acbtn{align-self:flex-start;display:inline-flex;font-size:calc(10.5*var(--u));font-weight:800;color:#fff;background:linear-gradient(120deg,#2563EB,#7C3AED);padding:calc(6*var(--u)) calc(11*var(--u));border-radius:calc(9*var(--u));margin-top:calc(3*var(--u))}

/* licitaciones */
.hp-v--licitaciones{gap:calc(8*var(--u))}
.licb{display:grid;grid-template-columns:1.6fr 1fr;gap:calc(10*var(--u));flex:none}
.lich{position:relative;border-radius:calc(16*var(--u));padding:calc(13*var(--u)) calc(16*var(--u));color:#fff;background:linear-gradient(115deg,#F0531E,#E11D63 85%);box-shadow:0 calc(18*var(--u)) calc(40*var(--u)) -24px rgba(225,29,99,.55);overflow:hidden}
.lich small{font-size:calc(8.5*var(--u));font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.lich h3{margin:calc(3*var(--u)) 0 calc(4*var(--u));font-size:calc(16*var(--u));font-weight:800;letter-spacing:-.02em;line-height:1.1}
.lich p{margin:0;font-size:calc(10.5*var(--u));line-height:1.45;opacity:.9;max-width:calc(100% - calc(90*var(--u)))}
.lich img{position:absolute;right:calc(10*var(--u));bottom:-10px;height:calc(84*var(--u));width:auto}
.lica{border-radius:calc(16*var(--u));padding:calc(12*var(--u)) calc(14*var(--u));background:rgba(255,255,255,.75);box-shadow:var(--gsh),0 0 0 1px var(--line);display:flex;flex-direction:column;justify-content:center;gap:calc(4*var(--u))}
.lica b{font-size:calc(12.5*var(--u));font-weight:800}.lica p{margin:0;font-size:calc(10*var(--u));line-height:1.4;color:var(--ink3)}
.lsw{align-self:flex-start;display:inline-flex;align-items:center;gap:calc(7*var(--u));font-size:calc(10.5*var(--u));font-weight:800;color:#fff;background:var(--hg);padding:calc(5*var(--u)) calc(11*var(--u)) calc(5*var(--u)) calc(6*var(--u));border-radius:calc(9*var(--u));margin-top:calc(2*var(--u))}
.lsw i{position:relative;width:calc(24*var(--u));height:calc(14*var(--u));border-radius:calc(99*var(--u));background:rgba(255,255,255,.45)}.lsw i::after{content:"";position:absolute;top:calc(2*var(--u));right:calc(2*var(--u));width:calc(10*var(--u));height:calc(10*var(--u));border-radius:50%;background:#fff}
.lhead{display:flex;align-items:center;gap:calc(7*var(--u));flex:none}
.lhead>b{font-size:calc(15*var(--u));font-weight:800;letter-spacing:-.02em}
.lpill{white-space:nowrap;font-size:calc(9.5*var(--u));font-weight:800;padding:calc(2*var(--u)) calc(8*var(--u));border-radius:calc(999*var(--u));background:rgba(240,83,30,.12);color:#D9461A}.lpill.gr{background:rgba(36,31,27,.06);color:var(--ink2)}
.lhead .btn-p{height:calc(26*var(--u));font-size:calc(10.5*var(--u))}
.lbusq{display:flex;align-items:center;gap:calc(5*var(--u));flex:none;font-size:calc(10.5*var(--u));padding:calc(5*var(--u)) calc(10*var(--u));border-radius:calc(10*var(--u));background:rgba(255,255,255,.6);box-shadow:0 0 0 1px var(--hair);white-space:nowrap;overflow:hidden}
.lbusq b{font-weight:800;margin-right:calc(3*var(--u))}.lbusq .ni{color:var(--ink3)}
.ltg{font-size:calc(9.5*var(--u));font-weight:700;padding:calc(2*var(--u)) calc(7*var(--u));border-radius:calc(6*var(--u));background:rgba(249,115,22,.10);color:#B4500C}
.lkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(8*var(--u));flex:none}
.lkpi{border-radius:calc(12*var(--u));padding:calc(6*var(--u)) calc(12*var(--u));background:var(--glass);box-shadow:0 0 0 1px var(--line);border-left:calc(3*var(--u)) solid #F0531E}
.lkpi small{display:block;font-size:calc(8.5*var(--u));font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
.lkpi b{font-size:calc(17*var(--u));font-weight:800;line-height:1.2}.lkpi.hot b{color:#E7364C}
.lgrid{flex:1;min-height:0;display:grid;grid-template-columns:1.35fr 1fr;gap:calc(10*var(--u))}
.llist{display:flex;flex-direction:column;gap:calc(7*var(--u));min-height:0;min-width:0;overflow:hidden}
.lcard{display:flex;gap:calc(10*var(--u));align-items:flex-start;padding:calc(8*var(--u)) calc(11*var(--u));border-radius:calc(13*var(--u));background:var(--glass);box-shadow:0 0 0 1px var(--line);border-left:calc(3*var(--u)) solid #F0531E}
.lcard.on{background:#fff;box-shadow:0 0 0 calc(1.5*var(--u)) rgba(240,83,30,.6),var(--gsh)}
.ring{flex:none;width:calc(38*var(--u));height:calc(38*var(--u));border-radius:50%;display:grid;place-items:center;background:conic-gradient(#F0531E calc(var(--p)*1%),rgba(240,83,30,.14) 0)}
.ring b{width:calc(30*var(--u));height:calc(30*var(--u));border-radius:50%;background:#fff;display:grid;place-items:center;font-size:calc(11.5*var(--u));font-weight:800}
.ring.ia{background:none;box-shadow:inset 0 0 0 calc(2*var(--u)) rgba(240,83,30,.35)}.ring.ia b{font-size:calc(9.5*var(--u));color:#D9461A;background:none}
.lct{min-width:0;display:flex;flex-direction:column;gap:calc(2*var(--u))}
.lct b{font-size:calc(11.5*var(--u));font-weight:800;line-height:1.25}
.lct small{font-size:calc(9.5*var(--u));color:var(--ink3)}.ld{font-style:normal;font-size:calc(8.5*var(--u));font-weight:800;padding:0 calc(5*var(--u));border-radius:calc(5*var(--u));background:rgba(214,146,30,.18);color:#B7791F}
.lct p{margin:0;font-size:calc(10*var(--u));line-height:1.35;color:var(--ink2)}
.ltag{align-self:flex-start;font-size:calc(8.5*var(--u));font-weight:800;padding:1px calc(7*var(--u));border-radius:calc(999*var(--u));background:rgba(240,83,30,.10);color:#D9461A;margin-top:1px}
.lasis{gap:calc(4*var(--u));padding:calc(10*var(--u)) calc(12*var(--u))}
.lasis .ch b{font-size:calc(12*var(--u))}
.lsel{font-size:calc(10*var(--u));font-weight:700;color:var(--ink2);line-height:1.3}
.lasis h5{margin:calc(5*var(--u)) 0 1px;font-size:calc(8.5*var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3)}
.lreq{display:flex;align-items:center;gap:calc(6*var(--u));justify-content:space-between;padding:calc(3*var(--u)) 0;border-top:1px solid var(--hair);font-size:calc(10*var(--u));line-height:1.3}
.lreq i{flex:none;font-style:normal;font-size:calc(8*var(--u));font-weight:800;text-transform:uppercase;padding:1px calc(6*var(--u));border-radius:calc(5*var(--u))}
.lreq .ob{background:rgba(225,29,99,.10);color:#C2185B}.lreq .op{background:rgba(36,31,27,.06);color:var(--ink3)}
.ldocs{display:grid;grid-template-columns:1fr 1fr;gap:calc(4*var(--u))}
.ldoc{display:flex;align-items:center;gap:calc(5*var(--u));padding:calc(5*var(--u)) calc(7*var(--u));border-radius:calc(8*var(--u));background:#fff;box-shadow:0 0 0 1px var(--hair);font-size:calc(9.5*var(--u));font-weight:600;min-width:0}
.ldoc span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldoc em{font-style:normal;font-size:calc(8.5*var(--u));font-weight:800;color:#E11D63}.ldoc .ni{color:#F0531E}

/* radar de competencia */
.hp-v--radar{gap:calc(9*var(--u))}
.rdbn{display:grid;grid-template-columns:2.1fr repeat(4,1fr);gap:calc(9*var(--u));flex:none}
.rdbn .kpi{padding:calc(8*var(--u)) calc(11*var(--u))}.rdbn .kpi b{font-size:calc(20*var(--u))}.rdbn .kpi b.sm{font-size:calc(13*var(--u));line-height:1.9}
.rdhero{display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(10*var(--u)) calc(14*var(--u));border-radius:calc(14*var(--u));background:linear-gradient(120deg,#F0531E,#E11D63);color:#fff;box-shadow:0 calc(14*var(--u)) calc(30*var(--u)) -18px rgba(225,29,99,.55)}
.rdhero img{width:calc(50*var(--u));height:auto;flex:none;filter:drop-shadow(0 calc(6*var(--u)) calc(10*var(--u)) rgba(0,0,0,.25))}
.rdhero b{font-size:calc(14*var(--u));font-weight:800;letter-spacing:-.01em}.rdhero p{margin:calc(2*var(--u)) 0 0;font-size:calc(9.5*var(--u));line-height:1.4;opacity:.9}
.rdg{flex:1;min-height:0;display:grid;grid-template-columns:calc(220*var(--u)) 1fr;gap:calc(10*var(--u))}
.rdpan{gap:calc(5*var(--u))}.rdpan .ch b{display:flex;align-items:center;gap:calc(6*var(--u));font-size:calc(12.5*var(--u))}
.rdh{margin:0 0 calc(2*var(--u));font-size:calc(9.5*var(--u));line-height:1.4;color:var(--ink3)}
.rdc{display:flex;align-items:center;gap:calc(8*var(--u));padding:calc(6*var(--u)) calc(8*var(--u));border-radius:calc(10*var(--u));background:rgba(255,255,255,.75);box-shadow:0 0 0 1px var(--hair)}
.rdc .rt b{font-size:calc(10.5*var(--u));line-height:1.25;white-space:normal}.rdc .rt span{font-size:calc(9.5*var(--u))}
.rdx{font-size:calc(8.5*var(--u));font-weight:700;color:var(--ink3);padding:calc(2*var(--u)) calc(6*var(--u));border-radius:calc(6*var(--u));box-shadow:0 0 0 1px var(--line);flex:none}
.rdia{margin-top:auto;display:flex;flex-direction:column;gap:calc(4*var(--u));padding:calc(8*var(--u));border-radius:calc(11*var(--u));border:calc(1.5*var(--u)) dashed rgba(240,83,30,.45);background:rgba(240,83,30,.05)}
.rdia b{display:flex;align-items:center;gap:calc(5*var(--u));font-size:calc(10.5*var(--u));font-weight:800}.rdia b .ni{color:#F0531E}
.rdia>span:not(.srch){font-size:calc(9.5*var(--u));color:var(--ink3);line-height:1.35}.rdia .srch{height:calc(24*var(--u));font-size:calc(10*var(--u));color:var(--ink2)}
.rdr{min-width:0;min-height:0;display:flex;flex-direction:column;gap:calc(9*var(--u))}
.rdcmp{flex:none;padding:calc(9*var(--u)) calc(12*var(--u));gap:calc(4*var(--u))}.rdcmp .ch b,.rdinf .ch b{font-size:calc(12.5*var(--u))}
.rdt{width:100%;border-collapse:collapse;font-size:calc(10*var(--u))}
.rdt th{font-size:calc(8.5*var(--u));font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:calc(4*var(--u)) calc(6*var(--u))}
.rdt td{padding:calc(5*var(--u)) calc(6*var(--u));border-top:1px solid var(--hair);vertical-align:middle;color:var(--ink2);line-height:1.3}
.rdt td b{display:block;font-size:calc(10.5*var(--u));color:var(--ink)}.rdt td small{font-size:calc(9*var(--u));color:#A39890}
.rdp{font-size:calc(8.5*var(--u));font-weight:800;padding:calc(2*var(--u)) calc(7*var(--u));border-radius:calc(999*var(--u));background:rgba(36,31,27,.06);color:var(--ink3);white-space:nowrap}
.rdp.on{background:rgba(240,83,30,.12);color:#D9461A}
.rds{display:block;font-size:calc(8.5*var(--u));font-weight:700;white-space:nowrap}.rds.on{color:#0E8A57}.rds.off{color:#B4A79D}
.rdlb{white-space:nowrap}.rdlb i{display:inline-grid;place-items:center;width:calc(17*var(--u));height:calc(17*var(--u));margin-right:calc(2*var(--u));border-radius:calc(5*var(--u));font-style:normal;font-size:calc(8*var(--u));font-weight:800;background:rgba(36,31,27,.06);color:var(--ink2)}
.rdinf{flex:1;min-height:0;padding:calc(9*var(--u)) calc(12*var(--u));gap:calc(4*var(--u))}
.rdsem{font-size:calc(8.5*var(--u));font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#E8622A}
.rdlt{font-size:calc(12.5*var(--u));font-weight:800}
.rdcon{padding:calc(7*var(--u)) calc(10*var(--u));border-radius:calc(10*var(--u));background:linear-gradient(120deg,rgba(240,83,30,.12),rgba(225,29,99,.08));box-shadow:0 0 0 1px rgba(240,83,30,.28)}
.rdcon small,.rdhk{display:block;font-size:calc(8.5*var(--u));font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#F0531E;margin-bottom:calc(2*var(--u))}
.rdhk{color:#E8622A;margin:calc(4*var(--u)) 0 0}
.rdcc{display:flex;gap:calc(6*var(--u));font-size:calc(10.5*var(--u));font-weight:700;line-height:1.4;padding:1px 0}.rdcc span:first-child{color:#F0531E;flex:none}
.rdinf .rins{padding:calc(2*var(--u)) 0}

/* botón de tema del topbar (luna en claro, sol en oscuro, como .hapee-theme-toggle de glass.css) */
.hp-tema{position:relative}
.hp-tema .ico-sol{display:none}
.hp-tema:hover{background:var(--tint);color:var(--ink)}
.hp-tema:focus-visible{outline:calc(2*var(--u)) solid #FFB08A;outline-offset:1px}
.hp.hp--trans,.hp.hp--trans *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,fill .35s ease!important}
@media (prefers-reduced-motion:reduce){.hp.hp--trans,.hp.hp--trans *{transition:none!important}}

/* ── diseño móvil (fuera del modo documento y bajo 700 px) ── */
@container hp (max-width: 699px){
  html:not(.deck) .hp>*{--u:1px}
  html:not(.deck) .hp-tabs-fl{display:none!important}
  html:not(.deck) .hp-tab{min-height:calc(40*var(--u))}
  html:not(.deck) .hp-bar{display:none}
  html:not(.deck) .hp-app{height:calc(620*var(--u))}
  html:not(.deck) .side{display:none}
  html:not(.deck) .hp-main{left:calc(8*var(--u));right:calc(8*var(--u));top:calc(8*var(--u));bottom:calc(8*var(--u));border-radius:calc(18*var(--u))}
  html:not(.deck) .hp-top{padding:0 calc(10*var(--u));gap:calc(4*var(--u))}
  html:not(.deck) .hp-top h2{font-size:calc(16*var(--u));overflow:hidden;text-overflow:ellipsis}
  html:not(.deck) .hp-ham{display:grid;place-items:center;width:calc(32*var(--u));height:calc(32*var(--u));color:var(--ink2)}
  html:not(.deck) .tb-s{display:none}
  html:not(.deck) .hp-tema{min-width:calc(44*var(--u));height:calc(44*var(--u));border-radius:calc(12*var(--u))}
  html:not(.deck) .hp-body{padding:calc(10*var(--u));overflow-y:auto}
  html:not(.deck) .hp-v{height:auto;min-height:100%}
  html:not(.deck) .hp-fab{width:calc(44*var(--u));height:calc(44*var(--u));right:calc(14*var(--u));bottom:calc(14*var(--u))}
  html:not(.deck) .hp-fab img{width:calc(32*var(--u))}
  html:not(.deck) .modtabs{overflow-x:auto;scrollbar-width:none}
  html:not(.deck) .hero{flex-wrap:wrap;padding:calc(16*var(--u));min-height:0}
  html:not(.deck) .hero h1{font-size:calc(20*var(--u))}
  html:not(.deck) .hero-cli{margin:0;height:calc(28*var(--u))}
  html:not(.deck) .hero-bot{height:calc(78*var(--u));right:calc(8*var(--u));bottom:-4px}
  html:not(.deck) .hero p{max-width:calc(210*var(--u))}
  html:not(.deck) .kpis,html:not(.deck) .mkk{grid-template-columns:1fr 1fr}
  html:not(.deck) .body2,html:not(.deck) .kb,html:not(.deck) .faq,html:not(.deck) .ocs,html:not(.deck) .wfb,html:not(.deck) .rep{grid-template-columns:1fr}
  html:not(.deck) .hp-v--conversaciones{height:100%}
  html:not(.deck) .inbox{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;margin:0 -10px -10px}
  html:not(.deck) .thh,html:not(.deck) .det{display:none!important}
  html:not(.deck) .thl{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--hair)}
  html:not(.deck) .th{flex:none;width:auto;min-height:calc(44*var(--u));align-items:center;border-left:0;border-bottom:calc(2*var(--u)) solid transparent;padding:calc(6*var(--u)) calc(10*var(--u))}
  html:not(.deck) .th.on{border-bottom-color:var(--acc)}
  html:not(.deck) .tt span,html:not(.deck) .tm{display:none}
  html:not(.deck) .cvh .btn-s:not(.ia){display:none}
  html:not(.deck) .mb{font-size:calc(12.5*var(--u));max-width:86%}
  html:not(.deck) .tbl th:nth-child(n+3),html:not(.deck) .tbl td:nth-child(n+3){display:none}
  html:not(.deck) .agh .btn-s,html:not(.deck) .kbar .srch,html:not(.deck) .kbar .sel:nth-of-type(2),html:not(.deck) .kbar .btn-s,html:not(.deck) .kbar .vw,html:not(.deck) .pills .srch,html:not(.deck) .mkseg .lnk,html:not(.deck) .rsub,html:not(.deck) .wlist,html:not(.deck) .cside{display:none}
  html:not(.deck) .kan{overflow-x:auto;scrollbar-width:none;min-height:calc(430*var(--u))}
  html:not(.deck) .kcol{flex:none;width:calc(210*var(--u))}
  html:not(.deck) .kc b,html:not(.deck) .rt b,html:not(.deck) .tt b{font-size:calc(12.5*var(--u))}
  html:not(.deck) .calw{grid-template-columns:1fr;overflow-x:auto;scrollbar-width:none}
  html:not(.deck) .cal{min-width:calc(600*var(--u));min-height:calc(470*var(--u))}
  html:not(.deck) .cbar b{font-size:calc(12*var(--u))}
  html:not(.deck) .cbar .btn-s:nth-of-type(n+2),html:not(.deck) .cbar .seg{display:none}
  html:not(.deck) .wflow{padding:calc(12*var(--u)) calc(4*var(--u))}
  html:not(.deck) .wn,html:not(.deck) .wr .wn{width:100%}
  html:not(.deck) .wr{gap:calc(8*var(--u))}
  html:not(.deck) .wcanvas .wtop .btn-s{display:none}
  /* vistas nuevas */
  html:not(.deck) .emg,html:not(.deck) .wbed,html:not(.deck) .ru,html:not(.deck) .acw,html:not(.deck) .licb,html:not(.deck) .lgrid,html:not(.deck) .wbhero{grid-template-columns:minmax(0,1fr)}
  html:not(.deck) .mkseg{overflow-x:auto;scrollbar-width:none;white-space:nowrap}
  html:not(.deck) .emtb>span:not(.sp):not(.btn-p),html:not(.deck) .emtb .btn-s{display:none}
  html:not(.deck) .wbpal,html:not(.deck) .wbset,html:not(.deck) .fo,html:not(.deck) .wbru,html:not(.deck) .tbi,html:not(.deck) .wbtop .seg,html:not(.deck) .wbtop .btn-s:not(.ia){display:none}
  html:not(.deck) .fun{overflow-x:auto;scrollbar-width:none}
  html:not(.deck) .wbtop b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
  html:not(.deck) .wbht b{font-size:calc(20*var(--u))}
  html:not(.deck) .wbblq{grid-template-columns:1fr}
  html:not(.deck) .rucol .ru-it:nth-of-type(n+3){display:none}
  html:not(.deck) .ru .rsec p,html:not(.deck) .rins,html:not(.deck) .rtar{font-size:calc(11.5*var(--u))}
  html:not(.deck) .ack .kpi span{display:none}
  html:not(.deck) .acg{grid-template-columns:1fr 1fr;grid-template-rows:none}
  html:not(.deck) .accv{flex:none;height:calc(64*var(--u))}
  html:not(.deck) .acg .acc:nth-child(n+5){display:none}
  html:not(.deck) .ac-hero h3{max-width:calc(100% - calc(70*var(--u)));font-size:calc(16*var(--u))}
  html:not(.deck) .ac-hero img{height:calc(70*var(--u));right:calc(8*var(--u))}
  html:not(.deck) .acside .card:last-child{display:none}
  html:not(.deck) .lica,html:not(.deck) .lpill.gr,html:not(.deck) .lhead .seg{display:none}
  html:not(.deck) .lich p{max-width:none;padding-right:calc(64*var(--u))}
  html:not(.deck) .lich img{height:calc(70*var(--u))}
  html:not(.deck) .lkpis{grid-template-columns:1fr 1fr}
  html:not(.deck) .lbusq{overflow-x:auto;scrollbar-width:none}
  html:not(.deck) .lct b,html:not(.deck) .lct p{font-size:calc(12*var(--u))}
  html:not(.deck) .ocs4{grid-template-columns:1fr 1fr}
  html:not(.deck) .rtw{overflow-x:auto;scrollbar-width:none}
  html:not(.deck) .rtab{min-width:calc(470*var(--u))}
  html:not(.deck) .rdbn{grid-template-columns:1fr 1fr}
  html:not(.deck) .rdhero{grid-column:1/-1}
  html:not(.deck) .rdg{grid-template-columns:minmax(0,1fr)}
  html:not(.deck) .rdcmp{overflow-x:auto;scrollbar-width:none}
  html:not(.deck) .rdt{min-width:calc(520*var(--u))}
  html:not(.deck) .rdpan .rdc:nth-of-type(n+4),html:not(.deck) .rdia{display:none}
  html:not(.deck) .rdcc,html:not(.deck) .rdinf .rins{font-size:calc(12*var(--u))}
  html:not(.deck) .pills{overflow-x:auto;scrollbar-width:none}
  html:not(.deck) .pills>span{white-space:nowrap}
  html:not(.deck) .emlis .ch em{display:none}
  html:not(.deck) .rep{grid-template-columns:minmax(0,1fr)}
}
@media print{.hp-tab{transition:none}.hp .msgs{overflow:hidden}
  .ni-it .wm,.modtabs .wm{background:none!important;-webkit-text-fill-color:currentColor;color:#E7364C!important}
  .ni-it.on .wm{color:#fff!important}}

/* TEMA-OSCURO v1 ─ modo oscuro de la maqueta, fiel a :root[data-theme="dark"] de hapee-app/app/static/css/glass.css
   (tinta #F4EFEB/#DBD4CE/#C4BCB5, vidrio rgba(255,255,255,.06), mesh #0C0B0D con brillos coral, magenta y violeta,
   barra lateral con acento al 26 %, logo en blanco). Contraste AA medido sobre el vidrio compuesto.
   API (ver README «Tema oscuro»):
     · atributo data-tema="oscuro|claro" en .hp (sin atributo = claro);
     · window.postMessage({hapeeMockupTema:'oscuro'|'claro'|'auto'}, '*') desde la página padre ('auto' sigue prefers-color-scheme);
     · al cambiar con el botón avisa al padre: parent.postMessage({hapeeMockupTemaCambio:'oscuro'|'claro'}, '*');
     · ?tema=oscuro|claro|auto en la URL de la página que contiene la maqueta.
   Solo en pantalla (@media screen): al imprimir y en el PDF la maqueta sale siempre en claro.
   Los lienzos del cliente (su landing en «web» y su correo en «email») quedan claros a propósito, como en el builder real. */
@media screen{
.hp[data-tema="oscuro"]{--ink:#F4EFEB;--ink2:#DBD4CE;--ink3:#D2CBC4;--hair:rgba(244,239,235,.07);--line:rgba(244,239,235,.11);--tint:rgba(244,239,235,.045);
  --glass:rgba(255,255,255,.06);--acct:#FFC29A;--gsh:0 calc(24*var(--u)) calc(60*var(--u)) -28px rgba(0,0,0,.70),0 calc(2*var(--u)) calc(12*var(--u)) -6px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.09);color-scheme:dark}
.hp[data-tema="oscuro"] .hp-tema .ico-sol{display:block}.hp[data-tema="oscuro"] .hp-tema .ico-luna{display:none}
.hp[data-tema="oscuro"] .hp-app{background-color:#0C0B0D;background-image:radial-gradient(70% 80% at 4% -4%,rgba(255,96,58,.30),transparent 55%),
  radial-gradient(80% 95% at 106% 110%,rgba(214,26,110,.50),transparent 58%),radial-gradient(60% 75% at 76% 98%,rgba(150,60,230,.36),transparent 56%),
  radial-gradient(50% 60% at 104% 60%,rgba(255,78,140,.28),transparent 55%),radial-gradient(45% 60% at 40% 26%,rgba(255,150,90,.06),transparent 60%)}
.hp[data-tema="oscuro"] .side{background:linear-gradient(180deg,rgba(249,115,22,.26) 0%,transparent 46%),var(--glass)}
.hp[data-tema="oscuro"] .slogo img{filter:brightness(0) invert(1)}
.hp[data-tema="oscuro"] .hp-tab{background:#1D1A18;color:#F4EFEB;box-shadow:0 0 0 1px rgba(244,239,235,.16)}
.hp[data-tema="oscuro"] .hp-tab:hover{box-shadow:0 0 0 1px rgba(255,138,91,.75)}
.hp[data-tema="oscuro"] .hp-tab[aria-selected="true"]{background:var(--hg);color:#fff;box-shadow:0 calc(10*var(--u)) calc(24*var(--u)) -10px rgba(225,29,99,.7)}
.hp[data-tema="oscuro"] .hp-tabs-fl{background:#1D1A18;color:#F4EFEB;box-shadow:0 calc(6*var(--u)) calc(16*var(--u)) -6px rgba(0,0,0,.6),0 0 0 1px rgba(244,239,235,.18)}
.hp[data-tema="oscuro"] .hp-tabs-fl:hover{color:#FFAAB5}
.hp[data-tema="oscuro"] .ev{background:color-mix(in srgb,var(--c) 28%,#1D1A18)}
.hp[data-tema="oscuro"] .ev small{color:color-mix(in srgb,var(--c) 40%,#fff)}
.hp[data-tema="oscuro"] .wcanvas{background:rgba(255,255,255,.04) radial-gradient(circle,rgba(244,239,235,.16) 1px,transparent calc(1.4*var(--u))) 0 0/calc(16*var(--u)) calc(16*var(--u))}
.hp[data-tema="oscuro"] .emcv{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.hp[data-tema="oscuro"] .rds.off{color:#CDC5BE}
.hp[data-tema="oscuro"] .hp-win{background:#171413;box-shadow:0 calc(40*var(--u)) calc(80*var(--u)) -36px rgba(0,0,0,0.75),0 0 0 1px rgba(244,239,235,0.110)}
.hp[data-tema="oscuro"] .hp-bar{background:#171413;border-bottom:1px solid rgba(244,239,235,0.080)}
.hp[data-tema="oscuro"] .hp-url{color:#C4BCB5;background:rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(244,239,235,0.066)}
.hp[data-tema="oscuro"] .hp-url span{color:#CDC5BE}
.hp[data-tema="oscuro"] .hp-app{background-color:#0C0B0D}
.hp[data-tema="oscuro"] .side{background:linear-gradient(180deg,rgba(249,115,22,0.208) 0%,transparent 44%),var(--glass)}
.hp[data-tema="oscuro"] .car{color:#CDC5BE}
.hp[data-tema="oscuro"] .ni-it .beta{background:rgba(124,58,237,0.192);color:#DAD0FE}
.hp[data-tema="oscuro"] button.ni-it:hover{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .ua{background:rgba(249,115,22,0.240);color:#FFC29A}
.hp[data-tema="oscuro"] .hp-main{background:rgba(255,255,255,0.066)}
.hp[data-tema="oscuro"] .hp-top{background:rgba(255,255,255,0.077)}
.hp[data-tema="oscuro"] .tb kbd{color:#CDC5BE}
.hp[data-tema="oscuro"] .tb>i{box-shadow:0 0 0 calc(2*var(--u)) #1D1A18}
.hp[data-tema="oscuro"] .hp-fab{background:rgba(34,30,28,.92)}
.hp[data-tema="oscuro"] .av{background:rgba(244,239,235,0.092)}
.hp[data-tema="oscuro"] .av.lg{background:rgba(249,115,22,0.224);color:#FFC29A}
.hp[data-tema="oscuro"] .cm{box-shadow:0 0 0 calc(2*var(--u)) #1D1A18}
.hp[data-tema="oscuro"] .tg{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .btn-s{background:rgba(255,255,255,0.100)}
.hp[data-tema="oscuro"] .btn-s.ia{background:rgba(139,92,246,.22);color:#DAD0FE}
.hp[data-tema="oscuro"] .srch{background:rgba(255,255,255,0.100);color:#CDC5BE}
.hp[data-tema="oscuro"] .seg .on{background:rgba(255,255,255,.12);box-shadow:0 1px calc(3*var(--u)) rgba(244,239,235,0.132)}
.hp[data-tema="oscuro"] .modtabs .on{color:#FECB98}
.hp[data-tema="oscuro"] .tbl th{background:rgba(244,239,235,0.040)}
.hp[data-tema="oscuro"] .mb.in{background:rgba(255,255,255,.12);box-shadow:0 1px calc(2*var(--u)) rgba(244,239,235,0.088),0 0 0 1px var(--hair)}
.hp[data-tema="oscuro"] .ta{background:rgba(255,255,255,0.104);color:#CDC5BE}
.hp[data-tema="oscuro"] .chan{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .dt{background:rgba(16,185,129,0.160)}
.hp[data-tema="oscuro"] .dt b{color:#8CF0C8}
.hp[data-tema="oscuro"] .thr{background:rgba(255,255,255,0.068)}
.hp[data-tema="oscuro"] .th:hover{background:rgba(255,255,255,0.080)}
.hp[data-tema="oscuro"] .th.on{background:rgba(249,115,22,0.128)}
.hp[data-tema="oscuro"] .tm{color:#CDC5BE}
.hp[data-tema="oscuro"] .tm .ai{background:rgba(139,92,246,.22);color:#DAD0FE}
.hp[data-tema="oscuro"] .cvh{background:rgba(255,255,255,0.072)}
.hp[data-tema="oscuro"] .dia{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .nota{background:rgba(255,255,255,0.096)}
.hp[data-tema="oscuro"] .nota .ni{color:#DAD0FE}
.hp[data-tema="oscuro"] .nota em{color:#DAD0FE}
.hp[data-tema="oscuro"] .comp .ai{color:#DAD0FE}
.hp[data-tema="oscuro"] .det{background:rgba(255,255,255,0.068)}
.hp[data-tema="oscuro"] .det dd{background:rgba(255,255,255,0.100)}
.hp[data-tema="oscuro"] .segs .on{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .bi{background:rgba(139,92,246,.22);color:#DAD0FE}
.hp[data-tema="oscuro"] .pr{background:rgba(245,158,11,.18);color:#FDE08A}
.hp[data-tema="oscuro"] .pe.ok{background:rgba(16,185,129,0.256);color:#8CF0C8}
.hp[data-tema="oscuro"] .pc{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .faq li{background:rgba(255,255,255,0.096)}
.hp[data-tema="oscuro"] .kbar .sel{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .kmet .w b{color:#8CF0C8}
.hp[data-tema="oscuro"] .kcol{background:rgba(255,255,255,0.074)}
.hp[data-tema="oscuro"] .kh span{color:#CDC5BE}
.hp[data-tema="oscuro"] .kh em{color:#CDC5BE}
.hp[data-tema="oscuro"] .kc{background:rgba(255,255,255,0.110);box-shadow:0 1px calc(2*var(--u)) rgba(244,239,235,0.066),0 0 0 1px var(--hair)}
.hp[data-tema="oscuro"] .kc.won{background:rgba(16,185,129,0.192)}
.hp[data-tema="oscuro"] .kt i{background:rgba(249,115,22,0.160);color:#FFC29A}
.hp[data-tema="oscuro"] .kf{color:#CDC5BE}
.hp[data-tema="oscuro"] .vacio{color:#CDC5BE}
.hp[data-tema="oscuro"] .hr{color:#CDC5BE}
.hp[data-tema="oscuro"] .pills>span{background:rgba(255,255,255,0.096)}
.hp[data-tema="oscuro"] .pills>span i{color:#CDC5BE}
.hp[data-tema="oscuro"] .mi{background:hsl(var(--h) 70% 60% / .22);color:hsl(var(--h) 85% 78%)}
.hp[data-tema="oscuro"] .st-p{background:rgba(59,130,246,.20);color:#B5D7FE}
.hp[data-tema="oscuro"] .st-b{background:rgba(244,239,235,0.081)}
.hp[data-tema="oscuro"] .wlist li span{color:#CDC5BE}
.hp[data-tema="oscuro"] .wlist li.on{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .wlist .pub{color:#8CF0C8 !important}
.hp[data-tema="oscuro"] .wtop{background:rgba(255,255,255,0.088)}
.hp[data-tema="oscuro"] .wn{background:rgba(255,255,255,.12);box-shadow:0 calc(6*var(--u)) calc(16*var(--u)) -10px rgba(0,0,0,0.75),0 0 0 1px var(--line)}
.hp[data-tema="oscuro"] .wn:not(:first-child)::before{border-left:calc(2*var(--u)) solid rgba(244,239,235,0.253)}
.hp[data-tema="oscuro"] .wn.tr small{color:#FFAD85}
.hp[data-tema="oscuro"] .wn.if{background:rgba(139,92,246,.22);box-shadow:0 0 0 1px rgba(196,181,253,.35)}
.hp[data-tema="oscuro"] .wn.if small{color:#DAD0FE}
.hp[data-tema="oscuro"] .wr::before{border-top:calc(2*var(--u)) solid rgba(244,239,235,0.253)}
.hp[data-tema="oscuro"] .rl.si{background:rgba(16,185,129,0.256);color:#8CF0C8}
.hp[data-tema="oscuro"] .rl.no{background:rgba(239,68,68,.18);color:#FCA5A5}
.hp[data-tema="oscuro"] .rsub small{color:#FECB98}
.hp[data-tema="oscuro"] .kick{color:#FECB98}
.hp[data-tema="oscuro"] .ol span{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .rtab td{color:#CDC5BE}
.hp[data-tema="oscuro"] .tbl tr.on td{background:rgba(249,115,22,0.112)}
.hp[data-tema="oscuro"] .lic{background:rgba(249,115,22,0.192);color:#FFC29A}
.hp[data-tema="oscuro"] .tg.din{background:rgba(139,92,246,.22);color:#DAD0FE}
.hp[data-tema="oscuro"] .emed{background:rgba(255,255,255,0.080)}
.hp[data-tema="oscuro"] .emtb{background:rgba(255,255,255,0.096)}
.hp[data-tema="oscuro"] .emtb b{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .emasu{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .fp{background:rgba(255,255,255,0.100)}
.hp[data-tema="oscuro"] .fp i{background:rgba(244,239,235,0.092)}
.hp[data-tema="oscuro"] .fp+.fp::before{color:#CDC5BE}
.hp[data-tema="oscuro"] .wb{background:rgba(255,255,255,0.076)}
.hp[data-tema="oscuro"] .wbtop{background:rgba(255,255,255,0.104)}
.hp[data-tema="oscuro"] .wbru{color:#CDC5BE}
.hp[data-tema="oscuro"] .wbpal{background:rgba(255,255,255,0.084)}
.hp[data-tema="oscuro"] .wbel{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .wbel .ni{color:#FFAD85}
.hp[data-tema="oscuro"] .wbcv{background:repeating-linear-gradient(45deg,rgba(244,239,235,0.029) 0 calc(6*var(--u)),transparent calc(6*var(--u)) calc(12*var(--u)))}
.hp[data-tema="oscuro"] .wbset{background:rgba(255,255,255,0.084)}
.hp[data-tema="oscuro"] .wbst span{background:rgba(249,115,22,0.192);color:#FFC29A}
.hp[data-tema="oscuro"] .wbset dd{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .ru-sw{background:linear-gradient(100deg,rgba(16,185,129,0.224),rgba(16,185,129,0.064))}
.hp[data-tema="oscuro"] .ru-sw .ico{background:rgba(16,185,129,0.256);color:#8CF0C8}
.hp[data-tema="oscuro"] .ru-sw .est{background:rgba(16,185,129,0.288);color:#8CF0C8}
.hp[data-tema="oscuro"] .ru-it.on{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .rb-ok{background:rgba(14,138,87,0.224);color:#8CF0C8}
.hp[data-tema="oscuro"] .rb-pe{background:rgba(214,146,30,0.256);color:#FDE08A}
.hp[data-tema="oscuro"] .rp{background:rgba(255,255,255,0.096)}
.hp[data-tema="oscuro"] .rp .ni{color:#FFAD85}
.hp[data-tema="oscuro"] .rp.bot{background:rgba(139,92,246,.22);color:#DAD0FE}
.hp[data-tema="oscuro"] .rp.bot .ni{color:#DAD0FE}
.hp[data-tema="oscuro"] .rsec h4{color:#FFB48E}
.hp[data-tema="oscuro"] .rtag{background:rgba(240,83,30,0.208);color:#FFAD85}
.hp[data-tema="oscuro"] .rtar input:not(:checked)+.bx{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 calc(1.5*var(--u)) rgba(244,239,235,.42)}
.hp[data-tema="oscuro"] .rbar{background:rgba(244,239,235,0.115)}
.hp[data-tema="oscuro"] .rmom{background:rgba(240,83,30,0.128)}
.hp[data-tema="oscuro"] .rmom .ni{color:#FFAD85}
.hp[data-tema="oscuro"] .acs em{color:#FAB3CD}
.hp[data-tema="oscuro"] .ac-done{color:#8CF0C8;background:rgba(14,138,87,0.192)}
.hp[data-tema="oscuro"] .ac-mid{color:#FFAD85;background:rgba(240,83,30,0.192)}
.hp[data-tema="oscuro"] .ac-new{color:#B5D7FE;background:rgba(59,130,246,.20)}
.hp[data-tema="oscuro"] .ac-bor{color:#FDE08A;background:rgba(214,146,30,0.224)}
.hp[data-tema="oscuro"] .acpr{background:rgba(244,239,235,.14)}
.hp[data-tema="oscuro"] .acrk .n{background:rgba(240,83,30,0.208);color:#FFAD85}
.hp[data-tema="oscuro"] .lica{background:rgba(255,255,255,0.100)}
.hp[data-tema="oscuro"] .lpill{background:rgba(240,83,30,0.192);color:#FFAD85}
.hp[data-tema="oscuro"] .lpill.gr{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .lbusq{background:rgba(255,255,255,0.088)}
.hp[data-tema="oscuro"] .ltg{background:rgba(249,115,22,0.160);color:#FFC29A}
.hp[data-tema="oscuro"] .lkpi.hot b{color:#FFAAB5}
.hp[data-tema="oscuro"] .lcard.on{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .ring{background:conic-gradient(#F0531E calc(var(--p)*1%),rgba(240,83,30,0.224) 0)}
.hp[data-tema="oscuro"] .ring b{background:#1D1A18}
.hp[data-tema="oscuro"] .ring.ia b{color:#FFAD85}
.hp[data-tema="oscuro"] .ld{background:rgba(214,146,30,0.288);color:#FDE08A}
.hp[data-tema="oscuro"] .ltag{background:rgba(240,83,30,0.160);color:#FFAD85}
.hp[data-tema="oscuro"] .lreq .ob{background:rgba(225,29,99,0.160);color:#FBC4E2}
.hp[data-tema="oscuro"] .lreq .op{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .ldoc{background:rgba(255,255,255,.12)}
.hp[data-tema="oscuro"] .ldoc em{color:#FAB3CD}
.hp[data-tema="oscuro"] .ldoc .ni{color:#FFAD85}
.hp[data-tema="oscuro"] .rdc{background:rgba(255,255,255,0.100)}
.hp[data-tema="oscuro"] .rdia{border:calc(1.5*var(--u)) dashed rgba(240,83,30,0.400);background:rgba(240,83,30,0.080)}
.hp[data-tema="oscuro"] .rdia b .ni{color:#FFAD85}
.hp[data-tema="oscuro"] .rdt td small{color:#CDC5BE}
.hp[data-tema="oscuro"] .rdp{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .rdp.on{background:rgba(240,83,30,0.192);color:#FFAD85}
.hp[data-tema="oscuro"] .rds.on{color:#8CF0C8}
.hp[data-tema="oscuro"] .rdlb i{background:rgba(244,239,235,0.069)}
.hp[data-tema="oscuro"] .rdsem{color:#FFB48E}
.hp[data-tema="oscuro"] .rdcon{background:linear-gradient(120deg,rgba(240,83,30,0.192),rgba(225,29,99,0.128))}
.hp[data-tema="oscuro"] .rdcon small,.hp[data-tema="oscuro"] .rdhk{color:#FFAD85}
.hp[data-tema="oscuro"] .rdhk{color:#FFB48E}
.hp[data-tema="oscuro"] .rdcc span:first-child{color:#FFAD85}
.hp[data-tema="oscuro"] .kpi small.k-am{color:#FDE08A}.hp[data-tema="oscuro"] .kpi small.k-ve{color:#8CF0C8}.hp[data-tema="oscuro"] .kpi small.k-vi{color:#DAD0FE}
.hp[data-tema="oscuro"] .btn-s{background:rgba(255,255,255,.07);color:var(--ink)}
.hp[data-tema="oscuro"] .wbpal,.hp[data-tema="oscuro"] .wbset{background:transparent}.hp[data-tema="oscuro"] .wbtop{background:rgba(255,255,255,.04)}.hp[data-tema="oscuro"] .wbel{background:rgba(255,255,255,.06)}
.hp[data-tema="oscuro"] .emtb{background:rgba(255,255,255,.04)}.hp[data-tema="oscuro"] .srch{background:rgba(255,255,255,.06)}.hp[data-tema="oscuro"] .wbpal .srch,.hp[data-tema="oscuro"] .rdia .srch{color:var(--ink2)}
.hp[data-tema="oscuro"] .wn{background:rgba(255,255,255,.09)}.hp[data-tema="oscuro"] .wtop{background:rgba(255,255,255,.05)}
.hp[data-tema="oscuro"] .btn-s.ok{background:#0B7A4D;color:#fff}.hp[data-tema="oscuro"] .row .av{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),var(--cc,#999);color:#fff}.hp[data-tema="oscuro"] .kt i{background:rgba(249,115,22,.12);color:#FFD6BA}.hp[data-tema="oscuro"] .ltag{color:#FFC7AA}.hp[data-tema="oscuro"] .rseg .tg.on,.hp[data-tema="oscuro"] .pills>span.on{background:#F4EFEB;color:#1D1A18}
}
/* /TEMA-OSCURO v1 */