/* Climetra v8 · Lenguaje hardware (variante D) */
:root{--bg:#121214;--s1:#1a1a1d;--s2:#212125;--edge:#3a3b3f;--grey:#8a8d90;--pur:#7b2fd6;--pur2:#a274ff;--txt:#ecebef;--mut:#9a9ca1;
--ok:#4fd88a;--warn:#ffb03a;--bad:#ff5f52;--c:12px;--cs:7px;
--layers:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);
--color-bg:#121214;--color-bg-2:#121214;--color-ink:#ecebef;--color-mute:#9a9ca1;--color-line:#3a3b3f;--color-accent:#7b2fd6;--color-on-accent:#fff;
--color-live:#4fd88a;--color-gold:#ffb03a;--color-vpd:#a274ff;--color-co2:#9fb4c8;--color-grav:#d9a066;}
html,body{background:var(--bg)!important;color:var(--txt)}
body{background-image:var(--layers)!important;position:relative;z-index:0}
body::before{content:"";position:fixed;inset:0;background:url("/voronoi.svg") 0 0/520px;opacity:.06;z-index:-1;pointer-events:none}
/* chaflán 45° con borde que sigue la diagonal */
.databox,.chartbox,.offer,.metric,.alarm,.plot,.ck-f,.mc,.inst-card,.mock-card,.faq-i,.cc-tab,.panelrow,.os-grid>*,.pf-in{
 --k:var(--c);position:relative;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;
 background:var(--bd,var(--edge))!important;
 clip-path:polygon(var(--k) 0,calc(100% - var(--k)) 0,100% var(--k),100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,var(--k) 100%,0 calc(100% - var(--k)),0 var(--k))}
.databox::before,.chartbox::before,.offer::before,.metric::before,.alarm::before,.plot::before,.ck-f::before,.mc::before,.inst-card::before,.mock-card::before,.faq-i::before,.cc-tab::before,.panelrow::before,.os-grid>*::before,.pf-in::before{
 content:"";position:absolute;inset:1px;z-index:-1;pointer-events:none;background:var(--layers),var(--fill,var(--s1));
 clip-path:polygon(calc(var(--k) - .4px) 0,calc(100% - var(--k) + .4px) 0,100% calc(var(--k) - .4px),100% calc(100% - var(--k) + .4px),calc(100% - var(--k) + .4px) 100%,calc(var(--k) - .4px) 100%,0 calc(100% - var(--k) + .4px),0 calc(var(--k) - .4px))}
