/* Scoped to the new page; global brand tokens, buttons and shell stay shared. */
.dimensionador{--dim-line:#dce5ee;--dim-muted:#526372;--dim-orange:#fc940a;background:#f7f9fc;padding-bottom:1px}
.dimensionador [hidden]{display:none!important}
.dimensionador .dim-hero{padding-top:136px;padding-bottom:48px}
.dim-hero .eyebrow{font-size:.875rem;margin-bottom:12px;color:var(--teal)}
.dim-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.1;letter-spacing:-.045em;color:var(--deep);margin:0 0 20px}
.dimensionador em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;color:var(--dim-orange)}
.dim-hero h2{font:600 1.15rem/1.4 var(--sans);letter-spacing:0;color:var(--deep);margin:0 0 8px}
.dim-hero p{max-width:690px;margin:0;color:var(--dim-muted)}
.dim-hero-actions{display:flex;align-items:center;gap:24px;margin-top:24px}
.dim-hero-actions .btn{gap:16px}
.dim-time{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--dim-muted)}
.dim-time svg{width:18px;height:18px}
.dim-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:32px;align-items:start;scroll-margin-top:104px}
.dim-wizard,.dim-summary{background:#fff;border:1px solid var(--dim-line);border-radius:var(--radius);min-width:0;box-shadow:0 12px 40px rgba(0,27,61,.045)}
.dim-wizard{padding:32px;scroll-margin-top:104px}
.dim-progress-heading{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:var(--dim-muted)}
.dim-progress-heading>span:first-child{color:var(--deep);font-weight:600}
.dim-progress-heading>span:last-child{font-size:.875rem}
.dim-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 28px}
.dim-progress button{border:0;background:transparent;padding:12px 0;cursor:pointer;min-height:44px}
.dim-progress button:after{content:"";display:block;height:4px;background:var(--dim-line);border-radius:8px;transition:background .25s}
.dim-progress button[aria-current]:after{background:var(--sun)}
.dim-progress button.is-done:after{background:var(--teal)}
.dim-kicker{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--teal)}
.dim-stage{animation:dim-appear .25s ease-out}
.dim-stage h2{font-size:clamp(1.9rem,2.7vw,2.75rem);line-height:1.12;color:var(--deep);margin:12px 0 28px}
.dim-stage h2 em{white-space:normal;font-size:calc(1em + 8px)}
.dim-stage>p,.dim-point p,.dim-hint{color:var(--dim-muted)}
.dim-question+.dim-question{border-top:1px solid var(--dim-line);margin-top:28px;padding-top:28px}
.dim-question h3,.dim-stage label{font:600 1.05rem/1.5 var(--sans);color:var(--deep);margin:0 0 20px;max-width:440px}
.dim-stepper{display:flex;align-items:center;justify-content:space-between;width:240px;max-width:100%;border:1px solid var(--dim-line);border-radius:18px;padding:8px;background:#f8fafc}
.dim-stepper button{width:52px;height:52px;border:1px solid var(--dim-line);border-radius:12px;background:#fff;color:var(--deep);font-size:1.65rem;cursor:pointer;transition:background .2s,transform .2s}
.dim-stepper button:hover:not(:disabled){background:var(--mint);transform:translateY(-1px)}
.dim-stepper button:active:not(:disabled){transform:scale(.94)}
.dim-stepper output{font-size:2.25rem;font-weight:600;color:var(--deep);font-variant-numeric:tabular-nums}
.dimensionador button:disabled{opacity:.38;cursor:not-allowed}
.dim-hint{font-size:.875rem;line-height:1.55;margin:14px 0 0}
.dim-segments{display:flex;gap:6px;padding:5px;border:1px solid var(--dim-line);border-radius:14px;background:#f8fafc;max-width:360px}
.dim-segments button{flex:1;min-height:46px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--dim-muted);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.dim-segments button[aria-pressed="true"]{background:var(--deep);color:#fff;box-shadow:0 3px 8px #001b3d20}
.dim-info{font-size:.875rem;color:var(--dim-muted);margin-top:18px}
.dim-info summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.dim-info p{margin:0;padding:12px 16px;background:#f2f6fa;border-radius:12px}
.dim-navigation{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:28px;margin-top:30px;border-top:1px solid var(--dim-line)}
.dim-back{border:0;background:none;color:var(--dim-muted);padding:12px 0;min-height:48px;cursor:pointer}
.dimensionador input[type="range"]{--range-progress:40%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;padding:0;border:0;margin:12px 0;background:transparent;cursor:pointer}
.dimensionador input[type="range"]::-webkit-slider-runnable-track{height:7px;border-radius:10px;background:linear-gradient(to right,var(--sun) var(--range-progress),#dce5ee var(--range-progress))}
.dimensionador input[type="range"]::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin-top:-10.5px;border:4px solid white;border-radius:50%;background:var(--deep);box-shadow:0 0 0 1px #b3c3d4,0 4px 10px #001b3d20}
.dimensionador input[type="range"]::-moz-range-track{height:7px;border-radius:10px;background:#dce5ee}
.dimensionador input[type="range"]::-moz-range-progress{height:7px;background:var(--sun)}
.dimensionador input[type="range"]::-moz-range-thumb{width:20px;height:20px;border:4px solid white;border-radius:50%;background:var(--deep);box-shadow:0 0 0 1px #b3c3d4}
.dim-range-value{font-size:3rem;line-height:1.2;font-weight:600;color:var(--deep)}
.dim-range-value span{font-size:1.1rem;font-weight:400;color:var(--dim-muted)}
.dim-range-ticks,.dim-range-ends{display:flex;justify-content:space-between;color:var(--dim-muted);font-size:.875rem}
.dim-range-ticks{position:relative;height:22px}
.dim-range-ticks span{position:absolute;left:var(--tick-position);transform:translateX(-50%)}
.dim-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dim-point{border:1px solid var(--dim-line);border-radius:18px;padding:20px;background:#fafbfd;transition:border-color .2s,background .2s,box-shadow .2s}
.dim-point:hover{border-color:#9eb3ca}
.dim-point.is-selected{background:#fff;border-color:#dfb568;box-shadow:0 4px 16px #001b3d06}
.dim-point>svg{width:26px;height:26px;color:var(--teal);margin-bottom:10px}
.dim-point.is-selected>svg{color:var(--dim-orange)}
.dim-point h3{font-size:1rem;margin:0 0 8px;color:var(--deep)}
.dim-point p{font-size:.875rem;line-height:1.5;margin:0 0 18px;min-height:42px}
.dim-point .dim-segments{max-width:none}
.dim-stepper.is-compact{width:100%;padding:4px;background:transparent}
.dim-stepper.is-compact button{height:44px;width:44px;font-size:1.35rem}
.dim-stepper.is-compact output{font-size:1.4rem}
.dim-profile{padding:26px;border-radius:20px;background:radial-gradient(circle at 100% 0,#1d5b9660,transparent 65%),linear-gradient(145deg,#031a38,#082f5f);color:#fff}
.dim-profile-top{display:flex;justify-content:space-between;align-items:center;color:#ffb51b}
.dim-profile-top svg{width:34px;height:34px}
.dim-profile-top svg{color:var(--dim-orange)}
.dim-profile-top>span{font-size:2.4rem;line-height:1.2}
.dim-profile h3{font-family:var(--serif);font-size:1.9rem;margin:24px 0 8px;letter-spacing:-.025em}
.dim-profile p{color:#c8d5e8;min-height:52px;margin:0 0 24px}
.dim-profile .dim-range-ends{color:#dce5ee}
.dim-pressure-note{border-left:3px solid var(--sun);padding:12px 16px;background:#fff8ec;color:#634815;font-size:.875rem;border-radius:0 12px 12px 0}
.dim-summary{position:sticky;top:104px;padding:26px;scroll-margin-top:104px}
.dim-result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dim-result-top .dim-kicker{font-size:.78rem;letter-spacing:.06em}
.dim-live{font-size:.75rem;color:#526372;background:#eff4f9;padding:3px 8px;border-radius:20px;white-space:nowrap}
.dim-total{font-size:clamp(2.35rem,3.8vw,3.2rem);letter-spacing:-.06em;font-weight:600;color:var(--deep);line-height:1.2;margin:22px 0 14px;white-space:nowrap}
.dim-total small{font-size:1rem;letter-spacing:0;color:var(--dim-muted);font-weight:400}
.dim-result-description{font-size:.875rem;line-height:1.55;color:var(--dim-muted);margin:0}
.dim-snapshot{font-size:.875rem;color:var(--teal);margin:16px 0 24px}
.dim-breakdown{border-top:1px solid var(--dim-line);padding-top:20px}
.dim-summary h3{font-size:1rem;line-height:1.4;color:var(--deep);margin:0 0 16px}
.dim-contribution{display:grid;grid-template-columns:1fr auto;gap:6px;margin:14px 0;font-size:.875rem;color:var(--dim-muted)}
.dim-contribution strong{font-size:.875rem;color:var(--deep);font-weight:500}
.dim-bar{grid-column:1/-1;background:#edf2f6;border-radius:10px;height:4px;overflow:hidden}
.dim-bar>span{display:block;height:100%;background:var(--teal);border-radius:10px}
.dim-reservoir{display:flex;gap:12px;padding:18px 0;border-top:1px solid var(--dim-line);margin-top:22px}
.dim-reservoir>svg{width:22px;height:22px;flex:none;color:var(--teal)}
.dim-reservoir h3{margin:0 0 6px}
.dim-reservoir strong{font-size:.875rem;color:var(--teal);font-weight:600}
.dim-reservoir p{font-size:.875rem;line-height:1.55;color:var(--dim-muted);margin:8px 0 0}
.dim-commercial{margin:6px -10px -10px;padding:20px 16px;border-radius:16px;background:#f2f6fa}
.dim-commercial h3{margin-bottom:8px}
.dim-commercial p{font-size:.875rem;line-height:1.55;color:var(--dim-muted);margin:0 0 18px}
.dim-commercial .btn{width:100%;font-size:.875rem;padding:12px;line-height:1.35;min-height:52px}
.dim-commercial>span{display:block;font-size:.75rem;color:var(--dim-muted);margin-top:12px;line-height:1.5}
.dim-technical{padding-block:40px 64px;color:var(--dim-muted)}
.dim-technical h2{font:600 1rem/1.4 var(--sans);letter-spacing:0;color:var(--deep)}
.dim-technical p{font-size:.875rem;line-height:1.65;max-width:1050px}
.dim-mobile-result{display:none}
/* This page already exposes a dedicated simulation-aware WhatsApp CTA. */
.dimensionador-page .whatsapp-float{display:none}
.dim-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dimensionador :focus-visible{outline:3px solid #b86b00;outline-offset:4px}
@keyframes dim-appear{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.dim-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(290px,.8fr)}.dim-wizard{padding:24px}.dim-summary{padding:22px}.dim-progress-heading>span:last-child{display:none}.dim-points{grid-template-columns:1fr}}
@media(max-width:760px){
  .dimensionador .dim-hero{padding-top:112px;padding-bottom:32px}
  .dim-hero h1{font-size:1.8rem;max-width:420px}
  .dim-hero h2{font-size:1rem}
  .dim-hero-actions{flex-direction:column;align-items:flex-start;gap:14px}
  .dim-layout{grid-template-columns:1fr;gap:22px}
  .dim-wizard{padding:22px}
  .dim-stage h2{font-size:2.1rem}
  .dim-summary{position:static;padding:24px}
  .dim-total{font-size:3.3rem}
  .dim-profile{padding:22px}
  .dim-technical{padding-bottom:36px}
  .dim-mobile-result{position:fixed;z-index:85;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 24px #001b3d15;color:var(--deep);font-size:.875rem;border-top:1px solid var(--dim-line)}
  .dim-mobile-result strong{display:block;font-size:1.1rem}
  .dimensionador-page{padding-bottom:88px}
  .dimensionador-page .whatsapp-float{bottom:100px}
  .dimensionador-page .back-top{bottom:166px}
  .dimensionador-page .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.dim-stage{animation:none}.dimensionador *{scroll-behavior:auto!important;transition:none!important}}