/* HADRIVA Designs — catálogo y fichas. Las escenas son mockups editoriales terminados. */
body.designs-page,
body.design-detail-page{
  --design-bg:#09090c;
  --design-surface:#111015;
  --design-line:rgba(241,236,228,.12);
  --design-text:#f1ece4;
  --design-muted:#b9afb8;
  color:var(--design-text);
  background:var(--design-bg);
  overflow-x:clip
}

/* Tokens compartidos por card, ficha y paleta. */
.direction-nocturne,.detail-nocturne{
  --tone-bg:#0a090d;--tone-surface:#211d23;--tone-text:#f2eadf;--tone-muted:#c1b4bf;
  --tone-accent:#9b72a4;--tone-accent-text:#100d12;--tone-1:#0a090d;--tone-2:#242027;
  --tone-3:#f2eadf;--tone-4:#624064;--tone-5:#ad96b3;--tone-6:#82558b
}
.direction-verdant,.detail-verdant{
  --tone-bg:#07100b;--tone-surface:#172019;--tone-text:#f0f1e8;--tone-muted:#b4bcae;
  --tone-accent:#9bb56d;--tone-accent-text:#07100a;--tone-1:#07100b;--tone-2:#222722;
  --tone-3:#3e604a;--tone-4:#80936b;--tone-5:#d9ddc9;--tone-6:#b9c96a
}
.direction-paper,.detail-paper{
  --tone-bg:#eee5d4;--tone-surface:#fff8e9;--tone-text:#28231d;--tone-muted:#5d554b;
  --tone-accent:#a93624;--tone-accent-text:#fff8ee;--tone-1:#eee5d4;--tone-2:#fff8e9;
  --tone-3:#28231d;--tone-4:#b43f2a;--tone-5:#b98535;--tone-6:#3f634b
}
.direction-monolith,.detail-monolith{
  --tone-bg:#e8e5de;--tone-surface:#f4f1ea;--tone-text:#25282b;--tone-muted:#555c61;
  --tone-accent:#526a7d;--tone-accent-text:#fff;--tone-1:#25282b;--tone-2:#8d9192;
  --tone-3:#f1eee7;--tone-4:#657b8c;--tone-5:#c4c1ba;--tone-6:#3f5668
}
.direction-cobalt,.detail-cobalt{
  --tone-bg:#071323;--tone-surface:#14243a;--tone-text:#f5f1e9;--tone-muted:#b4bfd0;
  --tone-accent:#3677df;--tone-accent-text:#fff;--tone-1:#071323;--tone-2:#1e2d42;
  --tone-3:#286ddd;--tone-4:#d9cbb8;--tone-5:#d98262;--tone-6:#e8eff7
}
.direction-atelier,.detail-atelier{
  --tone-bg:#2a1a17;--tone-surface:#3a2621;--tone-text:#f3e7d6;--tone-muted:#d4bfad;
  --tone-accent:#aa644d;--tone-accent-text:#fff8ef;--tone-1:#2a1a17;--tone-2:#f0e2cf;
  --tone-3:#b66f56;--tone-4:#9a7657;--tone-5:#7c3f46;--tone-6:#aa644d
}
.direction-pulse,.detail-pulse{
  --tone-bg:#fff;--tone-surface:#f4f0e9;--tone-text:#111;--tone-muted:#514b46;
  --tone-accent:#d93619;--tone-accent-text:#fff;--tone-1:#fff;--tone-2:#111;
  --tone-3:#e43d1e;--tone-4:#ef6a2e;--tone-5:#d9d3c9;--tone-6:#f3bf3e
}
.direction-aer,.detail-aer{
  --tone-bg:#f7f5ed;--tone-surface:#fffef9;--tone-text:#20272b;--tone-muted:#657078;
  --tone-accent:#6d8aa0;--tone-accent-text:#fff;--tone-1:#fffef9;--tone-2:#dce8ed;
  --tone-3:#344047;--tone-4:#f0cf76;--tone-5:#9db7c3;--tone-6:#7790a2
}
.direction-terrain,.detail-terrain{
  --tone-bg:#d8cfbb;--tone-surface:#e9dfcd;--tone-text:#2c3026;--tone-muted:#565948;
  --tone-accent:#4d5d38;--tone-accent-text:#fff;--tone-1:#ddd0b5;--tone-2:#aa9a7b;
  --tone-3:#435339;--tone-4:#829075;--tone-5:#9a5e43;--tone-6:#312c26
}
.direction-alloy,.detail-alloy{
  --tone-bg:#111416;--tone-surface:#24292a;--tone-text:#f0eee8;--tone-muted:#b6b8b1;
  --tone-accent:#aab56a;--tone-accent-text:#10130f;--tone-1:#111416;--tone-2:#9b9f9d;
  --tone-3:#eceee9;--tone-4:#9a7a4d;--tone-5:#62685d;--tone-6:#aab56a
}
.direction-silk,.detail-silk{
  --tone-bg:#f1e9e4;--tone-surface:#fff9f5;--tone-text:#3c292b;--tone-muted:#756163;
  --tone-accent:#8f4053;--tone-accent-text:#fff8f5;--tone-1:#eee4dc;--tone-2:#fff9f5;
  --tone-3:#5b3b3a;--tone-4:#c58f99;--tone-5:#7f3047;--tone-6:#9ca48d
}
.direction-meridian,.detail-meridian{
  --tone-bg:#071522;--tone-surface:#10273a;--tone-text:#f2eee7;--tone-muted:#b8c1c8;
  --tone-accent:#b28a55;--tone-accent-text:#101820;--tone-1:#071522;--tone-2:#f2eee7;
  --tone-3:#702f38;--tone-4:#b28a55;--tone-5:#667786;--tone-6:#b7cad5
}
.direction-charter,.detail-charter{
  --tone-bg:#241315;--tone-surface:#352024;--tone-text:#f4eee4;--tone-muted:#c8b9ad;
  --tone-accent:#9b5d66;--tone-accent-text:#fff8f0;--tone-1:#241315;--tone-2:#6f2937;
  --tone-3:#252326;--tone-4:#f4eee4;--tone-5:#d2c2aa;--tone-6:#9b5d66
}
.direction-lumen,.detail-lumen{
  --tone-bg:#edf0e8;--tone-surface:#faf8ef;--tone-text:#24302f;--tone-muted:#63706c;
  --tone-accent:#2f6865;--tone-accent-text:#fff;--tone-1:#faf8ef;--tone-2:#1f5755;
  --tone-3:#a8b8a0;--tone-4:#a8a0b8;--tone-5:#747c78;--tone-6:#283130
}
.direction-ember,.detail-ember{
  --tone-bg:#301a15;--tone-surface:#46271f;--tone-text:#f5ead8;--tone-muted:#d0baa3;
  --tone-accent:#bc6a45;--tone-accent-text:#fff7ea;--tone-1:#a95135;--tone-2:#68703f;
  --tone-3:#f1dfbf;--tone-4:#2d1e19;--tone-5:#743640;--tone-6:#c5903d
}