.metric,.alarm,.plot,.mc,.ck-f,.faq-i,.cc-tab{--k:var(--cs);--fill:var(--s2)}
.metric-lead{--bd:#5a3d8a}
.alarm{--bd:color-mix(in srgb,var(--warn) 55%,var(--edge))}
.offer{--bd:#4e4f54}
/* nervios grises en bordes de tarjetas grandes */
.databox::after,.chartbox::after,.offer::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.6;
 background:linear-gradient(var(--grey),var(--grey)) left 0 top 28%/3px 18px no-repeat,linear-gradient(var(--grey),var(--grey)) left 0 bottom 28%/3px 18px no-repeat,
 linear-gradient(var(--grey),var(--grey)) right 0 top 28%/3px 18px no-repeat,linear-gradient(var(--grey),var(--grey)) right 0 bottom 28%/3px 18px no-repeat}
/* logo gris en relieve */
header img,.logo img,a[aria-label*="limetra" i] img,a[href="/"] img{animation:none!important;filter:grayscale(1) brightness(.62) contrast(1.15) drop-shadow(-1px -1px 0 rgba(255,255,255,.3)) drop-shadow(1.5px 1.5px 0 rgba(0,0,0,.9))!important}
/* títulos Tektur + 3 ranuras */
h1,h2,h3,.hero-word{font-family:"Tektur",system-ui,sans-serif!important}
.hero-word{text-shadow:none!important;color:var(--txt)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.hero-word::before,h2::before{content:"";display:inline-block;width:.62em;height:.34em;margin-right:.32em;vertical-align:.12em;
 background:repeating-linear-gradient(180deg,var(--pur2) 0 1.5px,transparent 1.5px 3.5px)}
.hero-word::before{width:.42em;height:.3em;background:repeating-linear-gradient(180deg,var(--pur2) 0 3px,transparent 3px 7px)}
.metric-k,.chartbox-head{color:var(--grey)!important}
/* píldoras 6px, estados en verde/ámbar/rojo */
.pill,.live-tag,.ship,.dc-off,.alarm-state,.alarm-ico,.inst-btn,.plan-btn,.os-btn,.ingresar,.cb-off,.hs-chip,.skip{border-radius:6px!important}
.live-tag,.pill-online,.dc-off,.ship{color:var(--ok)!important;border-color:color-mix(in srgb,var(--ok) 50%,transparent)!important;background:color-mix(in srgb,var(--ok) 8%,transparent)!important}
.live-dot{background:var(--ok)!important;box-shadow:none!important;animation:none!important}
.pill-pro{color:#fff!important;border-color:var(--pur)!important;background:var(--pur)!important}
li.pill{border-color:var(--edge)!important;color:var(--grey)!important}
.alarm-state,.alarm-ico{color:var(--warn)!important}
.inst-btn,.plan-btn{color:var(--pur2)!important;border-color:color-mix(in srgb,var(--pur2) 55%,transparent)!important;background:transparent!important}
.os-btn{color:var(--grey)!important;border-color:var(--edge)!important}
/* botones de compra: morado, chaflán pequeño */
.buy-big,.comprar,.skip{--k:var(--cs);border-radius:0!important;background:var(--pur)!important;color:#fff!important;box-shadow:none!important;
 clip-path:polygon(var(--k) 0,calc(100% - var(--k)) 0,100% var(--k),100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,var(--k) 100%,0 calc(100% - var(--k)),0 var(--k))}
.buy-big:hover,.comprar:hover{background:#8a43e6!important;filter:none!important}
.cb-off{background:rgba(0,0,0,.35)!important;color:#fff!important}
.tr-up{color:#e8c07a!important}.tr-down{color:#9fb4c8!important}.tr-flat{color:var(--grey)!important}
a{text-decoration-color:var(--pur2)}
i.on{background:var(--pur2)!important}
.dock{background:linear-gradient(rgba(18,18,20,0),rgba(18,18,20,.95) 42%)!important}
.hero-word::before{width:.5em;height:.36em;background:repeating-linear-gradient(180deg,var(--pur2) 0 3px,transparent 3px 5.5px)!important}
:root{--color-gold:#a274ff}
.mod4-c,.pro-promo{--k:var(--c);position:relative;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--edge)!important;
 clip-path:polygon(var(--k) 0,calc(100% - var(--k)) 0,100% var(--k),100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,var(--k) 100%,0 calc(100% - var(--k)),0 var(--k))}
.mod4-c::before,.pro-promo::before{content:"";position:absolute;inset:1px;z-index:-1;pointer-events:none;background:var(--layers),var(--s1);
 clip-path:polygon(calc(var(--k) - .4px) 0,calc(100% - var(--k) + .4px) 0,100% calc(var(--k) - .4px),100% calc(100% - var(--k) + .4px),calc(100% - var(--k) + .4px) 100%,calc(var(--k) - .4px) 100%,0 calc(100% - var(--k) + .4px),0 calc(var(--k) - .4px))}
.mod4-c{--k:var(--cs)}
.soon{border-radius:6px!important}
.hero-word::before{width:22px!important;height:13px!important;background:repeating-linear-gradient(180deg,var(--pur2) 0 3px,transparent 3px 5px)!important}
.cc-win,.dc{--k:var(--c);position:relative;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--edge)!important;
 clip-path:polygon(var(--k) 0,calc(100% - var(--k)) 0,100% var(--k),100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,var(--k) 100%,0 calc(100% - var(--k)),0 var(--k))}
.cc-win::before,.dc::before{content:"";position:absolute;inset:1px;z-index:-1;pointer-events:none;background:var(--layers),var(--f2,var(--s1));
 clip-path:polygon(calc(var(--k) - .4px) 0,calc(100% - var(--k) + .4px) 0,100% calc(var(--k) - .4px),100% calc(100% - var(--k) + .4px),calc(100% - var(--k) + .4px) 100%,calc(var(--k) - .4px) 100%,0 calc(100% - var(--k) + .4px),0 calc(var(--k) - .4px))}
.dc{--k:var(--cs);--f2:var(--s2)}