/* Cendal (demo de RentingWebs). Paleta propia: pino, menta y lino. Tokens en :root. */
:root{--pine:#12302A;--ink:#1E2A27;--panel:#17352F;--charcoal:#2E4A43;--white:#fff;--paper:#F5F1EA;--muted:#55605C;--soft:#D3DCD8;--line:#D6D0C4;--accent:#5CC3B4;--accent-hover:#86D6CA;--accent-dark:#1C7A6F;--mark:#2F9E8F;--mark-dark:#1C7A6F;--error:#A3262B;--radius:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--max:1280px;--focus:3px solid var(--mark);--motion:180ms}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{color:inherit;font-weight:700;line-height:1.05;letter-spacing:-.045em}h2{font-size:clamp(36px,4vw,56px)}h3{font-size:28px}p{max-width:64ch}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input,select,textarea{transition:background-color var(--motion),border-color var(--motion),color var(--motion),box-shadow var(--motion)}:focus-visible{outline:var(--focus);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed}a[aria-disabled=true]{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.wrap{width:calc(100% - 48px);max-width:var(--max);margin-inline:auto}.section{padding-block:var(--space-9)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.6;margin-bottom:var(--space-4)}.eyebrow:before{content:'';display:inline-block;width:20px;height:3px;background:var(--mark);margin-right:var(--space-3);vertical-align:middle}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden}.skip{position:fixed;top:8px;left:8px;background:var(--white);color:var(--pine);padding:16px;z-index:50;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}
.header{background:var(--pine);color:var(--white);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--charcoal)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:var(--space-5)}.brand{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.brand img{width:64px;height:64px;object-fit:contain}.brand span{font-size:16px;font-weight:700;line-height:1.3;letter-spacing:.015em}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.14em;color:var(--soft);margin-top:6px}.header nav{display:flex;gap:var(--space-5)}.header nav a{font-size:14px;padding-block:var(--space-4);border-bottom:2px solid transparent}.header nav a:hover{border-color:var(--mark)}.header-call{display:flex;align-items:center;gap:var(--space-3);font-size:12px}.header-call small{display:block;font-size:18px;font-weight:700;line-height:1.3}.phone-icon{font-size:24px;color:var(--accent);border:1px solid var(--charcoal);width:44px;height:44px;display:grid;place-items:center}.header-call:hover{color:var(--accent)}
.hero{position:relative;isolation:isolate;background:var(--charcoal);color:var(--white);min-height:600px;display:flex;align-items:end;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:50% 47%;z-index:-2}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,32,28,.86),rgba(10,32,28,.42) 48%,rgba(0,0,0,.04) 85%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 40%)}.hero-inner{padding-block:var(--space-8) var(--space-6)}.hero h1{font-size:clamp(40px,4.8vw,70px);line-height:1.05;max-width:1000px;letter-spacing:-.05em}.hero h1 span{color:var(--accent)}.hero-description{margin-top:var(--space-5);font-size:18px;line-height:1.6;color:var(--white)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);min-height:52px;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;line-height:1.4}.button span{font-size:20px}.primary{color:var(--pine);background:var(--accent);border-color:var(--accent)}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.primary:active{background:var(--accent-dark);color:var(--white)}.outline{border-color:var(--soft);background:rgba(0,0,0,.4);color:var(--white)}.outline:hover{background:var(--white);color:var(--pine)}.secondary{background:var(--white);color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--paper);border-color:var(--ink)}.photo-credit{font-size:10px;letter-spacing:.04em;margin-top:var(--space-7);color:var(--soft)}
.solution-nav{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:100px;border-bottom:1px solid var(--line)}.solution-nav a{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-right:1px solid var(--line)}.solution-nav a:first-child{padding-left:0}.solution-nav a:last-child{border:0}.solution-nav a>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.solution-nav strong{font-size:17px;letter-spacing:-.02em}.solution-nav i{font-style:normal;margin-left:auto;color:var(--mark-dark);font-size:24px}.solution-nav a:hover{background:var(--paper)}.solution-nav .plan-icon{font-size:28px;color:var(--mark-dark)}
.section-heading,.planner-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--space-7);margin-bottom:var(--space-7)}.section-heading>p,.planner-heading>p{max-width:400px;color:var(--muted);font-size:16px}.solutions-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:var(--space-5)}.solution{background:var(--paper);border-bottom:3px solid var(--pine)}.solution-photo{height:300px;position:relative;background:var(--soft);overflow:hidden}.solution-photo img{width:100%;height:100%;transition:transform 350ms}.solution:hover .solution-photo img{transform:scale(1.025)}.photo-tag{position:absolute;bottom:var(--space-4);left:var(--space-5);font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--white);background:var(--pine);padding:var(--space-2) var(--space-3)}.solution-body{padding:var(--space-6)}.solution-body>p{margin-top:var(--space-4);color:var(--muted)}.service-list{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:var(--space-5) 0;gap:var(--space-3);font-size:14px}.service-list li{border-top:1px solid var(--line);padding-top:var(--space-3)}.service-types{margin-block:var(--space-5);font-size:14px}.service-types>div{display:grid;grid-template-columns:76px 1fr;border-top:1px solid var(--line);padding-block:var(--space-2);gap:var(--space-3)}dt{font-weight:700}.text-link{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:14px;font-weight:700;min-height:48px;border-bottom:1px solid var(--ink);width:fit-content;max-width:100%}.text-link span{font-size:24px;color:var(--mark-dark)}.text-link:hover{color:var(--mark-dark);border-color:var(--mark-dark)}
.planner{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.planner-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-7);align-items:start}.planner-controls{min-width:0}.project-switch{margin:0 0 var(--space-5);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);border:0}.project-switch legend{font-size:14px;font-weight:700;padding:0;margin-bottom:var(--space-3)}.project-switch label{position:relative;cursor:pointer;display:block;margin:0}.project-switch input{position:absolute;opacity:0;left:12px;top:12px}.project-switch span{display:block;text-align:center;padding:var(--space-4);font-size:14px;font-weight:700;border:1px solid var(--line);background:var(--white)}.project-switch input:checked+span{background:var(--pine);color:var(--white);border-color:var(--pine);box-shadow:inset 0 -3px var(--mark)}.project-switch input:focus-visible+span{outline:var(--focus);outline-offset:3px}.project-switch label:hover span{border-color:var(--ink)}fieldset{min-width:0;padding:0;border:0;margin:0 0 var(--space-5)}label{display:block;font-size:14px;font-weight:700;margin-bottom:var(--space-2)}label span{font-size:12px;font-weight:400;color:var(--muted)}input:not([type=radio]),select,textarea{width:100%;border:1px solid #8b8b8b;border-radius:var(--radius);padding:var(--space-3);min-height:48px;background:var(--white);color:var(--ink)}input:hover,select:hover,textarea:hover{border-color:var(--ink)}input[aria-invalid=true]{border:2px solid var(--error);background:#fff7f7}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}.measurements{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}.field-help{color:var(--muted);font-size:12px;line-height:1.5;margin-top:var(--space-3)}#zona,#detalles{margin-bottom:var(--space-4)}#prepare{width:100%;margin-top:var(--space-5)}.form-status{font-size:13px;color:var(--error);margin-top:var(--space-3);font-weight:500}.form-status:empty{display:none}.project-preview{min-width:0;background:var(--white);border:1px solid var(--line)}.drawing-title{background:var(--pine);color:var(--white);padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;gap:var(--space-3);font-size:10px;letter-spacing:.08em}.drawing-title>span:last-child{color:var(--soft)}.drawing{display:block;width:100%;height:auto;background:var(--white);color:var(--charcoal)}.drawing text{font-family:'DM Sans',Arial,sans-serif;font-size:13px;font-weight:700;fill:var(--charcoal)}.context-line{stroke:var(--charcoal);stroke-width:2;fill:none;opacity:.35}.result-strip{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--space-4);background:var(--paper)}.result-strip strong{font-size:26px;letter-spacing:-.04em;white-space:nowrap}.result-strip span{font-size:12px;line-height:1.4;color:var(--muted)}.drawing-note{font-size:12px;line-height:1.5;margin:var(--space-4) var(--space-5);color:var(--muted)}.message-box{padding:var(--space-5);border-top:1px solid var(--line)}.message-box textarea{font-size:13px;line-height:1.5;background:var(--paper)}.message-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.notice{padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid var(--ink);background:var(--white)}.notice a{text-decoration:underline}.js-only{display:none}.js .js-only{display:flex}
.gallery-filters{gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.gallery-filters button{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-5);min-height:44px;background:var(--white);font-size:14px}.gallery-filters button:hover{border-color:var(--pine);background:var(--paper)}.gallery-filters button[aria-pressed=true]{background:var(--pine);color:var(--white);border-color:var(--pine)}.gallery-count{font-size:12px;color:var(--muted);margin-bottom:var(--space-5)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-5)}.gallery figure{min-width:0}.gallery a{display:block;position:relative;background:var(--paper);overflow:hidden}.gallery img{width:100%;height:270px;transition:transform 350ms}.gallery a:hover img{transform:scale(1.025)}.expand{position:absolute;right:var(--space-3);bottom:var(--space-3);display:grid;place-items:center;width:44px;height:44px;background:var(--white);color:var(--pine);font-size:24px}.gallery figcaption{padding-top:var(--space-3);display:grid;gap:var(--space-1)}.gallery figcaption span{font-size:10px;letter-spacing:.13em;color:var(--muted)}.gallery figcaption strong{font-size:16px}.gallery-original{margin-top:var(--space-6)}
.workshop{background:var(--pine);color:var(--white);padding-block:var(--space-8)}.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.workshop-photo{height:100%;min-height:440px}.workshop-photo img{width:100%;height:100%;object-position:50% 50%}.workshop-copy h2{font-size:48px}.steps{list-style:none;padding:0;margin:var(--space-6) 0}.steps li{display:flex;gap:var(--space-5);padding-block:var(--space-4);border-top:1px solid var(--charcoal)}.steps li>span{color:var(--accent);font-size:12px}.steps h3{font-size:18px;letter-spacing:-.02em;line-height:1.3}.steps p{font-size:14px;color:var(--soft);margin-top:var(--space-2)}
.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-8)}.contact-phone{display:block;font-size:clamp(32px,4vw,56px);font-weight:700;letter-spacing:-.04em;line-height:1.3;margin-top:var(--space-6)}.contact-phone span{color:var(--mark-dark)}.contact-phone:hover{color:var(--mark-dark)}.contact-email{font-size:16px;display:inline-block;padding-block:var(--space-3);text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-details{border-left:1px solid var(--line);padding-left:var(--space-7)}.contact-details h3{font-size:24px;margin-bottom:var(--space-5)}address{font-style:normal;line-height:1.6}.hours{margin-block:var(--space-5)}.hours>span{font-size:12px;color:var(--muted);display:block;margin-bottom:var(--space-2)}.footer{background:var(--pine);color:var(--white)}.footer-inner{padding-block:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.footer small,.footer a:not(.brand){font-size:12px;color:var(--soft)}.footer .brand img{width:48px;height:48px}.footer .brand span{font-size:12px}
dialog{padding:var(--space-5);border:1px solid var(--line);background:var(--pine);color:var(--white);max-width:1000px;width:calc(100% - 32px);max-height:92dvh;overflow:auto}dialog::backdrop{background:rgba(8,24,21,.86)}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);font-size:12px;letter-spacing:.1em}#close-lightbox{background:var(--white);color:var(--pine)}#lightbox-image{max-height:68dvh;width:100%;object-fit:contain}#lightbox-caption{margin-top:var(--space-4);font-size:14px}
@media(min-width:1500px){.hero{min-height:680px}.hero-inner{padding-bottom:var(--space-7)}}
@media(max-width:1050px){.header nav{gap:var(--space-4)}.header-call>span:first-child{display:none}.brand span{font-size:13px}.header nav a{font-size:13px}.header-call small{font-size:16px}.hero{min-height:560px}.section{padding-block:var(--space-8)}.section-heading{gap:var(--space-6)}.section-heading>p{max-width:320px}.planner-grid{gap:var(--space-5);grid-template-columns:1fr 1fr}.drawing-title{padding:var(--space-4);flex-wrap:wrap}.gallery img{height:220px}.solution-body{padding:var(--space-5)}.solution-nav a{padding:var(--space-4)}.solution-nav strong{font-size:14px}.workshop-grid{gap:var(--space-6)}.workshop-copy h2{font-size:40px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:88px;gap:var(--space-4)}.brand img{width:52px;height:52px}.header nav{display:none}.header-call small{font-size:18px}.section-heading,.planner-heading{align-items:start;gap:var(--space-5)}.section-heading>p,.planner-heading>p{font-size:14px;max-width:280px}.solutions-grid{gap:var(--space-4);grid-template-columns:1fr 1fr}.service-list{grid-template-columns:1fr}.solution-photo{height:240px}.solution h3{font-size:24px}.solution-body>p{font-size:14px}.planner-grid{grid-template-columns:1fr}.project-preview{margin-top:var(--space-4)}.drawing{max-height:400px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-grid{grid-template-columns:1fr 1fr}.workshop-photo{min-height:480px}.contact{gap:var(--space-6)}.contact-details{padding-left:var(--space-5)}.contact-details h3{font-size:21px}.contact-email{font-size:14px}}
@media(max-width:580px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 32px)}.header-inner{min-height:80px;gap:var(--space-3)}.brand{gap:var(--space-2)}.brand img{width:48px;height:48px}.brand span{font-size:11px}.brand small{font-size:7px;margin-top:4px}.header-call{font-size:10px}.header-call small{font-size:15px}.hero{min-height:610px;align-items:end}.hero-image{object-position:68% 50%}.hero-shade{background:linear-gradient(0deg,rgba(10,32,28,.94),rgba(10,32,28,.7) 50%,rgba(0,0,0,.04) 100%)}.hero-inner{padding-block:var(--space-7) var(--space-5)}.hero h1{font-size:38px;max-width:360px;line-height:1.08;letter-spacing:-.055em}.hero .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:var(--space-4)}.hero .eyebrow:before{width:12px;margin-right:var(--space-2)}.hero-description{font-size:15px;margin-top:var(--space-4);line-height:1.6;max-width:340px}.hero-description br{display:none}.hero-actions{gap:var(--space-2);margin-top:var(--space-5)}.hero-actions .button{padding:var(--space-3) var(--space-4);gap:var(--space-3);font-size:12px}.photo-credit{font-size:9px;max-width:280px;margin-top:var(--space-6)}.solution-nav{grid-template-columns:1fr 1fr;min-height:0}.solution-nav a{min-height:80px;padding:var(--space-4) var(--space-2);gap:var(--space-2)}.solution-nav a:first-child{padding-left:0}.solution-nav a:nth-child(2){border-right:0;padding-left:var(--space-3)}.solution-nav a:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding:var(--space-3) 0;min-height:64px}.solution-nav strong{font-size:13px}.solution-nav a>span{font-size:10px}.solution-nav i{font-size:20px}.solution-nav .plan-icon{font-size:24px}.section{padding-block:var(--space-7)}.section-heading,.planner-heading{display:block;margin-bottom:var(--space-6)}h2{font-size:36px}.section-heading>p,.planner-heading>p{font-size:15px;margin-top:var(--space-5);max-width:100%}.eyebrow{font-size:10px}.solutions-grid{grid-template-columns:1fr;gap:var(--space-5)}.solution-photo{height:240px}.solution-body{padding:var(--space-5)}.solution-body h3{font-size:28px}.solution-body>p{font-size:15px}.service-list{grid-template-columns:1fr 1fr;gap:var(--space-3);font-size:12px}.text-link{font-size:13px;gap:var(--space-3)}.photo-tag{left:var(--space-4);font-size:9px}.service-types{font-size:13px}.project-switch span{padding:var(--space-4) var(--space-3)}.planner-grid{gap:var(--space-4)}.measurements{gap:var(--space-3)}.drawing-title{font-size:9px}.drawing{max-height:none;min-height:230px}.result-strip{padding:var(--space-4);gap:var(--space-3)}.result-strip strong{font-size:24px}.drawing-note{margin:var(--space-4)}.message-box{padding:var(--space-4)}.message-actions .button{padding:var(--space-3) var(--space-4);gap:var(--space-3);font-size:12px}.gallery{gap:var(--space-5) var(--space-3)}.gallery img{height:180px}.gallery figure:first-child{grid-column:1/-1}.gallery figure:first-child img{height:240px}.gallery figcaption strong{font-size:13px;line-height:1.4}.gallery figcaption span{font-size:9px}.expand{width:36px;height:36px;font-size:20px}.gallery-filters{gap:var(--space-2)}.gallery-filters button{padding:var(--space-3) var(--space-4);font-size:12px}.workshop{padding-block:var(--space-7)}.workshop-grid{grid-template-columns:1fr;gap:var(--space-6)}.workshop-photo{min-height:0;height:240px}.workshop-copy h2{font-size:36px}.steps li{gap:var(--space-4)}.contact{grid-template-columns:1fr;gap:var(--space-6)}.contact-phone{font-size:38px;margin-top:var(--space-5)}.contact-email{font-size:14px}.contact-details{padding:var(--space-6) 0 0;border-left:0;border-top:1px solid var(--line)}.footer-inner{flex-wrap:wrap;gap:var(--space-5)}.footer .brand{width:100%}.footer .brand span{font-size:12px}dialog{padding:var(--space-4)}.lightbox-top .button{padding:var(--space-3) var(--space-4)} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Navegación móvil progresiva: foco y Escape gestionados en app.js. */
.js .menu-button{display:none}
.menu-button{background:var(--pine);color:var(--white);border:1px solid var(--muted);padding:var(--space-2);min-width:44px;min-height:44px;border-radius:var(--radius);font-size:12px}
.menu-button:hover{border-color:var(--white)}
@media(max-width:800px){.js .menu-button{display:flex;align-items:center;justify-content:center;margin-left:auto}.header nav.is-open{display:grid;grid-template-columns:1fr 1fr;position:absolute;left:0;right:0;top:100%;background:var(--pine);border-top:1px solid var(--charcoal);padding:var(--space-4);gap:var(--space-2)}.header nav.is-open a{padding:var(--space-3);font-size:14px}}
@media(max-width:580px){.header-inner{gap:var(--space-2)}.menu-button{font-size:10px}.header-call small{font-size:14px}.brand span{font-size:10px}}
/* Cendal: logotipo, selector de idioma, botones de demostración y aviso de demo */
.brand img.brand-logo{width:auto;height:40px;object-fit:contain}.brand .brand-sub{display:block;font-size:9px;font-weight:500;letter-spacing:.14em;color:var(--soft);margin-top:6px}.footer .brand img.brand-logo{width:auto;height:32px}
.header-tools{display:flex;align-items:center;gap:var(--space-4)}.lang-switch{display:flex;gap:2px;font-size:12px;font-weight:700;letter-spacing:.06em}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid var(--charcoal);color:var(--soft)}.lang-switch a[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--pine);text-decoration:none!important}.lang-switch a:hover{border-color:var(--accent);color:var(--white)}.header .lang-switch a{padding:0;border-bottom-width:1px}
button.header-call,button.contact-phone,button.contact-email,button.footer-demo,button.text-link{background:none;border:0;padding:0;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
button.contact-phone{font-size:clamp(32px,4vw,56px);font-weight:700}button.contact-email{font-size:16px;text-decoration:underline;text-underline-offset:5px}button.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink)}button.footer-demo{min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.contact-actions{margin-top:var(--space-4)}.gallery-note{margin-top:var(--space-6);font-size:13px;color:var(--muted)}
.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);align-items:center}.footer-legal a{text-decoration:underline;text-underline-offset:4px}
dialog.demo-dlg{width:min(520px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;margin:auto;border:0;border-radius:8px;padding:28px;background:var(--pine);color:var(--white);box-shadow:0 18px 48px rgba(0,0,0,.35);--focus:3px solid var(--accent)}
.demo-dlg .eyebrow{color:var(--accent)}.demo-dlg h2{font-size:32px;margin-bottom:12px}.demo-dlg p{margin:0 0 14px;color:rgba(255,255,255,.9)}
.demo-msg{margin:0 0 16px;padding:14px 16px;border-radius:6px;background:var(--panel);border:1px solid rgba(92,195,180,.25)}.demo-msg .demo-msg-h{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.demo-msg pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/1.55 'DM Sans',Arial,sans-serif;color:var(--white)}
.demo-dlg .demo-foot{font-size:14px;color:rgba(255,255,255,.75)}.demo-dlg .button{width:100%;justify-content:center}
.notfound{padding-block:var(--space-9)}.notfound h1{font-size:clamp(40px,5vw,64px);margin-bottom:var(--space-5)}.notfound p{margin-bottom:var(--space-5);color:var(--muted)}
@media(max-width:800px){.header-tools{margin-left:auto;gap:var(--space-3)}.js .menu-button{margin-left:0}}
@media(max-width:580px){.brand img.brand-logo{height:30px}.brand .brand-sub{font-size:7px;margin-top:4px}.lang-switch a{min-width:36px;min-height:36px;font-size:11px}.header-call{display:none!important}button.contact-phone{font-size:38px}}
.brand-stack{display:flex;flex-direction:column;align-items:flex-start}