:root{--ink:#323e48;--blue:#007dbb;--orange:#e08431;--green:#00b189;--dark:#202b34;--paper:#f4f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font:16px/1.55 Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}header{position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #dce3e7}.nav,nav,.actions,footer .wrap{display:flex;align-items:center;gap:24px}.nav{min-height:72px;justify-content:space-between}.brand{font-weight:bold;white-space:nowrap;letter-spacing:.07em}.button,button{display:inline-block;border:1px solid transparent;border-radius:7px;background:#006da5;color:white;padding:12px 18px;font-weight:bold;cursor:pointer}.button:hover,button:hover{filter:brightness(1.12)}.small,button{padding:8px 12px}.ghost{background:transparent;border-color:#a2b8c3}.outline{background:transparent;border-color:#8595a1;color:var(--ink)}.hero,.cloud{color:white;background:var(--dark)}.hero{background:radial-gradient(ellipse at 85% 25%,#254d61,transparent 60%),var(--dark);overflow:hidden}.hero-layout,.cloud-layout,.contact{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-layout{min-height:530px;padding-block:70px}.eyebrow{font-size:.78rem;font-weight:bold;letter-spacing:.14em;text-transform:uppercase;color:#006da5;margin:0 0 12px}.hero .eyebrow,.cloud .eyebrow{color:#7ce5cf}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.55rem,5.6vw,5.2rem);line-height:1.02;letter-spacing:-.06em;margin-bottom:22px}h1 em{font-style:normal;color:#7ce5cf}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:20px}h3{line-height:1.2;margin-bottom:9px}.intro{font-size:1.17rem;color:#dce8ee;max-width:52ch}.actions{flex-wrap:wrap;gap:12px}.hero-art{min-height:310px;display:grid;place-items:center;position:relative;border:1px solid #5d8293;border-radius:16px;background:repeating-linear-gradient(0deg,#89a9b01c 0 1px,transparent 1px 27px),repeating-linear-gradient(90deg,#89a9b01c 0 1px,transparent 1px 27px),radial-gradient(ellipse,#007dbb5e,transparent 68%)}.section{padding-block:76px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.services article{padding:22px;border:1px solid #dce4e9;border-radius:10px;background:var(--paper)}.services p,.contact p{margin-bottom:0}.service-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:12px;background:#e0eff6;color:#006da5;border-radius:8px;font-weight:bold}.cloud-layout{grid-template-columns:.78fr 1.22fr}.cloud p{color:#dbe8ed}.dashboard{min-width:0;background:#101c25;border:1px solid #476371;border-radius:12px;padding:20px}.dash-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.dash-head p{font-size:.85rem}.filters{display:flex;flex-wrap:wrap;gap:12px}.filters label{display:grid;gap:4px;font-size:.85rem}.filters select{background:#263845;color:white;border:1px solid #7592a0;border-radius:5px;padding:6px}#reading{margin:16px 0 0;font-size:1.2rem;font-weight:bold}svg{width:100%;display:block}footer{background:var(--ink);color:#fff;padding:24px 0}footer .wrap{justify-content:space-between;flex-wrap:wrap}@media(max-width:850px){.hero-layout,.cloud-layout,.contact{grid-template-columns:1fr;gap:28px}.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{width:calc(100% - 32px)}.nav{flex-wrap:wrap;gap:8px;padding-block:8px}nav{order:3;width:100%;justify-content:space-between;gap:8px}.hero-layout,.section{padding-block:48px}.services{grid-template-columns:1fr}.hero-art{min-height:220px}.dashboard{padding:12px}}
.brand img{display:block}.hero-art{border:0;border-radius:0}.hero-art img{display:block;width:min(65%,230px);height:auto;padding:12px}.contact-section{background:#101820;color:#fff}
.contact-section .contact{align-items:start;gap:clamp(28px,7vw,100px)}
.contact-section .eyebrow{color:#78ccfa}
.contact-section h2{font-size:clamp(2.4rem,5vw,4.6rem)}
.contact-section .actions{margin-top:22px}
.contact-section .actions a:not(.button){text-decoration:underline;text-underline-offset:4px}
.contact-form{display:grid;gap:9px}
.contact-form label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#c6deed}
.contact-form input,.contact-form textarea{width:100%;font:inherit;color:#fff;background:transparent;border:0;border-bottom:1px solid #607381;padding:10px 2px;margin-bottom:12px;border-radius:0}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aebcc6}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #78ccfa;outline-offset:2px}
.contact-form textarea{resize:vertical}
.contact-form button{justify-self:start;border-radius:999px;padding:12px 20px}
.contact-form p{font-size:.85rem;color:#c6d3dd}
header{background:#111a21;color:#f4f7f9;border-color:#344550}.hero{background:radial-gradient(ellipse at 82% 40%,#123d50 0,transparent 53%),#101820}.hero-layout{min-height:590px;grid-template-columns:1.15fr .85fr}.hero h1{font-size:clamp(2.6rem,5.1vw,5rem)}.hero h1 em{color:#8ce9d6}.hero-art{background:linear-gradient(90deg,#7ea8b517 1px,transparent 1px),linear-gradient(#7ea8b517 1px,transparent 1px);background-size:28px 28px;min-height:350px;isolation:isolate}.hero-art img{width:min(40%,145px);padding:0;z-index:1}.hero-art p{position:absolute;bottom:0;left:0;right:0;margin:0;text-align:center;background:#101820dd;padding:10px;color:#d5e7ec;font-size:.85rem}.circuit{position:absolute;inset:12% 4%;pointer-events:none}.circuit i{display:block;position:absolute;inset:0;border:1px solid #5fbbcd80;border-radius:40% 12%;transform:rotate(-13deg)}.circuit i:nth-child(2){inset:10% 5%;border-color:#00b18988;transform:rotate(13deg)}.circuit i:nth-child(3){inset:20% 0;transform:rotate(0deg);border-color:#e0843177}.experience{background:#15232c;color:#eaf5f7;padding-block:70px}.experience .eyebrow{color:#8ce9d6}.scene-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(22px,6vw,80px);align-items:center}.scene{overflow:hidden;border:1px solid #425968;border-radius:14px;background:#0f1a22}.room{height:240px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 37%,#ba8458 0%,transparent 46%),linear-gradient(150deg,#394651 65%,#1c2931 65%);transition:filter .3s}.window{position:absolute;inset:14% 48% 25% 13%;border:6px solid #202c34;background:linear-gradient(#5b8eab,#aec5c7);overflow:hidden}.blind{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#b39e86 0 8px,#8a7665 8px 13px);transform:scaleX(.18);transform-origin:left;transition:transform .3s}.lamp{position:absolute;top:23%;right:16%;width:16%;height:22%;background:#ffe2ac;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.bench{position:absolute;bottom:13%;left:40%;right:13%;height:19%;background:#6a777a;border-radius:10px 10px 2px 2px;box-shadow:0 14px 0 -6px #111a21}.scene[data-scene=descanso] .room{filter:brightness(.62)}.scene[data-scene=salida] .room{filter:brightness(.31) saturate(.6)}.scene:not([data-scene=llegada]) .blind{transform:scaleX(1)}.scene-panel{padding:16px}.scene-panel p{margin:12px 0 0;color:#d0e1e7}.scene-panel button{background:transparent;border-color:#668192}.scene-panel button[aria-pressed=true]{background:#006da5;border-color:#79c9ed}#servicios .services article{background:#f3f7fa;border-top:2px solid #007dbb}.service-mark{background:#dceef6}.cloud{background:#101c25}@media(max-width:850px){.hero-layout,.scene-layout{grid-template-columns:1fr}.hero-art{min-height:250px}.experience{padding-block:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room,.blind{transition:none}}