/* KOKO DATA EXPERIENCE 3.2.14 · HERO / CONTEXT SIGNALS PATCH OVER 3.2.5 */
:root{--kdx-y:#FEC300;--kdx-black:#050506;--kdx-ink:#09090A;--kdx-paper:#F4F2EB;--kdx-blue:#3A86FF;--kdx-blue2:#70B7FF;--kdx-blue3:#183B8F;--kdx-line:rgba(255,255,255,.12)}
.koko-data-v14-row{position:relative!important;left:50%!important;width:100vw!important;max-width:none!important;margin-left:-50vw!important;margin-right:-50vw!important;padding-left:0!important;padding-right:0!important}.koko-data-v14-row>.kt-row-column-wrap{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}.koko-data-v14-row .wp-block-kadence-column,.koko-data-v14-row .kt-inside-inner-col{width:100%!important;max-width:none!important}
.kdx{position:relative;overflow:clip;font-family:Inter,Arial,sans-serif}.kdx *{box-sizing:border-box}.kdx h1,.kdx h2,.kdx h3,.kdx strong,.kdx mark{font-family:Anton,Impact,sans-serif;font-weight:400}.kdx h1,.kdx h2,.kdx h3,.kdx p{padding:0}.kdx mark{background:none;color:var(--kdx-y)}.kdx button,.kdx select{font:inherit}.kdx button,.kdx a,.kdx select{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}.kdx button{cursor:pointer}.kdx [hidden]{display:none!important}.kdx-shell{position:relative;width:min(100% - 64px,1440px);margin:0 auto}.kdx-anchor{position:absolute;top:0;width:1px;height:1px;pointer-events:none}.kdx-kicker{margin:0 0 18px;color:var(--kdx-y);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.kdx-kicker span{display:inline-block;width:28px;height:1px;margin:0 8px 3px 0;background:currentColor}.kdx-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.08em}.kdx-btn:hover{border-color:var(--kdx-y);color:var(--kdx-y);transform:translateY(-2px)}.kdx-btn--primary{border-color:var(--kdx-y);background:var(--kdx-y);color:#090909}.kdx-btn--primary:hover{background:#fff;color:#090909}.kdx-select-wrap{position:relative}.kdx-select-wrap select{width:100%;appearance:none;padding-right:42px}.kdx-select-wrap>b{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--kdx-y);font-size:14px}.kdx-select-hint{display:block;margin-top:7px;color:#777;font-size:8px;font-weight:800;letter-spacing:.08em}.kdx-light{color:#09090A}.kdx-light h2,.kdx-light h3,.kdx-light p,.kdx-light strong{color:#09090A}.kdx-light .kdx-kicker{color:#8A6900}.kdx-loading{display:flex;align-items:center;justify-content:center;gap:7px;min-height:160px;color:#85858a;font-size:10px;font-weight:800;letter-spacing:.08em}.kdx-loading span{width:5px;height:5px;border-radius:50%;background:var(--kdx-y);animation:kdxPulse 1.1s infinite ease-in-out}.kdx-loading span:nth-child(2){animation-delay:.12s}.kdx-loading span:nth-child(3){animation-delay:.24s}.kdx-loading b{margin-left:10px;font:inherit}.kdx-fallback{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0d0d0f;color:#fff}.kdx-fallback b{font-size:24px}.kdx-fallback p{max-width:680px;margin:8px 0 0;color:#aaa;line-height:1.5}@keyframes kdxPulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}

/* NAV */
.kdx-nav{position:sticky;top:var(--kdx-header-offset,0px);z-index:50;background:rgba(4,4,5,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.kdx-nav__inner{display:flex;justify-content:center;gap:6px;overflow-x:auto;width:max-content;max-width:calc(100% - 32px);margin:auto;padding:9px 0;scrollbar-width:none}.kdx-nav__inner::-webkit-scrollbar{display:none}.kdx-nav a{flex:0 0 auto;padding:9px 11px;border-radius:8px;color:#777;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.08em}.kdx-nav a:hover{background:#121214;color:var(--kdx-y)}

/* HERO */
.kdx-hero{min-height:910px;background:#030304;color:#fff;isolation:isolate}.kdx-hero__canvas-wrap,.kdx-hero__noise{position:absolute;inset:0}.kdx-hero__canvas{display:block;width:100%;height:100%}.kdx-hero__canvas-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,4,.97) 0%,rgba(3,3,4,.84) 37%,rgba(3,3,4,.16) 68%,rgba(3,3,4,.55) 100%),linear-gradient(180deg,transparent 58%,#030304 100%);pointer-events:none}.kdx-hero__noise{opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.kdx-hero__shell{z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.58fr);gap:88px;align-items:center;min-height:910px;padding:120px 0 88px}.kdx-hero__copy{align-self:start;padding-top:42px}.kdx-hero__kicker{margin-bottom:38px}.kdx-hero__copy h1{max-width:900px;margin:0;color:#fff;font-size:clamp(64px,7vw,114px);line-height:.88;letter-spacing:-.022em}.kdx-hero__lead{max-width:650px;margin:30px 0 0;color:#c6c6ca;font-size:18px;line-height:1.6}.kdx-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.kdx-hero__instrument{align-self:end;position:relative;margin-bottom:42px;padding:28px 28px 24px;border:1px solid rgba(254,195,0,.38);border-radius:14px;background:transparent;backdrop-filter:none;box-shadow:0 24px 70px rgba(0,0,0,.12)}.kdx-hero__instrument:before{content:"";position:absolute;top:-1px;right:12%;width:30%;height:1px;background:var(--kdx-y);box-shadow:0 0 24px rgba(254,195,0,.5)}.kdx-hero__instrument-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.12em}.kdx-hero__instrument-head span{color:var(--kdx-y);font-weight:900}.kdx-hero__instrument-head b{color:#a4a4aa;text-align:right}.kdx-hero__big{display:flex;align-items:baseline;gap:10px;margin-top:22px}.kdx-hero__big strong{color:#fff;font-size:clamp(62px,5vw,92px);line-height:.9}.kdx-hero__big small{color:#aaa;font-size:13px;font-weight:800;white-space:nowrap}.kdx-hero__trend{display:flex;justify-content:space-between;gap:15px;margin-top:10px;color:#aaa;font-size:10px}.kdx-hero__trend span{color:var(--kdx-y);font-weight:900}.kdx-hero__spark-wrap{position:relative;min-height:118px;margin-top:10px}.kdx-hero__spark{display:block;width:100%;height:auto}.kdx-hero__spark g line{stroke:rgba(255,255,255,.06);stroke-width:1}.kdx-hero__spark path{fill:none;stroke:var(--kdx-y);stroke-width:3;filter:drop-shadow(0 0 8px rgba(254,195,0,.32))}.kdx-series-empty{position:absolute;left:0;bottom:24px;margin:0;color:#777;font-size:9px;line-height:1.4}.kdx-hero__switches{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.kdx-hero__switches button{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:44px;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(4,4,6,.08);color:#929298;font-size:8px;font-weight:900;text-align:left;backdrop-filter:blur(3px)}.kdx-hero__switches button span{opacity:.35}.kdx-hero__switches button.is-active{border-color:var(--kdx-y);background:rgba(254,195,0,.09);color:var(--kdx-y)}.kdx-hero__switches button.is-active span{opacity:1}.kdx-hero__hint{position:absolute;right:0;bottom:26px;display:flex;align-items:center;gap:10px;color:#73737a;font-size:9px;font-weight:900;letter-spacing:.14em}.kdx-hero__hint span{width:42px;height:1px;background:rgba(254,195,0,.55)}

/* PULSE */
.kdx-pulse{padding:88px 0 78px;border-top:1px solid rgba(254,195,0,.22);background:#060607;color:#fff}.kdx-pulse__head{display:grid;grid-template-columns:1fr 430px;gap:44px;align-items:end}.kdx-pulse__head h2{margin:0;color:#fff;font-size:clamp(48px,5.1vw,82px);line-height:.94}.kdx-pulse__head>p{margin:0;color:#aaa;font-size:15px;line-height:1.6}.kdx-pulse__head>p strong{color:#fff;font-family:Inter,Arial;font-weight:800}.kdx-pulse__track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px}.kdx-pulse__item{position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto 44px auto;align-items:start;min-height:215px;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,#0b0b0d,#080809);color:#fff;text-align:left;box-shadow:0 18px 50px rgba(0,0,0,.14)}.kdx-pulse__item:before{content:"";background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FEC300%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%227%22%20y1%3D%2217%22%20x2%3D%2217%22%20y2%3D%227%22%2F%3E%3Cpolyline%20points%3D%227%207%2017%207%2017%2017%22%2F%3E%3C%2Fsvg%3E");background-size:12px 12px;background-position:center;background-repeat:no-repeat;position:absolute;right:16px;top:14px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid rgba(254,195,0,.32);color:var(--kdx-y);font-size:10px}.kdx-pulse__item:after{content:"";position:absolute;inset:auto 18px 0 18px;height:2px;background:linear-gradient(90deg,transparent,var(--kdx-y),transparent);opacity:0;transform:scaleX(.4)}.kdx-pulse__item:hover,.kdx-pulse__item:active{border-color:rgba(254,195,0,.85);background:rgba(254,195,0,.30);transform:translateY(-3px);box-shadow:0 22px 58px rgba(0,0,0,.22),0 0 0 1px rgba(254,195,0,.12) inset}.kdx-pulse__item:hover>span,.kdx-pulse__item:active>span{color:#f4f1e7}.kdx-pulse__item:hover strong,.kdx-pulse__item:active strong{color:#fff}.kdx-pulse__item:hover small,.kdx-pulse__item:active small{color:#ece7d7}.kdx-pulse__item:hover>i,.kdx-pulse__item:active>i{color:#fff;border-top-color:rgba(255,255,255,.25)}.kdx-pulse__item:hover:before,.kdx-pulse__item:active:before{border-color:rgba(255,255,255,.50);color:#fff}.kdx-pulse__item:hover svg path,.kdx-pulse__item:active svg path{stroke:#fff}.kdx-pulse__item[aria-expanded="true"]{border-color:var(--kdx-y);background:var(--kdx-y);color:#080808;transform:translateY(-3px);box-shadow:0 24px 64px rgba(0,0,0,.24),0 0 0 1px rgba(0,0,0,.08) inset}.kdx-pulse__item[aria-expanded="true"]>span,.kdx-pulse__item[aria-expanded="true"] strong,.kdx-pulse__item[aria-expanded="true"] small,.kdx-pulse__item[aria-expanded="true"]>i{color:#080808}.kdx-pulse__item[aria-expanded="true"]>i{border-top-color:rgba(0,0,0,.20)}.kdx-pulse__item[aria-expanded="true"]:before{border-color:rgba(0,0,0,.30);color:#080808;background:rgba(0,0,0,.05)}.kdx-pulse__item[aria-expanded="true"] svg path{stroke:#080808}.kdx-pulse__item:hover:after,.kdx-pulse__item:active:after,.kdx-pulse__item[aria-expanded="true"]:after{opacity:1;transform:scaleX(1)}.kdx-pulse__item[aria-expanded="true"]:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.55),transparent)}.kdx-pulse__item>span{min-height:28px;padding-right:34px;color:#93939a;font-size:9px;font-weight:900;letter-spacing:.09em}.kdx-pulse__item>div{display:flex;align-items:baseline;gap:8px}.kdx-pulse__item strong{color:#fff;font-size:clamp(34px,3vw,50px);line-height:1}.kdx-pulse__item small{color:#a4a4aa;font-size:9px;white-space:nowrap}.kdx-pulse__item svg{width:100%;height:42px;margin-top:8px}.kdx-pulse__item svg path{fill:none;stroke:var(--kdx-y);stroke-width:2}.kdx-pulse__item:not(.has-series) svg{opacity:.1}.kdx-pulse__item>i{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:var(--kdx-y);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}.kdx-pulse__item>i b{font:400 20px Anton,Impact}.kdx-pulse__detail{position:relative;margin-top:12px;padding:28px 64px 28px 28px;border:1px solid rgba(254,195,0,.28);border-radius:12px;background:#0b0b0c}.kdx-pulse__detail>button{position:absolute;right:18px;top:12px;border:0;background:none;color:#fff;font-size:24px}.kdx-pulse__detail span{color:var(--kdx-y);font-size:9px;font-weight:900;letter-spacing:.12em}.kdx-pulse__detail strong{display:block;margin-top:8px;color:#fff;font-size:40px}.kdx-pulse__detail p{max-width:800px;margin:8px 0 0;color:#c6c6ca;line-height:1.55}.kdx-pulse__detail small{display:block;margin-top:11px;color:#777}

/* STORY */
.kdx-story{padding:130px 0;background:var(--kdx-paper);overflow:visible!important}.koko-data-v14-row,.koko-data-v14-row .kt-row-column-wrap,.koko-data-v14-row .wp-block-kadence-column,.koko-data-v14-row .kt-inside-inner-col{overflow:visible!important}.kdx-story__intro{max-width:900px;margin-bottom:76px}.kdx-story__intro h2{margin:0;color:#09090A;font-size:clamp(55px,6vw,96px);line-height:.92}.kdx-story__intro>p:last-child{max-width:690px;margin:22px 0 0;color:#606066;font-size:17px;line-height:1.6}.kdx-story__layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(350px,.64fr);gap:76px;align-items:start}.kdx-story__stage{position:sticky;top:96px;min-height:680px;padding:22px;border-radius:16px;background:#080809;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.14)}.kdx-story__stage-top{display:flex;justify-content:space-between;padding:4px 5px 16px;border-bottom:1px solid rgba(255,255,255,.12);color:#8c8c94;font-size:10px;font-weight:900;letter-spacing:.13em}.kdx-story__stage-top b{color:var(--kdx-y)}.kdx-story__stage svg{display:block;width:100%;height:auto;min-height:470px;overflow:visible}.kdx-story__caption{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:baseline;padding:0 8px 8px}.kdx-story__caption strong{color:#fff;font-size:44px}.kdx-story__caption span{color:#aaa;font-size:12px;white-space:nowrap}.kdx-story__caption p{justify-self:end;max-width:400px;margin:0;color:#b9b9c0;font-size:11px;line-height:1.48;text-align:right}.kdx-story__steps{position:relative;padding-top:170px}.kdx-story__step{min-height:610px;padding:42px 0;border-top:1px solid rgba(0,0,0,.16);opacity:.32}.kdx-story__step.is-active{opacity:1}.kdx-story__step>span{display:block;margin-bottom:18px;color:#9B7800;font:400 72px/.8 Anton,Impact}.kdx-story__step h3{max-width:560px;margin:0;color:#09090A;font-size:clamp(34px,3.2vw,50px);line-height:1.02}.kdx-story__step p{max-width:540px;margin:17px 0 0;color:#5e5e63;font-size:15px;line-height:1.62}

/* SYSTEM · new, isolated */
.kdx-system{padding:120px 0;background:#050506;color:#fff;border-top:1px solid rgba(255,255,255,.07)}.kdx-system__head{display:grid;grid-template-columns:1fr 440px;gap:54px;align-items:end}.kdx-system__head h2{margin:0;color:#fff;font-size:clamp(56px,6vw,96px);line-height:.91}.kdx-system__head>p{margin:0;color:#a4a4aa;font-size:15px;line-height:1.6}.kdx-system__layout{display:grid;grid-template-columns:minmax(330px,.55fr) minmax(0,1.15fr);gap:14px;margin-top:38px}.kdx-system__orbit{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-height:760px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(58,134,255,.12),transparent 38%),#08090c}.kdx-system__orbit button{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.025);color:#a6a6ad;text-align:left}.kdx-system__orbit button span{color:#65728c;font:400 24px Anton,Impact}.kdx-system__orbit button b{color:#fff;font-size:11px;letter-spacing:.07em}.kdx-system__orbit button i{color:#6d6d74;font-style:normal}.kdx-system__orbit button:hover,.kdx-system__orbit button.is-active{border-color:var(--kdx-y);background:rgba(254,195,0,.07)}.kdx-system__orbit button.is-active span,.kdx-system__orbit button.is-active i{color:var(--kdx-y)}.kdx-system__panel{display:flex;flex-direction:column;min-height:760px;padding:34px;border-radius:16px;background:var(--kdx-y);color:#09090A}.kdx-system__panel>span{font-size:9px;font-weight:900;letter-spacing:.12em}.kdx-system__panel h3{margin:26px 0 0;color:#09090A;font-size:clamp(38px,3.6vw,58px);line-height:.96}.kdx-system__value{display:flex;align-items:baseline;gap:8px;margin-top:auto}.kdx-system__value strong{font-family:Anton,Impact,sans-serif;font-size:clamp(204px,18vw,300px);font-weight:400;line-height:.78;letter-spacing:-.06em;white-space:nowrap}.kdx-system__value small{font-size:11px;font-weight:900;white-space:nowrap}.kdx-system__panel p{margin:20px 0 0;color:#302700;font-size:14px;line-height:1.55}.kdx-system__panel>small{margin-top:18px;color:#5e4b00;font-size:9px}.kdx-system__empty{grid-column:1/-1;place-self:center;color:#777}

/* MAP */
.kdx-maplab{padding:128px 0;background:#070708;color:#fff}.kdx-maplab__head{display:grid;grid-template-columns:1fr 470px;gap:55px;align-items:end}.kdx-maplab__head h2{margin:0;color:#fff;font-size:clamp(58px,6.2vw,100px);line-height:.9}.kdx-maplab__head>p{margin:0;color:#aaa;line-height:1.62}.kdx-maplab__controls,.kdx-bubbles__controls,.kdx-madrid__controls,.kdx-cityscope__metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.kdx-maplab__controls button,.kdx-bubbles__controls button,.kdx-madrid__controls button,.kdx-cityscope__metrics button{min-height:43px;padding:0 15px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:transparent;color:#999;font-size:9px;font-weight:900;letter-spacing:.05em}.kdx-maplab__controls button.is-active,.kdx-bubbles__controls button:hover,.kdx-bubbles__controls button.is-active,.kdx-madrid__controls button:hover,.kdx-madrid__controls button.is-active,.kdx-cityscope__metrics button:hover,.kdx-cityscope__metrics button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#080808}.kdx-maplab__controls button:disabled{opacity:.38;border-style:dashed;color:#6D6D74;cursor:not-allowed}.kdx-maplab__body{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(320px,.56fr);gap:18px;margin-top:22px}.kdx-maplab__map{position:relative;min-height:660px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:radial-gradient(circle at 35% 45%,rgba(112,183,255,.13),transparent 34%),linear-gradient(180deg,#0A101B,#050506)}.kdx-maplab__map svg{display:block;width:100%;height:660px}.kdx-map-region{cursor:pointer;stroke:#070708;stroke-width:1.8;vector-effect:non-scaling-stroke;transition:opacity .18s ease,filter .18s ease,stroke .18s ease}.kdx-map-region:hover{filter:brightness(1.22)}.kdx-map-region.is-active{stroke:var(--kdx-y);stroke-width:4;filter:brightness(1.18) drop-shadow(0 0 10px rgba(254,195,0,.45))}.kdx-maplab__legend{position:absolute;left:22px;bottom:24px;display:flex;align-items:center;gap:10px;color:#777;font-size:8px;font-weight:900;letter-spacing:.1em}.kdx-maplab__legend i{display:block;width:160px;height:7px;border-radius:999px;background:linear-gradient(90deg,#CFE8FF,#70B7FF,#3A86FF,#183B8F,#091B48)}.kdx-maplab__attribution{position:absolute;right:20px;bottom:20px;color:#555;font-size:8px}.kdx-maplab__panel{display:flex;flex-direction:column;min-height:660px;padding:34px;border-radius:16px;background:var(--kdx-y);color:#080808}.kdx-maplab__eyebrow{font-size:9px;font-weight:900;letter-spacing:.12em}.kdx-maplab__panel h3{margin:30px 0 0;color:#080808;font-size:clamp(42px,4vw,66px);line-height:.93}.kdx-maplab__panel>strong{margin-top:auto;color:#080808;font-size:clamp(72px,6vw,105px);line-height:.85}.kdx-maplab__panel>p{max-width:360px;margin:18px 0 0;color:#191919;font-size:14px;line-height:1.52}.kdx-maplab__mini{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:24px}.kdx-maplab__mini span{padding:13px;border:1px solid rgba(0,0,0,.2);border-radius:8px;font-size:10px;font-weight:900}.kdx-maplab__panel small{margin-top:18px;color:#3e3200;font-size:9px;line-height:1.4}.kdx-maplab.is-fallback .kdx-maplab__body{grid-template-columns:1fr}.kdx-maplab.is-fallback .kdx-maplab__map{display:none}.kdx-map-fallback{margin-top:18px}.kdx-map-fallback [data-kdx-map-list]{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.kdx-map-fallback button{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid #26262a;border-radius:8px;background:#111114;color:#fff;text-align:left}.kdx-map-fallback button span{color:var(--kdx-y)}

/* LAB */

/* QUIZ */
.kdx-quiz{padding:120px 0;background:#060607;color:#fff}.kdx-quiz__head{display:grid;grid-template-columns:1fr 1.2fr auto;gap:34px;align-items:end}.kdx-quiz__head>div>p:last-child{max-width:330px;margin:8px 0 0;color:#93939a;font-size:13px;line-height:1.5}.kdx-quiz__head h2{margin:0;color:#fff;font-size:clamp(54px,5.5vw,90px);line-height:.9}.kdx-quiz__badge{align-self:start;padding:11px 13px;border:1px solid rgba(254,195,0,.35);border-radius:999px;color:var(--kdx-y);font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.kdx-quiz__card{position:relative;margin-top:42px;padding:34px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#0B0B0D;box-shadow:0 30px 80px rgba(0,0,0,.22)}.kdx-quiz__counter{display:flex;align-items:center;gap:12px;color:#777;font-size:9px;font-weight:900}.kdx-quiz__counter i{height:1px;flex:1;background:rgba(255,255,255,.11)}.kdx-quiz__card>h3{max-width:920px;margin:30px 0 0;color:#fff;font-size:clamp(36px,4vw,58px);line-height:1}.kdx-quiz__options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:30px}.kdx-quiz__options button{min-height:68px;padding:12px 16px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#111114;color:#fff;font-size:12px;font-weight:800;text-align:left}.kdx-quiz__options button:hover{border-color:var(--kdx-y);transform:translateY(-2px)}.kdx-quiz__options button.is-correct{border-color:var(--kdx-y);background:var(--kdx-y);color:#09090A}.kdx-quiz__options button.is-wrong{opacity:.35}.kdx-quiz__answer{margin-top:16px;padding:18px;border-left:3px solid var(--kdx-y);background:rgba(254,195,0,.06)}.kdx-quiz__answer b{color:var(--kdx-y);font-size:11px;letter-spacing:.08em}.kdx-quiz__answer p{margin:8px 0 0;color:#D0D0D4;line-height:1.55}.kdx-quiz__answer small{display:block;margin-top:8px;color:#777}.kdx-quiz__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.kdx-quiz__footer>span{color:#888;font-size:10px;font-weight:900}.kdx-quiz__footer button,.kdx-quiz__finish button{min-height:46px;padding:0 18px;border:1px solid var(--kdx-y);border-radius:9px;background:var(--kdx-y);color:#09090A;font-size:9px;font-weight:900}.kdx-quiz__footer button:disabled{opacity:.3;cursor:not-allowed}.kdx-quiz__finish{padding:30px 0;text-align:center}.kdx-quiz__finish>span{color:#777;font-size:9px;font-weight:900;letter-spacing:.12em}.kdx-quiz__finish>strong{display:block;margin-top:10px;color:var(--kdx-y);font-size:100px;line-height:.9}.kdx-quiz__finish h3{margin:18px 0 0;color:#fff;font-size:48px}.kdx-quiz__finish p{max-width:650px;margin:12px auto 24px;color:#aaa;line-height:1.55}

/* HUNDRED */
.kdx-hundred{padding:125px 0;background:#F4F2EB}.kdx-hundred__head{display:grid;grid-template-columns:1fr 430px;gap:50px;align-items:end}.kdx-hundred__head h2{margin:0;font-size:clamp(54px,5.8vw,92px);line-height:.92}.kdx-hundred__head>p{margin:0;color:#616168;font-size:14px;line-height:1.6}.kdx-hundred__layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;margin-top:38px}.kdx-hundred__visual{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;min-height:520px;padding:28px;border:1px solid #DAD8CF;border-radius:14px;background:#fff}.kdx-house{position:relative;align-self:center;justify-self:center;width:70%;aspect-ratio:1/1;border:1px solid #C8C5BA;border-radius:3px 3px 6px 6px;background:#E5E2D8;transition:background .25s ease,transform .25s ease}.kdx-house:before{content:"";position:absolute;left:-11%;top:-28%;width:70%;height:70%;transform:rotate(45deg);border-top:1px solid #C8C5BA;border-left:1px solid #C8C5BA;background:#E5E2D8}.kdx-house:after{content:"";position:absolute;z-index:2;left:27%;bottom:11%;width:21%;height:36%;border-radius:2px 2px 0 0;background:#B9B6AC}.kdx-house b{position:absolute;z-index:2;right:24%;bottom:34%;width:19%;height:20%;border-radius:2px;background:#B9B6AC;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.kdx-house.is-on{background:var(--kdx-y);box-shadow:inset 0 0 0 1px #D3A400,0 4px 12px rgba(254,195,0,.15)}.kdx-house.is-on:before{background:var(--kdx-y);border-color:#D3A400}.kdx-house.is-on:after{background:#FFE168}.kdx-house.is-on i,.kdx-house.is-on b{background:#09090A}.kdx-hundred__panel{padding:28px;border-radius:14px;background:#09090A;color:#fff}.kdx-hundred__tabs{position:relative;display:flex;flex-wrap:wrap;gap:6px}.kdx-hundred__tabs button{min-height:38px;padding:0 11px;border:1px solid #2A2A2F;border-radius:8px;background:transparent;color:#888;font-size:8px;font-weight:900}.kdx-hundred__tabs button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#09090A}.kdx-hundred__panel>span{display:block;margin-top:34px;color:#888;font-size:9px;font-weight:900}.kdx-hundred__panel>strong{display:block;margin-top:5px;color:var(--kdx-y);font-size:86px;line-height:.9}.kdx-hundred__panel h3{margin:18px 0 0;color:#fff;font-size:34px;line-height:1}.kdx-hundred__panel p{margin:12px 0 0;color:#BEBEC4;font-size:13px;line-height:1.55}.kdx-hundred__universe{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:14px;border-top:1px solid #25252A;color:#777;font-size:9px}.kdx-hundred__universe b{color:#fff}.kdx-hundred__panel small{display:block;margin-top:12px;color:#666}

/* RANK */
.kdx-rank{padding:125px 0;background:#070708;color:#fff}.kdx-rank__head{max-width:1000px}.kdx-rank__head h2{margin:0;color:#fff;font-size:clamp(55px,6vw,96px);line-height:.92}.kdx-rank__head>p{max-width:660px;margin:20px 0 0;color:#999;line-height:1.55}.kdx-rank__controls{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:36px}.kdx-rank__controls label{padding:14px;border:1px solid #24242A;border-radius:10px;background:#0B0B0D}.kdx-rank__controls label>span{display:block;margin-bottom:7px;color:#777;font-size:8px;font-weight:900}.kdx-rank__controls select{border-color:#2A2A30;background:#111114;color:#fff}.kdx-rank__race{display:grid;gap:7px;margin-top:16px}.kdx-race-row{display:grid;grid-template-columns:44px minmax(140px,220px) minmax(120px,1fr) 170px;gap:14px;align-items:center;min-height:66px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.kdx-race-row__pos{color:#57575F;font:400 22px Anton,Impact}.kdx-race-row__name{color:#fff;font-size:11px}.kdx-race-row__track{height:15px;border-radius:999px;background:#141418;overflow:hidden}.kdx-race-row__bar{height:100%;border-radius:999px;background-image:linear-gradient(90deg,#CFE8FF,#3A86FF,#183B8F)}.kdx-race-row__value{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;color:#fff;font-family:Anton,Impact,sans-serif;font-size:30px;font-weight:400;white-space:nowrap}.kdx-race-row__value small{display:inline;color:#777;font-family:Inter,Arial,sans-serif;font-size:9px;white-space:nowrap}.kdx-rank__foot{display:flex;justify-content:space-between;gap:20px;margin-top:18px;color:#6F6F76;font-size:9px}.kdx-rank__foot small{color:#777}

/* NATIONAL BUBBLES */
.kdx-bubbles{padding:120px 0;background:#050506;color:#fff}.kdx-bubbles__head{display:grid;grid-template-columns:1fr 430px;gap:50px;align-items:end}.kdx-bubbles__head h2{margin:0;color:#fff;font-size:clamp(54px,5.8vw,92px);line-height:.92}.kdx-bubbles__head>p{margin:0;color:#9A9AA1;line-height:1.6}.kdx-bubbles__world{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;margin-top:18px;background:radial-gradient(circle at 34% 42%,rgba(58,134,255,.13),transparent 32%),#060607;border-radius:16px;overflow:hidden}.kdx-bubbles__world>canvas{width:100%;height:620px}.kdx-bubbles__tooltip,.kdx-madrid__bubble-tip,.kdx-cityscope__tip{position:absolute;z-index:8;min-width:150px;padding:10px;border:1px solid rgba(254,195,0,.3);border-radius:9px;background:rgba(5,5,6,.94);color:#fff;pointer-events:none}.kdx-bubbles__tooltip b,.kdx-bubbles__tooltip span,.kdx-bubbles__tooltip small,.kdx-madrid__bubble-tip b,.kdx-madrid__bubble-tip span,.kdx-madrid__bubble-tip small,.kdx-cityscope__tip b,.kdx-cityscope__tip span,.kdx-cityscope__tip small{display:block}.kdx-bubbles__tooltip span,.kdx-madrid__bubble-tip span,.kdx-cityscope__tip span{color:var(--kdx-y);font-family:Anton,Impact;font-size:22px}.kdx-bubbles__panel{display:flex;flex-direction:column;padding:30px;background:#0B0B0D}.kdx-bubbles__panel>span{color:#777;font-size:8px;font-weight:900}.kdx-bubbles__panel h3{margin:24px 0 0;color:#fff;font-size:46px}.kdx-bubbles__panel>strong{margin-top:auto;color:var(--kdx-y);font-size:66px}.kdx-bubbles__panel p{margin:14px 0 0;color:#B1B1B7;line-height:1.5}.kdx-bubbles__panel small{margin-top:12px;color:#666}

/* COMPARE */

/* MADRID - preserved selectors */
.kdx-madrid{padding:120px 0;background:#060607;color:#fff}.kdx-madrid__head{display:grid;grid-template-columns:1fr 430px;gap:50px;align-items:end}.kdx-madrid__head h2{margin:0;color:#fff;font-size:clamp(56px,6vw,96px);line-height:.91}.kdx-madrid__head>p{margin:0;color:#A0A0A6;line-height:1.6}.kdx-madrid__crumb{display:flex;align-items:center;gap:8px;margin-top:14px;color:#777;font-size:9px}.kdx-madrid__crumb button,.kdx-madrid__crumb span{min-height:34px;padding:0 10px;border:1px solid #25252A;border-radius:9px;background:transparent;color:#777}.kdx-madrid__crumb button.is-active{border-color:var(--kdx-y);color:var(--kdx-y)}.kdx-madrid__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;margin-top:14px}.kdx-madrid__field{position:relative;min-height:620px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:radial-gradient(circle at 50% 42%,rgba(58,134,255,.09),transparent 36%)}.kdx-madrid__field canvas{display:block;width:100%;height:620px}.kdx-madrid__panel{display:flex;flex-direction:column;min-height:620px;padding:30px;border-radius:16px;background:#0B0B0D}.kdx-madrid__panel>span{color:#777;font-size:8px;font-weight:900}.kdx-madrid__panel h3{margin:24px 0 0;color:#fff;font-size:50px}.kdx-madrid__panel>strong{margin-top:auto;color:var(--kdx-y);font-family:Anton,Impact,sans-serif;font-size:68px}.kdx-madrid__changes{display:flex;gap:7px;margin-top:12px}.kdx-madrid__changes span{padding:8px 9px;border:1px solid #26262B;border-radius:7px;color:#A3A3AA;font-size:8px;font-weight:900}.kdx-madrid__panel p{margin:16px 0 0;color:#B6B6BC;line-height:1.55}.kdx-madrid__panel small{margin-top:12px;color:#666}.kdx-madrid__panel>button{margin-top:18px;min-height:40px;border:1px solid var(--kdx-y);border-radius:8px;background:transparent;color:var(--kdx-y);font-size:9px;font-weight:900}

/* CITY MICROSCOPE · new, isolated */
.kdx-cityscope{padding:120px 0;background:#F4F2EB;color:#09090A}.kdx-cityscope__head{display:grid;grid-template-columns:1fr 440px;gap:50px;align-items:end}.kdx-cityscope__head h2{margin:0;font-size:clamp(56px,6vw,96px);line-height:.91}.kdx-cityscope__head>p{margin:0;color:#606066;font-size:14px;line-height:1.6}.kdx-cityscope__cities{display:flex;gap:7px;overflow-x:auto;margin-top:34px;padding-bottom:4px;scrollbar-width:none}.kdx-cityscope__cities::-webkit-scrollbar{display:none}.kdx-cityscope__cities button{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:43px;padding:0 14px;border:1px solid #D0CEC5;border-radius:9px;background:#fff;color:#555;font-size:9px;font-weight:900}.kdx-cityscope__cities button span{color:#AAA}.kdx-cityscope__cities button:hover,.kdx-cityscope__cities button.is-active{border-color:#09090A;background:#09090A;color:#fff}.kdx-cityscope__metrics{margin-top:10px}.kdx-cityscope__metrics button{border-color:#C7C5BC;color:#666}.kdx-cityscope__metrics button:hover,.kdx-cityscope__metrics button.is-active{border-color:#09090A;background:var(--kdx-y);color:#09090A}.kdx-cityscope__layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px;margin-top:14px}.kdx-cityscope__field{position:relative;min-height:620px;border:1px solid #D8D6CE;border-radius:16px;background:radial-gradient(circle at 50% 44%,rgba(58,134,255,.17),transparent 38%),#08101D;overflow:hidden}.kdx-cityscope__field canvas{display:block;width:100%;height:620px}.kdx-cityscope__panel{display:flex;flex-direction:column;min-height:620px;padding:30px;border-radius:16px;background:var(--kdx-y);color:#09090A}.kdx-cityscope__panel>span{font-size:8px;font-weight:900;letter-spacing:.1em}.kdx-cityscope__panel h3{margin:25px 0 0;font-size:clamp(42px,4vw,60px);line-height:.95}.kdx-cityscope__big{display:flex;align-items:baseline;gap:8px;margin-top:auto}.kdx-cityscope__big strong{font-size:clamp(68px,6vw,98px);line-height:.86}.kdx-cityscope__big small{font-size:10px;font-weight:900;white-space:nowrap}.kdx-cityscope__changes{display:flex;gap:7px;margin-top:13px}.kdx-cityscope__changes span{padding:8px 9px;border:1px solid rgba(0,0,0,.22);border-radius:7px;font-size:8px;font-weight:900}.kdx-cityscope__panel p{margin:17px 0 0;color:#2E2600;font-size:13px;line-height:1.55}.kdx-cityscope__panel>small{margin-top:12px;color:#5A4900}.kdx-cityscope__empty{padding:12px;color:#777;font-size:10px}

/* SURPRISE */
.kdx-surprise{padding:80px 0;background:#070708;color:#fff}.kdx-surprise__machine{display:grid;width:100%;min-height:330px;padding:38px;border:1px solid rgba(254,195,0,.25);border-radius:16px;background:radial-gradient(circle at 80% 10%,rgba(254,195,0,.09),transparent 35%),#0B0B0D;color:#fff;text-align:left}.kdx-surprise__prompt{color:#777;font-size:9px;font-weight:900;letter-spacing:.1em}.kdx-surprise__machine>strong{max-width:1000px;margin-top:28px;color:#fff;font-size:clamp(40px,4.6vw,72px);line-height:.97}.kdx-surprise__machine>div{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:auto}.kdx-surprise__machine>div b{color:var(--kdx-y);font:400 clamp(44px,5vw,80px)/.9 Anton,Impact}.kdx-surprise__machine>div small{color:#777}.kdx-surprise__machine>i{margin-top:18px;color:#5D5D63;font-size:8px;font-style:normal;font-weight:900}

/* CAUSAL */
.kdx-causal{padding:125px 0;background:#050506;color:#fff}.kdx-causal__head{max-width:1050px}.kdx-causal__head h2{margin:0;color:#fff;font-size:clamp(54px,5.7vw,92px);line-height:.92}.kdx-causal__head>p{max-width:700px;margin:20px 0 0;color:#999;line-height:1.6}.kdx-causal__layout{display:grid;grid-template-columns:300px 1fr;gap:12px;margin-top:36px}.kdx-causal__tabs{display:grid;gap:7px}.kdx-causal__tabs button{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:0 18px;border:1px solid #25252A;border-radius:10px;background:#0A0A0C;color:#888;font-size:10px;font-weight:900;text-align:left}.kdx-causal__tabs button span{color:#555}.kdx-causal__tabs button:hover,.kdx-causal__tabs button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#09090A}.kdx-causal__tabs button.is-active span{color:#09090A}.kdx-causal__stage{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:start;min-height:380px;padding:34px;border:1px solid #25252A;border-radius:14px;background:#0B0B0D}.kdx-causal__stage>span{color:#24242A;font:400 140px/.8 Anton,Impact}.kdx-causal__stage p:first-child{margin:0;color:var(--kdx-y);font-size:9px;font-weight:900;letter-spacing:.1em}.kdx-causal__stage h3{max-width:850px;margin:18px 0 0;color:#fff;font-size:clamp(36px,3.5vw,56px);line-height:1}.kdx-causal__stage div>p:not(:first-child){max-width:800px;margin:20px 0 0;color:#B0B0B6;font-size:14px;line-height:1.6}.kdx-causal__stage small{display:block;margin-top:24px;color:#73737A;font-size:9px}

/* METHOD */
.kdx-method{padding:120px 0;background:#F4F2EB}.kdx-method__head{max-width:980px}.kdx-method__head h2{margin:0;font-size:clamp(55px,5.8vw,92px);line-height:.92}.kdx-method__head>p{max-width:720px;margin:20px 0 0;color:#626268;line-height:1.6}.kdx-method__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:36px}.kdx-method__grid article{display:grid;grid-template-columns:70px 1fr;gap:15px;min-height:250px;padding:24px;border:1px solid #D7D5CD;border-radius:12px;background:#fff}.kdx-method__grid article>span{color:#B18B00;font:400 54px/.9 Anton,Impact}.kdx-method__grid h3{margin:0;font-size:28px}.kdx-method__grid p{margin:10px 0 0;color:#626268;font-size:13px;line-height:1.55}.kdx-method__sources{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.kdx-method__sources b,.kdx-method__sources span{padding:9px 11px;border:1px solid #D3D1C8;border-radius:7px;font-size:8px}.kdx-method__sources b{background:#09090A;color:#fff}.kdx-scroll-cue,.kdx-control-cue{display:none}

/* RESPONSIVE DESKTOP/TABLET */
@media(max-width:1150px){.kdx-hero__shell{grid-template-columns:1fr 390px;gap:42px}.kdx-pulse__head,.kdx-maplab__head,.kdx-bubbles__head,.kdx-madrid__head,.kdx-cityscope__head,.kdx-system__head,.kdx-hundred__head{grid-template-columns:1fr 360px}.kdx-story__layout{grid-template-columns:minmax(0,1fr) 340px;gap:38px}.kdx-playground__board{grid-template-columns:200px minmax(0,1fr)}.kdx-playground__read{grid-column:1/-1;border-left:0;border-top:1px solid #E0E0DB}.kdx-compare__controls{grid-template-columns:1fr 50px 1fr}.kdx-compare__controls label:nth-of-type(3),.kdx-compare__controls fieldset{grid-column:1/-1}}
@media(max-width:900px){.kdx-shell{width:min(100% - 36px,760px)}.kdx-hero__shell{display:block;padding-top:90px}.kdx-hero__instrument{max-width:620px;margin:50px 0 0}.kdx-pulse__head,.kdx-maplab__head,.kdx-bubbles__head,.kdx-madrid__head,.kdx-cityscope__head,.kdx-system__head,.kdx-hundred__head{grid-template-columns:1fr;gap:20px}.kdx-pulse__track{grid-template-columns:repeat(2,1fr)}.kdx-story__layout{display:block}.kdx-story__stage{position:relative;top:0}.kdx-story__steps{display:flex;overflow-x:auto;padding-top:30px;scroll-snap-type:x mandatory}.kdx-story__step{flex:0 0 78%;min-height:380px;scroll-snap-align:center;opacity:1}.kdx-system__layout,.kdx-maplab__body,.kdx-bubbles__world,.kdx-madrid__layout,.kdx-cityscope__layout{grid-template-columns:1fr}.kdx-system__panel{min-height:600px}.kdx-maplab__panel,.kdx-madrid__panel,.kdx-cityscope__panel{min-height:380px}.kdx-playground__controls,.kdx-rank__controls{grid-template-columns:1fr}.kdx-playground__board{display:block}.kdx-playground__summary{border-right:0;border-bottom:1px solid #E0E0DB}.kdx-playground__read{border-top:1px solid #E0E0DB}.kdx-quiz__head{grid-template-columns:1fr}.kdx-quiz__badge{justify-self:start}.kdx-hundred__layout{grid-template-columns:1fr}.kdx-compare__board{grid-template-columns:1fr 1fr}.kdx-compare__chart{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid #E0DED7}.kdx-causal__layout{grid-template-columns:1fr}.kdx-causal__tabs{display:flex;overflow:auto}.kdx-causal__tabs button{flex:0 0 auto}.kdx-causal__stage{grid-template-columns:120px 1fr}.kdx-causal__stage>span{font-size:100px}.kdx-method__grid{grid-template-columns:1fr}}

/* MOBILE SCENES */
.kdx-scene-dashes,.kdx-swipe-hint{display:none}
@media(max-width:700px){.kdx-nav__inner{justify-content:flex-start;width:auto;max-width:none;margin:0;padding-left:16px;padding-right:16px}
  html.kdx-scene-html{scroll-behavior:smooth;scroll-snap-type:y proximity}.kdx-scene-body{overscroll-behavior-y:contain}.kdx-scene-body .kdx:not(.kdx-nav){min-height:calc(var(--kdx-mobile-vh,100svh) - var(--kdx-site-header-h,0px));scroll-snap-align:start;scroll-snap-stop:normal}.kdx-scene-dashes{position:fixed;right:max(5px,env(safe-area-inset-right));top:50%;z-index:999;display:grid;gap:4px;transform:translateY(-50%)}.kdx-scene-dashes button{display:grid;place-items:center;width:15px;height:16px;padding:0;border:0;background:transparent}.kdx-scene-dashes span{display:block;width:3px;height:10px;border-radius:4px;background:rgba(127,127,127,.35);transition:.2s}.kdx-scene-dashes button.is-active span{height:16px;background:var(--kdx-y)}.kdx-swipe-hint{position:fixed;left:50%;bottom:max(8px,env(safe-area-inset-bottom));z-index:998;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(5,5,6,.82);color:#fff;font-size:7px;font-weight:900;letter-spacing:.1em;transform:translateX(-50%);transition:opacity .3s}.kdx-swipe-hint span{width:16px;height:1px;background:var(--kdx-y)}.kdx-swipe-hint.is-hidden{opacity:0;pointer-events:none}
  .kdx-shell{width:calc(100% - 24px)}.kdx-nav{display:none}.kdx-hero__shell{padding:76px 0 28px}.kdx-hero__kicker{margin-bottom:28px}.kdx-hero__copy h1{font-size:clamp(49px,15vw,72px);line-height:.91}.kdx-hero__lead{font-size:15px}.kdx-hero__actions{display:grid}.kdx-hero__instrument{padding:20px 16px;border-radius:12px}.kdx-hero__switches{display:flex;overflow-x:auto;scrollbar-width:none}.kdx-hero__switches button{flex:0 0 90px}.kdx-hero__big strong{font-size:58px}.kdx-pulse{padding:72px 0}.kdx-pulse__track{display:flex;overflow:auto;scroll-snap-type:x mandatory}.kdx-pulse__item{flex:0 0 78%;scroll-snap-align:start;min-height:210px}
  .kdx-story,.kdx-system,.kdx-tension,.kdx-universe,.kdx-buildgap,.kdx-yield,.kdx-who,.kdx-maplab,.kdx-playground,.kdx-quiz,.kdx-hundred,.kdx-rank,.kdx-bubbles,.kdx-compare,.kdx-madrid,.kdx-cityscope,.kdx-causal,.kdx-method{padding:72px 0}.kdx-story__intro{margin-bottom:30px}.kdx-story__stage{top:0;min-height:410px;padding:14px}.kdx-story__stage svg{min-height:260px}.kdx-story__caption{grid-template-columns:auto auto}.kdx-story__caption p{grid-column:1/-1;justify-self:start;text-align:left}.kdx-story__step{min-height:330px}.kdx-story__step>span{font-size:52px}.kdx-system__orbit{grid-template-columns:1fr;min-height:420px;padding:14px}.kdx-system__orbit button{min-height:56px}.kdx-system__panel{min-height:540px;padding:24px}.kdx-system__value strong{font-family:Anton,Impact,sans-serif;font-size:clamp(150px,42vw,204px);font-weight:400}
  .kdx-maplab__controls,.kdx-bubbles__controls,.kdx-madrid__controls,.kdx-cityscope__metrics{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.kdx-maplab__controls button,.kdx-bubbles__controls button,.kdx-madrid__controls button,.kdx-cityscope__metrics button{flex:0 0 auto}.kdx-maplab__map{min-height:390px}.kdx-maplab__map svg{height:390px}.kdx-maplab__panel{min-height:430px;padding:24px}.kdx-maplab__panel>strong{font-size:72px}.kdx-maplab__attribution{max-width:180px;text-align:right}.kdx-map-fallback [data-kdx-map-list]{grid-template-columns:1fr}.kdx-playground__chart{min-height:380px}.kdx-playground__chart svg{height:340px}.kdx-quiz__head h2{font-size:clamp(52px,14vw,72px)}.kdx-quiz__card{padding:22px 16px}.kdx-quiz__options{grid-template-columns:1fr}.kdx-quiz__finish>strong{font-size:66px}.kdx-hundred__visual{min-height:360px;padding:14px;gap:5px}.kdx-hundred__panel{padding:20px}.kdx-race-row{grid-template-columns:32px 1fr 120px;gap:8px}.kdx-race-row__track{display:none}.kdx-race-row__value{font-size:22px}.kdx-rank__foot{display:block}.kdx-bubbles__world>canvas,.kdx-madrid__field canvas,.kdx-cityscope__field canvas{height:430px}.kdx-madrid__field,.kdx-cityscope__field{min-height:430px}.kdx-bubbles__panel,.kdx-madrid__panel,.kdx-cityscope__panel{min-height:330px;padding:22px}.kdx-compare__controls{display:grid;grid-template-columns:1fr 45px 1fr}.kdx-compare__side strong{font-size:34px}.kdx-compare__reading{grid-template-columns:1fr}.kdx-causal__stage{grid-template-columns:1fr}.kdx-causal__stage>span{font-size:70px}.kdx-method__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.kdx-method__grid article{flex:0 0 84%;scroll-snap-align:start}.kdx-cityscope__cities{padding-right:20px}
}
@media(max-width:390px){.kdx-hero__copy h1{font-size:47px}.kdx-hero__lead{font-size:13px}.kdx-pulse__item{flex-basis:84%}.kdx-story__stage{min-height:380px}.kdx-story__stage svg{min-height:230px}.kdx-playground__chart{min-height:330px}.kdx-playground__chart svg{height:300px}.kdx-hundred__visual{min-height:310px}.kdx-bubbles__world>canvas,.kdx-madrid__field canvas,.kdx-cityscope__field canvas{height:390px}.kdx-madrid__field,.kdx-cityscope__field{min-height:390px}.kdx-race-row__name{font-size:9px}.kdx-race-row__value{font-size:20px}}
@media(prefers-reduced-motion:reduce){.kdx *,.kdx *::before,.kdx *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* V3.2.2 · NEW EXPERIENCES — isolated selectors */
.kdx-tension{padding:128px 0;background:#030405;color:#fff}.kdx-tension__head,.kdx-universe__head,.kdx-buildgap__head,.kdx-yield__head,.kdx-who__head{display:grid;grid-template-columns:1fr 450px;gap:54px;align-items:end}.kdx-tension__head h2,.kdx-buildgap__head h2,.kdx-who__head h2{margin:0;color:#fff;font-size:clamp(56px,6vw,96px);line-height:.91}.kdx-tension__head>p,.kdx-buildgap__head>p,.kdx-who__head>p{margin:0;color:#a2a2a8;font-size:14px;line-height:1.62}.kdx-tension__cities{display:flex;gap:7px;overflow-x:auto;margin-top:38px;padding-bottom:5px;scrollbar-width:none}.kdx-tension__cities::-webkit-scrollbar{display:none}.kdx-tension__cities button{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#0a0b0d;color:#96969d;font-size:9px;font-weight:900}.kdx-tension__cities button span{opacity:.35}.kdx-tension__cities button:hover,.kdx-tension__cities button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#080808}.kdx-tension__layout{display:grid;grid-template-columns:minmax(0,1.3fr) 360px;gap:12px;margin-top:14px}.kdx-tension__stage{min-height:650px;padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:radial-gradient(circle at 42% 36%,rgba(58,134,255,.12),transparent 34%),#08090b}.kdx-tension__stage-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);color:#808087;font-size:9px;font-weight:900;letter-spacing:.1em}.kdx-tension__stage-top b{color:var(--kdx-y)}.kdx-tension__split{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;align-items:center;min-height:330px}.kdx-tension__dots{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;max-width:560px}.kdx-tension__dots span{aspect-ratio:1;border-radius:50%;background:#2d76df;box-shadow:0 0 0 1px rgba(255,255,255,.08);transform-origin:center}.kdx-tension__dots span.is-temp{background:var(--kdx-y);box-shadow:0 0 14px rgba(254,195,0,.16)}.kdx-tension__legend{display:grid;gap:15px;color:#a9a9af;font-size:9px;font-weight:900}.kdx-tension__legend span{display:flex;align-items:center;gap:8px}.kdx-tension__legend i{width:10px;height:10px;border-radius:50%;background:#2d76df}.kdx-tension__legend i.is-temp{background:var(--kdx-y)}.kdx-tension__movement{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kdx-tension__movement>div{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0c0d10}.kdx-tension__movement span{display:block;color:#85858d;font-size:8px;font-weight:900;letter-spacing:.08em}.kdx-tension__movement strong{display:block;margin-top:9px;color:#fff;font-size:42px;line-height:1}.kdx-tension__movement small{display:block;margin-top:7px;color:#6e6e75;font-size:8px}.kdx-tension__timeline{display:flex;gap:7px;margin-top:16px}.kdx-tension__timeline button{flex:1;min-height:50px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#8e8e94}.kdx-tension__timeline button span,.kdx-tension__timeline button b{display:block}.kdx-tension__timeline button span{font-size:8px}.kdx-tension__timeline button b{margin-top:4px;color:#fff;font-family:Anton,Impact;font-size:18px;font-weight:400}.kdx-tension__timeline button.is-active{border-color:var(--kdx-y);background:rgba(254,195,0,.07)}.kdx-tension__panel{display:flex;flex-direction:column;min-height:650px;padding:30px;border-radius:16px;background:var(--kdx-y);color:#09090A}.kdx-tension__panel>span{font-size:8px;font-weight:900;letter-spacing:.11em}.kdx-tension__panel h3{margin:24px 0 0;font-size:clamp(44px,4vw,64px);line-height:.93}.kdx-tension__panel>p{margin:20px 0 0;color:#332900;font-size:13px;line-height:1.55}.kdx-tension__official{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:24px}.kdx-tension__official>b{grid-column:1/-1;font-size:8px;letter-spacing:.1em}.kdx-tension__official>div{padding:12px;border:1px solid rgba(0,0,0,.19);border-radius:8px}.kdx-tension__official>div:last-child{grid-column:1/-1}.kdx-tension__official span{display:block;font-size:7px;font-weight:900}.kdx-tension__official strong{display:block;margin-top:5px;font-size:25px}.kdx-tension__panel>small{margin-top:15px;color:#5b4900;font-size:8px}

.kdx-universe{padding:128px 0;background:#f5f3ec;color:#09090A}.kdx-universe__head h2,.kdx-yield__head h2{margin:0;color:#09090A;font-size:clamp(56px,6vw,96px);line-height:.91}.kdx-universe__head>p,.kdx-yield__head>p{margin:0;color:#606066;font-size:14px;line-height:1.62}.kdx-universe__controls{display:flex;gap:7px;overflow-x:auto;margin-top:36px;padding-bottom:5px}.kdx-universe__controls button{flex:1;min-width:150px;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 15px;border:1px solid #d5d2c8;border-radius:9px;background:#fff;color:#666}.kdx-universe__controls button span{font-size:8px;font-weight:900}.kdx-universe__controls button b{font-family:Anton,Impact;font-size:22px;font-weight:400}.kdx-universe__controls button.is-active{border-color:#09090A;background:#09090A;color:#fff}.kdx-universe__layout{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:12px;margin-top:12px}.kdx-universe__building{position:relative;min-height:610px;padding:32px;border:1px solid #d7d4cb;border-radius:16px;background:linear-gradient(180deg,#e7e5dd,#f9f8f4);overflow:hidden}.kdx-universe__windows{display:grid;grid-template-columns:repeat(10,1fr);gap:11px;height:475px;padding:32px;border:14px solid #191a1d;border-bottom-width:42px;background:#0b0c0e;box-shadow:inset 0 0 0 1px #333}.kdx-universe__windows>span{position:relative;min-height:28px;border:1px solid #31343b;background:#15171b;overflow:hidden}.kdx-universe__windows>span:before,.kdx-universe__windows>span:after{content:"";position:absolute;background:#252830}.kdx-universe__windows>span:before{left:50%;top:0;bottom:0;width:1px}.kdx-universe__windows>span:after{top:50%;left:0;right:0;height:1px}.kdx-universe__windows>span i{position:absolute;inset:3px;background:#21242a;transition:background .24s ease,box-shadow .24s ease;transition-delay:var(--d,0ms)}.kdx-universe__windows>span.is-on i{background:var(--kdx-y);box-shadow:0 0 14px rgba(254,195,0,.52)}.kdx-universe__building-label{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:8px;font-weight:900;letter-spacing:.08em}.kdx-universe__building-label b{color:#7b6100}.kdx-universe__panel{display:flex;flex-direction:column;min-height:610px;padding:30px;border-radius:16px;background:#09090A;color:#fff}.kdx-universe__panel>span{color:var(--kdx-y);font-size:8px;font-weight:900;letter-spacing:.1em}.kdx-universe__total{display:flex;align-items:baseline;gap:8px;margin-top:26px}.kdx-universe__total strong{color:#fff;font-size:clamp(54px,4vw,72px)}.kdx-universe__total small{color:#888;font-size:9px}.kdx-universe__panel h3{margin:auto 0 0;color:#fff;font-size:clamp(40px,3.5vw,56px);line-height:.96}.kdx-universe__panel p{margin:17px 0 0;color:#b9b9bf;line-height:1.55}.kdx-universe__panel>small{margin-top:13px;color:#666}

.kdx-buildgap{padding:128px 0;background:#050506;color:#fff}.kdx-buildgap__toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:36px}.kdx-buildgap__modes{display:flex;gap:7px}.kdx-buildgap__modes button{min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:transparent;color:#8e8e94;font-size:9px;font-weight:900;letter-spacing:.06em}.kdx-buildgap__modes button:hover,.kdx-buildgap__modes button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#09090A}.kdx-buildgap__sourceflag{display:flex;align-items:center;gap:9px;color:#66666e;font-size:8px;font-weight:900;letter-spacing:.09em}.kdx-buildgap__sourceflag span{width:24px;height:1px;background:var(--kdx-y)}.kdx-buildgap__stage{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px;margin-top:14px}.kdx-buildgap__chart{position:relative;min-height:650px;padding:24px 22px 18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:radial-gradient(circle at 58% 42%,rgba(58,134,255,.08),transparent 35%),linear-gradient(180deg,#0b0c0f,#060607)}.kdx-buildgap__charttop{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 5px 14px;border-bottom:1px solid rgba(255,255,255,.09);color:#777780;font-size:8px;font-weight:900;letter-spacing:.09em}.kdx-buildgap__legend{display:flex;align-items:center;gap:8px;color:#8b8b92}.kdx-buildgap__legend i{width:8px;height:8px;border-radius:50%;margin-left:6px;background:#fff}.kdx-buildgap__legend i.is-households{background:var(--kdx-y)}.kdx-buildgap__legend i.is-starts{background:#70B7FF}.kdx-buildgap__legend i.is-complete{background:#fff}.kdx-buildgap__chart svg{display:block;width:100%;height:500px;overflow:visible}.kdx-buildgap__chart svg [data-build-grid] line{stroke:rgba(255,255,255,.065);stroke-width:1}.kdx-buildgap__chart svg [data-build-grid] text{fill:#5f5f67;font:800 9px Inter,Arial}.kdx-buildgap__area{fill:rgba(254,195,0,.065);stroke:none}.kdx-buildgap__line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.kdx-buildgap__line.is-households{stroke:var(--kdx-y);filter:drop-shadow(0 0 7px rgba(254,195,0,.18))}.kdx-buildgap__line.is-starts{stroke:#70B7FF;stroke-dasharray:8 7}.kdx-buildgap__line.is-complete{stroke:#fff}.kdx-buildgap__chart circle{cursor:pointer;stroke:#08090b;stroke-width:3;transition:r .15s ease,filter .15s ease}.kdx-buildgap__chart circle.is-households{fill:var(--kdx-y)}.kdx-buildgap__chart circle.is-starts{fill:#70B7FF}.kdx-buildgap__chart circle.is-complete{fill:#fff}.kdx-buildgap__chart circle:hover{r:8;filter:drop-shadow(0 0 9px rgba(255,255,255,.35))}.kdx-buildgap__cursor{stroke:rgba(254,195,0,.35);stroke-width:1.5;stroke-dasharray:4 5;pointer-events:none}.kdx-buildgap__chart [data-build-method-marker] line{stroke:rgba(255,255,255,.18);stroke-width:1;stroke-dasharray:3 6}.kdx-buildgap__chart [data-build-method-marker] text{fill:#76767e;font:800 8px Inter,Arial;letter-spacing:.08em}.kdx-buildgap__tooltip{position:absolute;z-index:3;display:grid;gap:3px;min-width:170px;padding:11px 13px;border:1px solid rgba(254,195,0,.3);border-radius:9px;background:rgba(7,7,8,.96);box-shadow:0 14px 40px rgba(0,0,0,.28);pointer-events:none}.kdx-buildgap__tooltip b{color:var(--kdx-y);font:400 21px Anton,Impact}.kdx-buildgap__tooltip span{color:#d0d0d4;font-size:9px}.kdx-buildgap__years{display:flex;gap:4px;overflow-x:auto;margin-top:-7px;padding:0 5px 3px;scrollbar-width:none}.kdx-buildgap__years::-webkit-scrollbar{display:none}.kdx-buildgap__years button{flex:1 0 auto;min-width:50px;min-height:34px;border:0;border-top:1px solid rgba(255,255,255,.13);background:transparent;color:#686870;font-size:8px;font-weight:900}.kdx-buildgap__years button:hover,.kdx-buildgap__years button.is-active{border-top-color:var(--kdx-y);color:var(--kdx-y)}.kdx-buildgap__panel{display:flex;flex-direction:column;min-height:650px;padding:28px;border-radius:16px;background:var(--kdx-y);color:#09090A}.kdx-buildgap__panel>span{font-size:8px;font-weight:900;letter-spacing:.11em}.kdx-buildgap__year{display:block;margin-top:9px;color:#09090A;font-size:64px;line-height:.9}.kdx-buildgap__metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:26px}.kdx-buildgap__metrics>div{padding:12px;border:1px solid rgba(0,0,0,.19);border-radius:8px}.kdx-buildgap__metrics>div:first-child{grid-column:1/-1}.kdx-buildgap__metrics span,.kdx-buildgap__annual span,.kdx-buildgap__cumulative span,.kdx-buildgap__bde span{display:block;font-size:7px;font-weight:900;letter-spacing:.07em}.kdx-buildgap__metrics strong{display:block;margin-top:5px;color:#09090A;font-size:27px}.kdx-buildgap__annual,.kdx-buildgap__cumulative{margin-top:8px;padding:14px;border-radius:9px;background:#09090A;color:#fff}.kdx-buildgap__annual strong,.kdx-buildgap__cumulative strong{display:block;margin-top:5px;color:#fff;font-size:37px;line-height:1}.kdx-buildgap__annual small,.kdx-buildgap__cumulative small{display:block;margin-top:5px;color:#88888f;font-size:7px}.kdx-buildgap__bde{margin-top:8px;padding:14px;border:1px solid rgba(0,0,0,.2);border-radius:9px}.kdx-buildgap__bde strong{display:block;margin-top:5px;color:#09090A;font-size:35px;line-height:1}.kdx-buildgap__bde small{display:block;margin-top:4px;color:#5d4a00;font-size:7px}.kdx-buildgap__panel>p{margin:16px 0 0;color:#312700;font-size:12px;line-height:1.52}.kdx-buildgap__meta{display:block;margin-top:auto;padding-top:14px;color:#5e4b00;font-size:7px;line-height:1.45}.kdx-buildgap__method{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:16px;color:#686870;font-size:8px;font-weight:800;letter-spacing:.05em}.kdx-buildgap__method i{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(254,195,0,.45),rgba(255,255,255,.08))}.kdx-buildgap__method p{grid-column:1/-1;margin:0;color:#66666d;font-size:9px;font-weight:500;letter-spacing:0;line-height:1.5}
.kdx-yield{padding:128px 0;background:#f6f5f0;color:#09090A}.kdx-yield__stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;margin-top:40px}.kdx-yield__chart{position:relative;min-height:620px;border:1px solid #d7d5cd;border-radius:16px;background:#08101d;overflow:hidden}.kdx-yield__chart svg{display:block;width:100%;height:610px}.kdx-yield__chart [data-yield-grid] line{stroke:rgba(255,255,255,.07);stroke-width:1}.kdx-yield-point{cursor:pointer;outline:none}.kdx-yield-point circle{stroke:rgba(255,255,255,.25);stroke-width:1.5;transition:stroke .18s,stroke-width .18s,filter .18s}.kdx-yield-point text{fill:#fff;font:800 8px Inter,Arial;text-anchor:middle;pointer-events:none}.kdx-yield-point:hover circle,.kdx-yield-point.is-active circle,.kdx-yield-point:focus circle{stroke:var(--kdx-y);stroke-width:4;filter:drop-shadow(0 0 10px rgba(254,195,0,.35))}.kdx-yield__tip{position:absolute;z-index:5;min-width:190px;padding:10px;border:1px solid rgba(254,195,0,.3);border-radius:9px;background:rgba(5,5,6,.95);color:#fff;pointer-events:none}.kdx-yield__tip b,.kdx-yield__tip span,.kdx-yield__tip small{display:block}.kdx-yield__tip span{color:var(--kdx-y);font-family:Anton,Impact;font-size:24px}.kdx-yield__axis{position:absolute;color:#7d8799;font-size:8px;font-weight:900;letter-spacing:.1em}.kdx-yield__axis.is-x{right:26px;bottom:16px}.kdx-yield__axis.is-y{left:13px;top:28px;writing-mode:vertical-rl;transform:rotate(180deg)}.kdx-yield__panel{display:flex;flex-direction:column;min-height:620px;padding:30px;border-radius:16px;background:#09090A;color:#fff}.kdx-yield__panel>span{color:#777;font-size:8px;font-weight:900}.kdx-yield__panel h3{margin:26px 0 0;color:#fff;font-size:clamp(40px,3.5vw,56px);line-height:.96}.kdx-yield__panel>div{margin-top:auto}.kdx-yield__panel strong{color:var(--kdx-y);font-size:72px}.kdx-yield__panel small{display:block;color:#73737a}.kdx-yield__panel p{margin:18px 0 0;color:#b7b7bd;line-height:1.55}

.kdx-who{padding:128px 0;background:#060607;color:#fff}.kdx-who__controls{display:flex;gap:7px;overflow-x:auto;margin-top:38px;padding-bottom:5px}.kdx-who__controls button{flex:1;min-width:155px;min-height:56px;padding:9px 14px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#0b0b0d;color:#9b9ba2;text-align:left}.kdx-who__controls button span,.kdx-who__controls button b{display:block}.kdx-who__controls button span{color:#686870;font-size:7px;font-weight:900;letter-spacing:.1em}.kdx-who__controls button b{margin-top:4px;color:#fff;font-size:10px}.kdx-who__controls button.is-active{border-color:var(--kdx-y);background:rgba(254,195,0,.08)}.kdx-who__stage{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px;margin-top:12px}.kdx-who__orbit{position:relative;min-height:590px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(58,134,255,.14),transparent 40%),#07080a;overflow:hidden}.kdx-who__orbit>span{position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6px;border-radius:50%;background:#1d2531;transform:translate(var(--tx,0),var(--ty,0));transition:background .3s,box-shadow .3s,transform .65s cubic-bezier(.2,.8,.2,1)}.kdx-who__orbit>span.is-on{background:var(--kdx-y);box-shadow:0 0 13px rgba(254,195,0,.42)}.kdx-who__panel{display:flex;flex-direction:column;min-height:590px;padding:30px;border-radius:16px;background:var(--kdx-y);color:#09090A}.kdx-who__panel>span{font-size:8px;font-weight:900;letter-spacing:.1em}.kdx-who__panel>strong{margin-top:42px;font-size:clamp(78px,6vw,104px);line-height:.88}.kdx-who__panel h3{margin:auto 0 0;font-size:clamp(40px,3.5vw,56px);line-height:.95}.kdx-who__panel p{margin:16px 0 0;color:#312700;line-height:1.55}.kdx-who__panel small{margin-top:12px;color:#5e4b00}

.kdx-causal__live{display:flex;align-items:baseline;gap:10px;margin:18px 0 0;padding:12px 14px;border:1px solid rgba(254,195,0,.28);border-radius:9px;background:rgba(254,195,0,.05)}.kdx-causal__live span{color:#8a8a90;font-size:7px;font-weight:900}.kdx-causal__live strong{color:var(--kdx-y);font-size:24px}.kdx-causal__live small{margin-left:auto;color:#777;font-size:8px}

@media(max-width:1150px){.kdx-tension__head,.kdx-universe__head,.kdx-buildgap__head,.kdx-yield__head,.kdx-who__head{grid-template-columns:1fr 360px}}
@media(max-width:900px){.kdx-tension__head,.kdx-universe__head,.kdx-buildgap__head,.kdx-yield__head,.kdx-who__head{grid-template-columns:1fr;gap:20px}.kdx-tension__layout,.kdx-universe__layout,.kdx-buildgap__stage,.kdx-yield__stage,.kdx-who__stage{grid-template-columns:1fr}.kdx-tension__panel,.kdx-universe__panel,.kdx-buildgap__gap,.kdx-yield__panel,.kdx-who__panel{min-height:330px}.kdx-tension__stage{min-height:580px}.kdx-universe__building{min-height:560px}.kdx-yield__chart{min-height:520px}.kdx-yield__chart svg{height:520px}.kdx-who__orbit{min-height:480px}}
@media(max-width:700px){.kdx-tension,.kdx-universe,.kdx-buildgap,.kdx-yield,.kdx-who{padding:72px 0}.kdx-tension__cities,.kdx-universe__controls,.kdx-who__controls{padding-right:20px}.kdx-tension__layout,.kdx-universe__layout,.kdx-buildgap__stage,.kdx-yield__stage,.kdx-who__stage{display:block}.kdx-tension__stage,.kdx-universe__building,.kdx-buildgap__lanes,.kdx-yield__chart,.kdx-who__orbit{min-height:410px}.kdx-tension__panel,.kdx-universe__panel,.kdx-buildgap__gap,.kdx-yield__panel,.kdx-who__panel{margin-top:10px;min-height:300px;padding:22px}.kdx-tension__split{grid-template-columns:1fr;min-height:270px}.kdx-tension__dots{gap:5px}.kdx-tension__legend{display:flex}.kdx-tension__movement{display:flex;overflow-x:auto}.kdx-tension__movement>div{flex:0 0 72%}.kdx-tension__timeline{overflow:auto}.kdx-tension__timeline button{flex:0 0 110px}.kdx-universe__controls button{flex:0 0 155px}.kdx-universe__building{padding:12px}.kdx-universe__windows{height:330px;padding:14px;border-width:8px;border-bottom-width:28px;gap:5px}.kdx-buildgap__lanes{min-height:430px;padding:24px 12px 18px;gap:7px}.kdx-buildgap__lane>i{width:54%}.kdx-buildgap__lane strong{font-size:22px}.kdx-yield__chart svg{height:410px}.kdx-yield-point text{display:none}.kdx-who__controls button{flex:0 0 160px}.kdx-who__orbit{min-height:420px}.kdx-causal__live{display:grid;grid-template-columns:1fr auto}.kdx-causal__live small{grid-column:1/-1;margin-left:0}}

/* BUILD GAP 3.2.3 responsive overrides */
@media(max-width:900px){.kdx-buildgap__stage{grid-template-columns:1fr}.kdx-buildgap__panel{min-height:390px}.kdx-buildgap__chart{min-height:590px}.kdx-buildgap__toolbar{align-items:flex-start}.kdx-buildgap__sourceflag{padding-top:14px}}
@media(max-width:700px){.kdx-buildgap{padding:72px 0}.kdx-buildgap__toolbar{display:block;margin-top:24px}.kdx-buildgap__modes{overflow-x:auto}.kdx-buildgap__modes button{flex:0 0 auto}.kdx-buildgap__sourceflag{margin-top:12px;padding-top:0}.kdx-buildgap__stage{display:block}.kdx-buildgap__chart{min-height:455px;padding:16px 8px 10px}.kdx-buildgap__charttop{display:block;padding:0 6px 10px}.kdx-buildgap__legend{margin-top:8px;gap:5px;font-size:7px}.kdx-buildgap__chart svg{height:330px}.kdx-buildgap__chart svg [data-build-grid] text{font-size:7px}.kdx-buildgap__chart [data-build-method-marker] text{display:none}.kdx-buildgap__years{padding:0 4px 4px}.kdx-buildgap__years button{flex:0 0 48px}.kdx-buildgap__panel{min-height:355px;margin-top:10px;padding:21px}.kdx-buildgap__year{font-size:50px}.kdx-buildgap__metrics{margin-top:16px}.kdx-buildgap__metrics strong{font-size:23px}.kdx-buildgap__annual strong,.kdx-buildgap__cumulative strong{font-size:31px}.kdx-buildgap__bde strong{font-size:30px}.kdx-buildgap__method{grid-template-columns:1fr;margin-top:14px;gap:5px}.kdx-buildgap__method i{display:none}.kdx-buildgap__method p{grid-column:1}.kdx-buildgap__tooltip{display:none!important}}


/* =========================================================
   V3.2.4 · UX CONSOLIDATION
   ========================================================= */
/* MAP: selected CCAA is KOKO yellow, black edge. */
.kdx-map-region.is-active{fill:var(--kdx-y)!important;stroke:#050506!important;stroke-width:3!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.30))!important}
.kdx-maplab__legend i{background:linear-gradient(90deg,#cfe8ff,#70b7ff,#3a86ff,#183b8f,#091b48)!important}

/* RANKING: one strong ranking with explicit high/low mode. */
.kdx-rank__controls{grid-template-columns:1fr 1fr 1fr .68fr!important}
.kdx-rank__direction{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:end;min-width:0;margin:0;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:12px}
.kdx-rank__direction legend{grid-column:1/-1;width:100%;margin-bottom:10px;color:#83838a;font-size:8px;font-weight:900;letter-spacing:.1em}
.kdx-rank__direction button{min-height:48px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0a0a0c;color:#aaa;font-size:9px;font-weight:900}
.kdx-rank__direction button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#080808}
.kdx-race-row__value{display:flex!important;align-items:baseline!important;justify-content:flex-end;gap:6px;white-space:nowrap}
.kdx-race-row__value small{font-family:Inter,Arial,sans-serif!important;font-size:9px!important;color:#929298}

/* TENSION: full yellow signature chapter; inner stage stays black. */
.kdx-tension{background:var(--kdx-y)!important;color:#09090A!important}
.kdx-tension .kdx-kicker,.kdx-tension__head h2,.kdx-tension__head>p{color:#09090A!important}
.kdx-tension__head h2 mark{color:#fff!important;background:none!important;padding:0!important}
.kdx-tension__head>p{opacity:.78}
.kdx-tension__cities button{border-color:rgba(0,0,0,.18)!important;background:rgba(255,255,255,.32)!important;color:#171717!important}
.kdx-tension__cities button.is-active,.kdx-tension__cities button:hover{border-color:#09090A!important;background:#09090A!important;color:#fff!important}
.kdx-tension__stage{border-color:rgba(0,0,0,.20)!important;box-shadow:0 28px 80px rgba(0,0,0,.18)}
.kdx-tension__panel{background:#09090A!important;color:#fff!important}
.kdx-tension__panel h3,.kdx-tension__panel>p,.kdx-tension__panel>span,.kdx-tension__official strong{color:#fff!important}
.kdx-tension__panel>p{opacity:.78}.kdx-tension__panel>small{color:#83838a!important}
.kdx-tension__official>div{border-color:rgba(255,255,255,.14)!important}

/* ANATOMY: 100 houses on black, one visual for different universes. */
.kdx-universe{padding:128px 0;background:#050506!important;color:#fff!important}
.kdx-universe__head h2,.kdx-universe__head h2 mark,.kdx-universe__head>p{color:#fff!important}.kdx-universe__head h2 mark{color:var(--kdx-y)!important}.kdx-universe__head>p{color:#aaa!important}
.kdx-universe__groups{display:flex;gap:7px;overflow-x:auto;margin-top:36px;padding-bottom:5px;scrollbar-width:none}.kdx-universe__groups::-webkit-scrollbar{display:none}
.kdx-universe__groups button{flex:0 0 auto;min-height:45px;padding:0 18px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#0b0b0d;color:#97979d;font-size:9px;font-weight:900;letter-spacing:.06em}
.kdx-universe__groups button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#080808}
.kdx-universe__controls{margin-top:10px!important}.kdx-universe__controls button{border-color:rgba(255,255,255,.12)!important;background:#0b0b0d!important;color:#a5a5ab!important}.kdx-universe__controls button.is-active{border-color:#fff!important;background:#fff!important;color:#09090A!important}
.kdx-universe__building{min-height:610px;border-color:rgba(255,255,255,.09)!important;background:radial-gradient(circle at 50% 42%,rgba(254,195,0,.06),transparent 35%),#09090A!important}
.kdx-universe__houses{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:15px;align-content:center;min-height:480px;padding:22px}
.kdx-anatomy-house{position:relative;display:block;aspect-ratio:1/1;opacity:.42;transition:opacity .22s ease,transform .22s ease,filter .22s ease;transition-delay:var(--d,0ms)}
.kdx-anatomy-house:before{content:"";position:absolute;left:19%;top:17%;width:60%;height:60%;border-left:2px solid #666b73;border-top:2px solid #666b73;transform:rotate(45deg);transform-origin:center;border-radius:2px}
.kdx-anatomy-house i{position:absolute;left:17%;right:17%;bottom:10%;height:53%;border:2px solid #666b73;border-top:0;border-radius:1px;background:#111318}
.kdx-anatomy-house b{position:absolute;left:43%;bottom:12%;width:16%;height:28%;border:1px solid #666b73;background:#17191e}
.kdx-anatomy-house.is-on{opacity:1;transform:translateY(-1px);filter:drop-shadow(0 0 7px rgba(254,195,0,.20))}.kdx-anatomy-house.is-on:before{border-color:var(--kdx-y)}.kdx-anatomy-house.is-on i{border-color:var(--kdx-y);background:rgba(254,195,0,.08)}.kdx-anatomy-house.is-on b{border-color:#09090A;background:var(--kdx-y)}
.kdx-universe__building-label{color:#a0a0a7!important}.kdx-universe__building-label b{color:var(--kdx-y)!important}
.kdx-universe__panel{background:var(--kdx-y)!important;color:#09090A!important}.kdx-universe__panel>span,.kdx-universe__panel h3,.kdx-universe__panel p,.kdx-universe__total strong{color:#09090A!important}.kdx-universe__total small{color:#514100!important}.kdx-universe__panel>small{color:#5b4900!important}
.kdx-universe__universe{margin-top:22px;padding-top:16px;border-top:1px solid rgba(0,0,0,.18)}.kdx-universe__universe span{display:block;font-size:7px;font-weight:900;letter-spacing:.11em}.kdx-universe__universe b{display:block;margin-top:5px;font-size:12px;text-transform:uppercase}

/* CITY MICROSCOPE: six cities, Madrid included, units stay attached to values. */
.kdx-cityscope__big{display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:nowrap!important}.kdx-cityscope__big strong{white-space:nowrap}.kdx-cityscope__big small{white-space:nowrap;font-size:10px!important}
.kdx-cityscope__crumb{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#85858c;font-size:8px;font-weight:900;letter-spacing:.08em}
.kdx-cityscope__crumb button{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:transparent;color:var(--kdx-y);font-size:8px;font-weight:900}
.kdx-cityscope__metrics button{min-height:44px}

@media(max-width:1050px){.kdx-rank__controls{grid-template-columns:1fr 1fr!important}.kdx-rank__direction{min-height:112px}}
@media(max-width:700px){.kdx-rank__controls{grid-template-columns:1fr!important}.kdx-rank__direction{min-height:0}.kdx-universe{padding:72px 0}.kdx-universe__groups{padding-right:20px}.kdx-universe__houses{gap:7px;min-height:330px;padding:9px}.kdx-universe__building{min-height:380px;padding:12px}.kdx-anatomy-house:before{border-width:1.4px}.kdx-anatomy-house i{border-width:1.4px}.kdx-universe__panel{min-height:285px}.kdx-cityscope__metrics{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:5px}.kdx-cityscope__metrics button{flex:0 0 auto}.kdx-cityscope__big strong{font-size:clamp(54px,17vw,78px)!important}.kdx-cityscope__big small{font-size:8px!important}}


/* =========================================================
   3.2.15 · ANATOMÍA DE LA VIVIENDA
   Icono aportado por KOKO, más compacto y con panel de lectura protagonista.
   ========================================================= */
.kdx-universe{padding:96px 0!important;background:#050506!important;color:#fff!important}
.kdx-universe__head{margin-bottom:0!important}
.kdx-universe__groups{margin-top:26px!important}
.kdx-universe__controls{margin-top:9px!important}
.kdx-universe__layout{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr)!important;gap:14px!important;margin-top:10px!important;align-items:stretch}
.kdx-universe__building{min-height:430px!important;padding:20px!important;border-color:rgba(255,255,255,.09)!important;background:radial-gradient(circle at 50% 42%,rgba(254,195,0,.055),transparent 38%),#09090A!important}
.kdx-universe__houses{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:8px!important;min-height:330px!important;padding:10px 14px!important;align-content:center!important}
.kdx-anatomy-house{display:block!important;width:100%!important;aspect-ratio:1!important;background:#55585e!important;opacity:.58!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-mask:url("koko-house-mask.png") center/contain no-repeat!important;mask:url("koko-house-mask.png") center/contain no-repeat!important;transition:background .24s ease,opacity .24s ease,transform .24s ease,filter .24s ease!important;transition-delay:var(--d,0ms)!important}
.kdx-anatomy-house:before,.kdx-anatomy-house:after,.kdx-anatomy-house i,.kdx-anatomy-house b{display:none!important;content:none!important}
.kdx-anatomy-house.is-on{background:var(--kdx-y)!important;opacity:1!important;filter:drop-shadow(0 0 5px rgba(254,195,0,.24))}
.kdx-universe__building-label{margin-top:12px!important;color:#9c9ca2!important}
.kdx-universe__panel{min-height:430px!important;padding:30px 34px!important;background:var(--kdx-y)!important;color:#09090A!important}
.kdx-universe__total{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin-top:22px!important;min-width:0!important}
.kdx-universe__total strong{display:block!important;max-width:100%!important;white-space:nowrap!important;color:#09090A!important;font-size:clamp(58px,5.15vw,92px)!important;line-height:.88!important;letter-spacing:-.025em!important}
.kdx-universe__total small{display:block!important;color:#4d3d00!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.kdx-universe__panel h3{margin:auto 0 0!important;color:#09090A!important;font-size:clamp(38px,3.2vw,52px)!important}
.kdx-universe__panel p{max-width:680px!important;margin-top:13px!important;color:#1c1808!important;font-size:13px!important;line-height:1.5!important}
.kdx-universe__universe{margin-top:16px!important;padding-top:12px!important}
.kdx-universe__panel>small{margin-top:9px!important;color:#5b4900!important}
@media(max-width:1100px){.kdx-universe__layout{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)!important}.kdx-universe__total strong{font-size:clamp(52px,6.6vw,76px)!important}}
@media(max-width:900px){.kdx-universe__layout{grid-template-columns:1fr!important}.kdx-universe__building{min-height:390px!important}.kdx-universe__houses{min-height:300px!important;max-width:680px;margin:0 auto}.kdx-universe__panel{min-height:310px!important}.kdx-universe__total strong{font-size:clamp(52px,10vw,82px)!important}}
@media(max-width:700px){.kdx-universe{padding:68px 0!important}.kdx-universe__building{min-height:325px!important;padding:10px!important}.kdx-universe__houses{min-height:250px!important;gap:5px!important;padding:8px!important}.kdx-universe__panel{min-height:300px!important;padding:22px!important}.kdx-universe__total strong{font-size:clamp(46px,13vw,66px)!important}.kdx-universe__controls button{flex:0 0 148px!important;min-width:148px!important}}


/* =========================================================
   3.2.15 · ANATOMÍA · ESCALA VISUAL COMPRIMIDA
   Tarjeta exterior con jerarquía suavizada; barra interior y casas usan el porcentaje real.
   ========================================================= */
.kdx-universe__controls button{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(46px,90px) auto!important;gap:10px!important;align-items:center!important;overflow:hidden!important}
.kdx-universe__controls button>span{min-width:0!important;white-space:normal!important}
.kdx-universe__controls button>i{display:block!important;position:relative!important;width:100%!important;height:5px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;overflow:hidden!important}
.kdx-universe__controls button>i>em{display:block!important;width:var(--kdx-real,0%)!important;height:100%!important;border-radius:inherit!important;background:rgba(254,195,0,.52)!important;transition:width .45s cubic-bezier(.2,.8,.2,1),background .2s ease!important}
.kdx-universe__controls button.is-active>i{background:rgba(0,0,0,.12)!important}
.kdx-universe__controls button.is-active>i>em{background:#09090A!important}
.kdx-universe__controls button>b{white-space:nowrap!important;text-align:right!important}
@media(max-width:700px){.kdx-universe__controls button{grid-template-columns:minmax(0,1fr) 54px auto!important;gap:7px!important}.kdx-universe__controls button>i{height:4px!important}}


/* =========================================================
   3.2.15 · ANATOMÍA · JERARQUÍA EXTERIOR + PROPORCIÓN REAL
   La tarjeta exterior usa peso visual relativo. La barra interior y
   las 100 casas representan el porcentaje real. Columnas 50/50.
   ========================================================= */
@media(min-width:901px){
  .kdx-universe__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .kdx-universe__controls{overflow:visible!important}
  .kdx-universe__controls button{flex:var(--kdx-card-weight,1) 1 0!important;min-width:128px!important;max-width:none!important}
}
.kdx-universe__controls button>i>em{width:var(--kdx-real,0%)!important}
@media(max-width:700px){
  .kdx-universe__controls{overflow-x:auto!important}
  .kdx-universe__controls button{flex:0 0 148px!important;min-width:148px!important}
}


/* =========================================================
   3.2.15 · ANATOMÍA · PORCENTAJES VERIFICADOS
   Casas completas + fracción exacta de la siguiente casa.
   ========================================================= */
.kdx-anatomy-house.is-partial{
  background:linear-gradient(to top,var(--kdx-y) 0 var(--kdx-house-fill,0%),#55585e var(--kdx-house-fill,0%) 100%)!important;
  opacity:1!important;
  filter:drop-shadow(0 0 4px rgba(254,195,0,.18))!important;
}
.kdx-anatomy-house.is-on{background:var(--kdx-y)!important;opacity:1!important}
.kdx-universe__controls button>i>em{width:var(--kdx-real,0%)!important}


/* =========================================================
   3.2.15 · ANATOMÍA · PROPORCIÓN DE COLUMNAS + ETIQUETAS CORTAS
   Recupera el panel derecho ligeramente más ancho. En los dos
   selectores más estrechos se mantiene barra + porcentaje y la
   explicación completa aparece únicamente en el panel derecho.
   ========================================================= */
.kdx-universe__controls button.is-label-hidden{
  grid-template-columns:minmax(46px,1fr) auto!important;
}
.kdx-universe__controls button.is-label-hidden>span{
  display:none!important;
}
@media(min-width:1101px){
  .kdx-universe__layout{
    grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr)!important;
  }
}
@media(min-width:901px) and (max-width:1100px){
  .kdx-universe__layout{
    grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)!important;
  }
}
@media(max-width:700px){
  .kdx-universe__controls button.is-label-hidden{
    grid-template-columns:minmax(54px,1fr) auto!important;
  }
}


/* 3.2.15 · Anatomía: tres universos. El alquiler se retira por falta de un reparto nacional homogéneo y comparable. */
.kdx-universe__groups button[data-universe-group="buyers"]{letter-spacing:.055em}


/* =========================================================
   3.2.16 · MAPA CCAA + UNIDADES EN UNA SOLA LÍNEA
   ========================================================= */
.kdx-measure{display:flex!important;align-items:baseline!important;gap:.16em!important;flex-wrap:nowrap!important;white-space:nowrap!important;min-width:0}
.kdx-measure__number{white-space:nowrap!important;min-width:0}
.kdx-measure__unit{display:inline-block!important;flex:0 0 auto!important;margin:0!important;padding:0!important;white-space:nowrap!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(7px,.16em,11px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.02em!important;opacity:.72}
.kdx-maplab__panel>strong.kdx-measure,.kdx-bubbles__panel>strong.kdx-measure,.kdx-madrid__panel>strong.kdx-measure{max-width:100%!important}
.kdx-maplab__panel>strong.kdx-measure{font-size:clamp(58px,5.1vw,86px)!important}
.kdx-bubbles__panel>strong.kdx-measure,.kdx-madrid__panel>strong.kdx-measure{font-size:clamp(54px,4.8vw,72px)!important}
.kdx-compare__side strong.kdx-measure{font-size:clamp(28px,3vw,45px)!important}
.kdx-compare__reading>b.kdx-measure{font-size:clamp(26px,2.6vw,34px)!important}
.kdx-pulse__detail [data-value].kdx-measure{max-width:100%!important}
.kdx-causal__live strong.kdx-measure{font-size:24px!important}
.kdx-surprise__machine>div b.kdx-measure{font-size:clamp(42px,5vw,80px)!important}
.kdx-hero__big,.kdx-system__value,.kdx-cityscope__big{flex-wrap:nowrap!important;white-space:nowrap!important}
[data-kdx-hero-unit],[data-scene-unit],[data-system-unit],[data-lab-unit],[data-cityscope-unit]{white-space:nowrap!important;font-size:clamp(7px,.72vw,11px)!important;line-height:1!important;letter-spacing:-.02em!important}
.kdx-playground__summary>strong,.kdx-playground__summary>small{white-space:nowrap!important}
@media(max-width:700px){.kdx-maplab__panel>strong.kdx-measure{font-size:clamp(52px,16vw,72px)!important}.kdx-bubbles__panel>strong.kdx-measure,.kdx-madrid__panel>strong.kdx-measure{font-size:clamp(48px,15vw,66px)!important}.kdx-measure__unit{font-size:clamp(7px,.14em,9px)!important}}


/* =========================================================
   V3.2.19 · RANKING COMPACT CONTROLS
   Solo presentación: no altera consultas, datos ni ranking.
   ========================================================= */
.kdx-rank__head .kdx-kicker{
  margin-bottom:32px!important;
}
.kdx-rank__head h2{
  margin-top:0!important;
}
.kdx-rank__controls{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:end!important;
  margin-top:38px!important;
}
/* Quitamos la "tarjeta" exterior: queda solo etiqueta + control real. */
.kdx-rank__controls>label{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.kdx-rank__controls>label>span,
.kdx-rank__direction legend{
  display:block!important;
  margin:0 0 8px 2px!important;
  color:#7f7f87!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}
.kdx-rank__controls .kdx-select-wrap select{
  min-height:44px!important;
  padding:0 38px 0 13px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:9px!important;
  background:#0d0d10!important;
  color:#f2f2f3!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.kdx-rank__controls .kdx-select-wrap select:hover{
  border-color:rgba(254,195,0,.55)!important;
  background:#111114!important;
}
.kdx-rank__controls .kdx-select-wrap>b{
  right:13px!important;
  font-size:12px!important;
}
/* MÁS / MENOS pasa a ser un pequeño control segmentado, no otra tarjeta grande. */
.kdx-rank__direction{
  display:grid!important;
  grid-template-columns:72px 72px!important;
  gap:5px!important;
  align-content:end!important;
  min-width:0!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.kdx-rank__direction legend{
  grid-column:1/-1!important;
  width:auto!important;
}
.kdx-rank__direction button{
  width:72px!important;
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:9px!important;
  background:#0d0d10!important;
  color:#9999a0!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.kdx-rank__direction button:hover{
  border-color:rgba(254,195,0,.55)!important;
  color:#fff!important;
}
.kdx-rank__direction button.is-active{
  border-color:var(--kdx-y)!important;
  background:var(--kdx-y)!important;
  color:#080808!important;
}
@media(max-width:1050px){
  .kdx-rank__controls{grid-template-columns:1fr 1fr!important;gap:16px!important}
  .kdx-rank__direction{grid-template-columns:1fr 1fr!important;width:100%!important;min-height:0!important}
  .kdx-rank__direction button{width:100%!important}
}
@media(max-width:700px){
  .kdx-rank__head .kdx-kicker{margin-bottom:24px!important}
  .kdx-rank__controls{grid-template-columns:1fr!important;gap:14px!important;margin-top:30px!important}
  .kdx-rank__direction{grid-template-columns:1fr 1fr!important;width:100%!important}
}


/* =========================================================
   V3.2.20 · RANKING CONTROL LOGIC / TYPOGRAPHY
   Recupera la legibilidad original del contenido de los selects.
   Rentabilidad bruta y oferta quedan bloqueadas en Valor actual.
   ========================================================= */
.kdx-rank__controls .kdx-select-wrap select{
  font-size:inherit!important;
}
.kdx-rank__controls .kdx-select-wrap select:disabled{
  cursor:not-allowed!important;
  border-color:#1b1b20!important;
  background:#08080a!important;
  color:#55555c!important;
  opacity:.52!important;
}
.kdx-rank__controls .kdx-select-wrap select:disabled+b{
  color:#505056!important;
  opacity:.42!important;
}


/* =========================================================
   V3.2.21 · RANKING DOBLE / EXTREMOS SIMULTÁNEOS
   5 valores más altos (azul) + 5 más bajos (rojo).
   Cada barra parte del eje central. La longitud usa una única
   escala absoluta para los diez extremos del corte comparable.
   ========================================================= */
.kdx-rank__controls{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-width:980px!important;
}
.kdx-rank__direction{display:none!important}
.kdx-rank__race{gap:0!important;margin-top:34px!important}
.kdx-race-group{
  display:flex;align-items:center;justify-content:space-between;
  margin:0 0 8px;padding:0 12px 7px 278px;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-size:8px;font-weight:900;letter-spacing:.12em
}
.kdx-race-group span{font-size:9px}
.kdx-race-group b{color:#62626b;font-size:7px;letter-spacing:.1em}
.kdx-race-group.is-high span{color:#76ADEC}
.kdx-race-group.is-low{margin-top:8px}
.kdx-race-group.is-low span{color:#F28B83}
.kdx-race-split{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:15px 0 13px;color:#55555e;font-size:7px;font-weight:900;letter-spacing:.16em}
.kdx-race-split span{height:1px;background:rgba(255,255,255,.08)}
.kdx-race-row{
  grid-template-columns:44px minmax(150px,220px) minmax(260px,1fr) 170px!important;
  min-height:56px!important;padding:7px 12px!important
}
.kdx-race-row__track{
  position:relative!important;height:17px!important;border-radius:0!important;
  background:transparent!important;overflow:visible!important
}
.kdx-race-row__track:before,
.kdx-race-row__track:after{
  content:"";position:absolute;top:8px;height:1px;background:rgba(255,255,255,.08);width:50%
}
.kdx-race-row__track:before{right:50%}.kdx-race-row__track:after{left:50%}
.kdx-race-row__axis{position:absolute;z-index:3;left:50%;top:-4px;bottom:-4px;width:1px;background:rgba(255,255,255,.34);transform:translateX(-.5px)}
.kdx-race-row__bar{position:absolute!important;z-index:2;top:1px;height:15px!important;border-radius:999px!important;transition:width .55s cubic-bezier(.2,.8,.2,1)}
.kdx-race-row.is-high .kdx-race-row__bar{left:50%!important;right:auto!important}
.kdx-race-row.is-low .kdx-race-row__bar{right:50%!important;left:auto!important}
.kdx-race-row.is-high .kdx-race-row__pos{color:#3F78B8!important}
.kdx-race-row.is-low .kdx-race-row__pos{color:#A14A4A!important}
.kdx-race-row__value small{font-size:8px!important}
@media(max-width:900px){
  .kdx-race-group{padding-left:210px}
  .kdx-race-row{grid-template-columns:34px minmax(120px,160px) minmax(180px,1fr) 120px!important;gap:9px!important}
  .kdx-race-row__value{font-size:24px!important}
}
@media(max-width:700px){
  .kdx-rank__controls{grid-template-columns:1fr!important;max-width:none!important}
  .kdx-rank__race{margin-top:28px!important}
  .kdx-race-group{padding:0 4px 7px!important}
  .kdx-race-row{grid-template-columns:26px minmax(0,1fr) auto!important;gap:8px!important;min-height:72px!important;padding:8px 4px!important}
  .kdx-race-row__name{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kdx-race-row__track{display:block!important;grid-column:2/-1!important;grid-row:2!important;width:100%!important;height:15px!important}
  .kdx-race-row__bar{height:13px!important}
  .kdx-race-row__value{font-size:21px!important;grid-column:3!important;grid-row:1!important}
  .kdx-race-row__pos{grid-column:1!important;grid-row:1!important;font-size:18px!important}
  .kdx-race-row__name{grid-column:2!important;grid-row:1!important}
  .kdx-race-split{margin:12px 0 10px!important}
}


/* =========================================================
   V3.2.23 · RANKING POR TIPO DE INDICADOR
   - Precio: barras desde origen común (0 → valor).
   - Rentabilidad/oferta: barras desde eje central.
   - Ámbitos sin cobertura: selector deshabilitado.
   ========================================================= */
.kdx-rank__controls select[data-rank-indicator]{font-size:13px!important;letter-spacing:-.01em!important}
.kdx-rank__controls select[data-rank-metric],
.kdx-rank__controls select[data-rank-level]{font-size:13px!important}
.kdx-rank__controls select:disabled{cursor:not-allowed!important}
.kdx-race-row.is-origin .kdx-race-row__track{
  overflow:hidden!important;
  border-radius:999px!important;
  background:#141418!important;
}
.kdx-race-row.is-origin .kdx-race-row__track:before,
.kdx-race-row.is-origin .kdx-race-row__track:after,
.kdx-race-row.is-origin .kdx-race-row__axis{display:none!important}
.kdx-race-row.is-origin .kdx-race-row__bar{
  left:0!important;right:auto!important;top:1px!important;
  height:15px!important;border-radius:999px!important
}
.kdx-race-row.is-center .kdx-race-row__track{background:transparent!important;overflow:visible!important;border-radius:0!important}
.kdx-race-row.is-center.is-high .kdx-race-row__bar{left:50%!important;right:auto!important}
.kdx-race-row.is-center.is-low .kdx-race-row__bar{right:50%!important;left:auto!important}
.kdx-race-row__value small{max-width:92px;white-space:nowrap!important;line-height:1!important}
@media(max-width:700px){
  .kdx-rank__controls select[data-rank-indicator],.kdx-rank__controls select[data-rank-metric],.kdx-rank__controls select[data-rank-level]{font-size:12.5px!important}
  .kdx-race-row__value small{font-size:7px!important;max-width:78px}
}

/* 3.2.23 · Tension module: honest partial-data states */
.kdx-tension__cities button.is-partial{background:rgba(255,255,255,.16)!important;color:rgba(9,9,10,.64)!important;border-style:dashed!important}
.kdx-tension__cities button.is-partial small{font-size:7px;font-weight:900;letter-spacing:.08em;opacity:.72}
.kdx-tension__cities button.is-partial.is-active,.kdx-tension__cities button.is-partial:hover{background:#09090A!important;color:#fff!important;border-style:solid!important}
.kdx-tension__dots.is-empty{display:flex;align-items:center;justify-content:center;min-height:230px;max-width:560px;border:1px dashed rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.025)}
.kdx-tension__no-share{text-align:center;color:#8c8c94}
.kdx-tension__no-share span,.kdx-tension__no-share small{display:block;font-size:8px;font-weight:900;letter-spacing:.08em}
.kdx-tension__no-share strong{display:block;margin:10px 0 7px;color:#fff;font-family:Anton,Impact,sans-serif;font-size:30px;font-weight:400;letter-spacing:.01em}
@media(max-width:700px){.kdx-tension__dots.is-empty{min-height:190px}.kdx-tension__cities button.is-partial small{font-size:6px}}


/* 3.2.25 · Tension: stable composition footprint + Barcelona history in side panel */
.kdx-tension__dots{
  width:230px!important;
  height:230px!important;
  max-width:230px!important;
  justify-self:center;
  align-self:center;
  gap:8px!important;
}
.kdx-tension__dots.is-empty{
  width:230px!important;
  height:230px!important;
  min-height:230px!important;
  max-width:230px!important;
  padding:16px;
  box-sizing:border-box;
}
.kdx-tension__split{min-height:270px!important}
.kdx-tension__official>.kdx-tension__official-wide{grid-column:1/-1!important}
.kdx-tension__history{
  grid-column:1/-1!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:8px!important;
}
.kdx-tension__history>span{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
  opacity:.72;
}
.kdx-tension__timeline--panel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:0!important;
}
.kdx-tension__timeline--panel[hidden]{display:none!important}
.kdx-tension__timeline--panel button{
  min-width:0;
  min-height:52px!important;
  padding:7px 5px!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#98989f!important;
}
.kdx-tension__timeline--panel button span{font-size:7px!important;white-space:nowrap}
.kdx-tension__timeline--panel button b{font-size:19px!important;color:#fff!important;white-space:nowrap}
.kdx-tension__timeline--panel button.is-active{
  border-color:var(--kdx-y)!important;
  background:rgba(254,195,0,.10)!important;
}
.kdx-tension__official [data-tension-rent].kdx-measure{
  font-size:34px!important;
  line-height:.95!important;
  gap:.12em!important;
}
.kdx-tension__official [data-tension-rent] .kdx-measure__number{font-size:1em!important}
.kdx-tension__official [data-tension-rent] .kdx-measure__unit{font-size:7px!important;opacity:.68!important}
@media(max-width:700px){
  .kdx-tension__dots,.kdx-tension__dots.is-empty{
    width:190px!important;
    height:190px!important;
    min-height:190px!important;
    max-width:190px!important;
  }
  .kdx-tension__dots{gap:5px!important}
  .kdx-tension__split{min-height:225px!important}
  .kdx-tension__timeline--panel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kdx-tension__timeline--panel button{min-height:48px!important;padding:6px 3px!important}
  .kdx-tension__timeline--panel button b{font-size:17px!important}
  .kdx-tension__official [data-tension-rent].kdx-measure{font-size:30px!important}
}


/* 3.2.26 · Tension: larger dot field, movement pinned low, white second line */
.kdx-tension__stage{display:flex!important;flex-direction:column!important}
.kdx-tension__split{flex:1 1 auto!important;min-height:360px!important;align-items:stretch!important}
.kdx-tension__dots{width:280px!important;height:280px!important;max-width:280px!important;align-self:end!important;gap:9px!important}
.kdx-tension__dots.is-empty{width:280px!important;height:280px!important;min-height:280px!important;max-width:280px!important}
.kdx-tension__movement{margin-top:auto!important;align-items:end!important}
.kdx-tension__movement>div{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:118px!important}
.kdx-tension__head h2{max-width:11ch!important}
@media(max-width:700px){.kdx-tension__split{min-height:250px!important}.kdx-tension__dots,.kdx-tension__dots.is-empty{width:200px!important;height:200px!important;min-height:200px!important;max-width:200px!important}.kdx-tension__head h2{max-width:none!important}}


/* 3.2.27 · Tension: keep main title on one line, enlarge dots into wide field */
.kdx-tension__title-main{white-space:nowrap!important;display:inline-block!important}
.kdx-tension__head h2{max-width:16ch!important}
.kdx-tension__split{grid-template-columns:minmax(0,1fr) 150px!important;min-height:360px!important;align-items:stretch!important}
.kdx-tension__dots{display:grid!important;grid-template-columns:repeat(10,22px)!important;grid-auto-rows:22px!important;column-gap:16px!important;row-gap:8px!important;width:364px!important;height:292px!important;max-width:none!important;justify-content:center!important;align-content:center!important;align-self:center!important;justify-self:center!important;margin:0 auto 10px!important}
.kdx-tension__dots span{width:22px!important;height:22px!important;aspect-ratio:auto!important}
.kdx-tension__dots.is-empty{width:364px!important;height:292px!important;min-height:292px!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.kdx-tension__movement{margin-top:auto!important}
@media(max-width:700px){.kdx-tension__title-main{white-space:normal!important}.kdx-tension__head h2{max-width:none!important}.kdx-tension__split{grid-template-columns:1fr!important;min-height:270px!important}.kdx-tension__dots{grid-template-columns:repeat(10,15px)!important;grid-auto-rows:15px!important;column-gap:10px!important;row-gap:5px!important;width:240px!important;height:195px!important;margin:0 auto 8px!important}.kdx-tension__dots span{width:15px!important;height:15px!important}.kdx-tension__dots.is-empty{width:240px!important;height:195px!important;min-height:195px!important}}


/* 3.2.28 · Tension: season share in legend + sale-supply comparison */
.kdx-tension__legend{align-content:center!important}
.kdx-tension__legend-share{display:grid;gap:2px;padding:10px 8px;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11);color:#fff}
.kdx-tension__legend-share small{font-size:6px;line-height:1.15;font-weight:900;letter-spacing:.08em;color:#77777f}
.kdx-tension__legend-share b{font-family:Anton,Impact,sans-serif;font-size:23px;line-height:1;font-weight:400;color:#fff;white-space:nowrap}
@media(max-width:700px){.kdx-tension__legend{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important}.kdx-tension__legend>span:last-child{justify-self:end}.kdx-tension__legend-share{padding:7px 8px;text-align:center}.kdx-tension__legend-share b{font-size:20px}}


/* 3.2.29 · Tension: sale supply from comparable rank + clean missing-share state */
.kdx-tension--no-share .kdx-tension__legend{visibility:hidden!important;pointer-events:none!important}
.kdx-tension__dots.is-empty{border:1px dashed rgba(255,255,255,.22)!important;background:rgba(255,255,255,.018)!important}
.kdx-tension__no-share{width:100%;height:100%;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:24px!important;box-sizing:border-box!important}
.kdx-tension__no-share span{margin:0 0 8px!important;color:#8d8d95!important;font-size:8px!important;line-height:1!important;letter-spacing:.11em!important;white-space:nowrap!important}
.kdx-tension__no-share strong{margin:0!important;color:#fff!important;font-size:34px!important;line-height:1!important;white-space:nowrap!important}
.kdx-tension__no-share small{margin-top:10px!important;color:#74747c!important;font-size:8px!important;line-height:1.2!important;letter-spacing:.04em!important;white-space:nowrap!important}


/* 3.2.34 · select legibility + clearer hero/pulse charts */
.kdx .kdx-select-wrap select{color:#f1f1f4}
.kdx .kdx-select-wrap select option{color:#e6e6eb;background:#0f1013}
.kdx .kdx-select-wrap select optgroup{color:#f2f2f5;background:#121317;font-style:normal;font-weight:800}
.kdx-light .kdx-select-wrap select option,.kdx-light .kdx-select-wrap select optgroup{color:#1a1b20;background:#fff}
.kdx-rank__controls .kdx-select-wrap select,.kdx-rank__controls .kdx-select-wrap select option,.kdx-rank__controls .kdx-select-wrap select optgroup{color:#e9e9ed!important}
.kdx-hero__spark [data-kdx-grid] line{stroke:rgba(255,255,255,.06);stroke-width:1}
.kdx-hero__spark-area{fill:rgba(254,195,0,.11)}
.kdx-hero__spark-line{fill:none;stroke:var(--kdx-y);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(254,195,0,.32))}
.kdx-hero__spark-dot{fill:#fff;stroke:var(--kdx-y);stroke-width:1.6}
.kdx-pulse__item svg{width:100%;height:48px;margin-top:8px}
.kdx-pulse__item svg .kdx-mini-area{fill:rgba(254,195,0,.10)}
.kdx-pulse__item svg .kdx-mini-line{fill:none;stroke:var(--kdx-y);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.kdx-pulse__item svg .kdx-mini-dot{fill:#fff;stroke:var(--kdx-y);stroke-width:1.4}
.kdx-pulse__item>i b{display:inline-grid;place-items:center;min-width:28px;width:28px;height:28px;border:1px solid currentColor;border-radius:999px;font:400 22px/1 Anton,Impact;color:inherit}


/* 3.2.35 · sparse series are shown honestly: real scale + visible periods */
.kdx-hero__spark .kdx-spark-periods text{fill:#73737b;font:700 8px Inter,Arial,sans-serif;letter-spacing:.02em}
.kdx-pulse__item>i b{min-width:32px;width:32px;height:32px;font-size:23px}
.kdx .kdx-select-wrap select option:disabled{color:#8a8a91!important}


/* 3.2.36 · sparks: solo tendencia real, sin áreas ni puntos */
.kdx-hero__spark-area,.kdx-mini-area,.kdx-hero__spark-dot,.kdx-mini-dot,.kdx-hero__spark [data-kdx-grid]{display:none!important;stroke:none!important;fill:none!important}
.kdx-hero__spark path[data-kdx-line]{fill:none!important;stroke:var(--kdx-y)!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.kdx-pulse__item svg path[data-kdx-line]{fill:none!important;stroke:var(--kdx-y)!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}


/* 3.2.38 · stock extranjero vs flujo de compras extranjeras */
.kdx-universe__foreign-flow{margin-top:18px;padding:15px 0 14px;border-top:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18)}
.kdx-universe__foreign-flow>span{display:block;color:#5b4900;font-size:7px;font-weight:900;letter-spacing:.11em}
.kdx-universe__foreign-flow>div{display:flex;align-items:baseline;gap:10px;margin-top:7px}
.kdx-universe__foreign-flow strong{color:#09090A;font-family:Anton,Impact,sans-serif;font-size:34px;font-weight:400;line-height:1}
.kdx-universe__foreign-flow b{max-width:150px;color:#302700;font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:900;line-height:1.25;text-transform:uppercase}
.kdx-universe__foreign-flow small{display:block;margin-top:6px;color:#5b4900;font-size:8px}
@media(max-width:700px){.kdx-universe__foreign-flow strong{font-size:31px}.kdx-universe__foreign-flow b{max-width:135px;font-size:7.5px}}


/* 3.2.39 · CONSTRUCCIÓN: gráfico limpio, sin pestañas inferiores y alturas iguales */
.kdx-buildgap__stage{align-items:stretch!important;grid-auto-rows:1fr!important}
.kdx-buildgap__chart,.kdx-buildgap__panel{min-height:760px!important;height:100%!important}
.kdx-buildgap__chart{display:flex!important;flex-direction:column!important;padding-bottom:22px!important}
.kdx-buildgap__chart svg{height:650px!important;flex:1 1 auto!important;min-height:0!important}
.kdx-buildgap__years{display:none!important}
@media(max-width:900px){
  .kdx-buildgap__chart,.kdx-buildgap__panel{height:auto!important}
  .kdx-buildgap__chart{min-height:650px!important}
  .kdx-buildgap__panel{min-height:390px!important}
  .kdx-buildgap__chart svg{height:560px!important;min-height:520px!important}
}
@media(max-width:700px){
  .kdx-buildgap__chart{min-height:500px!important}
  .kdx-buildgap__chart svg{height:410px!important;min-height:390px!important}
  .kdx-buildgap__panel{min-height:355px!important}
}


/* 3.2.40 · COMPARADOR HISTÓRICO — selección limpia, una fila, hover por periodo */
.kdx-compare__head{max-width:1040px!important}
.kdx-compare__head h2{max-width:920px!important;font-size:clamp(52px,5.7vw,90px)!important;letter-spacing:-.01em!important}
.kdx-compare__head>p{max-width:760px!important;font-size:14px!important}
.kdx-compare__controls{display:grid!important;grid-template-columns:minmax(180px,1fr) 42px minmax(180px,1fr) minmax(210px,1.08fr) auto!important;gap:10px!important;align-items:end!important;margin-top:32px!important}
.kdx-compare__controls>label,.kdx-compare__controls>fieldset{margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;min-width:0!important}
.kdx-compare__controls>label>span,.kdx-compare__controls legend{margin:0 0 8px 2px!important;color:#62636a!important;font-size:8px!important;font-weight:900!important;letter-spacing:.1em!important;line-height:1!important}
.kdx-compare__controls .kdx-select-wrap select{height:46px!important;min-height:46px!important;padding:0 38px 0 13px!important;border:1px solid #c9c8c2!important;border-radius:9px!important;background:#fff!important;color:#17181c!important;-webkit-text-fill-color:#17181c!important;font-size:12px!important;font-weight:850!important;box-shadow:0 5px 18px rgba(18,18,20,.035)!important}
.kdx-compare__controls .kdx-select-wrap select:hover{border-color:#a8a8a2!important;background:#fff!important}
.kdx-compare__controls .kdx-select-wrap select:focus{border-color:#09090a!important;outline:2px solid rgba(254,195,0,.65)!important;outline-offset:1px!important}
.kdx-compare__controls .kdx-select-wrap select option{background:#fff!important;color:#17181c!important}
.kdx-compare__controls .kdx-select-wrap>b{color:#8a6900!important}
.kdx-compare__vs{height:46px!important;align-self:end!important;font-size:19px!important;color:#8a8a8f!important}
.kdx-compare__controls fieldset{display:flex!important;align-items:flex-end!important;flex-wrap:nowrap!important;gap:5px!important;width:auto!important;white-space:nowrap!important}
.kdx-compare__controls fieldset legend{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.kdx-compare__controls fieldset button{display:inline-grid!important;place-items:center!important;min-width:43px!important;width:43px!important;height:46px!important;min-height:46px!important;padding:0!important;border:1px solid #cbc9c2!important;border-radius:9px!important;background:#fff!important;color:#5e5f65!important;font-size:9px!important;font-weight:900!important}
.kdx-compare__controls fieldset button:hover{border-color:#09090a!important;color:#09090a!important}
.kdx-compare__controls fieldset button.is-active{border-color:#09090a!important;background:#09090a!important;color:#fff!important}
.kdx-compare__controls fieldset button[hidden]{display:none!important}
.kdx-compare__controls fieldset.is-empty{display:none!important}
.kdx-compare__board{grid-template-columns:170px minmax(0,1fr) 170px!important;margin-top:18px!important;border-radius:16px!important;box-shadow:0 16px 48px rgba(35,35,35,.055)!important}
.kdx-compare__side{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:22px 18px!important;background:#fbfbf8!important}
.kdx-compare__side strong{margin-top:16px!important;font-size:clamp(34px,3.4vw,50px)!important;line-height:.9!important}
.kdx-compare__chart{min-height:390px!important;background:linear-gradient(180deg,#fff,#faf9f5)!important}
.kdx-compare__chart svg{height:390px!important}
.kdx-compare__chart [data-line-a],.kdx-compare__chart [data-line-b]{stroke-width:3.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.kdx-compare__chart [data-compare-hover-line]{stroke:#9d9da2!important;stroke-width:1!important;stroke-dasharray:4 5!important}
.kdx-compare__chart [data-compare-hover-a]{fill:var(--kdx-y)!important;stroke:#fff!important;stroke-width:2!important}
.kdx-compare__chart [data-compare-hover-b]{fill:var(--kdx-blue)!important;stroke:#fff!important;stroke-width:2!important}
.kdx-compare__tooltip{position:absolute!important;z-index:8!important;min-width:205px!important;padding:12px 14px!important;border-radius:10px!important;background:#09090a!important;color:#fff!important;pointer-events:none!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important}
.kdx-compare__tooltip b,.kdx-compare__tooltip span,.kdx-compare__tooltip strong{display:block!important}
.kdx-compare__tooltip b{margin-bottom:7px!important;color:#a9a9af!important;font-size:8px!important;letter-spacing:.08em!important}
.kdx-compare__tooltip span{font-size:10px!important;line-height:1.45!important}
.kdx-compare__tooltip span.is-a{color:var(--kdx-y)!important}
.kdx-compare__tooltip span.is-b{color:#70b7ff!important}
.kdx-compare__tooltip strong{margin-top:9px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.14)!important;font-family:Inter,Arial,sans-serif!important;font-size:9px!important;font-weight:900!important;letter-spacing:.04em!important}
.kdx-compare__reading{margin-top:10px!important;padding:15px 18px!important;border-radius:10px!important;background:#fff!important}
@media(max-width:1100px){.kdx-compare__controls{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)!important}.kdx-compare__controls>label:nth-of-type(3){grid-column:1/3!important}.kdx-compare__controls>fieldset{grid-column:3!important;align-self:end!important}.kdx-compare__board{grid-template-columns:145px minmax(0,1fr) 145px!important}}
@media(max-width:760px){.kdx-compare__head h2{font-size:clamp(48px,13vw,70px)!important}.kdx-compare__controls{grid-template-columns:1fr 34px 1fr!important;gap:8px!important}.kdx-compare__controls>label:nth-of-type(3){grid-column:1/3!important}.kdx-compare__controls>fieldset{grid-column:3!important}.kdx-compare__controls .kdx-select-wrap select{font-size:11px!important}.kdx-compare__board{grid-template-columns:1fr 1fr!important}.kdx-compare__chart{grid-column:1/-1!important;grid-row:2!important;min-height:330px!important}.kdx-compare__chart svg{height:330px!important}.kdx-compare__side{min-height:130px!important;padding:18px!important}.kdx-compare__side strong{font-size:36px!important}.kdx-compare__reading{grid-template-columns:1fr!important;gap:8px!important}.kdx-compare__legend{bottom:10px!important}}
@media(max-width:520px){.kdx-compare__controls{grid-template-columns:1fr!important}.kdx-compare__vs{display:none!important}.kdx-compare__controls>label,.kdx-compare__controls>label:nth-of-type(3),.kdx-compare__controls>fieldset{grid-column:1!important}.kdx-compare__controls>fieldset{justify-content:flex-start!important}.kdx-compare__controls fieldset button{width:48px!important}.kdx-compare__chart{min-height:300px!important}.kdx-compare__chart svg{height:300px!important}}


/* =========================================================
   V3.2.41 · COMPARATIVA HISTÓRICA ESPAÑA
   CCAA / provincias / capitales · mensual/trimestral real
   ========================================================= */
.kdx-compare__head{max-width:1120px!important}
.kdx-compare__head>p{max-width:880px!important}
.kdx-compare__controls{display:grid!important;grid-template-columns:145px minmax(170px,1fr) minmax(170px,1fr) minmax(170px,.92fr) auto!important;gap:9px!important;align-items:end!important;margin-top:30px!important}
.kdx-compare__controls>label{min-width:0!important}
.kdx-compare__controls .kdx-select-wrap select{width:100%!important;height:44px!important;min-height:44px!important;padding:0 34px 0 12px!important;background:#fff!important;color:#15161a!important;-webkit-text-fill-color:#15161a!important;border-color:#c8c7c1!important;font-size:11.5px!important}
.kdx-compare__controls .kdx-select-wrap select option{background:#fff!important;color:#15161a!important}
.kdx-compare__controls fieldset{height:44px!important;gap:4px!important;align-items:stretch!important}
.kdx-compare__controls fieldset button{width:41px!important;min-width:41px!important;height:44px!important;min-height:44px!important;border-radius:8px!important}
.kdx-compare__board{grid-template-columns:185px minmax(0,1fr) 185px!important;min-height:440px!important}
.kdx-compare__side{min-height:440px!important;padding:24px 18px!important;justify-content:center!important}
.kdx-compare__side>span{font-size:8px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:.08em!important}
.kdx-compare__side strong{font-size:clamp(38px,3.5vw,54px)!important}
.kdx-compare__side>i{margin-top:9px!important}
.kdx-compare__side>small{display:block;margin-top:10px;color:#8a8a90;font-size:8px;font-weight:900;letter-spacing:.07em}
.kdx-compare__chart{min-height:440px!important}
.kdx-compare__chart svg{height:440px!important}
.kdx-compare__chart [data-compare-xlabels] text{fill:#8a8a90;font:800 8px Inter,Arial,sans-serif;letter-spacing:.03em}
.kdx-compare__chart [data-compare-method]{stroke:#d0a900;stroke-width:1;stroke-dasharray:3 5;opacity:.55}
.kdx-compare__chart [data-compare-method-label]{fill:#9b7a00;font:900 7px Inter,Arial,sans-serif;letter-spacing:.08em}
.kdx-compare__tooltip{min-width:225px!important}
.kdx-compare__reading{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important}
@media(max-width:1150px){.kdx-compare__controls{grid-template-columns:145px 1fr 1fr!important}.kdx-compare__controls>label:nth-of-type(4){grid-column:1/3!important}.kdx-compare__controls>fieldset{grid-column:3!important}.kdx-compare__board{grid-template-columns:155px minmax(0,1fr) 155px!important}}
@media(max-width:820px){.kdx-compare__controls{grid-template-columns:1fr 1fr!important}.kdx-compare__controls>label,.kdx-compare__controls>label:nth-of-type(4),.kdx-compare__controls>fieldset{grid-column:auto!important}.kdx-compare__controls>label:first-child{grid-column:1/-1!important}.kdx-compare__controls>fieldset{justify-content:flex-start!important}.kdx-compare__board{grid-template-columns:1fr 1fr!important;min-height:0!important}.kdx-compare__chart{grid-column:1/-1!important;grid-row:2!important;min-height:340px!important}.kdx-compare__chart svg{height:340px!important}.kdx-compare__side{min-height:145px!important}.kdx-compare__reading{grid-template-columns:1fr!important}}
@media(max-width:520px){.kdx-compare__controls{grid-template-columns:1fr!important}.kdx-compare__controls>label,.kdx-compare__controls>label:first-child,.kdx-compare__controls>label:nth-of-type(4),.kdx-compare__controls>fieldset{grid-column:1!important}.kdx-compare__controls fieldset{height:42px!important;display:flex!important;flex-wrap:nowrap!important}.kdx-compare__controls fieldset button{height:42px!important;min-height:42px!important;width:44px!important}.kdx-compare__chart{min-height:310px!important}.kdx-compare__chart svg{height:310px!important}.kdx-compare__chart [data-compare-xlabels] text{font-size:7px!important}}

/* ============================================================
   KOKO DATA · CURIOSITY MOMENTS 3.2.42
   Three lightweight interactive pauses. Isolated selectors only.
   ============================================================ */
.kdx-curiosity{padding:96px 0;isolation:isolate}.kdx-curiosity__frame{position:relative}.kdx-curiosity__top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px}.kdx-curiosity__eyebrow{display:block;margin-bottom:8px;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.kdx-curiosity__top h2{margin:0;font-size:clamp(38px,4.2vw,64px);line-height:.94;letter-spacing:-.01em}.kdx-curiosity__top>p{display:flex;align-items:center;gap:9px;max-width:360px;margin:0;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kdx-curiosity__top>p i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--kdx-y);box-shadow:0 0 0 5px rgba(254,195,0,.10)}
.kdx-curiosity__card{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);min-height:570px;border-radius:22px;overflow:hidden}.kdx-curiosity__content{position:relative;z-index:2;display:flex;flex-direction:column;padding:42px 44px 36px}.kdx-curiosity__counter{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:30px;padding:0 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.12em}.kdx-curiosity__content h3{max-width:780px;margin:22px 0 0;font-size:clamp(36px,4vw,62px);line-height:.98;letter-spacing:-.012em}.kdx-curiosity__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px}.kdx-curiosity__options:has(button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.kdx-curiosity__options:has(button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.kdx-curiosity__options button{position:relative;display:grid;grid-template-columns:34px 1fr 12px;gap:10px;align-items:center;min-height:62px;padding:9px 13px;border-radius:11px;text-align:left}.kdx-curiosity__options button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:9px;font-weight:900}.kdx-curiosity__options button>b{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;line-height:1.25}.kdx-curiosity__options button>i{width:8px;height:8px;border-radius:50%;border:1px solid currentColor;opacity:.35}.kdx-curiosity__options button:hover:not(:disabled){transform:translateY(-2px)}.kdx-curiosity__options button:disabled{cursor:default}.kdx-curiosity__reveal{margin-top:28px}.kdx-curiosity__result{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.kdx-curiosity__result span{font-size:9px;font-weight:900;letter-spacing:.13em}.kdx-curiosity__result strong{font-size:clamp(34px,3.2vw,52px);line-height:1}.kdx-curiosity__reveal>p{max-width:760px;margin:15px 0 0;font-size:14px;line-height:1.62}.kdx-curiosity__reveal blockquote{position:relative;margin:18px 0 0;padding:14px 16px 14px 18px;border-left:3px solid var(--kdx-y);border-radius:0 9px 9px 0}.kdx-curiosity__reveal blockquote span{display:block;margin-bottom:5px;font-size:8px;font-weight:900;letter-spacing:.12em}.kdx-curiosity__reveal blockquote b{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:850;line-height:1.45}.kdx-curiosity__reveal>small{display:block;margin-top:12px;font-size:8px;font-weight:750;letter-spacing:.04em}


.kdx-curiosity__visual{position:relative;min-height:570px;overflow:hidden}.kdx-curiosity__visual:after{content:"";position:absolute;inset:0;pointer-events:none}.kdx-curiosity__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.035);filter:blur(12px) brightness(.42) saturate(.72);transition:filter .55s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.kdx-curiosity.is-answered .kdx-curiosity__visual img{filter:blur(0) brightness(.88) saturate(.95);transform:scale(1)}.kdx-curiosity__signal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.kdx-curiosity__signal>span{font-size:9px;font-weight:900;letter-spacing:.18em}.kdx-curiosity__signal>strong{font-size:clamp(110px,14vw,210px);line-height:.82}.kdx-curiosity__signal>i{width:110px;height:1px;margin:27px 0 15px}.kdx-curiosity__signal>small{font-size:8px;font-weight:900;letter-spacing:.12em}.kdx-curiosity__visual-caption{position:absolute;z-index:4;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 14px;border-radius:10px;backdrop-filter:blur(12px)}.kdx-curiosity__visual-caption span{font-size:8px;font-weight:900;letter-spacing:.12em}.kdx-curiosity__visual-caption b{font-family:Anton,Impact,sans-serif;font-size:25px;font-weight:400}

/* Moment 1 · warm paper */
.kdx-curiosity--living{background:#F3F0E7;color:#09090A}.kdx-curiosity--living .kdx-curiosity__eyebrow{color:#846700}.kdx-curiosity--living .kdx-curiosity__top>p{color:#77736A}.kdx-curiosity--living .kdx-curiosity__card{border:1px solid #D8D3C7;background:#FFFDF8;box-shadow:0 26px 70px rgba(30,24,7,.07)}.kdx-curiosity--living .kdx-curiosity__counter{background:#09090A;color:#fff}.kdx-curiosity--living .kdx-curiosity__options button{border:1px solid #D9D5CB;background:#fff;color:#171717}.kdx-curiosity--living .kdx-curiosity__options button>span{background:#F1EEE5;color:#6E685C}.kdx-curiosity--living .kdx-curiosity__options button:hover:not(:disabled){border-color:#09090A}.kdx-curiosity--living .kdx-curiosity__options button.is-picked{border-color:#09090A}.kdx-curiosity--living .kdx-curiosity__options button.is-correct{border-color:#B58B00;background:#FFF6D5}.kdx-curiosity--living .kdx-curiosity__options button.is-correct>span{background:var(--kdx-y);color:#09090A}.kdx-curiosity--living .kdx-curiosity__reveal>p{color:#56534C}.kdx-curiosity--living .kdx-curiosity__result span{color:#8A6A00}.kdx-curiosity--living .kdx-curiosity__reveal blockquote{background:#F4F0E5}.kdx-curiosity--living .kdx-curiosity__reveal blockquote span,.kdx-curiosity--living .kdx-curiosity__reveal>small{color:#858074}

.kdx-curiosity--living .kdx-curiosity__visual{background:#0B0B0C}.kdx-curiosity--living .kdx-curiosity__visual:after{background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 35%),linear-gradient(180deg,transparent 62%,rgba(0,0,0,.62))}.kdx-curiosity--living .kdx-curiosity__signal{background:radial-gradient(circle at 50% 45%,rgba(254,195,0,.17),transparent 28%),#0B0B0C;color:#fff}.kdx-curiosity--living .kdx-curiosity__signal>strong{color:var(--kdx-y)}.kdx-curiosity--living .kdx-curiosity__signal>i{background:rgba(255,255,255,.18)}.kdx-curiosity--living .kdx-curiosity__signal>small{color:#76767C}.kdx-curiosity--living .kdx-curiosity__visual-caption{background:rgba(4,4,5,.72);color:#fff}.kdx-curiosity--living .kdx-curiosity__visual-caption span{color:var(--kdx-y)}

/* Moment 2 · dark market */
.kdx-curiosity--market{background:#050506;color:#fff}.kdx-curiosity--market .kdx-curiosity__eyebrow{color:var(--kdx-y)}.kdx-curiosity--market .kdx-curiosity__top h2{color:#fff}.kdx-curiosity--market .kdx-curiosity__top>p{color:#77777E}.kdx-curiosity--market .kdx-curiosity__card{border:1px solid rgba(255,255,255,.10);background:#09090B;box-shadow:0 30px 90px rgba(0,0,0,.24)}.kdx-curiosity--market .kdx-curiosity__content h3{color:#fff}.kdx-curiosity--market .kdx-curiosity__counter{background:var(--kdx-y);color:#09090A}.kdx-curiosity--market .kdx-curiosity__options button{border:1px solid #2B2B31;background:#101013;color:#fff}.kdx-curiosity--market .kdx-curiosity__options button>span{background:#1C1C21;color:#A8A8AF}.kdx-curiosity--market .kdx-curiosity__options button:hover:not(:disabled){border-color:rgba(254,195,0,.8);background:#15140F}.kdx-curiosity--market .kdx-curiosity__options button.is-picked{border-color:#71717A}.kdx-curiosity--market .kdx-curiosity__options button.is-correct{border-color:var(--kdx-y);background:rgba(254,195,0,.10)}.kdx-curiosity--market .kdx-curiosity__options button.is-correct>span{background:var(--kdx-y);color:#09090A}.kdx-curiosity--market .kdx-curiosity__result span{color:var(--kdx-y)}.kdx-curiosity--market .kdx-curiosity__result strong{color:#fff}.kdx-curiosity--market .kdx-curiosity__reveal>p{color:#B7B7BE}.kdx-curiosity--market .kdx-curiosity__reveal blockquote{background:#111115}.kdx-curiosity--market .kdx-curiosity__reveal blockquote span{color:#777780}.kdx-curiosity--market .kdx-curiosity__reveal blockquote b{color:#F0F0F2}.kdx-curiosity--market .kdx-curiosity__reveal>small{color:#64646C}

.kdx-curiosity--market .kdx-curiosity__visual{background:#0E0E10}.kdx-curiosity--market .kdx-curiosity__visual:after{background:linear-gradient(90deg,rgba(5,5,6,.20),transparent 35%),linear-gradient(180deg,transparent 58%,rgba(5,5,6,.78))}.kdx-curiosity--market .kdx-curiosity__signal{background:radial-gradient(circle at 50% 45%,rgba(58,134,255,.16),transparent 32%),#0D0D10;color:#fff}.kdx-curiosity--market .kdx-curiosity__signal>strong{color:var(--kdx-y)}.kdx-curiosity--market .kdx-curiosity__signal>i{background:#34343A}.kdx-curiosity--market .kdx-curiosity__signal>small{color:#65656D}.kdx-curiosity--market .kdx-curiosity__visual-caption{background:rgba(5,5,6,.72);color:#fff}.kdx-curiosity--market .kdx-curiosity__visual-caption span{color:var(--kdx-y)}

/* Moment 3 · KOKO yellow, but with black content panel */
.kdx-curiosity--future{background:var(--kdx-y);color:#09090A}.kdx-curiosity--future .kdx-curiosity__eyebrow{color:#5E4900}.kdx-curiosity--future .kdx-curiosity__top>p{color:#5A4600}.kdx-curiosity--future .kdx-curiosity__top>p i{background:#09090A;box-shadow:0 0 0 5px rgba(0,0,0,.08)}.kdx-curiosity--future .kdx-curiosity__card{background:#09090A;box-shadow:0 30px 80px rgba(82,62,0,.17)}.kdx-curiosity--future .kdx-curiosity__content{color:#fff}.kdx-curiosity--future .kdx-curiosity__content h3{color:#fff}.kdx-curiosity--future .kdx-curiosity__counter{background:var(--kdx-y);color:#09090A}.kdx-curiosity--future .kdx-curiosity__options button{border:1px solid #2A2A2F;background:#111113;color:#fff}.kdx-curiosity--future .kdx-curiosity__options button>span{background:#202024;color:#A5A5AA}.kdx-curiosity--future .kdx-curiosity__options button:hover:not(:disabled){border-color:var(--kdx-y)}.kdx-curiosity--future .kdx-curiosity__options button.is-picked{border-color:#74747B}.kdx-curiosity--future .kdx-curiosity__options button.is-correct{border-color:var(--kdx-y);background:rgba(254,195,0,.12)}.kdx-curiosity--future .kdx-curiosity__options button.is-correct>span{background:var(--kdx-y);color:#09090A}.kdx-curiosity--future .kdx-curiosity__result span{color:var(--kdx-y)}.kdx-curiosity--future .kdx-curiosity__result strong{color:#fff}.kdx-curiosity--future .kdx-curiosity__reveal>p{color:#BDBDC3}.kdx-curiosity--future .kdx-curiosity__reveal blockquote{background:#121214}.kdx-curiosity--future .kdx-curiosity__reveal blockquote span{color:#76767E}.kdx-curiosity--future .kdx-curiosity__reveal blockquote b{color:#fff}.kdx-curiosity--future .kdx-curiosity__reveal>small{color:#686870}

.kdx-curiosity--future .kdx-curiosity__visual{background:#151100}.kdx-curiosity--future .kdx-curiosity__visual:after{background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 36%),linear-gradient(180deg,transparent 56%,rgba(0,0,0,.77))}.kdx-curiosity--future .kdx-curiosity__signal{background:radial-gradient(circle at 50% 44%,rgba(254,195,0,.20),transparent 32%),#0D0D0F;color:#fff}.kdx-curiosity--future .kdx-curiosity__signal>strong{color:var(--kdx-y)}.kdx-curiosity--future .kdx-curiosity__signal>i{background:#333338}.kdx-curiosity--future .kdx-curiosity__signal>small{color:#6D6D73}.kdx-curiosity--future .kdx-curiosity__visual-caption{background:rgba(5,5,6,.74);color:#fff}.kdx-curiosity--future .kdx-curiosity__visual-caption span{color:var(--kdx-y)}

@media(max-width:980px){.kdx-curiosity{padding:78px 0}.kdx-curiosity__card{grid-template-columns:1fr;min-height:0}.kdx-curiosity__visual{order:-1;min-height:380px}.kdx-curiosity__content{padding:34px 30px}.kdx-curiosity__top{align-items:flex-start;flex-direction:column;gap:12px}.kdx-curiosity__top>p{max-width:none}.kdx-curiosity__options{grid-template-columns:repeat(2,minmax(0,1fr))}.kdx-curiosity__options button:last-child:nth-child(3){grid-column:1/-1}.kdx-curiosity__signal>strong{font-size:150px}}
@media(max-width:700px){.kdx-curiosity{padding:64px 0}.kdx-curiosity .kdx-shell{width:min(100% - 28px,1440px)}.kdx-curiosity__top{margin-bottom:18px}.kdx-curiosity__top h2{font-size:38px}.kdx-curiosity__top>p{font-size:8px;line-height:1.4}.kdx-curiosity__card{border-radius:16px}.kdx-curiosity__visual{min-height:265px}.kdx-curiosity__content{padding:25px 20px 22px}.kdx-curiosity__content h3{margin-top:18px;font-size:34px;line-height:1}.kdx-curiosity__options,.kdx-curiosity__options:has(button:nth-child(4)),.kdx-curiosity__options:has(button:nth-child(2):last-child){grid-template-columns:1fr;margin-top:22px}.kdx-curiosity__options button:last-child:nth-child(3){grid-column:auto}.kdx-curiosity__options button{min-height:55px}.kdx-curiosity__reveal{margin-top:22px}.kdx-curiosity__reveal>p{font-size:13px}.kdx-curiosity__result strong{font-size:36px}
.kdx-curiosity__signal>strong{font-size:112px}.kdx-curiosity__visual-caption{left:12px;right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.kdx-curiosity__visual img{transition:none}.kdx-curiosity__options button{transition:none}}

/* 3.2.43 · Curiosity UX refinement only */
.kdx-curiosity{padding:104px 0;margin:28px 0}
.kdx-curiosity__top{margin-bottom:38px}
.kdx-curiosity__eyebrow{font-size:10px;letter-spacing:.15em}
.kdx-curiosity__top h2{font-size:clamp(24px,2.1vw,30px);line-height:1.08;letter-spacing:.005em}
.kdx-curiosity__top>p{font-size:9px;letter-spacing:.08em}
.kdx-curiosity__content h3{margin-top:24px}
.kdx-curiosity__options{gap:10px;margin-top:34px}
.kdx-curiosity__options button{min-height:68px;padding:10px 14px;grid-template-columns:36px 1fr 12px}
.kdx-curiosity__options button>span{width:32px;height:32px;font-size:11px}
.kdx-curiosity__options button>b{font-size:16px;line-height:1.2}
.kdx-curiosity__options button.is-numeric>b{font-size:23px;font-weight:900;letter-spacing:-.02em}


.kdx-curiosity__visual img{filter:blur(7px) brightness(.62) saturate(.82);transform:scale(1.018)}
.kdx-curiosity.is-answered .kdx-curiosity__visual img,.kdx-curiosity__frame.is-answered .kdx-curiosity__visual img{filter:blur(0) brightness(1) saturate(1);transform:scale(1)}
.kdx-curiosity.is-answered .kdx-curiosity__signal>small,.kdx-curiosity__frame.is-answered .kdx-curiosity__signal>small{display:none}

/* Moment 1 · KOKO yellow, high contrast */
.kdx-curiosity--living{background:var(--kdx-y);color:#09090A}
.kdx-curiosity--living .kdx-curiosity__eyebrow{color:#4E3D00}
.kdx-curiosity--living .kdx-curiosity__top h2{color:#09090A}
.kdx-curiosity--living .kdx-curiosity__top>p{color:#574400}
.kdx-curiosity--living .kdx-curiosity__top>p i{background:#09090A;box-shadow:0 0 0 5px rgba(0,0,0,.09)}
.kdx-curiosity--living .kdx-curiosity__card{border:1px solid rgba(0,0,0,.17);background:var(--kdx-y);box-shadow:0 28px 75px rgba(80,60,0,.16)}
.kdx-curiosity--living .kdx-curiosity__content h3{color:#09090A}
.kdx-curiosity--living .kdx-curiosity__counter{background:#09090A;color:#fff}
.kdx-curiosity--living .kdx-curiosity__options button{border:1px solid #09090A;background:#09090A;color:#fff}
.kdx-curiosity--living .kdx-curiosity__options button>span{background:#202024;color:#CFCFD3}
.kdx-curiosity--living .kdx-curiosity__options button:hover:not(:disabled){background:#1A1A1D;border-color:#1A1A1D;transform:translateY(-2px)}
.kdx-curiosity--living .kdx-curiosity__options button.is-picked{border-color:#09090A}
.kdx-curiosity--living .kdx-curiosity__options button.is-correct{border-color:#09090A;background:#FFF0A8;color:#09090A}
.kdx-curiosity--living .kdx-curiosity__options button.is-correct>span{background:#09090A;color:#fff}
.kdx-curiosity--living .kdx-curiosity__result span{color:#5A4700}
.kdx-curiosity--living .kdx-curiosity__result strong{color:#09090A}
.kdx-curiosity--living .kdx-curiosity__reveal>p{color:#2B240A}
.kdx-curiosity--living .kdx-curiosity__reveal blockquote{background:rgba(255,255,255,.38);border-left-color:#09090A}
.kdx-curiosity--living .kdx-curiosity__reveal blockquote span,.kdx-curiosity--living .kdx-curiosity__reveal>small{color:#66520A}
.kdx-curiosity--living .kdx-curiosity__reveal blockquote b{color:#09090A}



/* Moment 2 · black */
.kdx-curiosity--market{background:#050506}

/* Moment 3 · yellow */
.kdx-curiosity--future{background:var(--kdx-y)}

@media(max-width:980px){
  .kdx-curiosity{padding:84px 0;margin:22px 0}
  .kdx-curiosity__top{margin-bottom:30px}
  .kdx-curiosity__top h2{font-size:27px}
  .kdx-curiosity__options button>b{font-size:16px}
  .kdx-curiosity__options button.is-numeric>b{font-size:22px}
}
@media(max-width:700px){
  .kdx-curiosity{padding:70px 0;margin:18px 0}
  .kdx-curiosity__top{margin-bottom:26px}
  .kdx-curiosity__top h2{font-size:24px}
  .kdx-curiosity__content{padding:28px 20px 24px}
  .kdx-curiosity__content h3{margin-top:20px;font-size:32px}
  .kdx-curiosity__options{margin-top:26px}
  .kdx-curiosity__options button{min-height:64px}
  .kdx-curiosity__options button>b{font-size:16px}
  .kdx-curiosity__options button.is-numeric>b{font-size:23px}

  .kdx-curiosity__visual img{filter:blur(6px) brightness(.66) saturate(.86)}
}

/* 3.2.44 · Curiosity spacing / typography / separator fix only */
.kdx-curiosity{
  margin:0 !important;
  padding:104px 0;
}
.kdx-curiosity__top{margin-bottom:42px}
.kdx-curiosity__options{margin-top:50px}
.kdx-curiosity__reveal>p{line-height:1.42}
.kdx-curiosity__reveal blockquote{margin-top:16px;padding-top:12px;padding-bottom:12px}
.kdx-curiosity__reveal blockquote b{line-height:1.20}


.kdx-curiosity-empty-origin{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}
@media(max-width:980px){
  .kdx-curiosity{margin:0 !important;padding:84px 0}
  .kdx-curiosity__top{margin-bottom:34px}
  .kdx-curiosity__options{margin-top:44px}
}
@media(max-width:700px){
  .kdx-curiosity{margin:0 !important;padding:70px 0}
  .kdx-curiosity__top{margin-bottom:30px}
  .kdx-curiosity__options,.kdx-curiosity__options:has(button:nth-child(4)),.kdx-curiosity__options:has(button:nth-child(2):last-child){margin-top:36px}
  .kdx-curiosity__reveal>p{line-height:1.38}
  .kdx-curiosity__reveal blockquote b{line-height:1.18}


}



/* 3.2.45 · Curiosity stable frame / answer spacing / secondary action only */
@media(min-width:981px){
  .kdx-curiosity__card{
    height:var(--kdx-curiosity-card-h,650px)!important;
    min-height:var(--kdx-curiosity-card-h,650px)!important;
  }
  .kdx-curiosity__content,
  .kdx-curiosity__visual{
    height:100%!important;
    min-height:0!important;
  }
}
.kdx-curiosity__options{margin-top:66px!important}



.kdx-curiosity__measure{
  position:absolute!important;
  z-index:-1!important;
  left:-99999px!important;
  top:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:980px){
  .kdx-curiosity__options{margin-top:54px!important}

}
@media(max-width:700px){
  .kdx-curiosity__options,
  .kdx-curiosity__options:has(button:nth-child(4)),
  .kdx-curiosity__options:has(button:nth-child(2):last-child){margin-top:46px!important}


}


/* 3.2.46 · Curiosity adaptive compact viewport layout only */
@media(min-width:981px){
  .kdx-curiosity{padding:clamp(48px,6.5vh,72px) 0!important}
  .kdx-curiosity__top{margin-bottom:clamp(24px,3vh,32px)!important}
  .kdx-curiosity__card{
    height:auto!important;
    min-height:clamp(470px,calc(100svh - 170px),545px)!important;
    align-items:stretch!important;
  }
  .kdx-curiosity__content{
    height:auto!important;
    min-height:0!important;
    padding:clamp(25px,3.2vh,32px) clamp(30px,2.8vw,38px) clamp(22px,2.8vh,28px)!important;
  }
  .kdx-curiosity__visual{height:auto!important;min-height:0!important}
  .kdx-curiosity__counter{min-height:27px;padding:0 9px;font-size:8px}
  .kdx-curiosity__content h3{
    margin-top:17px!important;
    font-size:clamp(33px,min(3.35vw,6.2vh),53px)!important;
    line-height:.955!important;
  }
  .kdx-curiosity__options,
  .kdx-curiosity__options:has(button:nth-child(4)),
  .kdx-curiosity__options:has(button:nth-child(2):last-child){margin-top:36px!important;gap:9px!important}
  .kdx-curiosity__options button{min-height:56px!important;padding:8px 12px!important;grid-template-columns:31px 1fr 10px!important;gap:9px!important}
  .kdx-curiosity__options button>span{width:28px!important;height:28px!important;font-size:9px!important}
  .kdx-curiosity__options button>b{font-size:14px!important;line-height:1.15!important}
  .kdx-curiosity__options button.is-numeric>b{font-size:20px!important;line-height:1.08!important}
  .kdx-curiosity__reveal{margin-top:18px!important}
  .kdx-curiosity__result{gap:9px!important}
  .kdx-curiosity__result span{font-size:8px!important}
  .kdx-curiosity__result strong{font-size:clamp(30px,2.8vw,43px)!important;line-height:.96!important}
  .kdx-curiosity__reveal>p{margin-top:10px!important;font-size:12.5px!important;line-height:1.34!important}
  .kdx-curiosity__reveal blockquote{margin-top:11px!important;padding:9px 13px 9px 15px!important}
  .kdx-curiosity__reveal blockquote span{margin-bottom:4px!important;font-size:7.5px!important}
  .kdx-curiosity__reveal blockquote b{font-size:12px!important;line-height:1.10!important}
  .kdx-curiosity__reveal>small{margin-top:7px!important;font-size:7.5px!important}


  .kdx-curiosity__reveal[hidden]{display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

  .kdx-curiosity__signal>strong{font-size:clamp(92px,11vw,168px)!important}
  .kdx-curiosity__signal>i{margin:20px 0 12px!important}
}
@media(min-width:981px) and (max-height:720px){
  .kdx-curiosity{padding:40px 0!important}
  .kdx-curiosity__top{margin-bottom:22px!important}
  .kdx-curiosity__card{min-height:455px!important}
  .kdx-curiosity__content{padding:22px 30px 20px!important}
  .kdx-curiosity__content h3{font-size:clamp(31px,3.05vw,47px)!important}
  .kdx-curiosity__options,.kdx-curiosity__options:has(button:nth-child(4)),.kdx-curiosity__options:has(button:nth-child(2):last-child){margin-top:30px!important}
  .kdx-curiosity__options button{min-height:51px!important}
  .kdx-curiosity__reveal{margin-top:14px!important}
  .kdx-curiosity__reveal>p{font-size:11.5px!important;line-height:1.30!important}
  .kdx-curiosity__reveal blockquote{margin-top:9px!important;padding-top:8px!important;padding-bottom:8px!important}
  .kdx-curiosity__reveal blockquote b{font-size:11.5px!important;line-height:1.08!important}

}


/* 3.2.49 · Microscopio urbano: solo precios ofertados, escala por precio y fondo negro */
.kdx-cityscope{background:#050506;color:#fff}
.kdx-cityscope__head h2{color:#fff}
.kdx-cityscope__head>p{color:#A3A3AA}
.kdx-cityscope__cities button{border-color:#2B2B30;background:#0C0C0E;color:#B9B9C0}
.kdx-cityscope__cities button span{color:#6F6F77}
.kdx-cityscope__cities button:hover,.kdx-cityscope__cities button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#09090A}
.kdx-cityscope__cities button:hover span,.kdx-cityscope__cities button.is-active span{color:#09090A}
.kdx-cityscope__metrics button{border-color:#313137;background:#0B0B0D;color:#B5B5BC}
.kdx-cityscope__metrics button:hover,.kdx-cityscope__metrics button.is-active{border-color:var(--kdx-y);background:var(--kdx-y);color:#09090A}
.kdx-cityscope__crumb{color:#86868E}
.kdx-cityscope__crumb button{border-color:#34343A;color:var(--kdx-y)}
.kdx-cityscope__field{border-color:#242429;background:#050506}
.kdx-cityscope__tip{border-color:rgba(254,195,0,.42);background:rgba(5,5,6,.97)}


/* 3.2.50 · Nota discreta sobre cobertura muestral en el microscopio urbano */
.kdx-cityscope__sample-note{
  margin:10px 0 0!important;
  padding:0!important;
  color:#6F6F77!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:.005em!important;
  text-align:left!important;
}
@media(max-width:980px){
  .kdx-cityscope__sample-note{font-size:9.5px!important;line-height:1.3!important;margin-top:8px!important}
}

/* Narrative data board replaces decorative SVG curves. */
.kdx-story-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:30px 24px;min-height:340px;align-items:center;align-content:center;width:100%;box-sizing:border-box}.kdx-story-measure{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-width:0;padding:22px 10px;border:1px solid #444;border-radius:16px;background:#111114;color:#fff;overflow-wrap:anywhere}.kdx-story-measure>span{font:700 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.04em;color:#FEC300}.kdx-story-measure>strong{font:400 clamp(30px,3.2vw,56px)/1.1 Anton,Impact,sans-serif;color:#fff}.kdx-story-measure>b{font-size:14px}.kdx-story-measure>small{font:400 12px/1.5 Inter,Arial,sans-serif;color:#bbb}.kdx-story-measure>a{display:flex;align-items:center;justify-content:center;min-height:44px;color:#FEC300;font-size:11px;text-decoration:underline}.kdx-story__caption>b{font:800 11px/1.4 Inter,Arial,sans-serif;color:#FEC300;letter-spacing:.06em}.kdx-story__caption [data-scene-watch]{margin-top:8px}.kdx-story__step:focus-visible{outline:3px solid #3a86ff;outline-offset:3px}@media(max-width:700px){.kdx-story-board{min-height:0;padding:16px 12px;gap:10px}.kdx-story-measure{padding:16px 8px;gap:8px}.kdx-story-measure>span{font-size:10px}.kdx-story-measure>strong{font-size:clamp(26px,7vw,42px)}.kdx-story-measure>small{font-size:10px}}@media(max-width:360px){.kdx-story-board{grid-template-columns:1fr}.kdx-story-measure{padding:14px}}

.kdx-curiosity__next{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;margin-top:20px;padding:12px 16px;border:1px solid currentColor;border-radius:10px;background:#FEC300;color:#09090A;font:800 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.03em;white-space:normal;cursor:pointer}.kdx-curiosity__next[hidden]{display:none}.kdx-curiosity__next:focus-visible{outline:3px solid #3a86ff;outline-offset:4px}.kdx-curiosity__next:hover{background:#ffe070}.kdx-curiosity__next span{font-size:inherit}

/* 3.3.1: scoped story/compare corrections and touch navigation. */
.kdx-story .kdx-story__stage{position:sticky!important;top:var(--kdx-story-top,120px)!important;min-height:0!important;max-height:var(--kdx-story-available,calc(100dvh - 150px));overflow:auto;align-self:start;transform:none!important;padding:20px!important}
.kdx-story .kdx-story-board{padding:18px 0!important;min-height:0!important;gap:12px!important}
.kdx-story .kdx-story-measure{padding:14px 10px;gap:8px}
.kdx-story .kdx-story__caption{display:block!important;padding:0!important}
.kdx-story .kdx-story__caption p{max-width:none!important;text-align:left!important;justify-self:auto!important;margin:6px 0 14px!important;font-size:13px!important;line-height:1.5!important}
.kdx-story .kdx-story__steps{padding-top:0!important}
.kdx-story .kdx-story__step{min-height:75vh;padding:35px 0}
.kdx-story details{margin-top:14px;font-size:13px;line-height:1.55}
.kdx-story summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}
.kdx-story details a{color:#665000;text-decoration:underline}
.kdx-story .kdx-story-history{height:65px!important;min-height:0!important;width:100%;overflow:visible}
.kdx-story-history path{fill:none;stroke:#FEC300;stroke-width:2;vector-effect:non-scaling-stroke}
.kdx-story-tabs{display:none}
.kdx-compare .kdx-compare__controls{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.kdx-compare .kdx-compare__controls>label{grid-column:auto!important;min-width:0}
.kdx-compare .kdx-compare__controls>fieldset{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;height:auto!important;gap:8px!important}
.kdx-compare .kdx-compare__controls fieldset button{width:auto!important;min-width:52px;min-height:44px!important;padding:8px 12px!important}
.kdx-compare [data-compare-ylabels] text{fill:#606068;font:10px Inter,Arial,sans-serif}
.kdx-compare [data-compare-coverage]{grid-column:1/-1;font-size:12px;line-height:1.5;margin:0}
.kdx-chapter-dock{display:none}

/* 3.3.16-rc.15 · DESKTOP ONLY: keep the 90-second sticky data panel at a stable height.
   The first scene established the visual height; later scenes keep that same frame and
   simply leave breathing room below when they contain less content. Mobile/tablet are untouched. */
@media (min-width:1025px){
  .kdx-story .kdx-story__stage{
    box-sizing:border-box!important;
    height:clamp(620px,calc(100dvh - 160px),680px)!important;
    min-height:clamp(620px,calc(100dvh - 160px),680px)!important;
    max-height:clamp(620px,calc(100dvh - 160px),680px)!important;
    overflow:auto!important;
  }
}


/* 3.3.17-rc.16 · DESKTOP ONLY: the hero owns the complete usable first viewport.
   It grows on tall monitors and compacts its vertical rhythm on short screens, so
   the following DATA section never peeks into the first screen. Tablet/mobile unchanged. */
@media (min-width:1025px){
  .kdx-hero{
    min-height:var(--kdx-desktop-hero-height,100svh)!important;
  }
  .kdx-hero__shell{
    box-sizing:border-box!important;
    min-height:var(--kdx-desktop-hero-height,100svh)!important;
    padding-top:clamp(72px,10vh,120px)!important;
    padding-bottom:clamp(40px,7vh,88px)!important;
  }
  .kdx-hero__copy{padding-top:clamp(8px,3.8vh,42px)!important}
  .kdx-hero__kicker{margin-bottom:clamp(16px,3.4vh,38px)!important}
  .kdx-hero__copy h1{font-size:clamp(60px,min(7vw,10.6vh),114px)!important}
  .kdx-hero__lead{margin-top:clamp(16px,2.8vh,30px)!important}
  .kdx-hero__actions{margin-top:clamp(18px,3.1vh,34px)!important}
  .kdx-hero__instrument{margin-bottom:clamp(8px,3.8vh,42px)!important}
  .kdx-hero__spark-wrap{min-height:clamp(82px,11vh,118px)!important}
}
@media (min-width:1025px) and (max-height:720px){
  .kdx-hero__shell{padding-top:56px!important;padding-bottom:30px!important}
  .kdx-hero__copy{padding-top:4px!important}
  .kdx-hero__kicker{margin-bottom:12px!important}
  .kdx-hero__copy h1{font-size:clamp(54px,min(6.4vw,10vh),78px)!important}
  .kdx-hero__lead{margin-top:12px!important;font-size:15px!important;line-height:1.45!important}
  .kdx-hero__actions{margin-top:14px!important}
  .kdx-hero__instrument{padding:20px 22px 18px!important;margin-bottom:4px!important}
  .kdx-hero__big{margin-top:14px!important}
  .kdx-hero__spark-wrap{min-height:72px!important;margin-top:6px!important}
  .kdx-hero__spark{height:72px!important}
}


/* 3.3.18-rc.17 · Hero desktop balance
   Re-centers the right snapshot with the left copy and keeps the visual sitting
   comfortably above the golden guide beneath the page menu, without touching mobile/tablet. */
@media (min-width:1025px){
  .kdx-hero__shell{
    align-items:center!important;
  }
  .kdx-hero__copy{
    align-self:center!important;
    padding-top:0!important;
  }
  .kdx-hero__instrument{
    align-self:center!important;
    justify-self:end!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:translateY(clamp(10px,2vh,24px));
  }
}
@media (min-width:1025px) and (max-height:720px){
  .kdx-hero__instrument{
    transform:translateY(clamp(6px,1.2vh,12px));
  }
}


/* 3.3.19-rc.18 · DESKTOP ONLY · animated cinematic city layer for hero
   Keeps the live KOKO data canvas above it; mobile/tablet remain unchanged. */
@media (min-width:1025px){
  .kdx-hero::before{
    content:"";
    position:absolute;
    inset:-3%;
    z-index:0;
    pointer-events:none;
    background-image:url("koko-hero-city.webp");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    opacity:.46;
    filter:brightness(.58) saturate(.78) contrast(1.08);
    transform-origin:72% 54%;
    animation:kdxHeroCityDrift 22s ease-in-out infinite alternate;
    will-change:transform,filter,opacity;
  }
  .kdx-hero__canvas-wrap{z-index:1}
  .kdx-hero__noise{z-index:1;opacity:.12}
  .kdx-hero__shell{z-index:2}
}
@keyframes kdxHeroCityDrift{
  0%{transform:translate3d(-.7%,.25%,0) scale(1.035);filter:brightness(.55) saturate(.72) contrast(1.08)}
  48%{transform:translate3d(.25%,-.45%,0) scale(1.055);filter:brightness(.61) saturate(.82) contrast(1.1)}
  100%{transform:translate3d(.9%,.1%,0) scale(1.045);filter:brightness(.57) saturate(.76) contrast(1.08)}
}
@media (prefers-reduced-motion:reduce){
  .kdx-hero::before{animation:none!important;transform:scale(1.04)!important}
}


/* =========================================================
   V3.3.22 · ESCENARIO DIDÁCTICO
   ========================================================= */
.kdx-causal{padding:132px 0 138px;background:radial-gradient(circle at 78% 14%,rgba(254,195,0,.075),transparent 28%),#050506;color:#fff;overflow:hidden}
.kdx-causal:before{content:"";position:absolute;left:-14%;top:18%;width:38vw;height:38vw;border:1px solid rgba(254,195,0,.055);border-radius:50%;box-shadow:0 0 0 70px rgba(254,195,0,.018),0 0 0 140px rgba(254,195,0,.012);pointer-events:none}
.kdx-causal__head{max-width:1120px}.kdx-causal__head h2{max-width:1100px;margin:0;color:#fff;font-size:clamp(56px,6vw,96px);line-height:.9;letter-spacing:-.018em}.kdx-causal__head .kdx-kicker{margin:0 0 18px}.kdx-causal__intro{max-width:820px;margin:24px 0 0;color:#a6a6ad;font-size:16px;line-height:1.65}
.kdx-causal__tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:42px}.kdx-causal__tabs button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;min-height:64px;padding:0 14px;border:1px solid rgba(255,255,255,.105);border-radius:11px;background:#0a0a0c;color:#85858d;text-align:left;overflow:hidden}.kdx-causal__tabs button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--kdx-y);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.kdx-causal__tabs button span{color:#57575f;font:400 22px/1 Anton,Impact}.kdx-causal__tabs button b{min-width:0;color:#c0c0c7;font-size:10px;font-weight:900;letter-spacing:.09em}.kdx-causal__tabs button i{color:#73737c;font-style:normal}.kdx-causal__tabs button:hover{border-color:rgba(254,195,0,.48);transform:translateY(-2px)}.kdx-causal__tabs button.is-active{border-color:rgba(254,195,0,.65);background:rgba(254,195,0,.08);box-shadow:0 16px 40px rgba(0,0,0,.22)}.kdx-causal__tabs button.is-active:after{transform:scaleX(1)}.kdx-causal__tabs button.is-active span,.kdx-causal__tabs button.is-active b,.kdx-causal__tabs button.is-active i{color:var(--kdx-y)}
.kdx-causal__stage{display:block;min-height:0;margin-top:10px;padding:34px;border:1px solid rgba(255,255,255,.105);border-radius:18px;background:linear-gradient(145deg,rgba(16,16,19,.98),rgba(8,8,10,.98));box-shadow:0 34px 90px rgba(0,0,0,.28)}
.kdx-causal__stage-head{display:grid;grid-template-columns:126px minmax(0,1fr);gap:30px;align-items:start;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.09)}.kdx-causal__stage-head>span{color:#29292f;font:400 112px/.82 Anton,Impact}.kdx-causal__stage-head p:first-child{margin:0;color:var(--kdx-y);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.kdx-causal__stage-head h3{max-width:1000px;margin:14px 0 0;color:#fff;font-size:clamp(36px,3.4vw,55px);line-height:.98}.kdx-causal__stage-head div>p:last-child{max-width:900px;margin:16px 0 0;color:#c2c2c9;font-size:15px;line-height:1.62}
.kdx-causal__chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:22px}.kdx-causal__chain>div{position:relative;min-height:92px;padding:17px 16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.025)}.kdx-causal__chain>div:before{content:"";position:absolute;left:0;top:0;width:42%;height:1px;background:linear-gradient(90deg,var(--kdx-y),transparent)}.kdx-causal__chain small{display:block;color:#7f7f87;font-size:8px;font-weight:900;letter-spacing:.11em}.kdx-causal__chain strong{display:block;margin-top:12px;color:#f4f4f5;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1.38}.kdx-causal__chain>i{color:var(--kdx-y);font-style:normal;font-size:18px;opacity:.72}
.kdx-causal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}.kdx-causal__card{position:relative;min-height:235px;padding:24px;border:1px solid rgba(255,255,255,.095);border-radius:12px;background:#0c0c0f;overflow:hidden}.kdx-causal__card:after{content:"";position:absolute;right:-34px;bottom:-42px;width:120px;height:120px;border:1px solid rgba(255,255,255,.055);border-radius:50%}.kdx-causal__card>span{display:block;color:#8a8a92;font-size:9px;font-weight:900;letter-spacing:.12em}.kdx-causal__card h4{max-width:380px;margin:22px 0 0;color:#fff;font-family:Anton,Impact,sans-serif;font-size:clamp(27px,2vw,35px);font-weight:400;line-height:1}.kdx-causal__card p{max-width:390px;margin:14px 0 0;color:#c0c0c7;font-size:13px;line-height:1.62}.kdx-causal__card.is-shift{border-color:rgba(254,195,0,.38);background:linear-gradient(150deg,rgba(254,195,0,.10),rgba(10,10,12,.98))}.kdx-causal__card.is-shift>span,.kdx-causal__card.is-shift h4{color:var(--kdx-y)}.kdx-causal__card.is-reading{background:linear-gradient(145deg,#15130a,#0b0b0d)}.kdx-causal__card.is-reading:before{content:"LECTURA";position:absolute;right:18px;top:17px;color:rgba(254,195,0,.20);font:400 32px/1 Anton,Impact;letter-spacing:.02em}
.kdx-causal__bottom{display:grid;grid-template-columns:1.05fr 1.35fr .8fr;gap:9px;margin-top:9px}.kdx-causal__trap,.kdx-causal__signals,.kdx-causal__live{min-height:108px;margin:0;padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.022)}.kdx-causal__trap span,.kdx-causal__signals>span,.kdx-causal__live>span{display:block;color:#8a8a92;font-size:9px;font-weight:900;letter-spacing:.12em}.kdx-causal__trap strong{display:block;margin-top:10px;color:#ededf0;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900;line-height:1.42}.kdx-causal__signals>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.kdx-causal__signals b{padding:6px 8px;border:1px solid rgba(254,195,0,.24);border-radius:999px;color:#d1d1d5;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800}.kdx-causal__live{display:grid;grid-template-columns:1fr auto;align-content:center;gap:6px 12px;border-color:rgba(254,195,0,.34);background:rgba(254,195,0,.05)}.kdx-causal__live>span{align-self:end}.kdx-causal__live strong,.kdx-causal__live strong.kdx-measure{align-self:end;color:var(--kdx-y);font-size:42px!important;line-height:.92;letter-spacing:-.02em}.kdx-causal__live small{grid-column:1/-1;margin:5px 0 0;color:#9b9ba3;font-size:10px;line-height:1.4}
@media(max-width:1150px){.kdx-causal__tabs{grid-template-columns:repeat(3,1fr)}.kdx-causal__grid{grid-template-columns:1fr 1fr}.kdx-causal__card.is-reading{grid-column:1/-1;min-height:190px}.kdx-causal__bottom{grid-template-columns:1fr 1fr}.kdx-causal__live{grid-column:1/-1}}
@media(max-width:900px){.kdx-causal{padding:92px 0}.kdx-causal__intro{font-size:14px}.kdx-causal__tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 2px 5px;scrollbar-width:none}.kdx-causal__tabs::-webkit-scrollbar{display:none}.kdx-causal__tabs button{flex:0 0 154px;scroll-snap-align:start}.kdx-causal__stage{padding:24px}.kdx-causal__stage-head{grid-template-columns:76px 1fr;gap:16px}.kdx-causal__stage-head>span{font-size:70px}.kdx-causal__stage-head h3{font-size:clamp(32px,5.2vw,44px)}.kdx-causal__stage-head div>p:last-child{font-size:14px}.kdx-causal__chain{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;scrollbar-width:none}.kdx-causal__chain::-webkit-scrollbar{display:none}.kdx-causal__chain>div{flex:0 0 210px;scroll-snap-align:start}.kdx-causal__chain>i{flex:0 0 auto}.kdx-causal__grid{grid-template-columns:1fr}.kdx-causal__card,.kdx-causal__card.is-reading{grid-column:auto;min-height:0}.kdx-causal__bottom{grid-template-columns:1fr}}
@media(max-width:700px){.kdx-causal{padding:76px 0}.kdx-causal:before{display:none}.kdx-causal .kdx-shell{width:min(100% - 28px,1440px)}.kdx-causal__head h2{font-size:clamp(42px,12vw,62px)}.kdx-causal__intro{margin-top:16px;font-size:13px;line-height:1.58}.kdx-causal__tabs{margin-top:24px;padding-right:20px}.kdx-causal__tabs button{flex-basis:138px;min-height:54px;padding:0 12px}.kdx-causal__tabs button b{font-size:9px}.kdx-causal__stage{margin-top:8px;padding:16px;border-radius:14px}.kdx-causal__stage-head{grid-template-columns:56px 1fr;gap:12px;padding-bottom:18px}.kdx-causal__stage-head>span{font-size:52px}.kdx-causal__stage-head p:first-child{font-size:9px}.kdx-causal__stage-head h3{margin-top:10px;font-size:clamp(28px,8.8vw,38px)}.kdx-causal__stage-head div>p:last-child{margin-top:12px;font-size:13px;line-height:1.55}.kdx-causal__chain{margin-top:14px}.kdx-causal__chain>div{flex-basis:174px;min-height:76px;padding:14px}.kdx-causal__chain strong{font-size:11px;margin-top:10px}.kdx-causal__grid{margin-top:6px}.kdx-causal__card{padding:18px}.kdx-causal__card>span{font-size:8px}.kdx-causal__card h4{margin-top:16px;font-size:25px}.kdx-causal__card p{font-size:12px;line-height:1.55}.kdx-causal__bottom{margin-top:6px}.kdx-causal__trap,.kdx-causal__signals,.kdx-causal__live{min-height:0;padding:14px}.kdx-causal__trap strong{font-size:10px}.kdx-causal__signals b{font-size:8px;padding:5px 7px}.kdx-causal__live>span{font-size:8px}.kdx-causal__live strong,.kdx-causal__live strong.kdx-measure{font-size:30px!important}.kdx-causal__live small{font-size:9px}.kdx-causal__live{display:grid!important}}
@media(prefers-reduced-motion:reduce){.kdx-causal__tabs button,.kdx-causal__tabs button:after{transition:none!important}}
/* Specificity resets against legacy causal rules. */
.kdx-causal__stage .kdx-causal__chain small{margin:0;color:#7f7f87;font-size:8px}
.kdx-causal__stage .kdx-causal__grid .kdx-causal__card p{max-width:390px;margin:14px 0 0;color:#c0c0c7;font-size:13px;line-height:1.62}


/* =========================================================
   3.3.30-rc.3 · ANATOMÍA AMARILLA + PANEL NEGRO
   - Sustituye el amarillo eliminado del bloque de topes.
   - 100 CASAS en blanco; resto de cabecera en negro.
   - Controles adaptados al fondo amarillo.
   - Panel de lectura completamente negro con texto blanco.
   ========================================================= */
.kdx-universe{
  background:var(--kdx-y)!important;
  color:#09090A!important;
}
.kdx-universe .kdx-kicker{
  color:#09090A!important;
}
.kdx-universe__head h2{
  color:#fff!important;
}
.kdx-universe__head h2 mark{
  color:#09090A!important;
}
.kdx-universe__head>p{
  color:#09090A!important;
}

.kdx-universe__groups button{
  border-color:rgba(9,9,10,.55)!important;
  background:rgba(255,255,255,.16)!important;
  color:#09090A!important;
}
.kdx-universe__groups button.is-active{
  border-color:#09090A!important;
  background:#09090A!important;
  color:#fff!important;
}

.kdx-universe__controls button{
  border-color:rgba(9,9,10,.34)!important;
  background:rgba(255,255,255,.92)!important;
  color:#09090A!important;
}
.kdx-universe__controls button>i{
  background:rgba(9,9,10,.14)!important;
}
.kdx-universe__controls button>i>em{
  background:#09090A!important;
}
.kdx-universe__controls button.is-active{
  border-color:#09090A!important;
  background:#09090A!important;
  color:#fff!important;
}
.kdx-universe__controls button.is-active>i{
  background:rgba(255,255,255,.18)!important;
}
.kdx-universe__controls button.is-active>i>em{
  background:#fff!important;
}

.kdx-universe__panel{
  background:#09090A!important;
  color:#fff!important;
}
.kdx-universe__panel>span,
.kdx-universe__panel h3,
.kdx-universe__panel p,
.kdx-universe__panel>small,
.kdx-universe__total strong,
.kdx-universe__total small,
.kdx-universe__universe span,
.kdx-universe__universe b{
  color:#fff!important;
}
.kdx-universe__panel>small,
.kdx-universe__total small{
  opacity:.66;
}
.kdx-universe__universe{
  border-top-color:rgba(255,255,255,.16)!important;
}
.kdx-universe__foreign-flow{
  border-top-color:rgba(255,255,255,.16)!important;
  border-bottom-color:rgba(255,255,255,.16)!important;
}
.kdx-universe__foreign-flow>span,
.kdx-universe__foreign-flow strong,
.kdx-universe__foreign-flow b,
.kdx-universe__foreign-flow small{
  color:#fff!important;
}
.kdx-universe__foreign-flow small{
  opacity:.66;
}

/* La visual negra conserva contraste sobre el nuevo fondo amarillo. */
.kdx-universe__building{
  border-color:rgba(9,9,10,.35)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.12)!important;
}

/* ===========================================================
   KOKO DATA 3.3.30-rc.12 · ESCENARIOS · LECTURA PROGRESIVA
   Solo el shortcode .kdx-causal--clear. Sin cambios en resto de DATA.
   =========================================================== */
.kdx-causal.kdx-causal--clear{padding-top:108px;padding-bottom:114px}
.kdx-causal--clear .kdx-causal__head{max-width:1050px}
.kdx-causal--clear .kdx-causal__head h2{font-size:clamp(48px,5.6vw,82px);line-height:.94}
.kdx-causal--clear .kdx-causal__intro{max-width:710px;margin:20px 0 0;color:#B7B7C0;font-size:15px;line-height:1.55}
.kdx-causal--clear .kdx-causal__tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:29px}
.kdx-causal--clear .kdx-causal__tabs button{min-height:52px;padding:0 11px;gap:8px;border-radius:9px;background:#101013}
.kdx-causal--clear .kdx-causal__tabs button>span{font-size:19px}
.kdx-causal--clear .kdx-causal__tabs button>b{font-size:10px;letter-spacing:.045em}
.kdx-causal--clear .kdx-causal__tabs button>i{font-size:11px}
.kdx-causal--clear .kdx-causal__tabs button:hover{transform:none}
.kdx-causal--clear .kdx-causal__tabs button.is-active{background:rgba(254,195,0,.10);box-shadow:none}
.kdx-causal--clear .kdx-causal__stage{margin-top:10px;padding:29px 32px 15px;border:1px solid #28282d;border-radius:16px;background:linear-gradient(150deg,#101013,#0b0b0d);box-shadow:none;min-height:0}
.kdx-causal--clear .kdx-causal__lede{margin:0;padding:0}
.kdx-causal--clear .kdx-causal__topic{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0!important;color:#FEC300;font:800 10px/1.35 Inter,Arial,sans-serif!important;letter-spacing:.09em;text-transform:uppercase}
.kdx-causal--clear .kdx-causal__topic [data-causal-num]{display:inline-flex;align-items:center;justify-content:center;min-width:29px;min-height:29px;border:1px solid rgba(254,195,0,.35);border-radius:7px;color:#FEC300;font:400 18px/1 Anton,Impact,sans-serif;letter-spacing:0}
.kdx-causal--clear .kdx-causal__lede [data-causal-title]{max-width:990px;margin:15px 0 0;color:#fff;font:400 clamp(29px,3.1vw,45px)/1.08 Anton,Impact,sans-serif;letter-spacing:.005em;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.kdx-causal--clear .kdx-causal__thesis{max-width:900px;margin:12px 0 0!important;color:#D0D0D6!important;font:400 14.5px/1.57 Inter,Arial,sans-serif!important}
.kdx-causal--clear .kdx-causal__compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}
.kdx-causal--clear .kdx-causal__case{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:178px;padding:20px 22px;border:1px solid #313136;border-radius:11px;background:#18181b;overflow:hidden}
.kdx-causal--clear .kdx-causal__case--shift{border-color:rgba(254,195,0,.47);background:linear-gradient(125deg,#27220f,#19170e 63%,#141313)}
.kdx-causal--clear .kdx-causal__case .kdx-causal__eyebrow{margin:0!important;color:#BABAC2!important;font:800 10px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.1em}
.kdx-causal--clear .kdx-causal__case--shift .kdx-causal__eyebrow{color:#FEC300!important}
.kdx-causal--clear .kdx-causal__case h4{max-width:570px;margin:11px 0 0;color:#fff;font:400 clamp(22px,2vw,31px)/1.05 Anton,Impact,sans-serif;letter-spacing:.003em;text-wrap:balance}
.kdx-causal--clear .kdx-causal__case--shift h4{color:#FEC300}
.kdx-causal--clear .kdx-causal__case p:not(.kdx-causal__eyebrow){max-width:590px;margin:9px 0 0!important;color:#CECED5!important;font:400 13.25px/1.5 Inter,Arial,sans-serif!important}
.kdx-causal--clear .kdx-causal__flow{margin-top:25px;padding:17px 0 21px;border-top:1px solid #303035;border-bottom:1px solid #303035}
.kdx-causal--clear .kdx-causal__flow-caption{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 16px}
.kdx-causal--clear .kdx-causal__flow-caption>span{color:#FEC300;font:800 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.1em}
.kdx-causal--clear .kdx-causal__flow-caption>small{color:#A8A8B0;font:400 11px/1.4 Inter,Arial,sans-serif}
.kdx-causal--clear .kdx-causal__flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:11px 0 0;padding:0;list-style:none}
.kdx-causal--clear .kdx-causal__flow li{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:34px;margin:0;padding:0 13px 0 0;color:#f1f1f3}
.kdx-causal--clear .kdx-causal__flow li>span{flex:0 0 auto;color:#FEC300;font:400 23px/1 Anton,Impact,sans-serif}
.kdx-causal--clear .kdx-causal__flow li>strong{min-width:0;color:#F0F0F3;font:800 11px/1.36 Inter,Arial,sans-serif!important;overflow-wrap:break-word}
.kdx-causal--clear .kdx-causal__flow li:not(:last-child):after{content:'';width:17px;height:17px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FEC300%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%2212%205%2019%2012%2012%2019%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:#FEC300;font:600 17px/1 Inter,Arial,sans-serif}
.kdx-causal--clear .kdx-causal__more{margin:0;padding:0;border:0;color:#fff}
.kdx-causal--clear .kdx-causal__more>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:73px;padding:14px 2px;cursor:pointer;list-style:none;user-select:none}
.kdx-causal--clear .kdx-causal__more>summary::-webkit-details-marker{display:none}
.kdx-causal--clear .kdx-causal__more>summary::marker{content:''}
.kdx-causal--clear .kdx-causal__more-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.kdx-causal--clear .kdx-causal__more-copy>b{color:#FEC300;font:800 12px/1.3 Inter,Arial,sans-serif;letter-spacing:.075em}
.kdx-causal--clear .kdx-causal__more-copy>span{color:#BCBCC3;font:400 12px/1.45 Inter,Arial,sans-serif}
.kdx-causal--clear .kdx-causal__more-icon{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid #6B5828;border-radius:50%;color:#FEC300;font:400 26px/1 Inter,Arial,sans-serif;transition:transform .18s ease,background .18s ease}
.kdx-causal--clear .kdx-causal__more[open] .kdx-causal__more-icon{transform:rotate(45deg);background:rgba(254,195,0,.12)}
.kdx-causal--clear .kdx-causal__more>summary:hover .kdx-causal__more-copy>b{text-decoration:underline;text-underline-offset:4px}
.kdx-causal--clear .kdx-causal__depth{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px 30px;padding:18px 1px 10px;border-top:1px solid #303035}
.kdx-causal--clear .kdx-causal__insight,.kdx-causal--clear .kdx-causal__checks{min-width:0}
.kdx-causal--clear .kdx-causal__insight>span,.kdx-causal--clear .kdx-causal__trap>span,.kdx-causal--clear .kdx-causal__signals>span,.kdx-causal--clear .kdx-causal__live>span{color:#FEC300;font:800 10px/1.35 Inter,Arial,sans-serif!important;letter-spacing:.08em}
.kdx-causal--clear .kdx-causal__insight h4{margin:12px 0 0;color:#fff;font:400 clamp(23px,2.2vw,29px)/1.08 Anton,Impact,sans-serif}
.kdx-causal--clear .kdx-causal__insight p{margin:10px 0 0!important;color:#CBCBD2!important;font:400 13.5px/1.56 Inter,Arial,sans-serif!important}
.kdx-causal--clear .kdx-causal__checks{display:flex;flex-direction:column;gap:18px;padding-left:21px;border-left:1px solid #303035}
.kdx-causal--clear .kdx-causal__trap,.kdx-causal--clear .kdx-causal__signals{min-height:0;margin:0;padding:0;border:0;background:none;border-radius:0}
.kdx-causal--clear .kdx-causal__trap p{margin:7px 0 0!important;color:#EFEFF1!important;font:750 12.5px/1.5 Inter,Arial,sans-serif!important}
.kdx-causal--clear .kdx-causal__signals>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.kdx-causal--clear .kdx-causal__signals b{padding:6px 9px;border:1px solid #524619;border-radius:999px;color:#E3E3E7;font:700 11px/1.3 Inter,Arial,sans-serif!important}
.kdx-causal--clear .kdx-causal__live{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 20px;min-height:0;margin:0;padding:18px 0;border:0;border-top:1px solid #303035;border-bottom:1px solid #303035;border-radius:0;background:transparent}
.kdx-causal--clear .kdx-causal__live[hidden]{display:none!important}
.kdx-causal--clear .kdx-causal__live strong,.kdx-causal--clear .kdx-causal__live strong.kdx-measure{margin:0;color:#FEC300;font:400 34px/1 Anton,Impact,sans-serif!important}
.kdx-causal--clear .kdx-causal__live small{grid-column:1/-1;margin:0;color:#C0C0C7;font:400 12px/1.5 Inter,Arial,sans-serif!important}
.kdx-causal--clear .kdx-causal__disclaimer{grid-column:1/-1;margin:0!important;color:#A9A9B1!important;font:400 11.5px/1.55 Inter,Arial,sans-serif!important}
@media(max-width:1150px){
  .kdx-causal--clear .kdx-causal__tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:0 0 7px;scroll-snap-type:x proximity;scrollbar-width:none}
  .kdx-causal--clear .kdx-causal__tabs::-webkit-scrollbar{display:none}
  .kdx-causal--clear .kdx-causal__tabs button{flex:0 0 auto;min-width:136px;min-height:50px;scroll-snap-align:start}
  .kdx-causal--clear .kdx-causal__lede [data-causal-title]{font-size:clamp(29px,4vw,40px)}
  .kdx-causal--clear .kdx-causal__case{min-height:194px;padding:19px}
}
@media(max-width:767px){
  .kdx-causal--clear .kdx-causal__head{max-width:100%}
  .kdx-causal--clear .kdx-causal__intro{margin-top:14px;font-size:13.5px;line-height:1.5}
  .kdx-causal--clear .kdx-causal__tabs{margin-top:20px}
  .kdx-causal--clear .kdx-causal__stage{padding:17px 16px 5px;border-radius:13px}
  .kdx-causal--clear .kdx-causal__topic{font-size:10px!important;gap:9px}
  .kdx-causal--clear .kdx-causal__topic [data-causal-num]{min-width:28px;min-height:28px;font-size:17px}
  .kdx-causal--clear .kdx-causal__lede [data-causal-title]{margin-top:12px;font-size:clamp(27px,7.5vw,34px);line-height:1.08}
  .kdx-causal--clear .kdx-causal__thesis{margin:10px 0 0!important;font-size:13.5px!important;line-height:1.5!important}
  .kdx-causal--clear .kdx-causal__compare{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}
  .kdx-causal--clear .kdx-causal__case{min-height:0;padding:17px;border-radius:10px}
  .kdx-causal--clear .kdx-causal__case h4{margin-top:9px;font-size:clamp(24px,6vw,29px)}
  .kdx-causal--clear .kdx-causal__case p:not(.kdx-causal__eyebrow){margin-top:8px!important;font-size:13px!important;line-height:1.45!important}
  .kdx-causal--clear .kdx-causal__flow{margin-top:18px;padding:13px 0 14px}
  .kdx-causal--clear .kdx-causal__flow ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:9px;margin-top:12px}
  .kdx-causal--clear .kdx-causal__flow li{min-height:31px;gap:7px;padding-right:1px}
  .kdx-causal--clear .kdx-causal__flow li>span{font-size:21px}
  .kdx-causal--clear .kdx-causal__flow li>strong{font-size:11px!important;line-height:1.25!important}
  .kdx-causal--clear .kdx-causal__flow li:after{display:none}
  .kdx-causal--clear .kdx-causal__flow-caption>small{font-size:10.5px}
  .kdx-causal--clear .kdx-causal__more>summary{min-height:70px;padding:12px 1px}
  .kdx-causal--clear .kdx-causal__more-copy>b{font-size:12px}
  .kdx-causal--clear .kdx-causal__more-copy>span{font-size:11.5px}
  .kdx-causal--clear .kdx-causal__depth{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px 0 11px}
  .kdx-causal--clear .kdx-causal__checks{padding:16px 0 0;gap:18px;border-left:0;border-top:1px solid #303035}
  .kdx-causal--clear .kdx-causal__live{grid-template-columns:1fr;gap:8px}
  .kdx-causal--clear .kdx-causal__live strong,.kdx-causal--clear .kdx-causal__live strong.kdx-measure{font-size:30px!important}
}
@media(prefers-reduced-motion:reduce){
  .kdx-causal--clear .kdx-causal__more-icon{transition:none}
}

/* 3.3.30-rc.12 · Matices completos, sin duplicar la lectura inicial */
.kdx-causal--clear .kdx-causal__case{min-height:149px}
.kdx-causal--clear .kdx-causal__why{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin:0;padding:18px 0 0;border-top:1px solid #303035}
.kdx-causal--clear .kdx-causal__why>div{min-width:0}
.kdx-causal--clear .kdx-causal__why span{color:#FEC300;font:800 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.08em}
.kdx-causal--clear .kdx-causal__why p{margin:8px 0 0!important;color:#C9C9CF!important;font:400 13px/1.55 Inter,Arial,sans-serif!important}
@media(max-width:1150px){.kdx-causal--clear .kdx-causal__case{min-height:161px}}
@media(max-width:767px){
 .kdx-causal--clear .kdx-causal__case{min-height:0}
 .kdx-causal--clear .kdx-causal__why{grid-template-columns:1fr;gap:15px}
 .kdx-causal--clear .kdx-causal__flow-caption>small{display:none}
 .kdx-causal--clear .kdx-causal__flow{padding:11px 0 11px}
 .kdx-causal--clear .kdx-causal__flow ol{margin-top:8px;row-gap:6px}
}

/* rc.19: la pestaña activa y :hover NO comparten estado en pantallas táctiles. */
@media (hover: hover) and (pointer: fine){
  .kdx-maplab__controls button:not(:disabled):hover{
    border-color:var(--kdx-y);
    background:var(--kdx-y);
    color:#080808;
  }
  .kdx-universe__groups button:hover{
    border-color:#09090A!important;
    background:#09090A!important;
    color:#fff!important;
  }
}

/* rc.20 · 5 datos rápidos: evitar hover persistente en móviles táctiles. */
@media (hover:hover) and (pointer:fine){
  .kdx-hero__switches button:hover{
    border-color:var(--kdx-y);background:rgba(254,195,0,.09);color:var(--kdx-y);
  }
  .kdx-hero__switches button:hover span{opacity:1}
}

/* KOKO DATA Experience · Iconos Feather de Kadence · solo presentación */
.kdx .kdx-kadence-icon{display:inline-block;width:1.12em;height:1.12em;min-width:0;flex:0 0 auto;vertical-align:-.16em;stroke:currentColor}
.kdx .kdx-select-wrap>b,.kdx .kdx-select-hint>b{display:inline-flex;align-items:center;justify-content:center}
.kdx .kdx-select-wrap>b .kdx-kadence-icon,.kdx .kdx-select-hint>b .kdx-kadence-icon{width:14px;height:14px}
.kdx .kdx-hero__actions .kdx-kadence-icon{width:16px;height:16px}
.kdx .kdx-hero__switches .kdx-kadence-icon{width:13px;height:13px}
.kdx .kdx-pulse__detail button .kdx-kadence-icon{width:18px;height:18px}
.kdx .kdx-pulse__item i b .kdx-kadence-icon{display:inline-block!important;width:12px!important;height:12px!important;min-height:0!important;margin-top:0!important;opacity:1!important}
.kdx .kdx-curiosity__next .kdx-kadence-icon{width:16px;height:16px}
.kdx .kdx-story__steps .kdx-kadence-icon,.kdx .kdx-hundred__tabs .kdx-kadence-icon{width:14px;height:14px}
.kdx .kdx-causal__tabs .kdx-kadence-icon{width:16px;height:16px}
.kdx .kdx-causal__more-icon .kdx-kadence-icon{width:20px;height:20px}
.kdx .kdx-causal__flow li .kdx-kadence-icon{width:14px;height:14px;vertical-align:-.14em}
.kdx .kdx-story-history-caption .kdx-kadence-icon{width:11px;height:11px;vertical-align:-.15em}
.kdx .kdx-kadence-icon[role="img"]{width:1.04em;height:1.04em}
.kdx .kdx-cityscope__crumb .kdx-kadence-icon,.kdx .kdx-madrid__crumb .kdx-kadence-icon{width:13px;height:13px}
.kdx .kdx-story__stage a svg.kdx-kadence-icon{display:inline-block!important;width:13px!important;height:13px!important;min-height:0!important;max-height:13px!important;margin:0!important;vertical-align:-.12em!important}


/* 3.3.30-rc.24 · 90 SEGUNDOS · Corrección focalizada.
   El antiguo selector «.kdx-story__stage svg» imponía min-height:470px
   (230px en móvil) a los nuevos iconos Feather, incluso dentro del
   histórico y de los botones de paginación. Solo los iconos se liberan
   de esa altura; los SVG reales de datos conservan sus medidas. */
.kdx-story .kdx-story__stage svg.kdx-kadence-icon{
  min-height:0!important;
}

/* CP4 · la misma altura para el marco negro en todas las escenas.
   El script calcula la mayor altura natural a la anchura actual; sustituye
   las antiguas alturas prefijadas solo en esta sección. */
.kdx-story .kdx-story-board{
  align-items:stretch!important;
  align-content:start!important;
  grid-auto-rows:auto!important;
}
.kdx-story .kdx-story-board>.kdx-story-measure{
  box-sizing:border-box!important;
  height:100%!important;
  align-self:stretch!important;
  justify-content:flex-start!important;
}
/* Escritorio demasiado bajo: el panel no debe quedar bloqueado en sticky.
   Mismo comportamiento en las seis escenas, también al pasar de 01 a 02. */
@media (min-width:1025px) and (max-height:600px) and (hover:hover) and (pointer:fine){
  .kdx-story .kdx-story__stage{
    position:relative!important;
    top:0!important;
  }
}
/* El contenedor móvil debe medir, como mínimo, los 44 px de sus botones.
   Evita que sobresalgan 1–2 px respecto al área reservada del paginador. */
@media (max-width:767px){
  .kdx-story .kdx-story__stage>.kdx-carousel-controls{
    min-height:44px!important;
  }
}

/* CP2: legibilidad de los controles sin alterar la cabecera de WordPress. */
.kdx .kdx-hero__switches button{font-size:11px!important;line-height:1.3!important}
.kdx .kdx-nav a{font-size:10px!important;min-height:44px;display:inline-flex;align-items:center}
.kdx .kdx-select-hint,.kdx .kdx-rank__controls>label>span,.kdx .kdx-rank__direction legend{font-size:10px!important;line-height:1.3!important}
.kdx .kdx-rank__direction button{font-size:11px!important}