/* Catálogo aprobado: hero compacto + 15 cards, 3 / 2 / 1 columnas. */
.designs-hero{
  padding:clamp(5.5rem,8vw,6.75rem) 0 clamp(2.2rem,4vw,3rem);
  border-bottom:1px solid var(--design-line);
  background:radial-gradient(circle at 50% 20%,rgba(100,67,111,.13),transparent 24rem),#09090c
}
.designs-hero__inner{max-width:720px;margin-inline:auto;text-align:center}
.designs-page .designs-hero h1{
  margin:0;font-size:clamp(2.125rem,3.25vw,2.625rem);line-height:1.08;letter-spacing:-.035em
}
.designs-hero__lead{
  max-width:620px;margin:1rem auto 0;color:var(--design-muted);font-size:.9375rem;line-height:1.62
}
.designs-collection{padding-block:clamp(2.8rem,5vw,4.5rem);background:#0b0a0d}
.design-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.direction-card{
  --card-bg:var(--tone-bg);--card-fg:var(--tone-text);--card-muted:var(--tone-muted);
  --card-line:color-mix(in srgb,var(--tone-text) 16%,transparent);--accent:var(--tone-accent);
  min-width:0;display:grid;grid-template-rows:240px auto;overflow:hidden;border:1px solid var(--card-line);
  border-radius:11px;background:var(--card-bg);color:var(--card-fg);text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.18);
  transition:transform 220ms ease,border-color 180ms ease,box-shadow 220ms ease
}
.direction-monolith,.direction-pulse{border-radius:3px}
.direction-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.direction-preview{
  position:relative;min-width:0;display:block;overflow:hidden;border-bottom:1px solid var(--card-line);background:var(--tone-1)
}
.direction-copy{display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.1rem 1.15rem}
.direction-copy strong{display:flex;gap:.6rem;align-items:baseline;font-size:1.125rem;font-weight:650;line-height:1.2}
.direction-copy strong small{color:var(--card-muted);font-size:.75rem;font-weight:750;letter-spacing:.1em}
.direction-copy>span:not(.card-palette){color:var(--card-muted);font-size:.875rem;line-height:1.45}
.direction-paper .direction-copy strong,.direction-atelier .direction-copy strong{font-family:Georgia,"Times New Roman",serif}
.card-palette{display:flex;gap:5px;margin-top:.2rem}
.card-palette i{width:25px;height:10px;border:1px solid var(--card-line);border-radius:2px;background:var(--tone-1)}
.card-palette i:nth-child(2){background:var(--tone-2)}.card-palette i:nth-child(3){background:var(--tone-3)}
.card-palette i:nth-child(4){background:var(--tone-4)}.card-palette i:nth-child(5){background:var(--tone-5)}
.card-palette i:nth-child(6){background:var(--tone-6)}

/* Base de escenas: contenido real, sin skeletons ni placeholders. */
.design-scene{
  --scene-micro:7px;--scene-small:8px;--scene-body:9px;--scene-display:25px;
  position:absolute;inset:0;display:block;overflow:hidden;isolation:isolate;font-family:var(--font-body,Arial,sans-serif)
}
.design-scene,.design-scene *{box-sizing:border-box}
.design-scene span,.design-scene strong,.design-scene small,.design-scene b,.design-scene em{display:block}
.design-scene img{width:100%;height:100%;display:block;object-fit:cover}
.detail-preview .design-scene{
  --scene-micro:9px;--scene-small:10px;--scene-body:12px;--scene-display:40px
}

