/* ===== styles: preserved cascade ===== */

:root{
  --b:#11110f;
  --ink:#191916;
  --p:#f5f2e8;
  --w:#fffdf6;
  --y:#f4d738;
  --m:#6f6b63;
  --l:#d8d2c2;
  --s:#ebe6d8;
  --g:#e7f1df;
  --r:#f7e2dd;
  --radius:16px;
  --shadow:0 18px 55px rgba(28,25,17,.06);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--p)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--p);color:var(--ink)}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.wrap{width:min(1280px,calc(100% - 48px));margin:auto}

.sitebar{
  background:var(--b);
  color:#fff;
  border-top:5px solid var(--y);
  border-bottom:1px solid #ffffff18;
}
.sitebar__inner{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-weight:950;
  letter-spacing:-.02em
}
.brand__mark{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:var(--y);
  color:var(--b);
  font-weight:950
}
.brand__text{font-size:1.05rem}
.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nav a{
  color:#d7d2c8;
  text-decoration:none;
  border-radius:999px;
  padding:9px 13px;
  font-weight:800;
  font-size:.86rem
}
.nav a:hover,.nav a.active{background:#fff;color:var(--b)}
.hero{
  background:var(--b);
  color:var(--w);
  padding:clamp(54px,7vw,88px) 0
}
.ey{
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--y);
  margin:0 0 10px
}
.ey.d{color:var(--ink)}
h1{
  font-size:clamp(2.5rem,5vw,5.3rem);
  line-height:.98;
  letter-spacing:-.055em;
  margin:0 0 18px;
  max-width:980px
}
h2{
  font-size:clamp(1.8rem,3vw,2.8rem);
  letter-spacing:-.04em
}
h3{letter-spacing:-.02em}
.hero-copy{
  max-width:820px;
  color:#d7d2c8;
  font-size:1.15rem;
  line-height:1.55
}
.section{padding:54px 0}
.section--tight{padding:40px 0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{
  background:var(--w);
  border:1px solid var(--l);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:var(--shadow)
}
.tool-card{
  display:flex;
  flex-direction:column;
  min-height:260px;
  text-decoration:none;
  transition:transform .15s ease,border-color .15s ease
}
.tool-card:hover{transform:translateY(-2px);border-color:#b9b19e}
.tool-card__num{font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--m)}
.tool-card h3{font-size:1.55rem;margin:16px 0 8px}
.tool-card p{color:var(--m);line-height:1.55;margin-bottom:24px}
.tool-card__cta{margin-top:auto;font-weight:900}
.tool-card--accent{background:var(--y);border-color:var(--y)}
.tool-card--dark{background:var(--b);color:#fff;border-color:var(--b)}
.tool-card--dark p,.tool-card--dark .tool-card__num{color:#d7d2c8}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.kpi{padding:16px;border:1px solid #ffffff24;border-radius:14px}
.kpi b{display:block;color:var(--y);font-size:1.45rem}
.kpi span{color:#d7d2c8;font-size:.88rem}
.method{
  background:var(--y);
  border-radius:20px;
  padding:30px
}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.method-step{background:#fff8;border:1px solid #00000012;border-radius:14px;padding:18px}
.method-step b{font-size:.76rem;letter-spacing:.08em}
.footer{
  background:var(--b);
  color:#d7d2c8;
  padding:34px 0 24px;
  margin-top:50px
}
.footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.footer h3{color:#fff;margin-top:0}
.footer a{color:#d7d2c8;text-decoration:none}
.footer a:hover{color:var(--y)}
.footer__bottom{border-top:1px solid #ffffff20;margin-top:22px;padding-top:18px;font-size:.84rem}
.badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  background:var(--s);
  font-size:.76rem;
  font-weight:900
}
.notice{background:var(--y);border-radius:14px;padding:18px}
.btn{
  display:inline-block;
  border:0;
  border-radius:999px;
  padding:12px 17px;
  font-weight:900;
  text-decoration:none
}
.btn--accent{background:var(--y);color:var(--b)}
.btn--light{background:#fff;color:var(--b)}
.btn--dark{background:var(--b);color:#fff}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}

@media(max-width:980px){
  .grid-3{grid-template-columns:1fr 1fr}
  .method-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .wrap{width:min(100% - 24px,1280px)}
  .sitebar__inner{align-items:flex-start;flex-direction:column;padding:16px 0}
  .nav{width:100%}
  .nav a{padding:8px 10px}
  .grid-2,.grid-3,.method-grid,.footer__grid,.kpis{grid-template-columns:1fr}
  .hero{padding:44px 0}
  .tool-card{min-height:auto}
}


/* ===== V0.5 MASTER: content + scalable navigation ===== */
.content-shell{width:min(960px,calc(100% - 48px));margin:0 auto}
.article-hero{background:var(--b);color:var(--w);padding:54px 0}
.article-hero h1{max-width:930px}
.article{padding:42px 0 68px}
.article__lead{font-size:1.16rem;line-height:1.65;color:#4e4b44}
.article h2{margin-top:42px;margin-bottom:14px}
.article h3{margin-top:28px}
.article p,.article li{line-height:1.7}
.article ul,.article ol{padding-left:24px}
.formula-box,.example-box,.warning-box,.source-box{
  border-radius:14px;padding:18px 20px;margin:20px 0
}
.formula-box{background:var(--s)}
.example-box{background:var(--y)}
.warning-box{background:#f7e2dd}
.source-box{background:#e7f1df}
.formula-box code{
  display:block;font:800 1rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;
  white-space:normal
}
.related-box{margin-top:38px;border-top:1px solid var(--l);padding-top:28px}
.related-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.related-links a{
  display:block;text-decoration:none;background:var(--w);border:1px solid var(--l);
  border-radius:13px;padding:16px;font-weight:850
}
.related-links a:hover{border-color:#aaa18e}
.hub-intro{max-width:820px;color:var(--m);line-height:1.6}
.group-title{margin-top:46px}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide-card{display:flex;flex-direction:column;text-decoration:none;min-height:210px}
.guide-card h3{font-size:1.2rem;margin:14px 0 8px}
.guide-card p{color:var(--m);line-height:1.5;margin-bottom:18px}
.guide-card span:last-child{margin-top:auto;font-weight:900}
.status-chip{
  display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--s);
  font-size:.72rem;font-weight:900
}
.status-chip--ready{background:#e7f1df}
.status-chip--future{background:#f5edd0}
.legal-draft{background:var(--y);padding:16px 18px;border-radius:14px;margin-bottom:26px}
.faq details{background:var(--w);border:1px solid var(--l);border-radius:12px;padding:14px 16px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:850}
.faq details p{margin-bottom:0}
.footer-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:.82rem}
.footer-links a{color:#d7d2c8}
@media(max-width:980px){.tool-grid,.guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .content-shell{width:min(100% - 24px,960px)}
 .tool-grid,.guide-grid,.related-links{grid-template-columns:1fr}
}

.mj-platform-header{background:#11110f;color:#fff;border-top:5px solid #f4d738;border-bottom:1px solid rgba(255,255,255,.09)}
.mj-platform-header__inner{width:min(1280px,calc(100% - 48px));min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mj-platform-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:950;letter-spacing:-.02em;white-space:nowrap}
.mj-platform-brand__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f4d738;color:#11110f;font-weight:950}
.mj-platform-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.mj-platform-nav a{display:inline-flex;align-items:center;min-height:38px;color:#d7d2c8;text-decoration:none;border-radius:999px;padding:9px 13px;font-weight:800;font-size:.86rem;line-height:1;white-space:nowrap}
.mj-platform-nav a:hover,.mj-platform-nav a.active{background:#fff;color:#11110f}
@media(max-width:760px){.mj-platform-header__inner{width:min(100% - 24px,1280px);min-height:auto;padding:14px 0;align-items:flex-start;flex-direction:column}.mj-platform-nav{width:100%;justify-content:flex-start}.mj-platform-nav a{padding:8px 10px;font-size:.78rem}}

/* V0.6 audit: accessibility + calculator editorial sections */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
  outline:3px solid #f4d738;outline-offset:3px
}
.calc-extras{padding:16px 0 70px}
.calc-extras h2{margin-top:0}
.calc-extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 30px}
.calc-extra-card{background:var(--w);border:1px solid var(--l);border-radius:14px;padding:19px}
.calc-extra-card h3{margin:8px 0}.calc-extra-card p{color:var(--m);line-height:1.55;margin-bottom:0}
.calc-faq details{background:var(--w);border:1px solid var(--l);border-radius:12px;padding:14px 16px;margin:9px 0}
.calc-faq summary{cursor:pointer;font-weight:850}.calc-faq p{color:var(--m);line-height:1.55;margin-bottom:0}
.calc-related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.calc-related a{display:block;text-decoration:none;background:var(--w);border:1px solid var(--l);border-radius:12px;padding:15px;font-weight:850}
.editorial-note{margin-top:34px;background:#e7f1df;border-radius:13px;padding:15px 17px;line-height:1.5}
.qa-link{font-size:.8rem;color:var(--m)}
@media(max-width:860px){.calc-extras-grid,.calc-related{grid-template-columns:1fr}}

/* ===== ux: preserved cascade ===== */
/* Material Justo V1.2: experiencia de uso sobre la identidad V1.0. */
:root{--m:#625e56;--focus:#8b7100;--line:#d8d2c2;--positive:#28533a}
body{line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}p{max-width:100%}h1,h2,h3{overflow-wrap:anywhere}h1{line-height:1.08}h2{font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.15}a{text-underline-offset:3px}.wrap{width:min(1280px,calc(100% - 48px))}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-180%);background:var(--y);color:var(--b);padding:12px}.skip-link:focus{transform:none}.preview-bar{background:#e9e4d6;color:#4d483d;font-size:.74rem;border-bottom:1px solid #d1cab8}.preview-bar .wrap{display:flex;justify-content:space-between;gap:12px;padding-block:7px}.mj-platform-header{border-top:0}.mj-platform-header__inner{min-height:76px}.mj-platform-brand{font-weight:800;letter-spacing:-.03em;font-size:1.16rem}.mj-platform-brand__mark{border-radius:9px;width:36px;height:36px;font-size:.94rem}.mj-platform-nav a{min-height:44px;font-weight:650;font-size:.88rem;padding:10px 15px}.mj-platform-nav a.active{background:#ffffff13;color:#fff;box-shadow:inset 0 -2px var(--y);border-radius:6px}.menu-toggle{display:none;align-items:center;gap:12px;min-height:44px;background:none;border:1px solid #ffffff40;color:#fff;border-radius:8px;padding:8px 12px;font-weight:600}.home-hero{background:var(--b);color:var(--w);padding:58px 0 64px}.home-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px}.home-hero h1{font-size:clamp(2.7rem,4.6vw,4.55rem);line-height:1.06;font-weight:800;letter-spacing:-.055em;margin:18px 0 22px}.home-hero h1 em{font-style:normal;color:var(--y)}.home-lead{font-size:1.12rem;line-height:1.65;color:#ddd7c9;max-width:550px}.home-assurance{color:#b5b1a7;font-size:.9rem;margin:26px 0 0}.material-picker h2{font-size:1.2rem;color:var(--w);font-weight:650;letter-spacing:-.02em;margin:0 0 16px}.material-picker>p{font-size:.82rem;color:#c9c5b9;margin-bottom:0}.material-choice{display:flex;gap:18px;align-items:center;text-decoration:none;background:var(--w);border:1px solid var(--l);color:var(--ink);padding:24px;border-radius:12px;transition:border-color .16s,transform .16s;min-width:0}.material-choice+.material-choice{margin-top:12px}.material-choice:hover{border-color:var(--y);transform:translateY(-2px)}.material-choice b{display:block;font-size:1.16rem;letter-spacing:-.02em}.material-choice small{display:block;color:var(--m);margin-top:5px;font-size:.87rem;line-height:1.45}.material-icon{width:49px;height:52px;display:grid;place-items:center;flex-shrink:0;background:#f0ead8;border-radius:10px}.material-icon svg{width:30px;height:30px}.material-choice:first-of-type .material-icon{background:var(--y)}.choice-arrow{margin-left:auto;font-size:1.35rem}.trust-strip{border-bottom:1px solid var(--l);background:var(--w)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:23px}.trust-grid>div{display:flex;gap:15px;align-items:center}.trust-grid>div>span{font-size:.85rem;color:var(--m);border:1px solid var(--l);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.trust-grid p{margin:0}.trust-grid b{font-size:.91rem;display:block}.trust-grid small{display:block;color:var(--m);font-size:.82rem;margin-top:3px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2{margin:8px 0 0}.text-link{font-weight:700;font-size:.9rem;white-space:nowrap}.guide-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.guide-link{display:flex;flex-direction:column;text-decoration:none;padding:24px 20px;border:1px solid var(--l);border-radius:12px;background:var(--w)}.guide-link:hover{border-color:#8e8673}.guide-link .ey{font-size:.65rem;letter-spacing:.09em;color:var(--m)}.guide-link h3{font-size:1.18rem;line-height:1.3;margin:10px 0}.guide-link p{font-size:.88rem;color:var(--m);margin:0 0 24px}.read-link{margin-top:auto;font-size:.88rem;font-weight:750}.read-link span{float:right}.reassurance{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--l);padding-top:40px}.reassurance h2{margin-bottom:0}.reassurance p{color:var(--m);line-height:1.65}.page-intro{padding:42px 0 16px}.page-intro h1{font-size:clamp(2.1rem,3.8vw,3.4rem);margin-bottom:14px}.page-intro p:not(.ey){font-size:1.08rem;color:var(--m);max-width:740px}.calculator-directory{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calculator-directory .material-choice{margin:0;min-height:150px}.inline-help{margin-top:30px;padding:22px;background:#eae6da;border-radius:10px;font-size:.95rem;max-width:850px}.inline-help p{color:var(--m);margin:7px 0 12px}.compact{padding:16px;font-size:.85rem}.compact>p{margin:12px 0 0;font-size:.81rem}.article-hero{padding:38px 0;background:var(--b)}.article-hero h1{font-size:clamp(2rem,3.8vw,3.5rem);max-width:850px;line-height:1.12}.article-hero .hero-copy{font-size:1.05rem;margin-bottom:0}.content-shell{width:min(900px,calc(100% - 48px))}.article{padding-top:28px}.article__lead{font-size:1.07rem}.article h2{font-size:1.7rem}.article .quick-answer{background:var(--w);border:1px solid var(--l);border-left:4px solid var(--y);padding:24px;border-radius:10px}.article .quick-answer p{margin:0 0 16px}.guide-toc{border-block:1px solid var(--l);padding:16px 0;display:flex;flex-wrap:wrap;gap:10px 20px;margin:26px 0;font-size:.9rem}.article table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--w)}.article th,.article td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--l)}.article th{background:var(--s)}.article .source-box{background:var(--s);font-size:.88rem}.article .source-box a{overflow-wrap:anywhere}.footer{margin-top:30px}.footer h3{font-size:.95rem}.footer p{font-size:.9rem;line-height:1.8}.footer__bottom{font-size:.78rem}.hero h1{font-size:clamp(2.3rem,4vw,3.7rem)}.hero{padding:42px 0}
/* Calculadoras: navegación en pasos, formulario y resultado. */
.calc-intro{padding-top:24px;padding-bottom:25px}.breadcrumbs{display:flex;gap:10px;font-size:.82rem;color:var(--m);margin-bottom:18px}.breadcrumbs a{font-weight:650}.calc-intro h1{font-size:clamp(2rem,3.4vw,3.1rem);margin:0 0 10px;letter-spacing:-.045em}.calc-intro>p{color:var(--m);margin:0;font-size:1rem}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);align-items:start;gap:28px}.calculator-form,.calculator-result{border:1px solid var(--l);border-radius:14px;background:var(--w);min-width:0}.calculator-form{padding:26px 30px}.form-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.82rem;color:var(--m);font-weight:600}.quiet-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:8px 0;font-weight:650;color:#555046;min-height:44px;font-size:.84rem}.step-nav{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0 26px;border-bottom:1px solid var(--l);gap:8px}.step-nav button{border:0;background:none;padding:0 3px 14px;color:var(--m);font-size:.85rem;font-weight:650;display:flex;align-items:center;gap:8px;min-height:46px}.step-nav button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--s);font-size:.74rem;flex-shrink:0}.step-nav button[aria-current=step]{color:var(--ink);box-shadow:0 2px var(--b)}.step-nav button[aria-current=step] span{background:var(--y);color:var(--b)}.calc-step{border:0;padding:0;margin:0;min-width:0}.calc-step legend{font-size:1.4rem;font-weight:780;letter-spacing:-.025em;padding:0}.step-count{display:none}.step-help{margin:8px 0 20px;color:var(--m);font-size:.9rem;line-height:1.55}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--s);border:1px solid #dcd5c7;border-radius:9px;padding:4px;gap:4px;margin-bottom:22px}.segmented label{min-width:0;cursor:pointer;position:relative}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:flex;align-items:center;justify-content:center;padding:10px 8px;min-height:44px;border-radius:6px;text-align:center;font-size:.86rem;font-weight:650;line-height:1.25}.segmented input:checked+span{background:var(--b);color:var(--w)}.segmented input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.calc-field{min-width:0}.calc-field label{font-size:.85rem;font-weight:680;display:block;margin-bottom:7px}.input-unit{display:flex;align-items:center;position:relative}.input-unit input,.calc-field select{width:100%;min-width:0;min-height:49px;border:1px solid #beb7a6;border-radius:8px;padding:10px 13px;background:#fff;color:var(--ink);font-weight:550;box-shadow:0 1px 2px #00000003}.input-unit:has(span) input{padding-right:60px}.input-unit>span{position:absolute;right:13px;font-size:.82rem;color:var(--m);pointer-events:none}.input-unit input::placeholder{font-weight:400;color:#70695f;font-size:.88rem}.field-help{display:block;margin-top:7px;font-size:.77rem;color:var(--m);line-height:1.4}.field-help:empty{display:none}.field-error{display:block;color:#a33022;font-size:.79rem;font-weight:650;margin-top:6px;line-height:1.4}.field-error:empty{display:none}input[aria-invalid=true],select[aria-invalid=true]{border-color:#b63c2c;background:#fff7f4}.check-line{display:flex;align-items:flex-start;gap:10px;padding-top:20px;font-size:.89rem}.check-line input{width:20px;height:20px;flex-shrink:0;accent-color:var(--b);margin:2px 0}.check-line small{display:block;color:var(--m);font-size:.78rem;margin-top:3px}.input-guide{font-size:.82rem;margin:20px 0 0}.field-explainer{border:1px solid var(--l);border-radius:8px;padding:13px 14px;margin:22px 0 0;font-size:.86rem;background:#f5f2e8}.field-explainer summary{font-weight:650;cursor:pointer}.field-explainer p{color:var(--m);line-height:1.6}.step-actions{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--l);padding-top:20px;margin-top:26px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:8px;padding:12px 18px;font-weight:700;min-height:47px;text-decoration:none;font-size:.9rem;line-height:1.35}.button-primary{background:var(--y);border:1px solid var(--y);color:var(--b)}.button-primary:hover{background:#ecd032}.button-secondary{background:transparent;border:1px solid #c9c2b3;color:var(--ink)}.button-secondary:hover{background:var(--s)}.step-actions #nextStep,.step-actions #calculate{margin-left:auto;min-width:165px}.form-privacy{font-size:.73rem;text-align:center;color:var(--m);margin:17px 0 0}.form-error{background:#f9e7e1;color:#913528;padding:12px 14px;border-radius:8px;font-size:.85rem;font-weight:650}.example-notice{background:#f9edb7;border:1px solid #e8d16e;padding:12px;border-radius:8px;font-size:.79rem;margin:0 0 20px}.format-help{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-right:46px;font-size:.8rem;font-weight:650;margin-bottom:9px}.format-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:12px;align-items:start;margin-bottom:12px}.format-row .calc-field label{font-size:.75rem;font-weight:500}.remove-format{height:48px;margin-top:24px;border:1px solid var(--l);background:transparent;color:#615848;border-radius:8px;font-size:1.3rem}.add-format{padding:9px 0;border:0;background:transparent;color:var(--ink);font-size:.87rem;font-weight:650;min-height:44px;text-decoration:underline;text-underline-offset:4px}.optional-section{border-top:1px solid var(--l);padding-top:14px;margin-top:24px}.optional-section h3{font-size:1rem;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.optional-section h3 span{font-size:.7rem;color:var(--m);font-weight:500;background:var(--s);padding:3px 8px;border-radius:4px}.calculator-result{position:sticky;top:20px;padding:24px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.result-head h2{font-size:1.1rem;letter-spacing:-.02em;margin:0}.result-state{font-size:.7rem;font-weight:650;color:#675e4d;background:var(--s);border-radius:5px;padding:5px 8px;white-space:nowrap}.result-state.valid{color:var(--positive);background:#e4eee2}.result-placeholder{padding:16px 0 8px}.result-illustration{width:68px;height:68px;display:grid;place-items:center;background:var(--s);border-radius:16px;color:#6e6757;margin-bottom:24px}.result-illustration svg{width:35px;height:35px}.result-placeholder h3{font-size:1.3rem;margin:0 0 10px}.result-placeholder p{font-size:.9rem;color:var(--m);line-height:1.6}.result-placeholder ul{list-style:none;padding:16px 0 0;margin-bottom:5px;border-top:1px solid var(--l);color:var(--m);font-size:.85rem}.result-placeholder li{margin:10px 0}.result-placeholder li:before{content:'✓';margin-right:10px;color:var(--positive)}.purchase-main{background:var(--y);border-radius:10px;padding:19px 20px}.purchase-main>span{font-size:.82rem;font-weight:650}.purchase-main>strong{display:block;font-size:clamp(2.2rem,4vw,3.45rem);letter-spacing:-.055em;line-height:1.15;margin:9px 0}.purchase-main>p{font-size:.87rem;margin:8px 0 0;font-weight:600}.result-description{color:var(--m);font-size:.88rem;line-height:1.55}.cost-line{display:grid;grid-template-columns:1fr auto;gap:7px;border:1px solid var(--l);border-radius:8px;padding:14px;margin:18px 0;font-size:.86rem}.cost-line strong{font-size:1rem}.cost-line small{grid-column:1/-1;color:var(--m);font-size:.75rem}.result-metrics{margin:0;border:0}.result-metrics>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--l);font-size:.82rem}.result-metrics dt{color:var(--m)}.result-metrics dd{margin:0;text-align:right;font-weight:680}.result-details{padding:16px 0;border-bottom:1px solid var(--l);font-size:.82rem}.result-details summary{font-weight:700;cursor:pointer}.formula-lines{display:grid;gap:8px;padding-top:13px;color:var(--m);font-variant-numeric:tabular-nums}.formula-lines p{margin:0;line-height:1.5}.formula-lines code{font:600 .81rem/1.6 ui-monospace,monospace;color:var(--ink);overflow-wrap:anywhere}.result-limit{font-size:.75rem;line-height:1.5;color:var(--m)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 2px}.result-actions .button-secondary{font-size:.8rem}.purchase-options{display:grid;gap:8px}.purchase-option{display:grid;gap:4px;border:1px solid var(--l);background:transparent;padding:12px;border-radius:8px;text-align:left;color:var(--ink)}.purchase-option[aria-pressed=true]{border-color:var(--b);background:var(--b);color:var(--w)}.purchase-option span{font-size:.72rem;font-weight:700}.purchase-option b{font-size:.91rem;line-height:1.4}.purchase-option small{font-size:.77rem}.result-note{font-size:.78rem;color:var(--m)}.copy-status{font-size:.82rem;color:var(--positive);margin:10px 0 0}.copy-status:empty{display:none}#copyFallback label{font-size:.83rem}#copyText{width:100%;padding:10px;font-size:.82rem;border:1px solid var(--l);border-radius:6px}.mobile-result{display:none}.calc-reading{padding-block:50px 20px}.reading-heading h2{margin-top:8px}.explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:28px 0}.explainer-grid article{border-top:1px solid #b8b09e;padding-top:18px}.explainer-grid article>span{font-size:.75rem;color:var(--m)}.explainer-grid h3{font-size:1.1rem;margin:12px 0 8px}.explainer-grid p{font-size:.9rem;color:var(--m);line-height:1.65}.worked-example{background:var(--w);border:1px solid var(--l);border-radius:12px;padding:24px 26px;margin:30px 0}.worked-example h3{margin-top:0;font-size:1.2rem}.worked-example p{font-size:.9rem;line-height:1.6;color:var(--m);max-width:900px}.worked-example .example-math{font-size:1.13rem;color:var(--ink)}.calc-faq{margin-top:40px}.calc-faq h2{font-size:1.6rem}.calc-faq details{background:transparent}.calc-faq summary{font-weight:650;font-size:.95rem}.calc-faq p{font-size:.9rem}.calc-reading .related-links{grid-template-columns:repeat(4,1fr)}.related-links a{font-size:.85rem;line-height:1.45;font-weight:650}section[id],h2[id]{scroll-margin-top:25px}
/* V1.2: un solo desplazamiento, incluso con resultados largos. */
@media(min-width:861px){.calculator-result{position:static;max-height:none;overflow:visible}}
@media(max-width:1050px){.home-grid{gap:30px}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-layout{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:20px}.calculator-form{padding:22px}.calculator-result{padding:20px}.calc-reading .related-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.home-grid{grid-template-columns:1fr}.home-hero{padding:35px 0}.home-hero h1{font-size:3.4rem}.home-lead{max-width:660px}.material-picker{max-width:none;margin-top:10px}.material-picker h2{font-size:1.1rem}.trust-grid{gap:20px}.trust-grid>div{align-items:flex-start}.calculator-layout{grid-template-columns:1fr}.calculator-result{position:static}.result-placeholder{padding-top:0}.result-illustration{float:right;width:55px;height:55px;margin:0 0 8px 20px}.result-placeholder ul{display:none}.calculator-form{padding:25px}.explainer-grid{gap:18px}.mobile-result:not([hidden]){display:flex;align-items:center;justify-content:center;gap:12px;position:fixed;bottom:12px;left:16px;right:16px;z-index:30;border:1px solid #7a690e;background:var(--y);color:var(--b);border-radius:10px;padding:13px 18px;font-weight:700;box-shadow:0 5px 22px #0002;min-height:48px}.mobile-result span{font-weight:800}.has-mobile-result{padding-bottom:78px}}
@media(max-width:760px){.wrap,.mj-platform-header__inner{width:calc(100% - 32px)}.preview-bar .wrap{font-size:.67rem;gap:6px}.preview-bar span{text-align:right;max-width:195px}.mj-platform-header__inner{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;padding:10px 0;min-height:65px}.mj-platform-brand{font-size:1.05rem}.menu-toggle{display:inline-flex;margin-left:auto}.mj-platform-nav{width:100%;display:flex;padding-top:12px;gap:4px;justify-content:flex-start}.js-ui .mj-platform-nav:not(.is-open){display:none}.mj-platform-nav a{font-size:.81rem;padding:10px 12px}.home-hero h1{font-size:clamp(2.65rem,7.5vw,3.5rem);margin-top:15px}.home-lead{font-size:1rem}.home-assurance{margin-top:17px;font-size:.84rem}.home-grid{gap:20px}.material-choice{padding:20px;gap:15px}.material-choice b{font-size:1.07rem}.material-choice small{font-size:.81rem}.material-icon{width:43px;height:46px}.choice-arrow{font-size:1.3rem}.trust-grid{grid-template-columns:1fr;gap:18px;padding-block:23px}.trust-grid>div{align-items:center}.trust-grid>div>span{width:30px;height:30px;font-size:.73rem}.trust-grid small{font-size:.79rem}.section{padding:34px 0}.section-heading{display:block;margin-bottom:22px}.section-heading .text-link{display:inline-block;margin-top:16px}.guide-list{gap:14px}.guide-link{padding:20px 17px}.guide-link h3{font-size:1.07rem}.guide-link p{font-size:.84rem}.reassurance{grid-template-columns:1fr;gap:15px;padding-top:30px}.reassurance h2{font-size:1.8rem}.reassurance p{font-size:.95rem}.page-intro{padding:30px 0 0}.page-intro h1{font-size:2.35rem}.page-intro p:not(.ey){font-size:1rem}.calculator-directory{grid-template-columns:1fr;gap:14px}.calculator-directory .material-choice{min-height:125px}.content-shell{width:calc(100% - 32px)}.article-hero{padding:30px 0}.article-hero h1{font-size:2.3rem}.article .quick-answer{padding:18px}.article table{font-size:.84rem}.article th,.article td{padding:10px}.calc-intro{padding-top:20px;padding-bottom:22px}.calc-intro h1{font-size:2.12rem}.calc-intro>p{font-size:.95rem}.breadcrumbs{font-size:.77rem;margin-bottom:15px}.calculator-form{padding:20px}.calculator-result{padding:20px}.calc-step legend{font-size:1.3rem}.step-help{font-size:.85rem}.step-nav{margin-bottom:24px;gap:4px}.step-nav button{font-size:.8rem;gap:6px}.calc-fields{gap:17px 12px}.calc-field label{font-size:.8rem}.input-unit input{font-size:1rem}.input-unit>span{font-size:.77rem}.calc-field select{font-size:.9rem}.input-unit input::placeholder{font-size:.82rem}.field-help{font-size:.74rem}.calc-reading{padding-top:35px}.explainer-grid{grid-template-columns:1fr;gap:10px;margin:24px 0}.explainer-grid article{padding-top:13px}.explainer-grid h3{margin-top:6px}.worked-example{padding:20px;margin-block:25px}.worked-example .example-math{font-size:1rem}.calc-faq{margin-top:30px}.footer{padding-bottom:30px}.footer__grid{grid-template-columns:1fr 1fr;gap:20px}.footer__grid>div:first-child{grid-column:1/-1}.footer p{font-size:.85rem}.calc-reading .related-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.guide-list{grid-template-columns:1fr}.guide-link p{margin-bottom:15px}.guide-link{padding:20px}.material-choice{padding:19px 16px;gap:12px}.material-choice b{font-size:1.02rem}.material-picker>p{font-size:.77rem}.calculator-form,.calculator-result{padding:17px}.step-nav button{font-size:.76rem;gap:5px}.step-nav button span{width:23px;height:23px}.segmented span{font-size:.79rem;padding:9px 6px}.calc-fields{grid-template-columns:1fr}.format-row{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px}.format-row .input-unit input{padding-left:9px;padding-right:27px}.format-row .input-unit>span{right:10px}.format-help{display:none}.format-row .calc-field label{font-size:.73rem}.format-row .field-help{display:none}.step-actions{gap:8px}.step-actions #nextStep,.step-actions #calculate{min-width:0;flex:1}.step-actions button{font-size:.85rem;padding-inline:12px}.result-head h2{font-size:1rem}.calc-reading .related-links{grid-template-columns:1fr}.article-hero h1{font-size:2.1rem}.text-link{white-space:normal}.page-intro h1{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{body{background:#fff;padding:0}.preview-bar,.mj-platform-header,.footer,.skip-link,.calculator-form,.calc-reading,.mobile-result,.result-actions,#newCalculation,#copyFallback,.breadcrumbs,.copy-status{display:none!important}.calculator-layout{display:block;width:100%}.calculator-result{position:static;max-height:none;overflow:visible;border:0;width:100%;padding:0}.calc-intro{padding:0}.calc-intro h1{font-size:22pt}.calc-intro>p{font-size:10pt}.purchase-main{border:1px solid #aaa;background:white}.result-limit{font-size:9pt}details>div{display:block!important}.result-state{background:none}.purchase-option{break-inside:avoid}.wrap{width:100%}}
/* V1.2 · medir, comprobar y completar la compra */
.three-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.surface-preview{border-left:3px solid var(--b);padding:10px 13px;background:var(--s);font-size:.84rem;line-height:1.55;margin:22px 0 0;font-weight:600;font-variant-numeric:tabular-nums}
.zone-row{min-width:0;margin:18px 0 0;padding:14px;border:1px solid var(--l);border-radius:9px;background:var(--w)}
.zone-row legend{font-size:.85rem;font-weight:700;padding:0 6px}
.zone-top{display:flex;gap:12px;align-items:center;justify-content:space-between}
.zone-top label{font-size:.78rem;font-weight:650}
.zone-top .quiet-button{font-size:.76rem;padding:5px;flex-shrink:0}
.zone-name{min-width:0;width:100%;min-height:46px;padding:10px 12px;border:1px solid #beb7a6;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}
.zone-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}
.zone-fields .input-unit input{padding-right:37px;padding-left:10px}
.zone-fields .input-unit>span{right:10px}
.input-review{margin-top:25px;padding:18px;border-radius:9px;background:var(--s);border:1px solid var(--l)}
.input-review h3{margin:0 0 8px;font-size:1rem}
.input-review .result-metrics>div:last-child{border:0}
.result-metrics dt,.result-metrics dd{overflow-wrap:anywhere;min-width:0}
.result-metrics dt{flex:1}.result-metrics dd{flex:1.15;font-variant-numeric:tabular-nums}
.review-actions{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:5px}
.review-actions .quiet-button{font-size:.77rem}
.undo-notice{display:flex;flex-wrap:wrap;align-items:center;gap:5px 15px;margin:0 0 20px;padding:12px 14px;background:#edf0e7;border:1px solid #bdc8af;border-radius:8px;font-size:.79rem;line-height:1.5}
.undo-notice .quiet-button{color:var(--ink);font-size:.79rem}
.buy-check{margin-top:16px;border-top:1px solid var(--l);padding-top:12px}
.buy-check h3{font-size:.9rem;margin:0 0 8px}
.buy-check p{font-size:.8rem;line-height:1.55;color:var(--m);margin:8px 0}
.buy-check .button-secondary{margin-top:6px;font-size:.84rem}
.result-actions #downloadResult{grid-column:1/-1;min-height:44px}
.new-tab-note{font-size:.74rem;text-decoration:none;color:var(--m)}
.form-error ul{margin:8px 0 0;padding-left:19px}
.form-error li+li{margin-top:8px}
.form-error a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.article-toc{border:1px solid var(--l);border-radius:9px;padding:18px 22px;margin:24px 0 32px;background:var(--w);font-size:.9rem}
.article-toc b{font-size:.9rem}.article-toc ul{margin:10px 0 0;padding-left:20px}.article-toc li{margin:7px 0}
.calc-field select{font-size:1rem}
.calculator-result{scroll-margin-top:20px}
.form-topline{flex-wrap:wrap}
button:disabled{cursor:default;opacity:.48}
@media(max-width:440px){
 .three-options{grid-template-columns:1fr;gap:3px}
 .three-options span{justify-content:flex-start;text-align:left;padding-inline:12px}
 .zone-fields{grid-template-columns:1fr 1fr}.zone-fields .calc-field:last-child{grid-column:1/-1}
 .zone-row{padding:12px}.input-review{padding:14px}.result-state{white-space:normal;text-align:right;max-width:100px}
 .step-nav button{overflow-wrap:anywhere}
 .result-metrics>div{gap:10px}.result-actions{grid-template-columns:1fr}
 .format-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.remove-format{min-width:44px;min-height:44px}
 .mobile-result:not([hidden]){bottom:max(12px,env(safe-area-inset-bottom))}
}
@media print{
 #completePurchase,.undo-notice{display:none!important}
 .calculator-result details:not([open])>:not(summary){display:block!important}
 .calculator-result details{content-visibility:visible!important}
 .calculator-result details::details-content{content-visibility:visible!important;display:block!important}
 .buy-check,.result-metrics>div{break-inside:avoid}
 .result-metrics dt,.result-metrics dd{font-size:9pt;color:#222}
 .result-details summary{font-size:10pt}
 .purchase-main strong{font-size:28pt}
}

/* ===== v13: preserved cascade ===== */
/* Material Justo V1.3 — experiencia de producto
   Capa visual aditiva sobre V1.2. Sin dependencias externas. */
:root{
  --mj-surface:#fffdf7;
  --mj-surface-2:#f1ede2;
  --mj-ink:#171714;
  --mj-muted:#625e56;
  --mj-line:#d5cebd;
  --mj-accent:#f4d738;
  --mj-positive:#28533a;
  --mj-radius-sm:10px;
  --mj-radius:14px;
  --mj-radius-lg:20px;
  --mj-shadow-soft:0 14px 38px rgba(31,27,17,.065);
}

/* Cabecera más compacta y estable */
.mj-platform-header{position:relative;z-index:20}
.mj-platform-header__inner{min-height:70px}
.mj-platform-brand__mark{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.mj-platform-nav a{transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}

/* HOME — propuesta de valor más inmediata */
.home-hero{padding:64px 0 70px;overflow:hidden}
.home-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:72px;align-items:center}
.home-copy{position:relative;z-index:1}
.home-hero h1{max-width:760px;margin-top:15px}
.home-lead{max-width:610px;font-size:1.15rem}
.home-proof{display:flex;flex-wrap:wrap;gap:9px 16px;margin:25px 0 0;padding:0;list-style:none;color:#d3cec2;font-size:.84rem}
.home-proof li{display:inline-flex;align-items:center;gap:7px}
.home-proof li::before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--mj-accent);color:var(--mj-ink);font-size:.72rem;font-weight:900}

.material-picker{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px;background:rgba(255,255,255,.035);box-shadow:0 28px 80px rgba(0,0,0,.16)}
.material-picker h2{font-size:1rem;letter-spacing:0;color:#d9d4c8;margin:0 0 14px}
.material-choice{padding:20px;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.material-choice:hover{transform:translateY(-1px);border-color:var(--mj-accent);box-shadow:0 12px 34px rgba(0,0,0,.09)}
.material-choice b{font-size:1.08rem}
.material-choice small{font-size:.83rem}
.material-icon{width:46px;height:46px;border-radius:9px}
.material-icon svg{width:27px;height:27px}

.hero-example{margin-top:15px;padding:15px 16px;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:end;color:#d7d2c8}
.hero-example>span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#aba69a}
.hero-example strong{font-size:1.05rem;color:#fff;grid-row:2}
.hero-example b{font-size:1.55rem;line-height:1;color:var(--mj-accent);grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap}
.hero-example small{grid-column:1/-1;margin-top:6px;color:#aba69a;font-size:.76rem;line-height:1.45}

.trust-strip{box-shadow:0 1px 0 rgba(0,0,0,.02)}
.trust-grid{gap:0;padding-block:0}
.trust-grid>div{padding:22px 26px}
.trust-grid>div+div{border-left:1px solid var(--mj-line)}
.trust-grid>div>span{border:0;background:var(--mj-surface-2);font-weight:800;color:var(--mj-ink)}

.value-section{padding:50px 0 16px}
.value-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.value-grid h2{margin:8px 0 0;max-width:510px}
.value-points{display:grid;gap:0;border-top:1px solid var(--mj-line)}
.value-point{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--mj-line)}
.value-point>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--mj-accent);font-weight:900;font-size:.8rem}
.value-point h3{font-size:1rem;margin:1px 0 4px}
.value-point p{color:var(--mj-muted);font-size:.86rem;line-height:1.55;margin:0}

.guide-link{transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.guide-link:hover{transform:translateY(-2px);box-shadow:var(--mj-shadow-soft)}

/* CALCULADORAS — confianza y orientación */
.calc-intro{padding-top:26px;padding-bottom:21px}
.calc-intro>p{max-width:760px}
.calc-trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin:17px 0 0;padding:0;list-style:none;font-size:.78rem;color:var(--mj-muted)}
.calc-trust li{display:flex;align-items:center;gap:7px}
.calc-trust li::before{content:"✓";font-weight:900;color:var(--mj-positive)}
.calculator-layout{gap:24px}
.calculator-form,.calculator-result{border-color:var(--mj-line);box-shadow:0 6px 28px rgba(34,29,17,.035)}
.calculator-form{padding:27px 30px 25px}
.form-topline{margin-bottom:2px}
.step-nav{position:relative;margin-top:12px;margin-bottom:28px;gap:0}
.step-nav::before{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:var(--mj-line)}
.step-nav button{position:relative;z-index:1;background:var(--mj-surface);justify-content:center;padding-left:8px;padding-right:8px}
.step-nav button[aria-current=step]{box-shadow:0 2px var(--mj-ink)}
.step-nav button span{border:1px solid transparent}
.step-nav button[aria-current=step] span{box-shadow:0 0 0 3px var(--mj-surface)}

/* Selector de tipo de superficie: opciones que explican, no solo etiquetas */
.surface-mode-cards{background:transparent;border:0;padding:0;gap:10px;margin-bottom:24px}
.surface-mode-cards label{min-height:100%}
.surface-mode-cards label>span{height:100%;min-height:88px;justify-content:flex-start;align-items:flex-start;gap:10px;flex-direction:column;padding:13px;border:1px solid var(--mj-line);background:#fff;border-radius:10px;text-align:left;font-weight:600;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.surface-mode-cards input:checked+span{background:var(--mj-ink);border-color:var(--mj-ink);color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.08)}
.surface-mode-cards .mode-icon{width:29px;height:29px;min-height:29px;display:grid;place-items:center;border:0;padding:0;border-radius:7px;background:var(--mj-surface-2);color:var(--mj-ink);font-weight:900;font-size:.77rem;font-style:normal}
.surface-mode-cards input:checked+span .mode-icon{background:var(--mj-accent)}
.surface-mode-cards .mode-copy{display:grid;gap:2px;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;text-align:left;justify-content:stretch;align-items:stretch;flex-direction:initial}
.surface-mode-cards .mode-copy b{font-size:.84rem;font-weight:750}
.surface-mode-cards .mode-copy small{font-size:.7rem;line-height:1.3;font-weight:500;color:var(--mj-muted)}
.surface-mode-cards input:checked+span .mode-copy small{color:#c8c3b8}

.input-unit input,.calc-field select,.zone-name{transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}
.input-unit input:focus,.calc-field select:focus,.zone-name:focus{border-color:#6d6657;outline:none;box-shadow:0 0 0 3px rgba(244,215,56,.34)}
.surface-preview{border-left-color:var(--mj-accent);background:#f4f0e5;font-weight:650}
.input-review{background:#f3efe5;border-color:#ddd6c6}
.step-actions{align-items:center}
.button-primary{box-shadow:0 2px 0 rgba(0,0,0,.1);transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}
.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 0 rgba(0,0,0,.1)}
.button-secondary{transition:background-color .12s ease,border-color .12s ease}
.form-privacy{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.form-privacy::before{content:"";width:7px;height:7px;border-radius:50%;background:#5b8a66;box-shadow:0 0 0 3px #e7efe4}

/* Resultado: la decisión de compra por delante del desglose */
.calculator-result{padding:22px;border-radius:16px}
.result-head{margin-bottom:14px}
.result-head h2{font-size:1rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mj-muted);font-weight:750}
.result-state{border-radius:999px;padding:6px 9px}
.purchase-main{position:relative;overflow:hidden;border-radius:13px;padding:21px 20px 19px;background:var(--mj-accent);border:1px solid rgba(0,0,0,.08)}
.purchase-main::after{content:"";position:absolute;right:-35px;top:-50px;width:145px;height:145px;border-radius:50%;border:28px solid rgba(255,255,255,.28);pointer-events:none}
.purchase-main>span{position:relative;z-index:1;display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.69rem;font-weight:850}
.purchase-main>strong{position:relative;z-index:1;font-size:clamp(2.35rem,4vw,3.6rem);margin:7px 0 3px;max-width:88%}
.purchase-main>p{position:relative;z-index:1;margin:5px 0 0;max-width:88%}
.need-summary{font-size:.76rem!important;font-weight:650!important;color:#4e4616}
.purchase-visual{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.pack-token{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.66);border:1px solid rgba(17,17,15,.15);font-size:.75rem;font-weight:800}
.pack-token::before{content:"";display:block;width:15px;height:18px;border:2px solid currentColor;border-radius:3px 3px 4px 4px;box-shadow:inset 0 3px rgba(17,17,15,.12)}
.pack-token--box::before{width:17px;height:15px;border-radius:2px;box-shadow:inset 0 0 0 0,4px -4px 0 -3px currentColor}
.result-description{margin:14px 2px 16px;font-size:.82rem;line-height:1.55}
.purchase-options{margin-top:8px}
.purchase-option{position:relative;padding:11px 12px}
.purchase-option[aria-pressed=true]{box-shadow:inset 3px 0 var(--mj-accent)}
.cost-line{background:#fff;border-radius:10px;margin:14px 0}
.cost-line>span{color:var(--mj-muted);font-size:.75rem;font-weight:650}
.cost-line strong{font-size:1.08rem}
.result-metrics{background:#fbf9f2;border:1px solid #e2dccd;border-radius:10px;padding:2px 13px;margin-bottom:8px}
.result-metrics>div:last-child{border-bottom:0}
.result-details{padding:14px 2px}
.result-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.result-details summary::-webkit-details-marker{display:none}
.result-details summary::after{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mj-surface-2);font-size:1rem;line-height:1}
.result-details[open] summary::after{content:"−"}
.formula-lines{padding:12px 13px;margin-top:10px;background:#f2eee3;border-radius:9px}
.result-limit{padding:10px 12px;border-radius:8px;background:#f4f0e6}
.buy-check{padding:14px 14px 12px;border:1px solid #d8d2c2;border-radius:10px;background:#fff;margin-top:14px}
.buy-check h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.buy-check p:last-of-type{color:var(--mj-ink);font-weight:650}
.result-actions{grid-template-columns:1.2fr .8fr;gap:8px}
.result-actions #copyResult{background:var(--mj-ink);border-color:var(--mj-ink);color:#fff}
.result-actions #copyResult:hover{background:#2a2a25}
.result-actions #downloadResult{grid-column:1/-1}

/* Contenido editorial: menos sensación de bloques repetidos */
.calc-reading{padding-top:58px}
.reading-heading{max-width:700px}
.explainer-grid article{border-top:2px solid var(--mj-ink)}
.worked-example{box-shadow:inset 4px 0 var(--mj-accent)}
.article .quick-answer{box-shadow:0 8px 25px rgba(31,27,17,.035)}

/* Footer semántico h2, mismo aspecto visual */
.footer h2,.footer h3{color:#fff;margin-top:0;font-size:.95rem;letter-spacing:-.02em}

@media(max-width:980px){
  .home-grid{grid-template-columns:1fr 1fr;gap:38px}
  .value-grid{gap:36px}
  .trust-grid>div{padding-inline:18px}
}

@media(max-width:860px){
  .home-hero{padding:48px 0 54px}
  .home-grid{grid-template-columns:1fr;gap:34px}
  .material-picker{max-width:650px;width:100%}
  .value-grid{grid-template-columns:1fr;gap:24px}
  .calculator-form,.calculator-result{box-shadow:none}
}

@media(max-width:760px){
  .home-hero h1{font-size:clamp(2.45rem,12vw,3.6rem)}
  .home-lead{font-size:1.02rem}
  .material-picker{padding:14px}
  .material-choice{padding:17px 15px;gap:14px}
  .hero-example{padding-inline:3px}
  .trust-grid{grid-template-columns:1fr}
  .trust-grid>div{padding:16px 0}
  .trust-grid>div+div{border-left:0;border-top:1px solid var(--mj-line)}
  .value-section{padding-top:38px}
  .section-heading{align-items:flex-start;flex-direction:column}
  .surface-mode-cards label>span{min-height:82px}
  .step-nav button{justify-content:flex-start;font-size:.78rem}
  .step-nav::before{left:8%;right:8%}
  .purchase-main>strong,.purchase-main>p{max-width:100%}
}

@media(max-width:440px){
  .home-proof{display:grid;gap:8px}
  .material-choice small{font-size:.8rem}
  .hero-example{grid-template-columns:1fr auto}
  .calc-trust{display:grid;gap:7px}
  .surface-mode-cards{grid-template-columns:1fr!important}
  .surface-mode-cards label>span{min-height:auto;display:grid;grid-template-columns:31px 1fr;align-items:center;gap:10px}
  .surface-mode-cards .mode-copy{align-self:center}
  .purchase-main{padding:18px 16px}
  .pack-token{font-size:.7rem}
}

@media print{
  .calc-trust,.purchase-visual{display:none!important}
}

/* ===== v131: preserved cascade ===== */
/* Material Justo V1.3.1 — Motion & Polish
   Microinteracciones funcionales. Sin dependencias y con reduced-motion. */
:root{
  --mj-motion-fast:140ms;
  --mj-motion-base:220ms;
  --mj-motion-slow:360ms;
  --mj-motion-ease:cubic-bezier(.2,.75,.25,1);
  --mj-motion-pop:cubic-bezier(.2,.9,.25,1.15);
}

/* Feedback inmediato, sin convertir la interfaz en una animación continua. */
button,
.button-primary,
.button-secondary,
.quiet-button,
.add-format,
.material-choice,
.guide-link,
.purchase-option{
  -webkit-tap-highlight-color:transparent;
}
button:active,
.button-primary:active,
.button-secondary:active,
.quiet-button:active,
.add-format:active{
  transform:scale(.985);
}

/* HOME — una sola entrada al cargar, breve y con jerarquía. */
@keyframes mj-rise-in{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes mj-picker-in{
  from{opacity:0;transform:translateY(12px) scale(.992)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mj-example-accent{
  0%,72%{background:transparent}
  100%{background:rgba(244,215,56,.055)}
}
.home-copy>.ey{animation:mj-rise-in .34s var(--mj-motion-ease) both}
.home-copy>h1{animation:mj-rise-in .4s .035s var(--mj-motion-ease) both}
.home-copy>.home-lead{animation:mj-rise-in .4s .075s var(--mj-motion-ease) both}
.home-copy>.home-proof{animation:mj-rise-in .4s .11s var(--mj-motion-ease) both}
.material-picker{animation:mj-picker-in .46s .08s var(--mj-motion-ease) both}
.material-choice{transition:transform var(--mj-motion-base) var(--mj-motion-ease),border-color var(--mj-motion-fast) ease,box-shadow var(--mj-motion-base) ease,background-color var(--mj-motion-fast) ease}
.material-choice .choice-arrow{transition:transform var(--mj-motion-base) var(--mj-motion-ease)}
.material-choice:hover .choice-arrow,.material-choice:focus-visible .choice-arrow{transform:translateX(3px)}
.hero-example{animation:mj-example-accent .7s .32s ease both;border-radius:8px}
.hero-example b{transition:transform var(--mj-motion-base) var(--mj-motion-ease)}
.material-picker:hover .hero-example b{transform:translateY(-1px)}

/* Navegación y enlaces: movimiento mínimo, consistente. */
.mj-platform-nav a,.text-link,.read-link,.related-links a{transition:color var(--mj-motion-fast) ease,background-color var(--mj-motion-fast) ease,transform var(--mj-motion-base) var(--mj-motion-ease)}
.text-link:hover,.read-link:hover,.related-links a:hover{transform:translateX(2px)}

/* CALCULADORA — progreso visible entre pasos. */
.step-nav{--mj-step-progress:0%}
.step-nav::after{
  content:"";
  position:absolute;
  z-index:0;
  left:12%;
  bottom:-1px;
  height:2px;
  width:var(--mj-step-progress);
  max-width:76%;
  background:var(--mj-accent);
  border-radius:999px;
  transition:width .32s var(--mj-motion-ease);
}
.step-nav button{transition:color var(--mj-motion-fast) ease,background-color var(--mj-motion-fast) ease,box-shadow var(--mj-motion-fast) ease,transform var(--mj-motion-base) var(--mj-motion-ease)}
.step-nav button:hover{transform:translateY(-1px)}
.step-nav button span{transition:background-color var(--mj-motion-fast) ease,border-color var(--mj-motion-fast) ease,box-shadow var(--mj-motion-fast) ease,transform var(--mj-motion-base) var(--mj-motion-pop)}
.step-nav button[aria-current=step] span{transform:scale(1.04)}

@keyframes mj-step-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.calc-step.mj-step-in{animation:mj-step-in .22s var(--mj-motion-ease) both}

/* Selectores: que el cambio de estado se note sin saltos agresivos. */
.segmented label>span,
.surface-mode-cards label>span{
  transition:background-color var(--mj-motion-fast) ease,color var(--mj-motion-fast) ease,border-color var(--mj-motion-fast) ease,box-shadow var(--mj-motion-base) ease,transform var(--mj-motion-base) var(--mj-motion-ease);
}
.segmented label:hover>span,.surface-mode-cards label:hover>span{transform:translateY(-1px)}
.segmented input:checked+span,.surface-mode-cards input:checked+span{transform:translateY(-1px)}

/* Filas dinámicas de zonas y formatos. */
@keyframes mj-row-in{
  from{opacity:0;transform:translateY(-5px) scale(.995)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.zone-row.mj-row-in,.format-row.mj-row-in{animation:mj-row-in .22s var(--mj-motion-ease) both}
.zone-row,.format-row{transform-origin:top center}

/* Errores: una llamada visual breve, sin shake. */
@keyframes mj-error-pulse{
  0%{box-shadow:0 0 0 0 rgba(157,48,36,0)}
  45%{box-shadow:0 0 0 4px rgba(157,48,36,.10)}
  100%{box-shadow:0 0 0 0 rgba(157,48,36,0)}
}
[aria-invalid="true"]{animation:mj-error-pulse .38s ease}

/* Resultado — la parte con más feedback de toda la experiencia. */
@keyframes mj-result-in{
  from{opacity:0;transform:translateY(10px) scale(.995)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mj-amount-pop{
  0%{transform:translateY(5px) scale(.985);opacity:.35}
  100%{transform:translateY(0) scale(1);opacity:1}
}
@keyframes mj-token-in{
  from{opacity:0;transform:translateY(5px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
#resultContent.mj-result-in{animation:mj-result-in .3s var(--mj-motion-ease) both}
#mainAmount.mj-amount-pop{animation:mj-amount-pop .32s var(--mj-motion-pop) both}
.pack-token{animation:mj-token-in .24s calc(var(--mj-token-index,0) * 45ms + 80ms) var(--mj-motion-ease) both}
.purchase-option{transition:transform var(--mj-motion-base) var(--mj-motion-ease),border-color var(--mj-motion-fast) ease,background-color var(--mj-motion-fast) ease,box-shadow var(--mj-motion-fast) ease}
.purchase-option:hover{transform:translateY(-1px)}
.cost-line,.result-metrics,.buy-check{transition:border-color var(--mj-motion-fast) ease,background-color var(--mj-motion-fast) ease,box-shadow var(--mj-motion-base) ease}
.result-state{transition:background-color var(--mj-motion-fast) ease,color var(--mj-motion-fast) ease,border-color var(--mj-motion-fast) ease,transform var(--mj-motion-base) var(--mj-motion-pop)}
.result-state.valid{transform:scale(1.02)}

/* Details: JS anima la altura; el icono acompaña el estado. */
details>summary{cursor:pointer}
.result-details summary::after{transition:transform var(--mj-motion-base) var(--mj-motion-ease),background-color var(--mj-motion-fast) ease}
.result-details[open] summary::after{transform:rotate(180deg)}
details.mj-details-animating{overflow:hidden}

/* Botón de resultado móvil: aparece como una acción disponible, no como popup brusco. */
@keyframes mj-mobile-result-in{
  from{opacity:0;transform:translate(-50%,8px)}
  to{opacity:1;transform:translate(-50%,0)}
}
.mobile-result:not([hidden]){animation:mj-mobile-result-in .24s var(--mj-motion-ease) both}

/* Focus conserva prioridad sobre el motion. */
a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-delay:0ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
  button:active,.button-primary:active,.button-secondary:active,.quiet-button:active,.add-format:active,
  .material-choice:hover .choice-arrow,.material-choice:focus-visible .choice-arrow,
  .text-link:hover,.read-link:hover,.related-links a:hover,
  .step-nav button:hover,.segmented label:hover>span,.surface-mode-cards label:hover>span,
  .segmented input:checked+span,.surface-mode-cards input:checked+span,
  .purchase-option:hover,.result-state.valid{transform:none!important}
}

/* ===== v14: preserved cascade ===== */
/* Material Justo V1.4 — Growth */
.growth-answer{position:relative;overflow:hidden;border-left:4px solid var(--y);padding:22px 24px!important}
.growth-answer:after{content:"MJ";position:absolute;right:18px;top:10px;font-weight:850;font-size:3rem;letter-spacing:-.08em;color:rgba(17,17,15,.035);pointer-events:none}
.growth-answer .answer-kicker{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--m);margin-bottom:7px}
.growth-answer>strong{display:block;font-size:clamp(1.18rem,2vw,1.5rem);letter-spacing:-.025em;max-width:720px}
.growth-answer .button-primary{display:inline-flex;margin-top:7px}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 24px;border:1px solid var(--l);border-radius:10px;background:var(--w)}
.table-scroll table{width:100%;min-width:560px;border-collapse:collapse;margin:0!important}
.table-scroll th,.table-scroll td{padding:13px 15px;border-bottom:1px solid var(--l);text-align:left;vertical-align:top}
.table-scroll th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;background:var(--s)}
.table-scroll td{font-size:.9rem}
.table-scroll tbody tr:last-child td{border-bottom:0}
.growth-steps{list-style:none;counter-reset:growth;padding:0;margin:20px 0 28px;display:grid;gap:10px}
.growth-steps li{counter-increment:growth;position:relative;border:1px solid var(--l);background:var(--w);border-radius:9px;padding:14px 14px 14px 56px;min-height:58px}
.growth-steps li:before{content:counter(growth);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--w);font-size:.75rem;font-weight:800;line-height:1}
.growth-steps b{display:block;font-size:.92rem}.growth-steps span{display:block;font-size:.83rem;color:var(--m);line-height:1.5;margin-top:2px}
.guide-cluster{margin-top:34px}.guide-cluster:first-child{margin-top:0}
.guide-cluster__head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid var(--l)}
.guide-cluster__head h2{margin:4px 0 0;font-size:1.55rem}.guide-cluster__head p{margin:0;color:var(--m);font-size:.88rem;max-width:540px;text-align:right}
.guide-link--featured{grid-column:span 2;background:var(--ink);color:var(--w);border-color:var(--ink)}
.guide-link--featured p,.guide-link--featured .ey{color:#d6d0c2}.guide-link--featured .read-link{color:var(--y)}
.guide-link .guide-tag{display:inline-flex;align-items:center;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;border-radius:99px;background:var(--s);padding:4px 7px;margin-left:7px;color:var(--m)}
.guide-link--featured .guide-tag{background:rgba(255,255,255,.1);color:#e8e1d2}
.home-growth-note{margin-top:18px;font-size:.82rem;color:var(--m)}
@media(max-width:760px){.guide-cluster__head{display:block}.guide-cluster__head p{text-align:left;margin-top:8px}.guide-link--featured{grid-column:span 1}.growth-answer{padding:19px!important}.growth-answer:after{font-size:2.3rem}.table-scroll{margin-inline:0}.table-scroll th,.table-scroll td{padding:11px 12px}.growth-steps li{padding:12px}}

.growth-faq{margin:34px 0 28px}.growth-faq h2{margin-bottom:14px}.growth-faq summary{font-weight:700;cursor:pointer}.growth-faq p{color:var(--m);line-height:1.6}

/* =========================================================
   V1.4 FINAL · Índice editorial de las guías
   ========================================================= */
.article-toc{
  display:grid;
  grid-template-columns:minmax(190px,.72fr) minmax(0,1.55fr);
  gap:24px 30px;
  align-items:start;
  margin:28px 0 38px;
  padding:24px;
  border:1px solid var(--l);
  border-radius:14px;
  background:var(--w);
  box-shadow:0 10px 30px rgba(17,17,15,.045);
  font-size:.9rem;
}
.article-toc__intro{
  position:relative;
  padding:2px 22px 2px 0;
}
.article-toc__intro:after{
  content:"";
  position:absolute;
  top:2px;
  right:0;
  bottom:2px;
  width:1px;
  background:var(--l);
}
.article-toc__intro>span{
  display:inline-block;
  margin-bottom:8px;
  color:var(--m);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.article-toc__intro>b{
  display:block;
  max-width:210px;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.2;
  letter-spacing:-.02em;
}
.article-toc__intro>small{
  display:block;
  margin-top:7px;
  color:var(--m);
  font-size:.78rem;
  line-height:1.45;
}
.article-toc ul{
  counter-reset:mj-toc;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.article-toc li{
  counter-increment:mj-toc;
  margin:0;
  min-width:0;
}
.article-toc a{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:9px;
  color:var(--ink);
  font-weight:680;
  line-height:1.3;
  text-decoration:none;
  transition:background-color .16s,border-color .16s,transform .16s;
}
.article-toc a:before{
  content:counter(mj-toc,decimal-leading-zero);
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:8px;
  background:var(--s);
  color:var(--m);
  font-size:.65rem;
  font-weight:850;
  letter-spacing:.03em;
  transition:background-color .16s,color .16s;
}
.article-toc a:after{
  content:"→";
  margin-left:auto;
  color:var(--m);
  font-size:.9rem;
  transition:transform .16s,color .16s;
}
.article-toc a:hover{
  border-color:var(--l);
  background:var(--s);
  transform:translateY(-1px);
}
.article-toc a:hover:before{
  background:var(--y);
  color:var(--ink);
}
.article-toc a:hover:after{
  color:var(--ink);
  transform:translateX(2px);
}
@media(max-width:760px){
  .article-toc{
    grid-template-columns:1fr;
    gap:15px;
    padding:18px;
    margin:22px 0 30px;
    border-radius:12px;
  }
  .article-toc__intro{
    padding:0 0 14px;
    border-bottom:1px solid var(--l);
  }
  .article-toc__intro:after{display:none}
  .article-toc__intro>b{max-width:none;font-size:1rem}
  .article-toc__intro>small{margin-top:5px}
  .article-toc ul{grid-template-columns:1fr;gap:4px}
  .article-toc a{padding:7px 8px;min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  .article-toc a,.article-toc a:before,.article-toc a:after{transition:none!important}
  .article-toc a:hover{transform:none}
}

/* ===== v2: preserved cascade ===== */
/* Material Justo V2.0 — shared visual system. Local CSS, no external assets. */
:root{
  --b:#171d27;--ink:#171d27;--p:#f8f9fc;--w:#fff;--y:#e6b71d;--m:#535e6d;--l:#dde2e9;--s:#eef1f7;--g:#eaf4ee;--r:#fff0ed;
  --focus:#805e00;--line:var(--l);--positive:#285b41;--radius:14px;--shadow:0 8px 24px #17233706;
  --mj-surface:#fff;--mj-surface-2:#eef1f7;--mj-ink:#171d27;--mj-muted:#535e6d;--mj-line:#dde2e9;--mj-accent:#e6b71d;--mj-positive:#285b41;--mj-shadow-soft:0 8px 26px #17233708;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html{scroll-padding-top:24px}body{line-height:1.6}h1,h2,h3{font-weight:750;overflow-wrap:normal;text-wrap:balance}h1{letter-spacing:-.05em}h2{letter-spacing:-.035em}h3{letter-spacing:-.02em}
.wrap,.mj-platform-header__inner{width:min(1160px,calc(100% - 48px))}.content-shell{width:min(780px,calc(100% - 48px))}
input,select,textarea{font-size:1rem!important}.mj-icon{width:24px;height:24px;flex-shrink:0}.mj-icon-box{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:11px;background:var(--s);color:var(--ink)}
.mj-eyebrow,.ey,.ey.d{color:var(--m);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mj-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--positive);flex-shrink:0}.mj-tag{display:inline-flex;align-items:center;border:1px solid var(--l);padding:3px 9px;border-radius:5px;font-size:.72rem;color:var(--m);background:var(--p)}
.preview-bar{background:#f0f2f7;border-bottom:1px solid var(--l);color:var(--m)}.preview-bar .wrap{padding-block:5px;font-size:.7rem;align-items:center}.preview-bar b{font-weight:600}
.mj-platform-header{background:#fff;color:var(--ink);border-bottom:1px solid var(--l)}.mj-platform-header__inner{min-height:76px}.mj-platform-brand{color:var(--ink);font-size:1.06rem;gap:11px;font-weight:750}.mj-platform-brand__mark{background:var(--y);color:var(--ink);border-radius:7px;width:34px;height:36px;font-size:.74rem;box-shadow:none;letter-spacing:-.04em}.mj-platform-nav{padding:4px;background:var(--p);border-radius:8px;gap:2px}.mj-platform-nav a{color:var(--m);font-weight:550;min-height:38px;padding:10px 14px;font-size:.84rem;border-radius:5px}.mj-platform-nav a.active,.mj-platform-nav a:hover{background:#e9edf4;color:var(--ink);box-shadow:none;border-radius:5px}.menu-toggle{color:var(--ink);border-color:var(--l);font-size:.85rem}
.button-primary,.button-secondary,.btn{border-radius:7px;min-height:46px;font-size:.9rem;padding:12px 17px;font-weight:650;line-height:1.4;box-shadow:none}.button-primary,.btn--accent{background:var(--y);border:1px solid #c99a0a;color:var(--ink)}.button-primary:hover,.btn--accent:hover{background:#f0c633;box-shadow:none;transform:none}.button-secondary{background:#fff;border-color:#c9d0da}.button-secondary:hover{background:var(--s)}.quiet-button{color:var(--m)}.btn--light{border:1px solid var(--l);background:#fff;color:var(--ink)}.text-link{font-size:.9rem;font-weight:650}.section{padding-block:52px}.section--tight{padding-block:30px}.section-heading{margin-bottom:24px;gap:20px}.section-heading h2{font-size:clamp(1.65rem,2.5vw,2.1rem);margin-top:8px}.section-heading p{margin-bottom:0}
/* Home and material selection */
.mj-home-intro{padding-top:48px;padding-bottom:32px}.mj-home-intro>.mj-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 15px}.mj-home-intro h1{font-size:clamp(2.5rem,4.5vw,3.7rem);line-height:1.08;max-width:850px;margin:0 0 18px}.mj-home-intro h1>span{position:relative;z-index:0;display:inline-block}.mj-home-intro h1>span:after{content:"";position:absolute;z-index:-1;bottom:3px;left:0;width:100%;height:.17em;background:#f4d777}.mj-home-lead{font-size:1.08rem;line-height:1.65;color:var(--m);max-width:730px;margin:0 0 30px}.mj-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mj-material-card{display:block;background:#fff;border:1px solid var(--l);border-radius:13px;padding:25px 26px 0;text-decoration:none;box-shadow:0 3px 5px #1c294003;transition:border-color 160ms,box-shadow 160ms}.mj-material-card:hover{border-color:#a58c39;box-shadow:var(--mj-shadow-soft)}.mj-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:3px}.mj-card-top .mj-icon-box{width:36px;height:36px;border-radius:8px;background:#fff6d5}.mj-card-top .mj-icon{width:21px;height:21px}.mj-material-card h2{font-size:1.65rem;margin:0 0 8px;line-height:1.2}.mj-material-card p{color:var(--m);font-size:.94rem;max-width:390px;margin:0 0 20px;line-height:1.5}.mj-card-drawing{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--p);border-radius:7px;padding:4px 18px 4px 4px;min-height:106px}.mj-sketch{width:220px;max-width:100%;height:auto;flex-shrink:1}.mj-card-drawing>span{max-width:135px;font-size:.8rem;color:var(--m);font-weight:550}.mj-card-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 0;font-size:.91rem;font-weight:650}.mj-card-bottom>.mj-icon{width:22px;height:22px;transition:transform 150ms}.mj-material-card:hover .mj-card-bottom>.mj-icon{transform:translateX(3px)}.mj-home-assurance{font-size:.79rem;color:var(--m);text-align:center;margin:20px 0 0}.mj-home-assurance>span{margin:0 12px;color:#8d98a5}
.mj-demo-section{background:#eef1f8;border-block:1px solid #e5e9f0;padding:48px 0}.mj-demo{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:64px;align-items:center}.mj-demo-copy h2{font-size:clamp(1.75rem,2.8vw,2.35rem);line-height:1.14;margin:10px 0 16px}.mj-demo-copy>p:not(.mj-eyebrow){color:var(--m);font-size:.94rem;max-width:455px}.mj-demo-copy .mj-example-caption{font-size:.76rem!important;line-height:1.5;margin:20px 0 0}.mj-ticket{background:#fff;border:1px solid #d9dfe9;border-radius:10px;box-shadow:0 10px 28px #17233707;padding:25px 26px 0}.mj-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px dashed #d1d8e2;font-size:.85rem;font-weight:600}.mj-ticket-amount{display:flex;align-items:center;gap:17px;margin:25px 0}.mj-ticket-amount .mj-icon-box{background:#ffefb0;width:48px;height:54px}.mj-ticket-amount strong{display:block;font-size:1.65rem;letter-spacing:-.045em;line-height:1.2}.mj-ticket-amount div>span{display:block;color:var(--m);font-size:.83rem;margin-top:6px}.mj-ticket dl{margin:0 0 22px}.mj-ticket dl>div{display:flex;justify-content:space-between;gap:20px;font-size:.84rem;margin:8px 0}.mj-ticket dt{color:var(--m)}.mj-ticket dd{margin:0;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.mj-ticket-foot{display:flex;align-items:center;gap:8px;border-top:1px dashed #d1d8e2;padding:15px 0;font-size:.7rem;color:var(--positive)}
.mj-process{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mj-process li{padding:22px 23px;background:#fff;border:1px solid var(--l);border-radius:10px}.mj-process li>span{display:grid;place-items:center;width:30px;height:30px;background:var(--s);border-radius:6px;font-size:.75rem;font-weight:650}.mj-process li:nth-child(2)>span{background:#fff0b5}.mj-process h3{font-size:1.1rem;margin:16px 0 8px}.mj-process p{font-size:.88rem;color:var(--m);margin:0;line-height:1.6}.mj-home-guides{padding-top:12px}.mj-closing{display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--ink);color:#fff;padding:30px 34px;border-radius:11px;margin-block:8px 52px}.mj-closing .mj-eyebrow{color:#edcc62;margin:0 0 8px}.mj-closing h2{font-size:1.6rem;margin:0}.mj-closing .button-primary{flex-shrink:0}
/* Directories, articles and shared information pages */
.page-intro{padding:44px 0 10px}.page-intro h1{font-size:clamp(2.1rem,3.8vw,3.1rem);max-width:860px}.page-intro p:not(.ey){max-width:760px;font-size:1.03rem}.guide-list{gap:16px}.guide-link{background:#fff;box-shadow:none;border-radius:10px;padding:23px}.guide-link h3{font-size:1.15rem;line-height:1.35;margin:12px 0}.guide-link p{font-size:.87rem;line-height:1.6;color:var(--m);margin-bottom:20px}.guide-link .ey{font-size:.68rem;color:var(--m);margin:0}.guide-link .read-link{font-size:.84rem}.guide-link:hover{border-color:#a8b2c2;box-shadow:var(--mj-shadow-soft)}.guide-link--featured{background:#eef2f9;border-color:#dce3ee;color:var(--ink)}.guide-link--featured .ey,.guide-link--featured p{color:var(--m)}.guide-link--featured h3{font-size:1.4rem;max-width:390px}.guide-link--featured .read-link{color:var(--ink)}.guide-link .guide-tag{background:#fff6d5;color:#72560a;border:1px solid #e9dab1;font-size:.62rem}.guide-cluster{margin-top:50px;scroll-margin-top:24px}.guide-cluster__head{align-items:start;gap:30px;padding-bottom:18px}.guide-cluster__head h2{font-size:1.6rem}.guide-cluster__head p{max-width:440px;text-align:left;font-size:.87rem}.mj-guide-jumps{display:flex;gap:10px;margin:22px 0 12px;flex-wrap:wrap}.mj-guide-jumps a{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 15px;border:1px solid var(--l);border-radius:7px;background:#fff;font-weight:650;text-decoration:none;font-size:.9rem}.mj-guide-jumps a:hover{border-color:#a58c39}.mj-guide-jumps span{color:var(--m);font-weight:450;font-size:.77rem;margin-left:10px}.mj-guide-jumps .mj-icon{width:19px;height:19px}
.inline-help{background:#eef1f7;border:1px solid var(--l);max-width:none;padding:24px;border-radius:10px}.inline-help p{font-size:.9rem}.inline-help>a{font-size:.88rem;font-weight:600}.card{box-shadow:none;border-radius:11px}.card h3{margin-top:0}.card p{color:var(--m);font-size:.96rem}.hero,.article-hero{background:#f0f3f9;color:var(--ink);border-bottom:1px solid var(--l);padding-block:42px}.hero .ey,.article-hero .ey{color:var(--m)}.hero-copy{color:var(--m);font-size:1.04rem;line-height:1.65}.hero h1,.article-hero h1{font-size:clamp(2.1rem,3.6vw,3.05rem);line-height:1.12;max-width:870px}.hero .actions{margin-top:26px}.hero .ey{margin-bottom:13px}.hero h1{max-width:840px}.content-shell p,.content-shell li{line-height:1.75}.content-shell a:not([class]){text-decoration-color:#9aa3b1}.article{padding:32px 0 50px}.article h2{font-size:1.5rem;line-height:1.25;margin-top:36px}.article h3{font-size:1.13rem}.article p,.article li{font-size:1rem}.article th,.article td{line-height:1.6}.article .quick-answer{background:#fff;border-color:var(--l);border-left:4px solid var(--y);box-shadow:none;padding:24px!important;border-radius:10px;margin-bottom:24px}.article .quick-answer>strong{font-size:1.35rem;line-height:1.35;margin-bottom:10px}.article .quick-answer p{font-size:.96rem;line-height:1.7;margin:10px 0 15px}.growth-answer:after{display:none}.growth-answer .answer-kicker{color:#795c05;font-size:.68rem;letter-spacing:.09em}.article .quick-answer .button-primary{font-size:.86rem;margin-top:3px}.formula-box{background:#eef2f8;border:1px solid var(--l);border-radius:8px;margin:20px 0;padding:18px 20px}.formula-box code{font:550 .9rem/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.example-box{background:#fff6d8;border:1px solid #eadba8;border-radius:9px}.warning-box{background:#fff2e5;border:1px solid #ebd4b5;border-radius:9px}.source-box,.article .source-box{background:#edf3ef;border:1px solid #d3e2d8}.editorial-note{background:transparent;border-top:1px solid var(--l);padding:18px 0 0;border-radius:0;font-size:.8rem;color:var(--m);line-height:1.65}.related-box{margin-top:32px}.related-links{gap:10px}.related-links a{padding:15px 16px;border-radius:8px;min-height:48px;font-size:.85rem;background:#fff}.related-links a:hover{background:var(--s);border-color:#b9c2ce}.table-scroll{background:#fff;border-radius:8px;margin:20px 0}.table-scroll th{font-size:.74rem;letter-spacing:0;text-transform:none;background:#eef2f8}.table-scroll td{font-size:.88rem}.table-scroll table{min-width:500px}.table-scroll tbody tr:nth-child(even){background:#fafbfd}.growth-steps{gap:10px}.growth-steps li{padding:15px 16px 15px 57px;font-size:.94rem}.growth-steps li:before{background:var(--s);color:var(--ink)}
.mj-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:52px;align-items:start}.mj-article-layout>.article{width:100%;min-width:0;margin:0;padding-top:32px}.mj-guide-page .article-hero h1{max-width:800px}.mj-guide-page .article-hero .hero-copy{max-width:790px}.mj-guide-page .article-hero .ey{display:none}.mj-guide-page .article-hero .breadcrumbs{margin-bottom:20px}.mj-guide-aside{position:sticky;top:24px;margin-top:32px;background:#fff;border:1px solid var(--l);border-radius:10px;padding:23px}.mj-guide-aside .mj-icon-box{background:#fff3c7;margin-bottom:18px}.mj-guide-aside h2{font-size:1.2rem;line-height:1.25;margin:0 0 12px}.mj-guide-aside p{font-size:.88rem;color:var(--m);line-height:1.65}.mj-guide-aside .button-primary{width:100%;font-size:.83rem;padding-inline:10px}.mj-aside-link{display:block;font-size:.79rem;text-align:center;color:var(--m);margin-top:16px}
.article-toc{display:block;padding:20px!important;margin:0 0 32px!important;background:#eef1f7;border:0;box-shadow:none;border-radius:9px}.article-toc__intro{padding:0 0 12px;border:0;display:flex;gap:12px;align-items:center}.article-toc__intro:after,.article-toc__intro>span,.article-toc__intro>small{display:none}.article-toc__intro>b{font-size:.88rem;max-width:none}.article-toc ul{grid-template-columns:1fr 1fr;gap:5px 12px;padding:0;margin:0}.article-toc li{margin:0!important;line-height:1.35}.article-toc a{font-size:.8rem;font-weight:500;padding:8px 0;min-height:42px;gap:9px;border:0;align-items:flex-start}.article-toc a:before{background:transparent;display:block;width:20px;height:auto;flex-basis:20px;font-weight:600;color:#667386;font-size:.65rem;margin-top:3px}.article-toc a:after{display:none}.article-toc a:hover{background:transparent;text-decoration:underline;transform:none}.article-toc a:hover:before{background:transparent;color:var(--ink)}
.faq details,.calc-faq details{background:#fff;border-color:var(--l);padding:16px 18px;border-radius:8px}.faq summary,.calc-faq summary{font-weight:600;line-height:1.5;font-size:.96rem}.faq details p,.calc-faq p{font-size:.92rem;color:var(--m)}
/* Calculator forms: same inputs and engine, clearer hierarchy. */
.calc-intro{padding-top:28px;padding-bottom:25px}.calc-intro h1{font-size:clamp(2rem,3.2vw,2.7rem);line-height:1.15}.calc-intro .breadcrumbs{margin-bottom:16px}.calc-trust{gap:7px 20px;font-size:.76rem;margin-top:14px}.calculator-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:24px}.calculator-form,.calculator-result{border:1px solid var(--l);box-shadow:none;background:#fff;border-radius:12px}.calculator-form{padding:25px 27px}.calculator-result{padding:24px;position:static}.form-topline{font-size:.76rem}.form-topline .quiet-button{font-size:.79rem}.step-nav{border:0;margin:12px 0 28px;background:var(--p);padding:5px;border-radius:8px;gap:5px}.step-nav:before,.step-nav:after{display:none}.step-nav button{padding:9px 6px;min-height:43px;border-radius:5px;font-size:.8rem;gap:7px;background:transparent;justify-content:center;box-shadow:none}.step-nav button[aria-current=step]{background:#fff;box-shadow:0 1px 5px #1723370c;color:var(--ink)}.step-nav button[aria-current=step] span{box-shadow:none;background:var(--y);transform:none}.step-nav button span{width:23px;height:23px;border-radius:5px;font-size:.69rem}.calc-step legend{font-size:1.4rem;line-height:1.25;font-weight:700}.step-help{font-size:.9rem;margin:10px 0 21px}.surface-mode-cards{background:none;border:0;padding:0;margin-bottom:24px;gap:8px}.surface-mode-cards label>span{min-height:97px;padding:12px;border-radius:8px;gap:9px;background:#fff;border-color:var(--l)}.surface-mode-cards input:checked+span{background:#fff8df;color:var(--ink);border-color:#b19025;box-shadow:inset 0 0 0 1px #b19025;transform:none}.surface-mode-cards input:checked+span .mode-copy small{color:var(--m)}.surface-mode-cards .mode-icon{background:var(--s);width:27px;height:27px;min-height:27px;border-radius:5px}.surface-mode-cards input:checked+span .mode-icon{background:#efce65}.surface-mode-cards .mode-copy b{font-size:.84rem}.surface-mode-cards .mode-copy small{font-size:.72rem;line-height:1.4}.segmented:not(.surface-mode-cards){background:var(--p);border-color:var(--l)}.segmented:not(.surface-mode-cards) input:checked+span{background:var(--ink);color:#fff;transform:none}.calc-fields{gap:18px}.calc-field label{font-size:.84rem;font-weight:600}.input-unit input,.calc-field select,.zone-name{border-color:#bcc5d1;border-radius:7px;box-shadow:none;min-height:48px;background:#fff;font-weight:500}.input-unit input::placeholder{color:#727d8c}.input-unit input:focus,.calc-field select:focus,.zone-name:focus{border-color:#9b7912;box-shadow:0 0 0 3px #efcb5638}.field-help{font-size:.76rem;line-height:1.5}.field-error{font-size:.78rem}.check-line{font-size:.86rem}.check-line input{accent-color:var(--ink)}.field-explainer{background:var(--p);border-color:var(--l);padding:14px;font-size:.83rem}.surface-preview{background:#edf4ef;border-left:3px solid #779d83;border-radius:0 6px 6px 0;padding:12px 14px;font-size:.82rem}.input-guide{font-size:.8rem}.step-actions{margin-top:22px;padding-top:20px}.form-privacy{font-size:.72rem;justify-content:center}.form-privacy:before{display:none}.input-review{background:var(--p);border-color:var(--l)}.format-row{gap:10px}.remove-format{border-color:var(--l);color:var(--m)}.format-help{color:var(--m)}.compact{background:var(--p);border-color:var(--l);padding:16px}.zone-row{background:var(--p);border-color:var(--l)}.zone-top .quiet-button{font-size:.77rem}.example-notice{background:#fff8dd;border-color:#ead999;color:#604a0c;font-size:.8rem}.undo-notice{background:#edf5ef;border-color:#cddfd1}.form-error{background:var(--r)}
.result-head{padding-bottom:17px;border-bottom:1px dashed #d2d9e3;margin-bottom:18px}.result-head h2{font-size:.86rem;text-transform:none;letter-spacing:0;color:var(--ink);font-weight:650}.result-state{font-size:.67rem;background:var(--s);color:var(--m);border-radius:5px;padding:5px 8px}.result-state.valid{background:#eaf4ee;color:var(--positive);transform:none}.result-placeholder{padding:5px 0 0}.result-placeholder .mj-eyebrow{font-size:.65rem;margin:0 0 9px}.result-placeholder h3{font-size:1.2rem;margin:0 0 12px}.mj-placeholder-drawing{background:var(--p);border-radius:8px;display:flex;justify-content:center;padding:9px;margin:18px 0}.mj-ready-list{list-style:none;counter-reset:ready;padding:0;margin:20px 0 0;display:grid;gap:14px}.mj-ready-list li{counter-increment:ready;display:flex;gap:10px;align-items:center;font-size:.86rem;color:var(--m);line-height:1.5}.mj-ready-list li:before{content:counter(ready);width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;font-size:.7rem;color:var(--ink);background:var(--s);border-radius:6px}.result-placeholder .mj-placeholder-note{font-size:.78rem;line-height:1.6;border-top:1px solid var(--l);padding-top:17px;margin:20px 0 0;color:var(--m)}
.purchase-main{background:#fff5cf;border:1px solid #eddda8;border-radius:9px;padding:19px 20px;color:var(--ink)}.purchase-main:after{display:none}.purchase-main>span{font-size:.68rem;letter-spacing:.06em;font-weight:650}.purchase-main>strong{font-size:clamp(2.2rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.045em;font-weight:750;max-width:100%;display:block;margin:10px 0 8px;font-variant-numeric:tabular-nums}.purchase-main>p{max-width:100%;font-size:.91rem;font-weight:600}.need-summary{color:#655319}.purchase-visual{margin-top:14px}.pack-token{font-size:.72rem;padding:6px 8px;border-color:#d8c58d;background:#fffdf5;font-weight:600;border-radius:5px}.result-description{font-size:.82rem;line-height:1.65;color:var(--m);margin:17px 0}.purchase-option{border-color:var(--l);border-radius:7px;padding:12px}.purchase-option[aria-pressed=true]{background:#edf5ef;color:var(--ink);border-color:#8aaa94;box-shadow:inset 3px 0 #5c8567}.purchase-option b{font-weight:650}.purchase-option span{font-size:.72rem}.purchase-option small{color:var(--m)}.cost-line{background:var(--p);border:1px solid var(--l);padding:13px;border-radius:7px}.cost-line strong{font-variant-numeric:tabular-nums}.result-metrics{background:#fff;border:0;padding:0;border-radius:0}.result-metrics>div{font-size:.8rem;border-color:var(--l);padding:11px 0;gap:16px}.result-metrics dd{font-weight:600}.result-details{font-size:.8rem;padding:16px 0}.result-details summary:after{background:var(--s);width:22px;height:22px;flex-shrink:0}.formula-lines{background:var(--p);padding:13px;border:1px solid var(--l);border-radius:7px}.formula-lines code{font-size:.77rem}.result-limit{background:var(--p);font-size:.75rem;line-height:1.6;padding:12px}.buy-check{border:1px solid #d6e1d9;background:#f3f7f4;padding:15px;border-radius:8px}.buy-check h3{text-transform:none;letter-spacing:0;font-size:.9rem}.buy-check p{font-size:.8rem}.result-actions{grid-template-columns:1fr 1fr}.result-actions .button-secondary{font-size:.79rem}.result-actions #copyResult{color:#fff;background:var(--ink)}.result-actions #downloadResult{grid-column:1/-1}.calc-reading{padding-top:50px;padding-bottom:20px}.explainer-grid{gap:24px}.explainer-grid article{border-top:1px solid var(--l)}.explainer-grid article>span{display:inline-grid;place-items:center;border-radius:5px;width:27px;height:27px;background:var(--s);color:var(--m)}.explainer-grid p{font-size:.88rem}.worked-example{box-shadow:none;border-color:var(--l);border-left:3px solid var(--y);border-radius:8px}.worked-example p{font-size:.9rem}.mobile-result:not([hidden]){background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 5px 20px #17233730;font-size:.85rem}
/* Shared footer */
.footer{background:#fff;border-top:1px solid var(--l);color:var(--m);margin-top:36px;padding-top:36px}.footer h2,.footer h3{color:var(--ink);font-size:.88rem;font-weight:650}.footer p{font-size:.83rem;line-height:1.9}.footer a{color:var(--m)}.footer a:hover{color:var(--ink);text-decoration:underline}.footer__grid{grid-template-columns:1.6fr 1fr 1fr;gap:45px}.footer__grid>div:first-child p{max-width:310px}.footer__bottom{border-color:var(--l);font-size:.73rem;padding-top:20px;margin-top:28px}
@media(max-width:1050px){.mj-demo{gap:32px}.mj-card-drawing>span{display:none}.calculator-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:20px}.calculator-form{padding:22px}.calculator-result{padding:21px}.mj-article-layout{gap:28px;grid-template-columns:minmax(0,1fr) 235px}.mj-guide-aside{padding:20px}.surface-mode-cards label>span{padding:10px}.surface-mode-cards .mode-copy small{font-size:.69rem}.mj-card-drawing{justify-content:center}.mj-sketch{width:250px}}
@media(max-width:860px){.calculator-layout{grid-template-columns:1fr}.calculator-form,.calculator-result{padding:24px}.calculator-result:has(#resultContent[hidden]){display:none}.surface-mode-cards label>span{min-height:89px;padding:13px}.surface-mode-cards .mode-copy small{font-size:.73rem}.mj-article-layout{grid-template-columns:1fr;gap:0;max-width:780px}.mj-guide-aside{position:static;margin:0 0 35px;display:grid;grid-template-columns:1fr auto;gap:8px 25px;align-items:center}.mj-guide-aside>.mj-icon-box{display:none}.mj-guide-aside h2{margin:0}.mj-guide-aside p{margin:0;grid-column:1;grid-row:2}.mj-guide-aside .button-primary{grid-column:2;grid-row:1/3}.mj-aside-link{grid-column:1/-1;text-align:left;margin:5px 0 0}.mj-demo{gap:27px}.mj-ticket{padding:21px 20px 0}.mj-ticket-amount strong{font-size:1.4rem}.mj-card-drawing .mj-sketch{width:225px}.mj-material-card h2{font-size:1.45rem}.mj-process{gap:13px}.mj-process li{padding:20px 17px}}
@media(max-width:760px){.wrap,.mj-platform-header__inner{width:calc(100% - 32px)}.content-shell{width:calc(100% - 32px)}.mj-platform-header__inner{min-height:66px;gap:0;padding:12px 0}.mj-platform-brand{font-size:1rem}.mj-platform-nav{padding:8px 0 0;background:transparent;border-radius:0;gap:5px}.mj-platform-nav a{min-height:44px;font-size:.86rem;padding:10px 12px}.preview-bar .wrap{font-size:.64rem;gap:8px}.preview-bar span{max-width:none}.mj-home-intro{padding:32px 0 24px}.mj-home-intro h1{font-size:clamp(2.25rem,6.8vw,3.3rem);line-height:1.12;letter-spacing:-.055em}.mj-home-lead{font-size:.98rem;margin-bottom:24px;max-width:530px}.mj-desktop-break{display:none}.mj-materials{gap:14px}.mj-material-card{padding:18px 18px 0}.mj-material-card h2{font-size:1.3rem}.mj-material-card p{font-size:.85rem;line-height:1.6;margin:0 0 16px}.mj-card-top .mj-eyebrow{font-size:.62rem}.mj-card-top .mj-icon-box{width:30px;height:30px}.mj-card-top .mj-icon{width:19px;height:19px}.mj-card-bottom{font-size:.85rem;padding-block:14px}.mj-home-assurance{line-height:1.7;font-size:.72rem;margin-top:17px}.mj-home-assurance>span{margin-inline:5px}.mj-demo-section{padding:32px 0}.mj-demo{grid-template-columns:1fr;gap:25px}.mj-demo-copy h2{font-size:1.9rem}.mj-demo-copy>p:not(.mj-eyebrow){max-width:600px}.mj-demo-copy h2 br{display:none}.mj-demo-copy .mj-example-caption{margin-top:13px}.mj-ticket{max-width:550px}.mj-ticket-amount strong{font-size:1.65rem}.mj-ticket-amount{margin-block:22px}.section{padding-block:34px}.section-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.section-heading .text-link{margin-top:0}.section-heading h2{font-size:1.7rem}.mj-process{grid-template-columns:1fr;gap:12px}.mj-process li{display:grid;grid-template-columns:32px 1fr;column-gap:16px;padding:20px}.mj-process li>span{grid-row:1/3}.mj-process h3{margin:0 0 5px;font-size:1.05rem}.mj-process p{grid-column:2;font-size:.87rem}.mj-home-guides{padding-top:10px}.mj-closing{flex-direction:column;align-items:flex-start;padding:26px 24px;gap:22px;margin-bottom:36px}.mj-closing h2{font-size:1.6rem}.page-intro{padding-top:30px}.page-intro h1{font-size:2.25rem}.page-intro p:not(.ey){font-size:.97rem}.guide-list{gap:12px}.guide-link{padding:20px}.guide-link h3{font-size:1.12rem}.guide-link--featured h3{font-size:1.35rem}.guide-cluster__head{display:block}.guide-cluster__head p{font-size:.85rem;max-width:none;margin-top:10px}.guide-cluster{margin-top:35px}.guide-link--featured{grid-column:span 2}.mj-guide-jumps{gap:8px}.mj-guide-jumps a{padding:9px 12px;gap:8px;font-size:.85rem}.mj-guide-jumps span{font-size:.7rem;margin-left:0}.hero,.article-hero{padding-block:30px}.hero h1,.article-hero h1{font-size:2.2rem;line-height:1.18}.hero-copy,.article-hero .hero-copy{font-size:.96rem}.mj-guide-page .article-hero .breadcrumbs{margin-bottom:15px}.mj-article-layout>.article{padding-top:24px}.article .quick-answer{padding:20px!important}.article .quick-answer>strong{font-size:1.22rem}.article .quick-answer p{font-size:.92rem}.article h2{font-size:1.4rem}.article p,.article li{font-size:.95rem}.article-toc{padding:16px!important}.article-toc ul{gap:4px 12px}.article-toc a{font-size:.77rem}.growth-steps li{padding:14px 14px 14px 55px}.formula-box code{font-size:.83rem}.calc-intro{padding-top:23px;padding-bottom:21px}.calc-intro h1{font-size:2.1rem}.calc-intro>p{font-size:.94rem}.calc-trust{gap:5px 14px;font-size:.7rem}.calculator-form,.calculator-result{padding:22px}.step-help{font-size:.87rem}.calc-step legend{font-size:1.3rem}.calc-field label{font-size:.83rem}.field-help{font-size:.76rem}.result-head h2{font-size:.9rem}.purchase-main>strong{font-size:2.7rem}.calc-reading{padding-top:37px}.calc-reading .related-links{grid-template-columns:1fr 1fr}.footer__grid{grid-template-columns:1fr 1fr;gap:20px}.footer__grid>div:first-child{grid-column:1/-1}.footer__bottom{font-size:.7rem}}
@media(max-width:520px){.mj-materials{grid-template-columns:1fr}.mj-material-card{padding:18px 20px 0}.mj-material-card h2{font-size:1.5rem}.mj-material-card p{font-size:.9rem;margin-bottom:13px}.mj-card-top .mj-eyebrow{font-size:.66rem}.mj-card-drawing{min-height:78px;padding:0 10px;justify-content:space-between}.mj-card-drawing .mj-sketch{width:175px}.mj-card-drawing>span{display:block;font-size:.73rem;max-width:90px}.mj-card-bottom{padding-block:13px;font-size:.86rem}.mj-home-intro h1{font-size:2.4rem}.mj-home-intro h1 br{display:none}.mj-home-intro h1>span{margin-top:4px}.mj-home-intro>.mj-eyebrow{font-size:.67rem}.mj-home-assurance{max-width:290px;margin-inline:auto}.mj-home-assurance span:last-of-type{display:none}.mj-ticket{padding:20px 18px 0}.mj-ticket-amount{gap:13px}.mj-ticket-amount strong{font-size:1.45rem}.mj-ticket dl>div{font-size:.8rem;gap:12px}.mj-ticket-foot{font-size:.68rem;align-items:flex-start;line-height:1.6}.mj-ticket-foot .mj-dot{margin-top:5px}.section-heading{flex-direction:column;gap:13px}.section-heading .text-link{font-size:.85rem}.guide-list{grid-template-columns:1fr}.guide-link--featured{grid-column:auto}.guide-link{padding:20px}.mj-home-guides .guide-link h3{margin:7px 0}.mj-home-guides .guide-link p{margin-bottom:15px}.mj-guide-aside{display:block;padding:22px}.mj-guide-aside h2{margin-bottom:10px}.mj-guide-aside p{margin:0 0 17px}.mj-aside-link{margin-top:15px;text-align:center}.article-toc ul{grid-template-columns:1fr}.article-toc a{padding:9px 0;font-size:.82rem;min-height:42px}.article-toc__intro{padding-bottom:8px}.article-toc a:before{margin-top:3px}.calc-fields{grid-template-columns:1fr 1fr;gap:16px 12px}.calculator-form,.calculator-result{padding:19px 17px}.calc-trust{display:flex}.calc-trust li:last-child{display:none}.step-nav{padding:4px;gap:2px;margin-bottom:25px}.step-nav button{font-size:.74rem;padding:8px 2px;gap:5px;justify-content:center}.step-nav button span{width:21px;height:21px;font-size:.65rem}.surface-mode-cards{grid-template-columns:1fr!important;gap:8px}.surface-mode-cards label>span{display:flex;flex-direction:row;align-items:center;min-height:58px;padding:10px 12px;gap:12px}.surface-mode-cards .mode-copy{display:grid;gap:2px;min-height:0;padding:0;align-self:center}.surface-mode-cards .mode-copy small{font-size:.72rem}.surface-mode-cards .mode-icon{width:30px;height:30px}.step-help{font-size:.85rem}.calc-field label{font-size:.79rem}.field-help{font-size:.74rem}.input-unit input{padding-left:11px}.input-unit:has(span) input{padding-right:47px}.input-unit>span{right:10px;font-size:.76rem}.format-row .input-unit input{padding-left:9px;padding-right:28px}.format-row .input-unit>span{right:8px}.step-actions button{font-size:.84rem;padding-inline:11px}.step-actions #nextStep,.step-actions #calculate{min-width:0;flex:1}.step-actions #previousStep{flex:0 0 auto}.form-privacy{font-size:.67rem}.result-head h2{font-size:.84rem}.result-state{max-width:120px;white-space:normal;text-align:right}.result-metrics>div{font-size:.8rem;gap:12px}.result-actions{grid-template-columns:1fr 1fr}.result-actions .button-secondary{font-size:.78rem;padding-inline:10px}.calc-reading .related-links{grid-template-columns:1fr}.zone-fields{grid-template-columns:1fr 1fr}.zone-fields .calc-field:last-child{grid-column:1/-1}.inline-help{padding:20px;font-size:.9rem}.mj-closing .button-primary{width:100%}}
@media(max-width:359px){.wrap,.mj-platform-header__inner{width:calc(100% - 24px)}.calc-fields{grid-template-columns:1fr}.mj-home-intro h1{font-size:2.1rem}.mj-card-drawing>span{display:none}.mj-card-drawing{justify-content:center}.preview-bar .wrap{font-size:.6rem}.mj-platform-brand{font-size:.94rem;gap:8px}.menu-toggle{padding-inline:9px;font-size:.79rem}.calculator-form,.calculator-result{padding:16px 13px}.step-nav button{font-size:.7rem;gap:4px}.result-actions{grid-template-columns:1fr}.mj-ticket-amount strong{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mj-material-card:hover .mj-icon{transform:none}}
@media print{.preview-bar,.mj-platform-header,.footer,.mj-guide-aside,.article-toc{display:none!important}.calculator-result:has(#resultContent[hidden]){display:none!important}.calculator-layout,.mj-article-layout{display:block;width:100%}.calculator-result{padding:0;border:0}.purchase-main{background:white;border:1px solid #aaa}.mj-guide-page .article-hero{background:#fff}.article{width:100%;padding:0}.table-scroll{overflow:visible}.table-scroll table{min-width:0}}
/* Preserve the calculator's editable placeholder message and mobile action position. */
.result-placeholder>.mj-eyebrow{display:block}
.result-placeholder .mj-placeholder-message{font-size:.85rem;line-height:1.6;color:var(--m);margin:0 0 14px}
.cost-line{display:grid;grid-template-columns:1fr auto;gap:5px 15px;align-items:center}
.cost-line small{grid-column:1/-1;font-size:.75rem;color:var(--m);line-height:1.5}
@keyframes mj-v2-result-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mobile-result:not([hidden]){animation:mj-v2-result-in .2s ease both;transform:none}
@media(prefers-reduced-motion:reduce){.mobile-result:not([hidden]){animation:none!important;transform:none!important}}

/* ===== studio: preserved cascade ===== */
/* Material Justo — workshop edition. Shared across the full site. */
:root{
  --b:#10283a;--ink:#10283a;--p:#f4f7f8;--w:#fff;--y:#f5c845;--m:#475b68;--l:#d4dfe3;--s:#e7eff2;--g:#e5f3ef;--r:#fff0ed;
  --focus:#15577a;--line:var(--l);--positive:#236357;--radius:12px;--shadow:0 12px 32px #10283a0c;
  --mj-surface:#fff;--mj-surface-2:#e7eff2;--mj-ink:#10283a;--mj-muted:#475b68;--mj-line:#d4dfe3;--mj-accent:#f5c845;--mj-positive:#236357;--mj-shadow-soft:0 20px 40px #10283a18;
}
html{scroll-behavior:smooth}body{background:#f7f9f9;color:var(--ink)}
.wrap,.mj-platform-header__inner{width:min(1200px,calc(100% - 56px))}
.content-shell{width:min(790px,calc(100% - 56px))}
:focus-visible{outline:3px solid #167698!important;outline-offset:3px!important}
.mj-eyebrow,.ey,.ey.d{font-size:.8rem;letter-spacing:.12em;color:#356578}
h1,h2,h3{text-wrap:balance}
.mj-platform-header{background:#fff;border-bottom:1px solid #dbe5e7;position:relative;z-index:20}
.mj-platform-header__inner{min-height:84px}
.mj-platform-brand{font-size:1.15rem;font-weight:800;letter-spacing:-.04em;gap:12px}
.mj-platform-brand__mark{width:44px;height:44px;border-radius:10px;background:var(--ink);color:var(--y);display:flex;align-items:center;justify-content:center;gap:1px;font-size:.86rem;font-weight:900;letter-spacing:-.08em;transform:rotate(-3deg)}
.mj-platform-brand__mark span:last-child{transform:translateY(3px)}
.mj-platform-nav{background:transparent;padding:0;gap:5px}
.mj-platform-nav a{font-size:.92rem;font-weight:650;min-height:46px;border-radius:8px;padding:12px 15px;color:#435866}
.mj-platform-nav a.active,.mj-platform-nav a:hover{background:#e9f2f4;color:#0f415c}
.menu-toggle{min-height:44px;border-radius:8px}
.button-primary,.btn--accent{background:var(--y);border-color:#dbaa22;color:#172b34}
.button-primary:hover,.btn--accent:hover{background:#ffd767}
.button-secondary,.btn--light{border-color:#beced4;color:var(--ink)}
.button-secondary:hover{background:#e9f2f4}
.text-link,.read-link{color:#155a74}

/* The landing page puts the material choice directly below a compact editorial lead. */
.mj-home-intro{padding-top:28px;padding-bottom:56px}
.mj-home-hero{min-height:330px;background:#122b3d;border-radius:20px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);overflow:hidden;color:#fff;position:relative;isolation:isolate}
.mj-home-hero:before{content:"";position:absolute;inset:0 43% 0 0;z-index:-1;opacity:.22;background-image:linear-gradient(#6190a535 1px,transparent 1px),linear-gradient(90deg,#6190a535 1px,transparent 1px);background-size:28px 28px}
.mj-home-hero__copy{padding:38px clamp(28px,5vw,68px) 38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.mj-home-hero .mj-eyebrow{color:#a5d7e4;font-size:.79rem;margin:0 0 13px;display:flex;align-items:center;gap:12px}
.mj-eyebrow-rule{display:block;width:28px;height:2px;background:var(--y)}
.mj-home-hero h1{font-size:clamp(2.6rem,4.7vw,4.65rem);line-height:1.02;letter-spacing:-.065em;margin:0 0 18px;max-width:660px}
.mj-home-hero h1 span{color:var(--y);display:inline;background:none}
.mj-home-hero h1 span:after{display:none}
.mj-home-hero .mj-home-lead{color:#d5e3e8;font-size:1.02rem;line-height:1.55;margin:0 0 20px;max-width:535px}
.mj-hero-choices{display:flex;flex-wrap:wrap;gap:10px;width:100%}
.mj-hero-choices a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:155px;min-height:47px;padding:10px 15px;border-radius:7px;background:var(--y);color:var(--ink);font-size:.96rem;font-weight:750;text-decoration:none}
.mj-hero-choices a+ a{background:#fff;color:var(--ink)}
.mj-hero-choices a:hover{background:#ffdd71;color:var(--ink)}
.mj-hero-choices a+ a:hover{background:#e3f1f5}
.mj-hero-choices a span{font-size:1.15rem;line-height:1}
.mj-home-hero__visual{position:relative;margin:0;min-width:0;background:#31516a}
.mj-home-hero__visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#122b3d22,transparent 28%)}
.mj-home-hero__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.mj-home-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:42px 0 20px;scroll-margin-top:20px}
.mj-home-sectionhead .mj-eyebrow{margin:0 0 5px}
.mj-home-sectionhead h2{font-size:clamp(1.65rem,2.7vw,2.35rem);line-height:1.14;margin:0}
.mj-home-sectionhead>p{max-width:390px;color:var(--m);font-size:.94rem;line-height:1.5;margin:0}
.mj-materials{gap:18px}
.mj-material-card{padding:24px 26px 0;border:1px solid #cbdce2;border-top:5px solid #28718b;border-radius:12px;background:#fff;box-shadow:0 8px 26px #10283a08;transition:transform .18s,box-shadow .18s,border-color .18s}
.mj-material-card:nth-child(2){border-top-color:#e2ae26}
.mj-material-card:hover{transform:translateY(-3px);border-color:#729bac;box-shadow:0 18px 35px #10283a19}
.mj-card-top .mj-eyebrow{color:#366276;font-size:.77rem}
.mj-card-top .mj-icon-box{width:45px;height:45px;border-radius:9px;background:#e4f1f5;color:#16546b}
.mj-material-card:nth-child(2) .mj-icon-box{background:#fff2cc;color:#7a5b0d}
.mj-card-top .mj-icon{width:26px;height:26px}
.mj-material-card h2{font-size:1.7rem;margin:9px 0 7px}
.mj-material-card p{font-size:.98rem;line-height:1.5;min-height:45px}
.mj-card-drawing{background:#f0f5f6;border-radius:6px;min-height:94px}
.mj-card-bottom{color:#15536b;font-size:.95rem;border-top:1px solid #e3ebee}
.mj-home-assurance{font-size:.88rem;margin-top:22px}
.mj-demo-section{background:#eaf1f3;border-color:#dbe7eb;padding-block:65px}
.mj-demo-copy h2{font-size:clamp(1.95rem,3vw,2.75rem)}
.mj-ticket{border:1px solid #cbdce1;border-radius:10px;box-shadow:0 18px 35px #10283a12}
.mj-ticket-amount .mj-icon-box{background:#ffe69b;color:var(--ink)}
.mj-ticket-foot{color:#286452}
.mj-process li{border:1px solid #cfdee2;border-radius:9px}
.mj-process li>span{background:#dbedf3;color:#15536b}
.mj-process li:nth-child(2)>span{background:#ffe8a0}
.mj-closing{background:#122b3d;border-radius:12px}
.mj-closing .mj-eyebrow{color:#f6d577}

/* Directory and reading surfaces retain the original content and links. */
.page-intro{padding-top:52px}
.page-intro h1{letter-spacing:-.055em}
.guide-link,.card{border-color:#d0dee3;border-radius:10px}
.guide-link:hover{border-color:#5f9bb0;box-shadow:0 14px 28px #10283a10}
.guide-link--featured,.hero,.article-hero{background:#e9f1f4;border-color:#d0e1e8}
.mj-guide-jumps a{border-color:#bdcfd6;background:#fff}
.mj-guide-jumps a:hover{border-color:#2e7990}
.article .quick-answer{border-left-color:var(--y);background:#fffdf6}
.article-toc{background:#edf4f5}
.article-toc a,.guide-link .read-link{font-size:.88rem}
.article p,.article li,.content-shell p,.content-shell li{font-size:1rem;line-height:1.75}
.article h2{scroll-margin-top:28px}

/* The calculator is the first useful surface on tool routes. */
.calc-intro{padding-top:24px;padding-bottom:19px}
.calc-intro h1{font-size:clamp(2rem,3.2vw,2.85rem)}
.calc-intro>p{font-size:1rem;line-height:1.5;margin:8px 0 0}
.calc-trust{font-size:.81rem;color:#436374}
.calculator-layout{gap:20px;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.calculator-form,.calculator-result{border:1px solid #cbdce2;box-shadow:0 8px 28px #10283a08;border-radius:12px}
.calculator-form{padding:26px 29px}
.calculator-result{padding:25px}
.calculator-result:has(#resultContent[hidden]){align-self:start}
.result-placeholder{padding-top:0}
.result-placeholder h3{font-size:1.22rem}
.mj-ready-list{gap:10px}
.mj-ready-list li{font-size:.9rem}
.mj-ready-list li:before{background:#dceaf0;color:#14536b}
.step-nav{background:#e9f1f3;margin:13px 0 25px}
.step-nav button{font-size:.86rem;min-height:45px}
.step-nav button[aria-current=step] span{background:var(--y)}
.calc-step legend{font-size:1.48rem}
.step-help{font-size:.93rem}
.surface-mode-cards label>span{min-height:102px}
.surface-mode-cards input:checked+span{background:#fff9e7;border-color:#b58a17;box-shadow:inset 0 0 0 1px #b58a17}
.surface-mode-cards input:checked+span .mode-icon{background:#f8d877}
.surface-mode-cards .mode-copy b{font-size:.88rem}
.surface-mode-cards .mode-copy small{font-size:.8rem}
.calc-field label,.check-line,.format-help{font-size:.9rem}
.field-help,.field-error,.result-metrics>div,.result-description,.buy-check p,.input-guide{font-size:.82rem}
.input-unit input,.calc-field select,.zone-name{border-color:#afc4cd;min-height:50px}
.input-unit input:focus,.calc-field select:focus,.zone-name:focus{border-color:#27718e;box-shadow:0 0 0 3px #27718e26}
.surface-preview{background:#e8f4f2;border-left-color:#2f8571;font-size:.87rem}
.field-explainer,.inline-help.compact,.input-review{background:#edf4f5}
.purchase-main{background:#fff1ba;border-color:#e2c66e}
.purchase-option[aria-pressed=true]{background:#eaf4f3;border-color:#6aa391;box-shadow:inset 3px 0 #347c6b}
.cost-line{background:#eff5f6}
.buy-check{background:#eef7f3;border-color:#c8dfd4}
.result-actions #copyResult,.mobile-result:not([hidden]){background:var(--ink);border-color:var(--ink);color:#fff}
.field-help,.field-error,.input-guide,.result-description,.buy-check p,.result-metrics>div,.result-details,.result-limit,.purchase-option small,.cost-line small{font-size:.875rem;line-height:1.55}
.surface-mode-cards .mode-copy small,.mj-ready-list li,.calc-trust{font-size:.875rem}
.footer{background:#10283a;border-color:#10283a;color:#b7cdd5;margin-top:45px;padding-top:45px}
.footer h2,.footer h3{color:#fff}
.footer p,.footer a{font-size:.875rem}
.footer a{color:#d3e4e9}
.footer a:hover{color:#fff}
.footer__bottom{border-color:#365365}

@media(max-width:900px){
  .mj-home-hero{grid-template-columns:1fr .78fr}
  .mj-home-hero__copy{padding:30px}
  .mj-home-hero h1{font-size:clamp(2.4rem,5vw,3.7rem)}
  .calculator-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wrap,.mj-platform-header__inner,.content-shell{width:calc(100% - 32px)}
  .mj-platform-header__inner{min-height:68px}
  .mj-platform-nav{background:#fff;border-top:1px solid #e2e9eb;padding:8px 0}
  .mj-home-intro{padding-top:16px;padding-bottom:40px}
  .mj-home-hero{grid-template-columns:1fr;min-height:0;border-radius:14px}
  .mj-home-hero__copy{padding:30px 24px 25px}
  .mj-home-hero h1{font-size:clamp(2.35rem,7.4vw,3.2rem)}
  .mj-home-hero .mj-home-lead{font-size:.96rem}
  .mj-home-hero__visual{height:135px}
  .mj-home-sectionhead{display:block;margin:32px 0 17px}
  .mj-home-sectionhead>p{margin-top:8px;font-size:.9rem}
  .mj-material-card{padding:19px 19px 0}
  .mj-material-card p{min-height:0}
  .mj-demo-section{padding-block:44px}
  .calc-intro{padding-top:20px}
  .calculator-form,.calculator-result{padding:22px}
  .footer{padding-top:35px}
}
@media(max-width:520px){
  .mj-platform-brand__mark{width:40px;height:40px}
  .mj-home-hero__visual{height:118px}
  .mj-hero-choices{display:grid;grid-template-columns:1fr 1fr}
  .mj-hero-choices a{min-width:0;gap:8px}
  .mj-material-card{padding:18px 18px 0}
  .mj-card-drawing{min-height:72px}
  .mj-home-assurance{font-size:.875rem}
  .calc-trust{font-size:.875rem}
  .calc-trust li:last-child{display:list-item}
  .calculator-form,.calculator-result{padding:20px 17px}
  .surface-mode-cards label>span{min-height:61px}
  .calc-fields{grid-template-columns:1fr 1fr}
  .calc-field label{font-size:.87rem}
  .field-help{font-size:.875rem}
  .input-unit input{font-size:1rem}
}
@media(max-width:380px){.calc-fields{grid-template-columns:1fr}.mj-home-hero h1{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mj-material-card{transition:none}.mj-material-card:hover{transform:none}}
@media print{.mj-home-hero{color:#000;background:#fff}.footer{background:#fff;color:#000}.calculator-form,.calculator-result{box-shadow:none}}

/* V3.1 — restrained refinements shared by the directory, tools and articles. */
.mj-platform-header__inner{min-height:72px}
.mj-platform-brand__mark{width:40px;height:40px}
.mj-platform-nav a{min-height:44px}
.mj-home-intro{padding-top:22px;padding-bottom:48px}
.mj-home-hero{min-height:320px}
.mj-home-hero__copy{padding-block:32px}
.mj-home-hero h1{line-height:1.04;margin-bottom:14px}
.mj-home-hero .mj-home-lead{margin-bottom:17px}
.mj-home-sectionhead{margin-top:35px}
.mj-material-card{box-shadow:0 5px 20px #10283a08}
.mj-material-card:hover{transform:translateY(-2px);box-shadow:0 13px 27px #10283a13}
.mj-card-bottom{min-height:54px}
.mj-process li{padding:19px 5px 8px;background:transparent;border:0;border-top:2px solid #a9c7d1;border-radius:0}
.mj-process li:nth-child(2){border-top-color:#e2b637}
.mj-process li>span{background:transparent;color:#2d6578;border:1px solid #9bbfca}
.mj-process li:nth-child(2)>span{background:transparent;border-color:#e2b637;color:#755a0c}
.page-intro{padding-top:42px;padding-bottom:12px}
.page-intro .ey{margin-bottom:7px}
.guide-link{transition:border-color .16s ease,box-shadow .16s ease}
.guide-link:hover{box-shadow:0 9px 22px #10283a0d}
.breadcrumbs{color:#566d78}
.breadcrumbs a{color:#235c70}
.calc-panel-label{margin:0 0 11px;color:#32667a;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.calculator-form{border-top:4px solid #3b8196;padding-top:19px}
.calculator-result{border-top:4px solid var(--y);padding-top:19px}
.calculator-result .calc-panel-label{color:#796013}
.result-head{margin-bottom:16px}
.result-head h2{font-size:1rem}
.result-state{font-size:.75rem}
.purchase-main{padding:20px 21px}
.purchase-main>strong{font-size:clamp(2.35rem,3.9vw,3.2rem)}
.result-metrics>div{min-height:40px}
main[data-calculator=paint] #resultMetrics>div:nth-child(4),main[data-calculator=tiles] #resultMetrics>div:nth-child(3){font-weight:700;color:var(--ink)}
.result-next{display:grid;gap:3px;border-top:1px solid var(--l);padding-top:16px;margin-top:15px;font-size:.88rem}
.result-next strong{color:var(--ink)}
.result-next a{color:#155a74;text-underline-offset:3px;font-weight:650;width:fit-content}
.footer{margin-top:45px}
.footer__grid{grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr));gap:30px}
.footer__brand p{max-width:280px}
.footer__grid a{line-height:2}
.footer__bottom{font-size:.78rem}
@media(max-width:900px){
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px}
  .footer__grid>div:first-child{grid-column:auto}
}
@media(max-width:760px){
  .mj-platform-header__inner{min-height:64px;padding-block:8px}
  .mj-home-intro{padding-top:12px;padding-bottom:32px}
  .mj-home-hero__copy{padding:25px 23px 19px}
  .mj-home-hero .mj-eyebrow{margin-bottom:9px}
  .mj-home-hero h1{margin-bottom:11px}
  .mj-home-hero .mj-home-lead{line-height:1.48;margin-bottom:14px}
  .mj-home-hero__visual{height:110px}
  .mj-home-sectionhead{margin:25px 0 15px}
  .page-intro{padding-top:30px}
  .calculator-form,.calculator-result{padding:18px}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .mj-home-hero__copy{padding:23px 19px 18px}
  .mj-home-hero h1{font-size:clamp(2.12rem,8.3vw,2.55rem)}
  .mj-home-hero .mj-home-lead{font-size:.94rem}
  .mj-home-hero__visual{height:95px}
  .mj-hero-choices a{min-height:44px;padding:9px 11px}
  .mj-home-sectionhead>p{line-height:1.45}
  .mj-material-card{padding:17px 18px 0}
  .mj-material-card h2{font-size:1.43rem}
  .mj-card-drawing{min-height:68px}
  .calculator-form,.calculator-result{padding:17px 16px}
  .step-nav button{min-height:44px}
  .surface-mode-cards label>span{min-height:56px}
  .footer__grid>div:first-child,.footer__grid>div:last-child{grid-column:1/-1}
  .footer__grid{gap:13px 18px}
}
@media(max-width:360px){
  .mj-home-hero h1{font-size:2rem}
  .mj-hero-choices a{padding-inline:9px;font-size:.88rem;gap:4px}
  .footer__grid{grid-template-columns:1fr}
  .footer__grid>div:first-child,.footer__grid>div:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.guide-link,.mj-material-card{transition:none}.mj-material-card:hover{transform:none}}

/* V3.2: compact mobile hero, readable results and consistent controls. */
.mj-home-hero h1 .mj-home-hero__line{display:block}
.mj-home-hero h1 .mj-home-hero__line:first-child{color:#fff}
.mj-home-hero h1 .mj-home-hero__line--accent{color:var(--y)}
.calc-panel-label{font-size:.8rem;letter-spacing:.09em}
.purchase-main>strong{line-height:1.08;overflow-wrap:anywhere}
.need-summary{line-height:1.5}
.input-unit input,.calc-field select,.zone-name,.button-primary,.button-secondary,.quiet-button{min-height:44px}
.related-links a,.footer a{text-underline-offset:3px}
.footer__grid{grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr));gap:24px}
@media(max-width:900px){.footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){
  .mj-home-hero h1{font-size:clamp(1.9rem,7.1vw,2.5rem);letter-spacing:-.055em}
  .mj-hero-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mj-hero-choices a{overflow-wrap:anywhere}
  .footer__grid>div:first-child{grid-column:1/-1}
  .footer__grid>div:last-child{grid-column:auto}
  .calculator-layout,.calculator-form,.calculator-result{min-width:0}
}
@media(max-width:360px){
  .mj-home-hero h1{font-size:1.84rem}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:330px){.mj-hero-choices{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Suelo laminado: additions use the established Material Justo components. */
.mj-materials--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mj-materials--three .mj-material-card:nth-child(3){border-top-color:#52947f}
.mj-materials--three .mj-material-card:nth-child(3) .mj-icon-box{background:#e8f3ed;color:#286750}
.mj-materials--three .mj-material-card{min-width:0}
.mj-materials--three .mj-card-drawing{overflow:hidden}
.floor-layout .calculator-result{scroll-margin-top:18px}
.floor-zone{border:1px solid var(--l);background:#f6faf9;border-radius:9px;padding:14px;margin:12px 0}
.floor-zone-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.floor-zone-title strong{font-size:.91rem}
.floor-zone-title .quiet-button{color:#286278}
.floor-box-visual{display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;letter-spacing:.03em;color:#12394c}
.floor-complete{border-top:1px solid var(--l);margin-top:20px;padding-top:14px}
.floor-complete>summary{cursor:pointer;font-weight:750;color:var(--ink);padding:7px 0;line-height:1.45}
.floor-complete>p,.floor-extra>p{font-size:.875rem;line-height:1.55;color:var(--m)}
.floor-extra{border-top:1px solid var(--l);margin-top:16px;padding-top:13px}
.floor-extra h3{font-size:1.15rem;margin:0 0 8px}
.floor-extra .calc-fields{margin:13px 0}
.floor-extra .calc-field{min-width:0}
.floor-extra .button-secondary{margin-top:12px}
.floor-extra .field-error{display:block;min-height:0}
.floor-extra-result{background:#eaf4f1;border:1px solid #bdd9cf;border-radius:9px;padding:15px;margin-top:14px}
.floor-extra-result h4{font-size:1rem;margin:0 0 10px}
.floor-extra-result .result-metrics{margin:0}
.floor-layout .result-next{gap:7px}
.floor-layout .result-next a{display:block}
.floor-layout #floorMetrics>div:nth-child(3),.floor-layout #floorMetrics>div:nth-child(6){font-weight:700;color:var(--ink)}
@media(max-width:900px){.mj-materials--three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mj-materials--three{grid-template-columns:1fr}.mj-materials--three .mj-material-card p{min-height:0}}
@media(max-width:520px){.floor-extra .calc-fields{grid-template-columns:1fr}.floor-layout .result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.floor-layout #floorDownload{grid-column:1/-1}}
@media(max-width:430px){.floor-layout .step-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.floor-layout .step-nav button{min-width:0;min-height:56px;flex-direction:column;justify-content:center;text-align:center;font-size:.79rem;line-height:1.2;padding:4px 1px 7px;gap:3px}}
@media(max-width:380px){.floor-layout .step-nav button{font-size:.76rem}.floor-layout .step-nav button span{width:23px;height:23px}}
@media print{
  main[data-floor-calculator] .calculator-form,main[data-floor-calculator] .calc-intro,main[data-floor-calculator] .calc-reading,main[data-floor-calculator] .result-actions,main[data-floor-calculator] #floorReset,main[data-floor-calculator] .result-next,main[data-floor-calculator] .copy-status,main[data-floor-calculator] #floorCopyFallback{display:none!important}
  main[data-floor-calculator] .calculator-layout{display:block;width:100%}
  main[data-floor-calculator] .calculator-result{border:0;box-shadow:none;width:100%;padding:0}
  main[data-floor-calculator] .floor-complete:not([open]){display:none}
  main[data-floor-calculator] .floor-complete[open]>summary{display:none}
  main[data-floor-calculator] .floor-complete[open] .floor-extra:not(:has(.floor-extra-result:not([hidden]))){display:none}
}

/* V3.4: fourth material and wallpaper form, using the existing design tokens. */
.mj-materials--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.mj-materials--four .mj-material-card{min-width:0}
.mj-materials--four .mj-material-card:nth-child(4){border-top-color:#52947f}
.mj-materials--four .mj-material-card:nth-child(4) .mj-icon-box{background:#e8f3ed;color:#286750}
.mj-materials--four .mj-card-drawing{overflow:hidden}
.wallpaper-layout .calculator-result{scroll-margin-top:18px}
.wallpaper-layout .result-next{gap:7px}
.wallpaper-layout .result-next a{display:block}
.wallpaper-openings{margin-top:1.1rem;padding:1rem;border:1px solid var(--line,#d8dfe2);border-radius:12px}
.wallpaper-openings summary{cursor:pointer;font-weight:700}
.wallpaper-openings p{font-size:.92rem;line-height:1.55}
.wallpaper-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:.6rem;align-items:end;margin:.8rem 0;min-width:0}
#wallpaperOpenings .wallpaper-row{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
.wallpaper-dynamic-field{display:grid;gap:.3rem;min-width:0;font-weight:600;font-size:.88rem}
.wallpaper-dynamic-field input{width:100%;min-width:0;padding:.7rem;border:1px solid #bbc7ce;border-radius:8px;font:inherit;background:#fff;color:#10283a}
.wallpaper-row .quiet-button{white-space:nowrap}
.wallpaper-layout .result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.wallpaper-layout #wallpaperDownload{grid-column:1/-1}
@media(max-width:760px){.mj-materials--four{grid-template-columns:1fr}.mj-materials--four .mj-material-card p{min-height:0}}
@media(max-width:520px){.wallpaper-row,#wallpaperOpenings .wallpaper-row{grid-template-columns:repeat(2,minmax(0,1fr))}.wallpaper-row .quiet-button{grid-column:1/-1;justify-self:start}.wallpaper-layout .calc-fields{grid-template-columns:1fr}}
@media(max-width:430px){.wallpaper-layout .step-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.wallpaper-layout .step-nav button{min-width:0;min-height:56px;flex-direction:column;justify-content:center;text-align:center;font-size:.79rem;line-height:1.2;padding:4px 1px 7px;gap:3px}}
@media(max-width:360px){.wallpaper-layout .step-nav button{font-size:.76rem}.wallpaper-layout .step-nav button span{width:23px;height:23px}}
@media print{.wallpaper-layout .calculator-form,.wallpaper-layout .result-actions,.wallpaper-layout #wallpaperReset,.wallpaper-layout .result-next{display:none!important}.wallpaper-layout{display:block}.wallpaper-layout .calculator-result{display:block;box-shadow:none;border:0}}
.wallpaper-cut-plan + .wallpaper-cut-plan{border-top:1px solid var(--l);margin-top:12px;padding-top:12px}
.wallpaper-cut-plan h3{font-size:.92rem;margin:0 0 6px}
.wallpaper-cut-plan ul{margin:0 0 6px;padding-left:20px}
.wallpaper-cut-plan p{margin:0}

/* Mis proyectos V3.7: se apoyan en los colores, botones y tipografía existentes. */
.project-count{display:inline-grid;place-items:center;min-width:1.35em;padding:0 .25em;border-radius:999px;background:#e6b71d;color:#10283a;font-size:.78em;font-weight:800}
.project-save-action{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 12px}
.project-save-action .button-primary{width:auto;min-height:44px;padding:10px 17px}
.project-save-status{font-size:.9rem;color:#286750;line-height:1.45}
.project-save-status a{color:inherit;font-weight:700;text-underline-offset:3px}
.project-home-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;background:#eff5f3;border:1px solid #d6e4df;border-radius:12px}
.project-home h2{margin:4px 0 6px;font-size:clamp(1.25rem,2.5vw,1.75rem)}
.project-home p{margin:0;line-height:1.55}
.project-home .button-secondary{white-space:nowrap}
.project-directory{padding:24px;border:1px solid #d6e4df;border-radius:12px}
.project-directory h2{margin:0 0 8px}
.project-page{padding-top:30px;padding-bottom:60px}
.project-page .wrap{max-width:960px}
.project-status{min-height:1.5em;margin:0 0 12px;color:#286750;font-weight:650}
.project-summary,.project-empty,.project-shopping,.project-items,.project-more{border:1px solid var(--l);border-radius:12px;background:#fff;padding:clamp(18px,3vw,28px);margin-bottom:18px;min-width:0}
.project-summary label{display:block;font-weight:750;margin-bottom:6px}
.project-summary input,.project-inline-confirm input,.project-shopping textarea{width:100%;max-width:520px;min-height:44px;padding:10px 12px;border:1px solid #aebdc6;border-radius:8px;background:#fff;color:var(--ink);font:inherit}
.project-summary>p{font-size:.85rem;color:var(--m);margin:6px 0 20px}
.project-totals{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;border-top:1px solid var(--l);padding-top:17px}
.project-totals>span{font-size:1.2rem;font-weight:800}
.project-totals>div{display:grid;gap:3px}
.project-totals small{color:var(--m)}
.project-totals strong{font-size:1.2rem}
.project-empty h2,.project-shopping h2,.project-items h2{margin:0 0 10px}
.project-empty p{line-height:1.55;max-width:65ch}
.project-empty-links,.project-list-actions,.project-more-actions,.project-item-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.project-empty-links a{display:inline-block;border:1px solid var(--l);border-radius:8px;padding:10px 13px;color:var(--ink);font-weight:700;text-decoration:none}
.project-shopping ul{list-style:none;padding:0;margin:15px 0}
.project-shopping-row{padding:10px 0;border-top:1px solid var(--l);display:grid;gap:3px;overflow-wrap:anywhere}
.project-shopping-row span{font-size:.78rem;font-weight:750;letter-spacing:.04em;color:var(--m)}
.project-shopping-row strong{font-size:1.1rem}
.project-list-actions button,.project-more button{min-height:44px}
.project-shopping textarea{display:block;max-width:100%;margin-top:8px}
.project-item{border-top:1px solid var(--l);padding:18px 0}
.project-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.project-item-head .ey{margin:0 0 5px}
.project-item h3{margin:0;font-size:1.13rem}
.project-item-price{font-weight:700;white-space:nowrap}
.project-purchase{margin:12px 0;font-size:1rem;line-height:1.5}
.project-item-details summary,.project-more summary{cursor:pointer;font-weight:700}
.project-item-details .result-metrics{margin:12px 0}
.project-item-actions{margin-top:12px}
.project-item-actions a{font-weight:700;margin-right:5px}
.project-item-actions .quiet-button,.project-inline-confirm .quiet-button{padding:7px}
.project-inline-confirm{margin:12px 0;padding:12px;border:1px solid #d6e4df;border-radius:8px;background:#f5f9f7}
.project-inline-confirm label{display:block;margin-bottom:8px}
.project-inline-confirm input{display:block;margin:6px 0 10px}
.project-inline-confirm button{margin:3px 7px 3px 0}
.project-more>summary{padding:3px 0}
.project-more p,.project-privacy{line-height:1.55;color:var(--m)}
.project-more-actions{margin-top:14px}
.project-import-label{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700}
#projectImportFile{max-width:190px}
.project-privacy{font-size:.9rem;margin-top:15px}
.project-print-heading{display:none}
/* Proyectos y estancias: la cantidad sigue visible; las acciones se despliegan. */
.project-save-destination{font-size:.9rem;font-weight:700;overflow-wrap:anywhere}
.project-save-action>.project-save-fields{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #d6e4df;border-radius:8px;background:#f5f9f7}
.project-save-action>.project-save-fields[hidden]{display:none}
.project-save-fields label{display:grid;gap:4px;min-width:0;font-size:.85rem;font-weight:650}
.project-save-fields input,.project-save-fields select,.project-item-action-list select{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #aebdc6;border-radius:8px;background:#fff;color:var(--ink)}
.project-save-action>.quiet-button{min-height:44px}
.project-page-nav{margin:0 0 14px}.project-page-nav a{font-weight:700}
.project-summary h2{margin:0 0 14px}
.project-create-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.project-create-form label{flex:1 1 220px;min-width:0}
.project-create-form input{max-width:none}
.project-create-form button{min-height:44px}
.project-rooms-heading,.project-room-head,.projects-card-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.project-rooms-heading{margin-bottom:14px}.project-rooms-heading h2{margin:0}
.project-room{border-top:1px solid var(--l);padding:20px 0;min-width:0}
.project-room:first-child{border-top:0;padding-top:4px}
.project-room h3,.projects-card h3{margin:0;font-size:1.3rem;overflow-wrap:anywhere}
.project-room-stats,.project-room-empty,.projects-card-count,.projects-card-cost{color:var(--m);font-size:.9rem;line-height:1.5;margin:8px 0}
.project-room-head .button-secondary{min-height:44px}
.project-active-room{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:6px;background:#e8f3ed;color:#286750;font-size:.75rem;font-weight:750}
.project-room-actions,.project-item-actions,.projects-card-actions{display:block;margin-top:12px}
.project-room-actions summary,.project-item-actions summary,.projects-card-actions summary{cursor:pointer;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.project-item-action-list{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:6px 0 10px}
.project-item-action-list label{min-width:180px;flex:1 1 190px;font-size:.85rem;font-weight:650}
.project-item-action-list select{display:block;margin-top:4px}
.project-item-action-list button,.project-item-action-list a{min-height:44px;display:inline-flex;align-items:center}
.project-item h4{margin:0;font-size:1.08rem}
.project-item-price{white-space:normal}
.project-shopping-room{padding:12px 0;break-inside:avoid}
.project-shopping-room+.project-shopping-room{border-top:1px solid var(--l)}
.project-shopping-room h3{font-size:1rem;letter-spacing:.04em;margin:0}
.project-shopping-room ul{margin:8px 0}
.project-shopping-total{border-top:1px solid var(--l);padding-top:12px;font-weight:750}
.projects-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.projects-card{border:1px solid var(--l);border-radius:10px;padding:18px;min-width:0;overflow-wrap:anywhere}
.projects-card .button-secondary{margin-top:12px;min-height:44px}
.projects-card small{display:block;color:var(--m)}
#projectsImportFile{max-width:190px}
@media(max-width:600px){.project-home-inner{display:block}.project-home .button-secondary{display:inline-block;margin-top:15px}.project-item-head{display:block}.project-item-price{display:block;margin-top:7px}.project-list-actions button{flex:1 1 130px}}
@media(max-width:650px){.projects-list{grid-template-columns:1fr}.project-save-action>.project-save-fields{grid-template-columns:1fr}.project-room-head{align-items:flex-start}}
@media(max-width:360px){.project-summary,.project-empty,.project-shopping,.project-items,.project-more{padding:14px}.project-list-actions{display:grid;grid-template-columns:1fr}}
@media print{
  @page{size:A4;margin:15mm}
  body:has([data-project-page]){background:#fff;color:#111}
  body:has([data-project-page]) .mj-platform-header,body:has([data-project-page]) .footer,body:has([data-project-page]) .article-hero,body:has([data-project-page]) .project-page-nav,body:has([data-project-page]) .project-summary,body:has([data-project-page]) .project-empty,body:has([data-project-page]) .project-list-actions,body:has([data-project-page]) .project-items,body:has([data-project-page]) #projectAll,body:has([data-project-page]) .project-more,body:has([data-project-page]) .project-privacy,body:has([data-project-page]) .project-status,body:has([data-project-page]) .project-inline-confirm,body:has([data-project-page]) #projectCopyFallback{display:none!important}
  .project-print-heading{display:block;margin:0 0 12px}
  .project-page{padding:0}.project-shopping,.project-items{border:0;padding:0;margin:0 0 16px;box-shadow:none}
  .project-item{break-inside:avoid}.project-item-details{display:block}.project-item-details>summary{display:none}.project-item-details .result-metrics{display:block}
  .project-shopping-row{break-inside:avoid}
  .project-shopping-room{break-inside:avoid}
}

/* Mortero V3.6: ampliación de los componentes existentes. */
.mj-materials--five{grid-template-columns:repeat(6,minmax(0,1fr))}
.mj-materials--five .mj-material-card{grid-column:span 2;min-width:0}
.mj-materials--five .mj-material-card:nth-child(n+4){grid-column:span 3}
.mj-materials--five .mj-material-card:nth-child(5){border-top-color:#52947f}
.mj-materials--five .mj-material-card:nth-child(5) .mj-icon-box{background:#e8f3ed;color:#286750}
.mj-materials--five .mj-card-drawing{overflow:hidden}
.mortar-layout .calculator-result{scroll-margin-top:18px}
.mortar-layout .mortar-step[hidden],.mortar-layout [data-mortar-mode][hidden]{display:none}
.mortar-layout .calc-field,.mortar-layout .input-unit{min-width:0}
.mortar-layout .input-unit input{min-width:0}
.mortar-layout #mortarConsumptionUnitLabel{white-space:nowrap;font-size:.8rem}
.mortar-zone{border:1px solid var(--l);background:#f6faf9;border-radius:9px;padding:14px;margin:12px 0;min-width:0}
.mortar-zone legend{font-weight:750;padding:0 6px}
.mortar-zone-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0}
.mortar-zone-field{display:block;min-width:0;font-weight:650;font-size:.88rem}
.mortar-zone-field>.input-unit{display:flex;margin-top:6px}
.mortar-zone .quiet-button{min-height:44px}
.mortar-bag-icon{width:66px;height:66px;color:#526576}
.mortar-zones-result{border-top:1px solid var(--l);margin-top:18px;padding-top:13px}
.mortar-zones-result h3{font-size:1rem;margin:0 0 8px}
.mortar-zones-result ul{margin:0;padding-left:20px;line-height:1.65}
.mortar-layout .result-next a{display:block}
@media(max-width:1000px){.mj-materials--five{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-materials--five .mj-material-card,.mj-materials--five .mj-material-card:nth-child(n+4){grid-column:auto}.mj-materials--five .mj-material-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.mj-materials--five{grid-template-columns:1fr}.mj-materials--five .mj-material-card,.mj-materials--five .mj-material-card:last-child{grid-column:auto}.mj-materials--five .mj-material-card p{min-height:0}}
@media(max-width:600px){.mortar-zone-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mortar-zone-field:last-child{grid-column:1/-1}}
@media(max-width:430px){.mortar-layout .step-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.mortar-layout .step-nav button{min-width:0;min-height:56px;flex-direction:column;justify-content:center;text-align:center;font-size:.79rem;line-height:1.2;padding:4px 1px 7px;gap:3px}.mortar-zone-fields{grid-template-columns:1fr}.mortar-zone-field:last-child{grid-column:auto}}
@media(max-width:360px){.mortar-layout .step-nav button{font-size:.76rem}.mortar-layout .step-nav button span{width:23px;height:23px}.mortar-layout .result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mortar-layout #mortarDownload{grid-column:1/-1}}
@media print{main[data-mortar-calculator] .calculator-form,main[data-mortar-calculator] .calc-intro,main[data-mortar-calculator] .calc-reading,main[data-mortar-calculator] .result-actions,main[data-mortar-calculator] #mortarReset,main[data-mortar-calculator] .result-next,main[data-mortar-calculator] .copy-status,main[data-mortar-calculator] #mortarCopyFallback{display:none!important}main[data-mortar-calculator] .calculator-layout{display:block;width:100%}main[data-mortar-calculator] .calculator-result{border:0;box-shadow:none;width:100%;padding:0}main[data-mortar-calculator] #mortarZonesResult[hidden]{display:none}}

/* V3.8: herramientas rápidas dentro del lenguaje de las calculadoras. */
.quick-tool-layout .calculator-form h2{font-size:1.35rem;margin:0 0 8px}
.quick-tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}
.quick-tool-fields .calc-field:last-child{grid-column:1/-1}
.quick-tool-error:empty{display:none}
.quick-tool-layout .result-metrics{margin-top:18px}
.quick-tool-minimum{margin:18px 0;padding:16px;border:1px solid #b8d3c2;background:#edf5ef;border-radius:8px}
.quick-tool-minimum p{margin:0 0 6px}.quick-tool-minimum strong{display:block;font-size:clamp(1.35rem,2.6vw,1.8rem);line-height:1.2}
.quick-tool-minimum small{display:block;margin-top:8px;color:var(--m)}
.quick-tool-reading>p{max-width:75ch;line-height:1.65}
.quick-tool-table{max-width:850px}.quick-tool-table table{min-width:0;table-layout:fixed}
.quick-tool-table tbody th{text-align:left;font-size:.9rem;border-bottom:1px solid var(--l)}
.quick-tool-directory{border-top:1px solid var(--l)}.quick-tool-directory h2{margin:6px 0 8px}
.quick-tool-directory>p{max-width:70ch}.quick-tools-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.quick-tools-list a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--l);border-radius:7px;background:#fff;font-weight:650;text-decoration:none}
.quick-tools-list a:hover{border-color:#8baebd;background:var(--p)}
@media(max-width:600px){.quick-tool-fields{grid-template-columns:1fr}.quick-tool-fields .calc-field:last-child{grid-column:auto}.quick-tool-table th,.quick-tool-table td{padding:9px 7px;font-size:.78rem}.quick-tool-table tbody th{font-size:.8rem}.quick-tools-list{display:grid;grid-template-columns:1fr}}

/* V3.8.1: preguntas y ayudas progresivas, sobre los componentes actuales. */
.calculator-selector{padding:24px;border:1px solid var(--l);border-top:3px solid var(--green,#26735d);border-radius:10px;background:#fff;margin-bottom:28px;scroll-margin-top:24px}
.calculator-selector h2{font-size:clamp(1.5rem,3vw,2rem);margin:6px 0 18px}
.calculator-selector fieldset,.guided-calculator .guided-choice{border:0;margin:0;padding:0;min-width:0}
.calculator-selector legend,.guided-calculator .guided-choice legend{font-size:1rem;font-weight:750;margin-bottom:10px}
.selector-material-options{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}
.selector-material-options label>span{min-height:58px;display:flex;align-items:center;justify-content:center;line-height:1.35;white-space:normal}
.calculator-selector .selector-goal{margin-top:20px}
.selector-goal-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.selector-goal-options label>span{display:grid;gap:5px;text-align:left;line-height:1.4;padding:12px;min-height:82px}
.selector-goal-options small{font-size:.875rem;font-weight:400;color:var(--m)}
.selector-goal-options input:checked+span small{color:inherit}
.calculator-selector #selectorDestination{display:inline-flex;align-items:center;margin-top:16px;min-height:44px}
.selector-question{font-weight:750;margin:18px 0 0}
.selector-status{font-size:.875rem;color:var(--m);margin:10px 0 0}.selector-status:empty{display:none}
.calculator-directory-title{font-size:1.45rem;margin:0 0 18px}
.calculator-selector-link{font-size:.95rem;margin:0 0 18px;line-height:1.55}.calculator-selector-link a{font-weight:700}
.guided-calculator .guided-choice,.guided-calculator .guided-optional{grid-column:1/-1;min-width:0}
.guided-calculator .guided-choice legend:not(.sr-only){width:100%}
.guided-calculator .guided-choice [data-choice-custom]{margin-top:12px;max-width:100%}
.guided-calculator .guided-choice [data-choice-custom] label{display:block;font-size:.875rem;font-weight:650;margin-bottom:6px}
.guided-calculator .coats-options{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.guided-calculator .segmented label>span,.calculator-selector .segmented label>span{overflow-wrap:anywhere;font-size:.875rem}
.guided-calculator .segmented label>span{min-height:44px;white-space:normal}
.guided-calculator .technical-help-toggle{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;font-size:.875rem;text-align:left;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
.guided-calculator .technical-help{padding:12px 14px;background:#edf4f5;border-radius:8px;font-size:.875rem;line-height:1.55;overflow-wrap:anywhere}
.guided-calculator .technical-help p{margin:0 0 8px}.guided-calculator .technical-help p:last-child{margin-bottom:0}
.guided-calculator .product-label-example{padding:8px 10px;border:1px solid #c7d7dc;border-radius:5px;background:#fff;font-weight:700}
.optional-tag{display:inline-block;padding:2px 6px;border-radius:4px;background:#edf2f3;color:#526576;font-size:.75rem;font-weight:600;line-height:1.4;margin-left:5px}
.guided-calculator .guided-optional{margin-top:14px}
.guided-calculator .guided-optional>summary{cursor:pointer;min-height:44px;font-size:.875rem;font-weight:700;line-height:1.5;padding:8px 0;overflow-wrap:anywhere}
.guided-calculator .guided-optional[open]>summary{margin-bottom:12px}
.guided-calculator .input-review>summary{padding:0}.guided-calculator .input-review h3{display:none}
.guided-calculator .guided-breakdown>.result-metrics{margin-top:14px}
.guided-calculator .guided-quick-paint{grid-template-columns:1fr}
.guided-calculator .quick-tool-fields:not(.guided-quick-paint)>.calc-field:last-child{grid-column:auto}
.guided-calculator .calc-fields:has([data-value-options="mortarConsumptionUnit"]){grid-template-columns:1fr}
.guided-calculator .quick-tool-follow-up{padding-top:18px;border-top:1px solid var(--l);margin-top:18px;min-width:0}
.guided-calculator .quick-tool-follow-up h3{font-size:1.1rem;line-height:1.4;margin:0 0 8px}
.guided-calculator .quick-tool-follow-up>.button-secondary{display:block;margin-top:10px}
.guided-calculator #tileSurfaceFields{margin-top:16px}.guided-calculator #tileSurfaceFields>.button-primary{margin-top:14px}
.guided-calculator [data-guided-example]{font-size:.875rem;text-decoration:underline;text-underline-offset:3px}
.guided-calculator .calc-step>legend,.guided-calculator .wallpaper-step>legend,.guided-calculator .mortar-step>legend{line-height:1.35}
@media(max-width:860px){.guided-calculator .calculator-result:has(>[data-guided-result][hidden]){display:none}.selector-material-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.calculator-selector{padding:18px}.selector-material-options{grid-template-columns:repeat(2,minmax(0,1fr))}.selector-goal-options{grid-template-columns:1fr}.guided-calculator .guided-choice legend{font-size:.95rem}.guided-calculator .coats-options label>span{padding:10px 4px}.guided-calculator #completePurchase{white-space:normal;line-height:1.4}}
@media print{.guided-calculator .calculator-result:has(>[data-guided-result][hidden]),.guided-calculator .quick-tool-follow-up{display:none!important}.guided-calculator .calculator-result details>summary{display:none}}

/* V3.9: sexta familia y controles PYL, sobre los componentes existentes. */
.mj-materials--six{grid-template-columns:repeat(3,minmax(0,1fr))}
.mj-materials--six .mj-material-card{min-width:0}
.mj-materials--six .mj-card-drawing{overflow:hidden}
.mj-materials--six .mj-material-card:nth-child(5){border-top-color:#52947f}
.mj-materials--six .mj-material-card:nth-child(5) .mj-icon-box{background:#e8f3ed;color:#286750}
.selector-material-options--six{grid-template-columns:repeat(3,minmax(0,1fr))}
.board-layout .board-scope-options label>span{display:grid;gap:5px;text-align:left;line-height:1.4}
.board-layout .board-scope-options small{font-size:.82rem;font-weight:400}
.board-layout .calc-fields{margin:16px 0}
.board-layout .board-row{border:1px solid var(--l);border-radius:8px;padding:14px;margin:12px 0;min-width:0}
.board-layout .board-row legend{font-size:.95rem;font-weight:700;letter-spacing:0}
.board-layout .board-row .calc-field:first-child:last-of-type{min-width:0}
.board-layout .board-row-name{grid-column:1/-1}
.board-layout .board-row input{max-width:100%}
.board-layout .board-remove{font-size:.85rem;min-height:44px;text-decoration:underline}
.board-layout .board-wall-breakdown{padding-left:20px;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}
.board-layout .board-complete{border-top:1px solid var(--l);padding-top:18px;margin-top:20px;min-width:0}
.board-layout .board-complete h3{font-size:1.15rem;margin:0 0 12px}
.board-layout #boardStructureForm>.calc-field{margin-top:18px}
.board-layout .board-profile-result{padding-top:18px;margin-top:18px;border-top:1px solid var(--l);min-width:0}
.board-layout .board-profile-result h4{font-size:1rem;line-height:1.4;margin:0 0 8px}
.board-layout .board-profile-result>strong{display:block;font-size:1.4rem;line-height:1.3;overflow-wrap:anywhere}
.board-layout .board-profile-result>p{font-size:.875rem;line-height:1.6}
.board-layout .result-metrics dt,.board-layout .result-metrics dd{overflow-wrap:anywhere;min-width:0}
.board-layout .step-nav button{overflow-wrap:anywhere}
.board-layout #boardPriceForm>button{margin-top:12px}
.board-layout #boardDownload{grid-column:1/-1}
.board-layout .button-secondary,.board-layout .button-primary{white-space:normal}
@media(max-width:1000px){.mj-materials--six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mj-materials--six{grid-template-columns:1fr}.mj-materials--six .mj-material-card p{min-height:0}}
@media(max-width:600px){.selector-material-options--six{grid-template-columns:repeat(2,minmax(0,1fr))}.board-layout .calc-fields{grid-template-columns:1fr}.board-layout .board-scope-options{grid-template-columns:1fr}.board-layout .step-nav button{flex-direction:column;font-size:.78rem;line-height:1.35;gap:4px;padding-inline:3px}}
@media print{main[data-plasterboard-calculator] .calculator-form,main[data-plasterboard-calculator] .calc-intro,main[data-plasterboard-calculator] .calc-reading,main[data-plasterboard-calculator] .result-actions,main[data-plasterboard-calculator] #boardReset,main[data-plasterboard-calculator] .result-next,main[data-plasterboard-calculator] .copy-status,main[data-plasterboard-calculator] #boardCopyFallback,main[data-plasterboard-calculator] #boardPriceSection,main[data-plasterboard-calculator] #boardStructureForm,main[data-plasterboard-calculator] #boardStructureToggle,main[data-plasterboard-calculator] .project-save-action{display:none!important}main[data-plasterboard-calculator] .calculator-layout{display:block;width:100%}main[data-plasterboard-calculator] .calculator-result{border:0;box-shadow:none;width:100%;padding:0}main[data-plasterboard-calculator] #boardStructure:has(#boardStructureResult:not([hidden])){display:block!important}main[data-plasterboard-calculator] .board-complete:not(:has(#boardStructureResult:not([hidden]))){display:none!important}}