/* ════════ makea · recursos ════════ */
.mkr,.mkr-f{--ink:#022026;--ink2:#5B7075;--line:#E6EBEC;--soft:#F4F6F6;--blue:#CCECFC;--elec:#CCECFC;--fh:"PolySans",system-ui,sans-serif;--fb:"Aeonik","PolySans",system-ui,sans-serif;font-family:var(--fb);color:var(--ink);-webkit-font-smoothing:antialiased}
.mkr *,.mkr-f *{box-sizing:border-box}
.mkr{padding:0 5% clamp(64px,6vw,120px)}
.mkr>section{margin:0 0 clamp(56px,6vw,104px)}
.mkr-sec-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 22px;padding:0 0 14px;border-bottom:2px solid var(--ink)}
.mkr-sec-cab h2{font-family:var(--fh);font-weight:600;font-size:clamp(28px,2.6vw,44px);letter-spacing:-.035em;line-height:1;margin:0;color:var(--ink)}
.mkr-sec-cab p{margin:0;font-size:15px;color:var(--ink2)}
.mkr-sec-cab p strong{color:var(--ink)}
.mkr-sec-cab a{color:var(--ink);font-size:15px;text-decoration:underline;text-underline-offset:4px}

/* ── Miniatura (color + grano + maqueta) ── */
.mkr-vis{position:relative;container-type:inline-size;overflow:hidden;isolation:isolate;background:var(--c,#CCECFC);aspect-ratio:var(--ar,4/3);width:100%}
.mkr-vis::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;mix-blend-mode:multiply;background-size:100% 100%;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900' preserveAspectRatio='none'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='5' seed='11' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.6 1.1'/></filter><rect width='900' height='900' filter='url(%23g)'/></svg>")}
.mkr-vis::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;mix-blend-mode:overlay;background-size:160px 160px;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.mkr-vis.is-dk::before{mix-blend-mode:screen;opacity:.14}
.mkr-vis .card{position:absolute;border-radius:2.2cqw;box-shadow:0 3cqw 7cqw rgba(2,32,38,.28),0 .4cqw 1cqw rgba(2,32,38,.12);overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mkr-vis .lt{background:#fff;color:#022026}
.mkr-vis .dk{background:#022026;color:#fff}
.mkr-vis .bl{background:#CCECFC}
.mkr-vis .ttl{font-family:var(--fh);font-weight:600;font-size:4.6cqw;letter-spacing:-.03em;line-height:1.05;margin:0 0 3cqw}
.mkr-vis .eb{font-size:2.6cqw;margin:0 0 1.6cqw;opacity:.6}
.mkr-vis .ln{display:block;height:1.5cqw;border-radius:1cqw;background:rgba(2,32,38,.12);margin:0 0 1.8cqw}
.mkr-vis .dk .ln{background:rgba(255,255,255,.18)}
.mkr-vis .blk{height:12cqw;border-radius:1.4cqw;background:#CCECFC;margin:1cqw 0 3cqw}
.mkr-vis .chip{font-size:3cqw;font-weight:600;border-radius:1.6cqw}
.mkr-vis .rw{display:flex;align-items:center;gap:2.4cqw;margin:0 0 3cqw}
.mkr-vis .rw b{flex:0 0 4cqw;height:4cqw;border-radius:1cqw;border:.5cqw solid rgba(2,32,38,.25)}
.mkr-vis .rw b.on{background:#022026;border-color:#022026;box-shadow:inset 0 0 0 .9cqw #022026}
.mkr-vis .rw b.on::after{content:"";display:block;width:1.2cqw;height:2.2cqw;margin:.3cqw auto 0;border:solid #fff;border-width:0 .5cqw .5cqw 0;transform:rotate(45deg)}
.mkr-vis .rw .ln{flex:1;margin:0}
.mkr-vis .prog{height:1.6cqw;border-radius:1cqw;background:rgba(2,32,38,.08);margin:0 0 4cqw;overflow:hidden}
.mkr-vis .prog i{display:block;height:100%;background:#CCECFC;border-radius:1cqw}
.mkr-vis .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6cqw;margin:0 0 3cqw}
.mkr-vis .grid i{height:4cqw;background:rgba(2,32,38,.06);border-radius:.5cqw}
.mkr-vis .grid i.h{background:#022026}
.mkr-vis .grid i.f{background:#CCECFC}
.mkr-vis .bars{display:flex;align-items:flex-end;gap:1.6cqw;height:14cqw}
.mkr-vis .bars i{flex:1;background:#CCECFC;border-radius:.8cqw .8cqw 0 0}
.mkr-vis .bars--dk i{background:#CCECFC}
.mkr-vis .cv{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:0}
.mkr-vis .cv span{border:.3cqw solid rgba(2,32,38,.1);padding:2cqw;display:flex;flex-wrap:wrap;gap:1.4cqw;align-content:flex-start}
.mkr-vis .cv .st{display:block;width:9cqw;height:8cqw;border-radius:.6cqw;box-shadow:0 .6cqw 1.2cqw rgba(2,32,38,.12)}
.mkr-vis .bk{background:#022026;color:#fff;padding:5cqw;border-radius:1cqw 2.4cqw 2.4cqw 1cqw;box-shadow:inset 2.4cqw 0 0 rgba(255,255,255,.08),0 3cqw 7cqw rgba(2,32,38,.3)}
.mkr-vis .bk .ttl{font-size:5.2cqw}
.mkr-vis .bk .lg{position:absolute;left:5cqw;bottom:5cqw;width:10cqw;height:10cqw;border-radius:50%;background:#CCECFC}
.mkr-vis .pills{display:flex;gap:1.4cqw;margin-top:3cqw}
.mkr-vis .pills i{height:4cqw;flex:1;border-radius:2cqw;background:rgba(255,255,255,.14)}
.mkr-vis .pills i:first-child{background:#CCECFC}
.mkr-vis .road{position:relative;display:flex;justify-content:space-between;margin-top:9cqw}
.mkr-vis .road::before{content:"";position:absolute;left:2cqw;right:2cqw;top:50%;height:.5cqw;background:rgba(255,255,255,.2)}
.mkr-vis .road i{position:relative;width:5.6cqw;height:5.6cqw;border-radius:50%;background:#0F3A44;border:.5cqw solid rgba(255,255,255,.3);display:grid;place-items:center}
.mkr-vis .road i.on{background:#CCECFC;border-color:#CCECFC}
.mkr-vis .road em{font-style:normal;font-size:2.4cqw;font-weight:600;color:rgba(255,255,255,.7)}
.mkr-vis .road i.on em{color:#022026}
.mkr-vis .big{font-family:var(--fh);font-weight:600;font-size:12cqw;letter-spacing:-.05em;line-height:1;margin:0 0 4cqw}
.mkr-vis .big small{font-size:4cqw;letter-spacing:0;opacity:.6}
.mkr-vis .sl{position:relative;height:1.4cqw;border-radius:1cqw;background:rgba(255,255,255,.15);margin:0 0 5cqw}
.mkr-vis .sl i{display:block;height:100%;border-radius:1cqw;background:#CCECFC}
.mkr-vis .sl b{position:absolute;top:50%;width:4.4cqw;height:4.4cqw;margin:-2.2cqw 0 0 -2.2cqw;border-radius:50%;background:#fff}
.mkr-vis .bp{background:#12335E;background-image:linear-gradient(rgba(204,236,252,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(204,236,252,.08) 1px,transparent 1px);background-size:4cqw 4cqw}
.mkr-vis .bp svg{width:100%;height:100%;display:block}
.mkr-vis .mx{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw}
.mkr-vis .mx i{aspect-ratio:1;border-radius:1cqw;display:grid;place-items:center}
.mkr-vis .mx b{width:3.4cqw;height:3.4cqw;border-radius:50%;background:#022026}

/* ── Tarjeta ── */
.mkr-card{display:flex;flex-direction:column;gap:14px;color:var(--ink);text-decoration:none;min-width:0}
.mkr-card:hover{color:var(--ink)}
.mkr-card__img{position:relative;border-radius:14px;overflow:hidden;transform:translateZ(0)}
.mkr-card:hover .mkr-vis .card{transform:translateY(-1.4cqw)}
.mkr-card:hover .mkr-vis .card[style*="rotate(-7deg)"]{transform:rotate(-10deg) translateY(-1cqw)}
.mkr-card:hover .mkr-vis .card[style*="rotate(5deg)"]{transform:rotate(8deg) translateY(-1cqw)}
.mkr-acc{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:99px;background:#fff;color:var(--ink);font-size:13px;font-weight:500;box-shadow:0 2px 8px rgba(2,32,38,.12)}
.mkr-acc svg{width:12px;height:12px}
.mkr-acc--pro{background:var(--ink);color:#fff}
.mkr-acc--reg{background:#fff}
.mkr-card__b{display:grid;gap:6px;min-width:0}
.mkr-card__meta{margin:0;font-size:13px;color:var(--ink2)}
.mkr-card__t{font-family:var(--fh);font-weight:600;font-size:20px;line-height:1.15;letter-spacing:-.02em;margin:0;color:var(--ink)}
.mkr-card:hover .mkr-card__t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.mkr-card__x{margin:0;font-size:16px;line-height:1.45;color:var(--ink2)}
.mkr-card__f{margin:2px 0 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink2)}
.mkr-card__f span{padding:3px 9px;border-radius:99px;background:var(--soft);color:var(--ink)}
.mkr-card[hidden]{display:none}

/* ── Destacados (bento) ── */
.mkr-bento{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:24px 20px;align-items:start}
.mkr-card--xl{grid-row:span 2}
.mkr-card--xl .mkr-card__t{font-size:clamp(26px,2.2vw,36px);letter-spacing:-.03em}
.mkr-bento .mkr-card:not(.mkr-card--xl) .mkr-card__img{aspect-ratio:auto}

/* ── Colecciones ── */
.mkr-col__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.mkr .mkr-colc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:210px;padding:22px;border:0;border-radius:14px;background:#022026;color:#fff;text-align:left;font:inherit;cursor:pointer;overflow:hidden;box-shadow:none;transition:transform .2s}
.mkr .mkr-colc:hover{transform:translateY(-3px);background:#0F3A44;color:#fff}

.mkr-colc__n{font-size:13px;padding:4px 10px;border-radius:99px;background:#CCECFC;color:#022026}
.mkr-colc strong{font-family:var(--fh);font-weight:600;font-size:24px;line-height:1.05;letter-spacing:-.03em;margin-top:auto}
.mkr-colc span:not(.mkr-colc__n){font-size:14px;color:rgba(255,255,255,.72)}
.mkr .mkr-colc,.mkr .mkr-colc strong,.mkr .mkr-colc i{color:#fff}
.mkr-colc i{position:absolute;top:18px;right:20px;font-style:normal;font-size:22px;transition:transform .2s}
.mkr-colc:hover i{transform:translateX(4px)}

/* ── Barra de filtros ── */
.mkr-bar{position:sticky;top:var(--mkr-top,84px);z-index:5;display:grid;gap:12px;padding:12px 0 16px;margin:0 0 22px;background:#F7F7F7}
.mkr-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.mkr-tabs::-webkit-scrollbar{display:none}
.mkr .mkr-tabs button{flex:0 0 auto;height:38px;padding:0 16px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}
.mkr .mkr-tabs button:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.mkr .mkr-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.mkr-fil{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mkr-q{flex:1 1 240px;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.mkr-q svg{width:18px;height:18px;color:var(--ink2);flex:0 0 18px}
.mkr .mkr-q input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:15px;color:var(--ink);padding:0;height:auto}
.mkr .mkr-fil select{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 34px 0 12px;font:inherit;font-size:14px;color:var(--ink);background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23022026' stroke-width='1.6'/></svg>") no-repeat right 12px center;-webkit-appearance:none;appearance:none;cursor:pointer}
.mkr .mkr-fil select.is-on{border-color:var(--ink);background-color:var(--blue)}

/* ── Rejilla ── */
.mkr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}
.mkr-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mkr-vacio{text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:14px}
.mkr-vacio[hidden]{display:none}
.mkr .mkr-vacio button{margin-top:8px;height:42px;padding:0 18px;border:0;border-radius:10px;background:var(--ink);color:#fff;font:inherit;cursor:pointer}

@media (max-width:1024px){.mkr-bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mkr-card--xl{grid-column:1/-1;grid-row:auto}.mkr-col__g{grid-template-columns:repeat(2,minmax(0,1fr))}.mkr-grid,.mkr-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mkr-bento,.mkr-grid,.mkr-grid--3{grid-template-columns:minmax(0,1fr)}.mkr-col__g{grid-template-columns:minmax(0,1fr)}.mkr .mkr-colc{min-height:150px}.mkr-bar{position:static}.mkr .mkr-fil select{flex:1 1 45%}}

/* ════════ Ficha de recurso ════════ */
.mkr-in{padding:0 5%}
.mkr-f__hero{background:#022026;color:#fff;padding:clamp(36px,4vw,56px) 0 clamp(40px,4vw,56px)}
.mkr-f__bc{display:flex;gap:8px;font-size:14px;color:rgba(255,255,255,.6);margin:0 0 clamp(28px,3vw,44px)}
.mkr-f__bc a{color:rgba(255,255,255,.85);text-decoration:none}
.mkr-f__bc a:hover{color:#fff;text-decoration:underline}
.mkr-f__g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center}
.mkr-f__chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.mkr-f__chips .mkr-acc{position:static;box-shadow:none}
.mkr-f__chips .mkr-acc--pro{background:var(--blue);color:var(--ink)}
.mkr-chip{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:99px;border:1px solid rgba(255,255,255,.25);font-size:13px;color:#fff}
.mkr-chip--demo{border-color:#F2D16B;color:#F2D16B}
.mkr-f h1{font-family:var(--fh);font-weight:600;font-size:clamp(40px,4.6vw,84px);line-height:1;letter-spacing:-.045em;margin:0 0 20px;color:#fff}
.mkr-f__lead{font-size:clamp(18px,1.35vw,22px);line-height:1.45;margin:0 0 32px;color:rgba(255,255,255,.8);max-width:32em}
.mkr-f__cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mkr-f .mkr-btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 26px;border:0;border-radius:10px;background:var(--blue);color:var(--ink);font:inherit;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:none;transition:background .15s}
.mkr-f .mkr-btn:hover{background:#fff;color:var(--ink)}
.mkr-f .mkr-btn:disabled{opacity:.7;cursor:wait}
.mkr-f .mkr-btn svg{width:20px;height:20px}
.mkr-f__nota{margin:0;font-size:14px;color:rgba(255,255,255,.65);max-width:24em}
.mkr-f__vis .mkr-vis{border-radius:18px}
.mkr-f__fases{margin-top:clamp(40px,4vw,64px);padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.mkr-f__fases p{margin:0 0 14px;font-size:13px;color:rgba(255,255,255,.6)}
.mkr-f__fases ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.mkr-f__fases li{display:grid;gap:8px;font-size:12px;line-height:1.3;color:rgba(255,255,255,.45);padding-top:12px;border-top:3px solid rgba(255,255,255,.14)}
.mkr-f__fases li span{font-size:12px}
.mkr-f__fases li.on{color:#fff;border-top-color:var(--blue)}
.mkr-f__cuerpo{background:#F7F7F7;padding:clamp(48px,5vw,88px) 0}
.mkr-f__cg{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(32px,5vw,80px);align-items:start}
.mkr-f__main h2{font-family:var(--fh);font-weight:600;font-size:clamp(26px,2.2vw,36px);letter-spacing:-.03em;margin:0 0 18px;padding-top:18px;border-top:2px solid var(--ink)}
.mkr-f__main h2:not(:first-child){margin-top:48px}
.mkr-f__inc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.mkr-f__inc li{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:12px;padding:16px;font-size:16px;line-height:1.4}
.mkr-f__inc li::before{content:"";flex:0 0 20px;height:20px;border-radius:6px;background:var(--blue) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M5 9.2l2.6 2.6L13 6.4' fill='none' stroke='%23022026' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/20px no-repeat}
.mkr-f__txt2 p,.mkr-f__para{font-size:18px;line-height:1.6;margin:0 0 14px;color:var(--ink)}
.mkr-f__aside{position:sticky;top:110px;display:grid;gap:12px}
.mkr-f__datos,.mkr-f__diag{background:#fff;border-radius:16px;padding:24px}
.mkr-f__dt{font-family:var(--fh);font-weight:600;font-size:20px;letter-spacing:-.02em;margin:0 0 12px}
.mkr-f__datos dl{margin:0;display:grid}
.mkr-f__datos dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.mkr-f__datos dt{color:var(--ink2)}
.mkr-f__datos dd{margin:0;text-align:right;font-weight:500}
.mkr-f__diag{background:var(--ink);color:#fff}
.mkr-f__diag p{margin:0 0 14px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.85)}
.mkr-f__diag .mkr-f__dt{color:#fff}
.mkr-f__diag a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.mkr-f__rel{background:#fff;padding:clamp(48px,5vw,88px) 0}
@media (max-width:900px){.mkr-f__g,.mkr-f__cg{grid-template-columns:minmax(0,1fr)}.mkr-f__aside{position:static}.mkr-f__fases ol{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}.mkr-f__inc{grid-template-columns:minmax(0,1fr)}}
.mkr .mkr-fil select{width:auto;max-width:100%;flex:0 1 auto;margin:0}
.mkr .mkr-q{margin:0}
@media (max-width:1024px){.mkr-card--xl .mkr-vis{aspect-ratio:16/10}}
.mkr>section:last-child{margin-bottom:0}
.mkr .mkr-colc strong,.mkr .mkr-colc span:not(.mkr-colc__n){max-width:100%;white-space:normal}
.mkr .mkr-colc strong{font-size:clamp(19px,1.5vw,23px)}