/* 01 Nocturne — materia oscura + voz editorial + una única señal digital. */
.scene-nocturne{color:#f2eadf;background:#09090d}
.scene-nocturne>.scene-photo{position:absolute;inset:0;object-position:center}
.scene-nocturne::after{
  content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,6,9,.96) 0,rgba(9,8,11,.83) 35%,rgba(9,8,11,.22) 70%,rgba(9,8,11,.42))
}
.nocturne-frame{position:absolute;z-index:2;inset:12px;border:1px solid rgba(242,234,223,.22)}
.nocturne-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:9px 11px;border-bottom:1px solid rgba(242,234,223,.2);font-size:var(--scene-micro);letter-spacing:.12em;text-transform:uppercase}
.nocturne-nav b{font-weight:800}.nocturne-nav span{color:#c1b4bf}
.nocturne-message{position:absolute;top:25%;left:6%;width:51%}
.nocturne-message small{margin-bottom:8px;color:#c7a8cc;font-size:var(--scene-micro);font-weight:750;letter-spacing:.14em}
.nocturne-message strong{font:500 var(--scene-display)/.94 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.nocturne-message em{width:max-content;margin-top:12px;padding:6px 9px;background:#f2eadf;color:#171118;font-size:var(--scene-small);font-style:normal;font-weight:750}
.nocturne-signal{position:absolute;right:4%;bottom:7%;width:31%;padding:9px;border:1px solid rgba(242,234,223,.22);background:rgba(22,17,24,.76);backdrop-filter:blur(5px)}
.nocturne-signal small{color:#c1b4bf;font-size:var(--scene-micro);letter-spacing:.11em}
.nocturne-signal b{margin-top:5px;color:#f2eadf;font-size:calc(var(--scene-body) * 1.55);line-height:1}
.nocturne-signal span{margin-top:4px;color:#c1b4bf;font-size:var(--scene-micro)}

/* 02 Verdant — software operativo con datos y estados comprensibles. */
.scene-verdant{color:#edf2ed;background:#08100b}
.verdant-app{position:absolute;inset:10px;display:grid!important;grid-template-columns:19% 1fr;overflow:hidden;border:1px solid rgba(225,238,228,.2);background:#101913}
.verdant-sidebar{position:relative;padding:10px 7px;border-right:1px solid rgba(225,238,228,.14);background:#0b130e}
.verdant-brand{padding-bottom:9px;border-bottom:1px solid rgba(225,238,228,.13);color:#dce7dd;font-size:var(--scene-small);font-weight:800;letter-spacing:.13em}
.verdant-nav{display:grid!important;gap:8px;margin-top:13px;color:#7f9083;font-size:var(--scene-micro);font-weight:700}
.verdant-nav b{color:#78ca87;font-weight:750}
.verdant-site{position:absolute;bottom:9px;left:7px;color:#77897b;font-size:var(--scene-micro)}
.verdant-main{min-width:0;padding:9px 10px;background:linear-gradient(145deg,rgba(117,201,135,.035),transparent 52%),#111a14}
.verdant-top{display:flex!important;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid rgba(225,238,228,.13)}
.verdant-top strong{font-size:var(--scene-small)}.verdant-live{color:#7ed18d;font-size:var(--scene-micro);font-weight:750}.verdant-live::before{content:"● ";font-size:.72em}
.verdant-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}
.verdant-metric{min-width:0;padding:6px;border:1px solid rgba(225,238,228,.13);background:#16221a}
.verdant-metric small{overflow:hidden;color:#95a599;font-size:var(--scene-micro);white-space:nowrap;text-overflow:ellipsis}
.verdant-metric b{margin-top:3px;font-size:calc(var(--scene-body) * 1.2)}.verdant-metric em{margin-top:2px;color:#75c987;font-size:var(--scene-micro);font-style:normal}
.verdant-workspace{display:grid!important;grid-template-columns:1.1fr .9fr;gap:6px;margin-top:6px}
.verdant-chart,.verdant-queue{min-width:0;padding:6px;border:1px solid rgba(225,238,228,.13);background:#0d160f}
.verdant-panel-head{display:flex!important;justify-content:space-between;color:#95a599;font-size:var(--scene-micro)}.verdant-panel-head b{color:#edf2ed}
.verdant-chart svg{width:100%;height:42px;display:block;margin-top:3px}.verdant-chart .chart-grid{fill:none;stroke:rgba(225,238,228,.12);stroke-width:1}.verdant-chart .chart-area{fill:rgba(117,201,135,.12)}.verdant-chart .chart-line{fill:none;stroke:#75c987;stroke-width:2}
.queue-row{display:grid!important;grid-template-columns:1fr auto;gap:5px;padding:4px 0;border-bottom:1px solid rgba(225,238,228,.1);color:#9faf9f;font-size:var(--scene-micro)}.queue-row:last-child{border:0}.queue-row b{color:#dfe8e0;font-weight:700}.queue-row em{color:#75c987;font-style:normal}

/* 03 Paper Signal — spread editorial contemporáneo y táctil. */
.scene-paper{color:#28231d;background:#d8cbb5;font-family:Arial,sans-serif}
.paper-shell{position:absolute;inset:10px 14px;display:grid!important;grid-template-columns:54% 46%;grid-template-rows:25px 1fr;overflow:hidden;background:#f7efdf;box-shadow:7px 7px 0 rgba(73,54,35,.16)}
.paper-head{grid-column:1/-1;display:grid!important;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:0 9px;border-bottom:1px solid rgba(40,35,29,.34);font-size:var(--scene-micro);letter-spacing:.08em;text-transform:uppercase}
.paper-head b{font:700 calc(var(--scene-body) * 1.05)/1 Georgia,"Times New Roman",serif;letter-spacing:.02em}.paper-head span{color:#5d554b}.paper-head small{color:#a93624;font-size:inherit}
.paper-photo{position:relative;min-width:0;overflow:hidden;border-right:1px solid rgba(40,35,29,.34)}
.paper-photo img{object-position:43% center}
.paper-photo-note{position:absolute;right:7px;bottom:7px;padding:5px 7px;background:#3f634b;color:#fff8e9;font-size:var(--scene-micro);font-weight:750;letter-spacing:.08em}
.paper-copy{position:relative;padding:12px 11px 9px}
.paper-copy small{color:#a93624;font-size:var(--scene-micro);font-weight:800;letter-spacing:.12em}
.paper-copy strong{margin-top:8px;font:600 calc(var(--scene-display) * .66)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.paper-copy span{margin-top:9px;color:#5d554b;font-size:var(--scene-small);line-height:1.45}
.paper-copy em{width:max-content;margin-top:10px;border-bottom:1px solid #28231d;color:#28231d;font-size:var(--scene-small);font-style:normal;font-weight:750}
.paper-folio{position:absolute;right:9px;bottom:7px;color:#9a6e2f;font-size:var(--scene-micro);font-weight:750;letter-spacing:.12em}

/* 04 Monolith — imagen arquitectónica, vacío y ficha técnica. */
.scene-monolith{color:#25282b;background:#e8e5de}
.scene-monolith>.scene-photo{position:absolute;inset:0;object-position:center}
.scene-monolith::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(241,238,231,.95),rgba(241,238,231,.82) 38%,transparent 68%)}
.monolith-shell{position:absolute;z-index:2;inset:11px;border:1px solid rgba(37,40,43,.45)}
.monolith-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(37,40,43,.44);font-size:var(--scene-micro);font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.monolith-copy{position:absolute;top:25%;left:5%;width:48%}
.monolith-copy small{color:#526a7d;font-size:var(--scene-micro);font-weight:800;letter-spacing:.13em}
.monolith-copy strong{margin-top:7px;font-size:calc(var(--scene-display) * .9);font-weight:780;line-height:.9;letter-spacing:-.055em;text-transform:uppercase}
.monolith-spec{position:absolute;bottom:6%;left:5%;width:42%;display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px 0;border-top:1px solid rgba(37,40,43,.55);border-bottom:1px solid rgba(37,40,43,.55)}
.monolith-spec span{color:#555c61;font-size:var(--scene-micro);line-height:1.35}.monolith-spec b{color:#25282b;font-size:var(--scene-micro)}

/* 05 Cobalt — landing SaaS y analítica real en una sola composición. */
.scene-cobalt{color:#f3f7ff;background:linear-gradient(135deg,#071024,#0d1b37)}
.cobalt-shell{position:absolute;inset:10px;overflow:hidden;border:1px solid rgba(171,198,242,.25);border-radius:7px;background:linear-gradient(135deg,rgba(57,119,238,.08),transparent 42%),#0a1730}
.cobalt-nav{height:27px;display:flex!important;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid rgba(171,198,242,.2);font-size:var(--scene-micro)}
.cobalt-nav b{font-size:var(--scene-small);letter-spacing:.12em}.cobalt-nav span{color:#aec0dd}.cobalt-nav em{padding:4px 7px;border-radius:2px;background:#3977ee;color:#fff;font-style:normal;font-weight:750}
.cobalt-copy{position:absolute;top:26%;left:5%;width:35%}
.cobalt-copy small{color:#86a7db;font-size:var(--scene-micro);font-weight:750;letter-spacing:.11em}.cobalt-copy strong{margin-top:7px;font-size:calc(var(--scene-display) * .72);line-height:.96;letter-spacing:-.04em}.cobalt-copy span{margin-top:9px;color:#aec0dd;font-size:var(--scene-small);line-height:1.4}
.cobalt-product{position:absolute;right:3%;bottom:6%;width:56%;height:70%;overflow:hidden;border:1px solid rgba(157,184,224,.5);border-radius:5px;background:#f5f8ff;color:#14203a;box-shadow:0 18px 42px rgba(1,7,19,.28)}
.cobalt-product-head{display:flex!important;justify-content:space-between;align-items:center;padding:7px 8px;border-bottom:1px solid #ced9eb;font-size:var(--scene-micro)}.cobalt-product-head b{font-size:var(--scene-small)}.cobalt-product-head span{color:#53657e}
.cobalt-metrics{display:grid!important;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d9e2ef}.cobalt-metrics span{padding:6px;border-right:1px solid #d9e2ef;color:#617088;font-size:var(--scene-micro)}.cobalt-metrics span:last-child{border:0}.cobalt-metrics b{margin-top:2px;color:#14203a;font-size:calc(var(--scene-body) * 1.08)}
.cobalt-chart{position:absolute;left:8px;right:38%;bottom:9px;top:57%;padding-top:2px}.cobalt-chart small{color:#53657e;font-size:var(--scene-micro)}.cobalt-chart svg{width:100%;height:42px;display:block}.cobalt-chart .chart-area{fill:rgba(57,119,238,.12)}.cobalt-chart .chart-line{fill:none;stroke:#3977ee;stroke-width:2}.cobalt-chart .chart-axis{fill:none;stroke:#d1dceb;stroke-width:1}
.cobalt-events{position:absolute;right:8px;bottom:8px;width:34%;top:57%;font-size:var(--scene-micro)}.cobalt-events>small{color:#53657e}.cobalt-event{display:flex!important;justify-content:space-between;padding:5px 0;border-bottom:1px solid #d9e2ef}.cobalt-event b{font-weight:750}.cobalt-event em{color:#245dcc;font-style:normal}

/* 06 Atelier — fotografía de hospitality con rail editorial mínimo. */
.scene-atelier{--atelier-rail:30%;color:#f3e7d6;background:#2a1a17}
.atelier-photo{position:absolute;top:0;right:0;bottom:0;left:var(--atelier-rail)}.atelier-photo img{object-position:center}
.atelier-rail{position:absolute;z-index:1;top:0;bottom:0;left:0;width:var(--atelier-rail);padding:12px 10px;background:#2a1a17}
.atelier-brand{padding-bottom:8px;border-bottom:1px solid rgba(243,231,214,.28);font:600 var(--scene-small)/1 Georgia,"Times New Roman",serif;letter-spacing:.13em}
.atelier-message{position:absolute;z-index:2;top:27%;left:6%;width:45%}
.atelier-message small{color:#d7b59f;font-size:var(--scene-micro);font-weight:750;letter-spacing:.12em}
.atelier-message strong{margin-top:8px;font:500 calc(var(--scene-display) * .72)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.035em;text-shadow:0 2px 16px rgba(32,17,14,.55)}
.atelier-message em{width:max-content;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #f3e7d6;font-size:var(--scene-small);font-style:normal;font-weight:750}
.atelier-note{position:absolute;z-index:2;right:3%;bottom:5%;padding:8px 9px;background:rgba(42,26,23,.86);color:#f3e7d6;font-size:var(--scene-micro);letter-spacing:.08em}.atelier-note b{margin-top:3px;color:#d9b9a2}

/* 07 Pulse — campaña de producto, una imagen y un gesto cromático. */
.scene-pulse{color:#111;background:#fff}
.scene-pulse>.scene-photo{position:absolute;inset:0;object-position:center}
.pulse-shell{position:absolute;z-index:1;inset:10px;border:2px solid #111}
.pulse-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:7px 9px;border-bottom:2px solid #111;font-size:var(--scene-micro);font-weight:800;letter-spacing:.09em}.pulse-nav span{color:#d93619}
.pulse-message{position:absolute;top:25%;left:4%;width:38%}
.pulse-message small{color:#d93619;font-size:var(--scene-micro);font-weight:850;letter-spacing:.12em}
.pulse-message strong{margin-top:5px;font-size:calc(var(--scene-display) * 1.06);font-weight:900;line-height:.82;letter-spacing:-.07em;text-transform:uppercase}
.pulse-message em{width:max-content;margin-top:12px;padding:6px 8px;background:#111;color:#fff;font-size:var(--scene-small);font-style:normal;font-weight:800}
.pulse-drop{position:absolute;bottom:0;left:0;padding:7px 9px;background:#d93619;color:#fff;font-size:var(--scene-micro);font-weight:800;letter-spacing:.1em}

/* 08 Aer — whitespace como textura y un único módulo de trabajo real. */
.scene-aer{color:#26343d;background:radial-gradient(ellipse at 50% 115%,rgba(128,158,175,.2),transparent 52%),linear-gradient(145deg,#fbfcfc,#edf3f5)}
.aer-shell{position:absolute;inset:10px 14px;border:1px solid rgba(45,70,86,.25);background:rgba(255,255,255,.5)}
.aer-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(45,70,86,.2);font-size:var(--scene-micro)}.aer-nav b{font-size:var(--scene-small);letter-spacing:.12em}.aer-nav span{color:#536873}.aer-nav em{padding:4px 7px;background:#26343d;color:#fff;font-style:normal;font-weight:750}
.aer-message{position:absolute;top:23%;right:18%;left:18%;text-align:center}
.aer-message small{color:#557a91;font-size:var(--scene-micro);font-weight:800;letter-spacing:.11em}.aer-message strong{margin-top:6px;font-size:calc(var(--scene-display) * .7);font-weight:650;line-height:.98;letter-spacing:-.04em}.aer-message strong em{display:inline;font:italic 500 1.08em/1 Georgia,"Times New Roman",serif;color:#557a91}
.aer-workflow{position:absolute;right:11%;bottom:7%;left:11%;display:grid!important;grid-template-columns:1fr 1fr .72fr;border:1px solid rgba(45,70,86,.24);background:#fff;box-shadow:0 12px 30px rgba(60,85,99,.1)}
.aer-step{padding:7px;border-right:1px solid rgba(45,70,86,.16);font-size:var(--scene-micro)}.aer-step:last-child{border:0}.aer-step small{color:#607681}.aer-step b{margin-top:3px;font-size:var(--scene-small)}.aer-step em{margin-top:3px;color:#557a91;font-style:normal}

/* 09 Terrain — panorama, materialidad y una ficha de estadía. */
.scene-terrain{color:#f4eddf;background:#b6a381}
.scene-terrain>.scene-photo{position:absolute;inset:0;object-position:center}
.scene-terrain::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(25,31,26,.72),rgba(25,31,26,.18) 52%,transparent 76%),linear-gradient(0deg,rgba(22,28,23,.42),transparent 45%)}
.terrain-shell{position:absolute;z-index:2;inset:11px;border:1px solid rgba(245,238,224,.62)}
.terrain-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(245,238,224,.5);font-size:var(--scene-micro);font-weight:750;letter-spacing:.1em;text-transform:uppercase}.terrain-nav span{color:#e0d4bf}
.terrain-message{position:absolute;top:25%;left:5%;width:43%}.terrain-message small{color:#d9c8ab;font-size:var(--scene-micro);font-weight:800;letter-spacing:.12em}.terrain-message strong{margin-top:7px;font:500 calc(var(--scene-display) * .82)/.94 Georgia,"Times New Roman",serif;letter-spacing:-.04em;text-shadow:0 2px 16px rgba(16,22,17,.4)}
.terrain-stay{position:absolute;right:3%;bottom:5%;display:grid!important;grid-template-columns:1fr auto;gap:12px;align-items:end;min-width:36%;padding:8px 9px;background:#e8decb;color:#283329}.terrain-stay small{font-size:var(--scene-micro);letter-spacing:.08em}.terrain-stay b{margin-top:3px;font-size:var(--scene-small)}.terrain-stay em{padding-bottom:2px;border-bottom:1px solid #405a42;color:#405a42;font-size:var(--scene-micro);font-style:normal;font-weight:800}

/* Fichas minimalistas aprobadas. */
.design-detail-page{
  --d-bg:var(--tone-bg);--d-surface:var(--tone-surface);--d-surface-2:var(--tone-2);
  --d-text:var(--tone-text);--d-muted:var(--tone-muted);--d-line:color-mix(in srgb,var(--tone-text) 20%,transparent);
  --d-accent:var(--tone-accent);--d-accent-text:var(--tone-accent-text);
  --detail-accent-text:var(--d-accent);--detail-cta-bg:var(--d-accent);
  --sw1:var(--tone-1);--sw2:var(--tone-2);--sw3:var(--tone-3);--sw4:var(--tone-4);--sw5:var(--tone-5);--sw6:var(--tone-6);
  background:var(--d-bg);color:var(--d-text)
}
.detail-cobalt{--detail-cta-bg:#3269d6;--detail-accent-text:#3f7ff4}
.detail-atelier{--detail-accent-text:#c17a61;--detail-cta-bg:#9f5842}
.detail-aer{--detail-accent-text:#4c7087}
.detail-monolith{--detail-accent-text:#4f6678}
.design-detail-page main{background:var(--d-bg);color:var(--d-text)}
.design-detail-page .site-header{background:rgba(9,9,13,.96);border-color:rgba(240,233,223,.12)}
.direction-hero{padding:clamp(5.5rem,8vw,6.75rem) 0 clamp(2.5rem,4.5vw,3.5rem);border-bottom:1px solid var(--d-line);background:var(--d-bg)}
.direction-hero-grid{display:grid;grid-template-columns:minmax(0,.58fr) minmax(380px,1.42fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.direction-breadcrumb{display:inline-block;margin-bottom:.9rem;color:var(--d-muted);font-size:.75rem;text-decoration:none}
.direction-breadcrumb:focus-visible{outline:2px solid var(--d-accent);outline-offset:4px}
.direction-hero h1{margin:0;font-size:clamp(2.125rem,3.25vw,2.625rem);line-height:1.06;letter-spacing:-.035em}
.direction-kicker{margin:.65rem 0 0;color:var(--d-muted);font-size:.875rem;letter-spacing:.035em}
.detail-paper .direction-hero h1,.detail-atelier .direction-hero h1{font-family:Georgia,"Times New Roman",serif}
.detail-preview{position:relative;min-height:326px;aspect-ratio:16/9;overflow:hidden;margin:0;border:1px solid var(--d-line);border-radius:11px;background:var(--d-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 62px rgba(0,0,0,.22)}
.detail-monolith .detail-preview,.detail-pulse .detail-preview{border-radius:3px}
.detail-preview .nocturne-frame{inset:18px}.detail-preview .verdant-app{inset:15px}.detail-preview .paper-shell{inset:15px 22px}.detail-preview .monolith-shell{inset:16px}.detail-preview .cobalt-shell{inset:15px}.detail-preview .pulse-shell{inset:15px}.detail-preview .aer-shell{inset:15px 22px}.detail-preview .terrain-shell{inset:16px}.detail-preview .scene-atelier{--atelier-rail:26%}
.direction-info{padding-block:clamp(2.8rem,5vw,4.5rem);background:var(--d-bg)}
.direction-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,6rem)}
.direction-info .eyebrow,.direction-fit .eyebrow{color:var(--detail-accent-text);font-size:.75rem}
.direction-info h2,.direction-cta h2{margin:.5rem 0 0;color:var(--d-text);font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.15}
.direction-info p:not(.eyebrow){max-width:58ch;margin:.8rem 0 0;color:var(--d-muted);font-size:.9375rem;line-height:1.65}
.direction-palette{display:flex;gap:8px;margin:1rem 0 0;padding:0;list-style:none}
.direction-palette li{flex:1;min-width:0}.direction-palette i{display:block;height:46px;border:1px solid var(--d-line);border-radius:4px;background:var(--sw1)}
.direction-palette li:nth-child(2) i{background:var(--sw2)}.direction-palette li:nth-child(3) i{background:var(--sw3)}.direction-palette li:nth-child(4) i{background:var(--sw4)}.direction-palette li:nth-child(5) i{background:var(--sw5)}.direction-palette li:nth-child(6) i{background:var(--sw6)}
.direction-palette span{display:block;margin-top:.4rem;color:var(--d-muted);font-size:.75rem;line-height:1.3}
.direction-fit{margin-top:2rem}.direction-fit-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none}
.direction-fit-list li{padding:.45rem .68rem;border:1px solid var(--d-line);border-radius:4px;color:var(--d-muted);font-size:.8125rem}
.direction-cta{padding:0 0 clamp(3rem,5vw,4.5rem);background:var(--d-bg)}
.direction-cta-inner{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:clamp(1.4rem,2.5vw,2rem);border:1px solid var(--d-line);border-radius:10px;background:var(--d-surface)}
.direction-cta .button{border-color:var(--d-line);background:var(--detail-cta-bg);color:var(--d-accent-text);text-decoration:none}

@media(hover:hover) and (pointer:fine){
  .direction-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 23px 58px rgba(0,0,0,.24)}
}
@media(max-width:980px){
  .design-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
  .direction-hero-grid{grid-template-columns:1fr}.detail-preview{min-height:310px}.direction-info-grid{gap:2rem}
}
@media(max-width:640px){
  .designs-hero{padding-top:5rem}.design-catalog{grid-template-columns:1fr}.direction-card{grid-template-rows:228px auto}
  .direction-hero{padding-top:5rem}.direction-hero-grid{gap:1.5rem}.detail-preview{min-height:248px;aspect-ratio:auto}
  .detail-preview .design-scene{--scene-micro:7px;--scene-small:8px;--scene-body:9px;--scene-display:27px}
  .detail-preview .scene-atelier{--atelier-rail:31%}.direction-info-grid{grid-template-columns:1fr}.direction-palette{flex-wrap:wrap}
  .direction-palette li{flex:0 0 calc(33.333% - 6px)}.direction-cta-inner{align-items:flex-start;flex-direction:column}.direction-cta .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.direction-card{transition:none}.direction-card:hover{transform:none}}

/* Premium catalog refinement: photography first, interface detail second. */
.designs-hero{
  padding:clamp(5.25rem,7vw,6.25rem) 0 clamp(2.25rem,3.8vw,3rem);
  background:
    radial-gradient(ellipse 34rem 18rem at 50% 8%,rgba(118,76,132,.14),transparent 72%),
    linear-gradient(180deg,#0a090d,#09090c)
}
.designs-hero__inner{max-width:680px}
.designs-hero__inner .eyebrow{margin-bottom:.8rem;color:#b397c3;font-size:.7rem;letter-spacing:.17em}
.designs-page .designs-hero h1{font-size:clamp(2rem,3vw,2.5rem)}
.designs-hero__lead{max-width:520px;margin-top:.75rem;font-size:.9rem}
.designs-collection{background:radial-gradient(circle at 88% 6%,rgba(94,57,108,.055),transparent 24rem),#0b0a0d}
.design-catalog{gap:16px}
.direction-card{
  grid-template-rows:258px auto;border-color:color-mix(in srgb,var(--tone-text) 14%,transparent);border-radius:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 62px rgba(0,0,0,.2)
}
.direction-monolith,.direction-pulse{border-radius:6px}
.direction-preview{background:var(--tone-1)}
.direction-preview::after{
  content:"";position:absolute;z-index:5;inset:0;border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.08);pointer-events:none
}
.direction-copy{gap:.45rem;padding:1rem 1.1rem 1.12rem}
.direction-copy strong{font-size:1.06rem;letter-spacing:-.012em}
.direction-copy>span:not(.card-palette){font-size:.8rem;letter-spacing:.012em}
.card-palette{gap:4px;margin-top:.25rem}.card-palette i{width:23px;height:8px;border-radius:3px}
.design-scene>.scene-photo{transition:transform 700ms cubic-bezier(.22,1,.36,1),filter 260ms ease}

/* Existing directions: better focal crops and quieter overlays. */
.scene-nocturne::after{background:linear-gradient(90deg,rgba(7,6,9,.86),rgba(9,8,11,.64) 36%,rgba(9,8,11,.12) 72%,rgba(9,8,11,.28))}
.scene-verdant>.scene-photo{position:absolute;inset:0;object-position:center;filter:brightness(.72) saturate(.92) contrast(1.04)}
.scene-verdant::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,12,8,.2),rgba(5,12,8,.08) 48%,rgba(5,12,8,.42)),linear-gradient(0deg,rgba(4,10,7,.55),transparent 58%)}
.scene-verdant .verdant-app{
  z-index:2;inset:auto 4% 6% auto;width:62%;display:block!important;
  border-color:rgba(224,239,226,.24);border-radius:5px;background:rgba(8,18,11,.78);
  box-shadow:0 18px 46px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(9px) saturate(108%);-webkit-backdrop-filter:blur(9px) saturate(108%)
}
.scene-verdant .verdant-sidebar,.scene-verdant .verdant-workspace{display:none!important}
.scene-verdant .verdant-main{padding:8px;background:transparent}
.scene-verdant .verdant-metrics{gap:5px}.scene-verdant .verdant-metric{background:rgba(18,35,23,.82)}

.scene-cobalt>.scene-photo{position:absolute;inset:0;object-position:center;filter:brightness(.67) saturate(.98) contrast(1.05)}
.scene-cobalt::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,12,29,.92),rgba(4,12,29,.54) 42%,rgba(4,12,29,.16) 72%),linear-gradient(0deg,rgba(3,9,23,.48),transparent 55%)}
.scene-cobalt .cobalt-shell{z-index:2;border-color:rgba(176,203,243,.3);background:transparent}
.scene-cobalt .cobalt-nav{background:rgba(5,16,38,.46);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.scene-cobalt .cobalt-copy{top:29%;width:34%;text-shadow:0 2px 14px rgba(1,7,19,.55)}
.scene-cobalt .cobalt-product{right:3.5%;bottom:5%;width:52%;height:64%;box-shadow:0 22px 46px rgba(1,7,19,.38)}

.atelier-photo{left:0}.atelier-photo img{object-position:60% center;filter:brightness(.91) saturate(.92)}
.scene-atelier::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(38,21,18,.96),rgba(38,21,18,.72) 28%,rgba(38,21,18,.13) 62%,transparent)}
.atelier-rail{z-index:2;background:linear-gradient(90deg,rgba(42,26,23,.95),rgba(42,26,23,.68) 78%,transparent)}
.atelier-message,.atelier-note{z-index:3}
.scene-pulse>.scene-photo{object-position:58% center}

.scene-aer>.scene-photo{position:absolute;inset:0;object-position:center;filter:brightness(1.02) saturate(.82) contrast(.96)}
.scene-aer::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(249,252,252,.92),rgba(249,252,252,.72) 44%,rgba(249,252,252,.12) 74%),linear-gradient(0deg,rgba(239,245,247,.42),transparent 52%)}
.scene-aer .aer-shell{z-index:2;border-color:rgba(45,70,86,.28);background:transparent}
.scene-aer .aer-nav{background:rgba(251,253,253,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.scene-aer .aer-message{top:25%;right:auto;left:6%;width:44%;text-align:left}
.scene-aer .aer-workflow{right:6%;bottom:6%;left:auto;width:58%;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.scene-terrain>.scene-photo{object-position:68% center;filter:brightness(.93) saturate(.9)}

/* 10 Alloy — precision product photography with a restrained technical layer. */
.scene-alloy{color:#f0eee8;background:#111416}
.scene-alloy>.scene-photo{position:absolute;inset:0;object-position:center;filter:brightness(.78) saturate(.78) contrast(1.08)}
.scene-alloy::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(11,14,15,.88),rgba(11,14,15,.24) 58%,rgba(11,14,15,.42)),linear-gradient(0deg,rgba(8,11,12,.55),transparent 48%)}
.alloy-shell{position:absolute;z-index:2;inset:11px;border:1px solid rgba(238,239,232,.38)}
.alloy-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(238,239,232,.3);font-size:var(--scene-micro);font-weight:750;letter-spacing:.1em;text-transform:uppercase}.alloy-nav span{color:#c2c5bd}
.alloy-message{position:absolute;top:27%;left:5%;width:46%}.alloy-message small{color:#b9c178;font-size:var(--scene-micro);font-weight:800;letter-spacing:.13em}.alloy-message strong{margin-top:7px;font-size:calc(var(--scene-display) * .9);font-weight:760;line-height:.9;letter-spacing:-.05em;text-transform:uppercase}
.alloy-spec{position:absolute;right:3%;bottom:5%;display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px;min-width:43%;padding:8px 9px;border:1px solid rgba(238,239,232,.26);background:rgba(18,22,23,.75);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.alloy-spec small{color:#aab56a;font-size:var(--scene-micro);letter-spacing:.1em}.alloy-spec b{margin-top:3px;font-size:var(--scene-small)}

/* 11 Silk — editorial beauty and wellness without ornamental clutter. */
.scene-silk{color:#3c292b;background:#eee4dc;font-family:Arial,sans-serif}
.scene-silk>.scene-photo{position:absolute;inset:0;object-position:57% center;filter:saturate(.82) contrast(.96)}
.scene-silk::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(255,249,245,.96),rgba(255,249,245,.72) 38%,rgba(255,249,245,.12) 70%)}
.silk-shell{position:absolute;z-index:2;inset:11px;border:1px solid rgba(60,41,43,.34)}
.silk-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(60,41,43,.28);font-size:var(--scene-micro);font-weight:750;letter-spacing:.11em;text-transform:uppercase}.silk-nav span{color:#756163}
.silk-message{position:absolute;top:24%;left:5%;width:43%}.silk-message small{color:#8f4053;font-size:var(--scene-micro);font-weight:800;letter-spacing:.13em}.silk-message strong{margin-top:7px;font:500 calc(var(--scene-display) * .88)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.04em}.silk-message em{width:max-content;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #8f4053;color:#61303b;font-size:var(--scene-small);font-style:normal;font-weight:750}
.silk-note{position:absolute;right:3%;bottom:5%;width:38%;padding:8px 9px;background:rgba(255,249,245,.84);box-shadow:0 12px 30px rgba(63,39,43,.12);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.silk-note small{color:#8f4053;font-size:var(--scene-micro);letter-spacing:.1em}.silk-note b{margin-top:3px;font:500 var(--scene-small)/1.3 Georgia,"Times New Roman",serif}

/* 12 Meridian — trusted professional services with urban photography. */
.scene-meridian{color:#f2eee7;background:#071522}
.scene-meridian>.scene-photo{position:absolute;inset:0;object-position:center;filter:brightness(.74) saturate(.8) contrast(1.03)}
.scene-meridian::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,15,26,.94),rgba(4,15,26,.66) 42%,rgba(4,15,26,.15) 74%),linear-gradient(0deg,rgba(4,15,26,.45),transparent 58%)}
.meridian-shell{position:absolute;z-index:2;inset:11px;border:1px solid rgba(242,238,231,.38)}
.meridian-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(242,238,231,.3);font-size:var(--scene-micro);font-weight:750;letter-spacing:.1em;text-transform:uppercase}.meridian-nav span{color:#bdc7cd}
.meridian-message{position:absolute;top:25%;left:5%;width:47%}.meridian-message small{color:#c39b65;font-size:var(--scene-micro);font-weight:800;letter-spacing:.13em}.meridian-message strong{margin-top:7px;font:500 calc(var(--scene-display) * .82)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.meridian-message em{width:max-content;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #b28a55;color:#f2eee7;font-size:var(--scene-small);font-style:normal;font-weight:750}
.meridian-proof{position:absolute;right:3%;bottom:5%;display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px;min-width:42%;padding:8px 9px;background:rgba(7,21,34,.76);border:1px solid rgba(242,238,231,.24);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.meridian-proof small{color:#c39b65;font-size:var(--scene-micro);letter-spacing:.09em}.meridian-proof b{margin-top:3px;font-size:var(--scene-small)}

.detail-preview{box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 30px 76px rgba(0,0,0,.24)}
.direction-info p:not(.eyebrow){font-size:.9rem}.direction-fit-list li{background:color-mix(in srgb,var(--d-surface) 74%,transparent)}

@media(hover:hover) and (pointer:fine){
  .direction-card:hover .scene-photo{transform:scale(1.018);filter:brightness(1) saturate(.95)}
}
@media(max-width:1120px){
  .design-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
  .direction-card{grid-template-rows:270px auto}
}
@media(max-width:640px){
  .direction-card{grid-template-rows:232px auto}
  .scene-nocturne>.scene-photo{object-position:58% center}
  .scene-verdant .verdant-app{right:4%;width:76%}
  .scene-cobalt .cobalt-copy{width:42%}.scene-cobalt .cobalt-copy>span,.scene-cobalt .cobalt-events{display:none!important}.scene-cobalt .cobalt-product{width:57%}
  .atelier-photo img{object-position:63% center}
  .scene-aer .aer-message{width:48%}.scene-aer .aer-workflow{width:64%}.scene-aer .aer-nav>span{display:none!important}
  .scene-terrain>.scene-photo{object-position:73% center}.terrain-stay{display:none!important}
  .paper-head>span{display:none!important}.paper-head{grid-template-columns:1fr auto}.paper-copy>span{display:none!important}
  .monolith-spec span:nth-child(3){display:none!important}.monolith-spec{grid-template-columns:repeat(2,1fr)}
  .alloy-nav span,.silk-nav span,.meridian-nav span{display:none!important}
  .alloy-spec,.meridian-proof{min-width:50%}.silk-note{width:44%}
}

/* Ajustes de encuadre exclusivos del catálogo mobile. */
@media(max-width:640px){
  .designs-page .direction-paper .design-scene{--scene-micro:5.5px;--scene-display:18px}
  .designs-page .direction-paper .paper-shell{inset:8px;grid-template-columns:44% 56%;grid-template-rows:24px 1fr}
  .designs-page .direction-paper .paper-head{gap:7px;padding-inline:7px}
  .designs-page .direction-paper .paper-copy{padding:8px 5px 6px}
  .designs-page .direction-paper .paper-copy small{letter-spacing:.08em}
  .designs-page .direction-paper .paper-copy strong{margin-top:6px;font-size:calc(var(--scene-display) * .61);line-height:1.02}
  .designs-page .direction-paper .paper-copy em{margin-top:7px}
  .designs-page .direction-paper .paper-folio{right:5px;bottom:5px;letter-spacing:.08em}

  .designs-page .direction-monolith .design-scene{--scene-display:21px}
  .designs-page .direction-monolith .monolith-shell{inset:8px}
  .designs-page .direction-monolith .monolith-copy{top:23%;left:5%;width:56%}
  .designs-page .direction-monolith .monolith-copy strong{font-size:calc(var(--scene-display) * .72);line-height:.94;letter-spacing:-.045em}
  .designs-page .direction-monolith .monolith-spec{bottom:5%;width:54%;padding-block:5px}

  .designs-page .direction-cobalt .design-scene{--scene-display:21px}
  .designs-page .direction-cobalt>.direction-preview .scene-photo{object-position:57% center}
  .designs-page .direction-cobalt .cobalt-copy{top:28%;width:43%}
  .designs-page .direction-cobalt .cobalt-copy strong{font-size:calc(var(--scene-display) * .66);line-height:1}
  .designs-page .direction-cobalt .cobalt-product{right:4%;bottom:6%;width:52%;height:61%}

  .designs-page .direction-aer .design-scene{--scene-display:21px}
  .designs-page .direction-aer>.direction-preview .scene-photo{object-position:56% center}
  .designs-page .direction-aer .aer-message{top:21%;left:6%;width:58%}
  .designs-page .direction-aer .aer-message strong{font-size:calc(var(--scene-display) * .64);line-height:1.02}
  .designs-page .direction-aer .aer-workflow{right:6%;bottom:6%;left:6%;width:auto;grid-template-columns:1fr 1fr .8fr}
  .designs-page .direction-aer .aer-step{padding:6px 5px}

  .designs-page .direction-meridian .design-scene{--scene-display:21px}
  .designs-page .direction-meridian>.direction-preview .scene-photo{object-position:58% center}
  .designs-page .direction-meridian .meridian-message{top:20%;left:5%;width:56%}
  .designs-page .direction-meridian .meridian-message strong{font-size:calc(var(--scene-display) * .67);line-height:.98}
  .designs-page .direction-meridian .meridian-message em{margin-top:8px}
  .designs-page .direction-meridian .meridian-proof{right:5%;bottom:5%;left:5%;width:auto;min-width:0;gap:8px;padding:7px}
}
@media(prefers-reduced-motion:reduce){.design-scene>.scene-photo{transition:none!important}.direction-card:hover .scene-photo{transform:none!important}}

.designs-page .direction-nocturne .nocturne-frame{transform:scale(.92);transform-origin:center}
.designs-page .direction-verdant .verdant-app{right:5%;bottom:7%;width:54%}
.designs-page .direction-paper .paper-shell{grid-template-columns:62% 38%}
.designs-page .direction-paper .paper-photo img{object-position:50% center}
.designs-page .direction-cobalt .design-scene{--scene-body:8.5px;--scene-display:22px}
.designs-page .direction-cobalt .cobalt-copy{top:31%;width:31%}
.designs-page .direction-cobalt .cobalt-product{right:5%;bottom:7%;width:46%;height:58%}
.designs-page .direction-silk .silk-note{right:8%;bottom:1.5%;width:33%}
@media(max-width:640px){
  .designs-page .direction-nocturne .design-scene{--scene-micro:5px;--scene-small:6px;--scene-body:7px;--scene-display:18px}
  .designs-page .direction-nocturne .nocturne-frame{transform:scale(.84)}
  .designs-page .direction-nocturne .nocturne-nav{padding:7px 8px}
  .designs-page .direction-nocturne .nocturne-message{top:27%;width:44%}
  .designs-page .direction-nocturne .nocturne-message small{margin-bottom:5px}
  .designs-page .direction-nocturne .nocturne-message em{margin-top:8px;padding:4px 6px}
  .designs-page .direction-nocturne .nocturne-signal{right:5%;bottom:8%;width:25%;padding:6px}
  .designs-page .direction-nocturne .nocturne-signal b{font-size:calc(var(--scene-body) * 1.3)}

  .designs-page .direction-verdant .design-scene{--scene-micro:5px;--scene-small:6px;--scene-body:7px}
  .designs-page .direction-verdant .verdant-app{right:5%;bottom:8%;width:55%}
  .designs-page .direction-verdant .verdant-main{padding:6px 7px}
  .designs-page .direction-verdant .verdant-top{padding-bottom:5px}
  .designs-page .direction-verdant .verdant-metrics{gap:4px;margin-top:5px}
  .designs-page .direction-verdant .verdant-metric{padding:4px}

  .designs-page .direction-paper .paper-shell{grid-template-columns:55% 45%}
  .designs-page .direction-paper .paper-copy{padding:8px 7px 6px}
  .designs-page .direction-paper .paper-copy strong{font-size:calc(var(--scene-display) * .52);line-height:1.04;letter-spacing:-.025em}

  .designs-page .direction-cobalt .design-scene{--scene-micro:5px;--scene-small:6px;--scene-body:7px;--scene-display:18px}
  .designs-page .direction-cobalt .cobalt-nav{height:23px;padding-inline:6px;font-size:4.5px}
  .designs-page .direction-cobalt .cobalt-nav b{font-size:6px}
  .designs-page .direction-cobalt .cobalt-nav em{padding:3px 5px}
  .designs-page .direction-cobalt .cobalt-copy{top:32%;width:29%}
  .designs-page .direction-cobalt .cobalt-copy strong{font-size:calc(var(--scene-display) * .58)}
  .designs-page .direction-cobalt .cobalt-product{right:5%;bottom:8%;width:42%;height:49%}
  .designs-page .direction-cobalt .cobalt-product-head{padding:4px 5px}
  .designs-page .direction-cobalt .cobalt-metrics span{padding:3px}

  .designs-page .direction-silk .silk-note{right:7%;bottom:2%;width:25%;padding:5px 6px}
  .designs-page .direction-silk .silk-note small{font-size:5px}
  .designs-page .direction-silk .silk-note b{font-size:6px;line-height:1.2}
}

/* Depuración editorial 2026: menos UI ficticia y mayor protagonismo de imagen, color y tipo. */
.nocturne-signal b{font-size:var(--scene-small);line-height:1.2;letter-spacing:.08em}.nocturne-signal span{line-height:1.25}
.scene-verdant::after{background:linear-gradient(90deg,rgba(5,12,8,.78),rgba(5,12,8,.28) 54%,rgba(5,12,8,.2)),linear-gradient(0deg,rgba(4,10,7,.5),transparent 62%)}
.verdant-editorial{position:absolute;z-index:2;inset:11px;border:1px solid rgba(225,238,228,.34)}
.verdant-editorial__nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(225,238,228,.26);font-size:var(--scene-micro);font-weight:750;letter-spacing:.1em}.verdant-editorial__nav span{color:#cbd4c5}
.verdant-editorial__message{position:absolute;top:25%;left:5%;width:46%}.verdant-editorial__message small{color:#b9c96a;font-size:var(--scene-micro);font-weight:800;letter-spacing:.13em}.verdant-editorial__message strong{margin-top:7px;font:500 calc(var(--scene-display) * .82)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.verdant-editorial__fields{position:absolute;right:4%;bottom:6%;display:flex!important;gap:5px}.verdant-editorial__fields span{padding:6px 8px;border:1px solid rgba(225,238,228,.25);background:rgba(7,16,11,.66);color:#d9ddc9;font-size:var(--scene-micro);letter-spacing:.07em}

.scene-cobalt::after{background:linear-gradient(90deg,rgba(4,12,29,.94),rgba(4,12,29,.58) 48%,rgba(4,12,29,.18) 76%),linear-gradient(0deg,rgba(3,9,23,.42),transparent 58%)}
.scene-cobalt .cobalt-copy{top:27%;width:41%}.scene-cobalt .cobalt-copy span{color:#d9cbb8}
.cobalt-structure{position:absolute;right:4%;bottom:6%;width:39%;padding:8px;border:1px solid rgba(214,228,247,.3);background:rgba(7,19,35,.7);box-shadow:0 18px 40px rgba(1,7,19,.25)}
.cobalt-structure small{color:#d98262;font-size:var(--scene-micro);font-weight:800;letter-spacing:.12em}.cobalt-structure__lines{display:grid!important;grid-template-columns:1fr .72fr .48fr;gap:5px;align-items:end;height:47px;margin-top:7px}.cobalt-structure__lines i{display:block;border-radius:2px 2px 0 0;background:#286ddd}.cobalt-structure__lines i:nth-child(1){height:72%}.cobalt-structure__lines i:nth-child(2){height:100%;background:#e8eff7}.cobalt-structure__lines i:nth-child(3){height:48%;background:#d98262}

.scene-aer::after{background:linear-gradient(90deg,rgba(255,254,249,.95),rgba(255,254,249,.7) 48%,rgba(255,254,249,.12) 76%),linear-gradient(0deg,rgba(235,241,241,.38),transparent 58%)}
.scene-aer .aer-nav{background:rgba(255,254,249,.72)}.scene-aer .aer-message{top:25%;width:46%}.scene-aer .aer-message small{color:#7790a2}
.aer-principles{position:absolute;right:5%;bottom:6%;display:flex!important;gap:5px}.aer-principles span{padding:7px 9px;border:1px solid rgba(45,64,71,.18);background:rgba(255,254,249,.8);color:#344047;font-size:var(--scene-micro);font-weight:750;letter-spacing:.08em}.aer-principles span:nth-child(2){background:#dce8ed}.aer-principles span:nth-child(3){background:#f0cf76}

.scene-terrain::after{background:linear-gradient(90deg,rgba(39,43,34,.8),rgba(39,43,34,.24) 56%,transparent 78%),linear-gradient(0deg,rgba(34,36,29,.42),transparent 48%)}
.terrain-stay{background:#ddd0b5;color:#2c3026}.terrain-stay em{border-color:#4d5d38;color:#4d5d38}

/* 13 Charter — estudio jurídico premium sin clichés visuales. */
.scene-charter{color:#f4eee4;background:#241315}.scene-charter>.scene-photo{position:absolute;inset:0;object-position:center;filter:brightness(.78) saturate(.82) contrast(1.03)}
.scene-charter::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(36,19,21,.96),rgba(36,19,21,.69) 43%,rgba(36,19,21,.08) 74%),linear-gradient(0deg,rgba(25,15,17,.36),transparent 55%)}
.charter-shell{position:absolute;z-index:2;inset:11px;border:1px solid rgba(244,238,228,.36)}
.charter-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(244,238,228,.26);font-size:var(--scene-micro);font-weight:750;letter-spacing:.1em}.charter-nav span{color:#d2c2aa}
.charter-message{position:absolute;top:25%;left:5%;width:45%}.charter-message small{color:#c78690;font-size:var(--scene-micro);font-weight:800;letter-spacing:.13em}.charter-message strong{margin-top:7px;font:500 calc(var(--scene-display) * .82)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.charter-message em{width:max-content;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #d2c2aa;color:#f4eee4;font-size:var(--scene-small);font-style:normal;font-weight:750}
.charter-note{position:absolute;right:3%;bottom:5%;padding:8px 10px;border-left:2px solid #9b5d66;background:rgba(36,19,21,.78);color:#d2c2aa;font-size:var(--scene-micro);letter-spacing:.08em}.charter-note b{margin-top:3px;color:#f4eee4;font-size:var(--scene-small)}

/* 14 Lumen — salud y bienestar con calma material, no clínica genérica. */
.scene-lumen{color:#24302f;background:#faf8ef}.scene-lumen>.scene-photo{position:absolute;inset:0;object-position:center;filter:brightness(1.01) saturate(.78) contrast(.96)}
.scene-lumen::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(250,248,239,.97),rgba(250,248,239,.74) 43%,rgba(250,248,239,.08) 74%)}
.lumen-shell{position:absolute;z-index:2;inset:11px;border:1px solid rgba(36,48,47,.28)}
.lumen-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(36,48,47,.2);font-size:var(--scene-micro);font-weight:750;letter-spacing:.1em}.lumen-nav span{color:#63706c}
.lumen-message{position:absolute;top:24%;left:5%;width:43%}.lumen-message small{color:#2f6865;font-size:var(--scene-micro);font-weight:800;letter-spacing:.13em}.lumen-message strong{margin-top:7px;font:500 calc(var(--scene-display) * .82)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.04em}.lumen-message em{width:max-content;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #2f6865;color:#2f6865;font-size:var(--scene-small);font-style:normal;font-weight:750}
.lumen-note{position:absolute;right:3%;bottom:5%;display:flex!important;gap:5px}.lumen-note span{padding:7px 9px;background:rgba(250,248,239,.84);border:1px solid rgba(36,48,47,.16);color:#63706c;font-size:var(--scene-micro);letter-spacing:.08em}.lumen-note span:first-child{background:rgba(31,87,85,.9);color:#fff}

/* 15 Ember — hospitality cálida, terrenal y contemporánea. */
.scene-ember{color:#f5ead8;background:#301a15}.scene-ember>.scene-photo{position:absolute;inset:0;object-position:center;filter:brightness(.84) saturate(.9) contrast(1.02)}
.scene-ember::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(48,26,21,.95),rgba(48,26,21,.7) 43%,rgba(48,26,21,.1) 74%),linear-gradient(0deg,rgba(36,21,17,.34),transparent 56%)}
.ember-shell{position:absolute;z-index:2;inset:11px;border:1px solid rgba(245,234,216,.36)}
.ember-nav{position:absolute;top:0;right:0;left:0;display:flex!important;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(245,234,216,.26);font-size:var(--scene-micro);font-weight:750;letter-spacing:.1em}.ember-nav span{color:#d0baa3}
.ember-message{position:absolute;top:25%;left:5%;width:43%}.ember-message small{color:#d89a5e;font-size:var(--scene-micro);font-weight:800;letter-spacing:.13em}.ember-message strong{margin-top:7px;font:500 calc(var(--scene-display) * .82)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.04em}.ember-message em{width:max-content;margin-top:12px;padding-bottom:3px;border-bottom:1px solid #c5903d;color:#f5ead8;font-size:var(--scene-small);font-style:normal;font-weight:750}
.ember-note{position:absolute;right:3%;bottom:5%;padding:8px 10px;background:rgba(45,30,25,.8);border:1px solid rgba(245,234,216,.2);color:#d0baa3;font-size:var(--scene-micro);letter-spacing:.08em}.ember-note b{margin-top:3px;color:#f5ead8;font-size:var(--scene-small)}

.detail-preview .charter-shell,.detail-preview .lumen-shell,.detail-preview .ember-shell{inset:16px}
.detail-charter .direction-hero h1,.detail-lumen .direction-hero h1,.detail-ember .direction-hero h1{font-family:Georgia,"Times New Roman",serif}

@media(max-width:640px){
  .design-catalog{grid-template-columns:1fr}
  .scene-charter>.scene-photo,.scene-ember>.scene-photo{object-position:72% center}
  .verdant-editorial__fields span:nth-child(3),.aer-principles span:nth-child(3),.charter-nav span,.lumen-nav span,.ember-nav span{display:none!important}
  .verdant-editorial__message,.lumen-message,.ember-message,.charter-message{width:54%}
  .cobalt-structure{width:34%}.scene-cobalt .cobalt-copy{width:47%}.cobalt-nav>span{display:none!important}
  .aer-principles{right:4%;bottom:5%}.aer-principles span{padding:6px 7px}
  .terrain-nav span{display:none!important}
  .charter-note,.ember-note{right:4%;max-width:38%}.lumen-note span:nth-child(2){display:none!important}
}