:root{--ink:#203b33;--green:#285c4c;--soft:#e8eee6;--cream:#f7f6ef;--muted:#69766d;--line:#dce2d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #997540;outline-offset:5px}header{height:98px;max-width:1320px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:650;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:0;font-weight:400}.brand img{border-radius:9px}nav{display:flex;gap:29px;font-size:13px}.login{padding:9px 18px;border:1px solid #b9c7bb;border-radius:5px;font-size:13px}.login span{margin-left:14px}.wrap{max-width:1232px;margin:auto;padding-left:44px;padding-right:44px}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:55px;padding-top:65px;padding-bottom:82px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:bold;margin:0 0 25px}h1{font-size:clamp(45px,4.7vw,65px);line-height:1.06;letter-spacing:-2.7px;margin:0 0 28px;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:#4f735b}.intro{max-width:430px;font-size:16px;color:var(--muted);line-height:1.8}.actions{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;gap:28px;background:var(--green);color:white;padding:15px 20px;border-radius:5px;font-size:13px}.text-link{font-size:12px}.hero-note{font-size:11px;color:var(--muted);margin-top:20px}.visual{position:relative;padding:24px 24px 31px;background:#e4ebdf;border-radius:12px;transform:rotate(-1deg)}.visual-top{font-size:8px;font-weight:bold;letter-spacing:1px;display:flex;align-items:center;gap:7px;margin-bottom:20px}.visual-top>span:last-child{margin-left:auto;font-weight:400}.live-dot{display:inline-block;background:#6b9368;width:7px;height:7px;flex-shrink:0;border-radius:50%}.mock{background:#fff;border-radius:9px;box-shadow:0 15px 45px #203b3310;padding:24px}.mock-head{display:flex;justify-content:space-between;align-items:center}.mock-head small{font-size:8px;letter-spacing:1.4px;color:#7c8a80}.mock-head h2{font-size:22px;margin:5px 0 0;letter-spacing:-.5px;font-weight:500}.avatar{background:#edf0e9;border-radius:50%;width:31px;height:31px;text-align:center;padding-top:6px;font-size:10px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;border-bottom:1px solid var(--line);padding-bottom:22px}.mock-stats div+div{border-left:1px solid var(--line);padding-left:22px}.mock-stats b{font-size:29px;display:block;font-weight:500;line-height:1.3}.mock-stats span{font-size:10px;color:var(--muted)}.mock-label{display:flex;justify-content:space-between;letter-spacing:1px;font-size:8px;margin-bottom:14px}.mock-label span{letter-spacing:0}.ticket{border:1px solid var(--line);border-radius:6px;padding:14px 12px;display:flex;gap:12px;margin-bottom:11px}.ticket>div:last-child{flex:1}.ticket-icon{background:#f2eadc;width:29px;height:29px;border-radius:7px;text-align:center;color:#97793e}.ticket-icon.light{color:var(--green);background:var(--soft)}.pill{font-size:7px;letter-spacing:.8px;background:#e9efe6;color:#53704a;padding:4px 7px;border-radius:4px;display:inline-block}.pill.urgent{background:#f8e7df;color:#a36d4c}.ticket h3{font-size:12px;margin:6px 0 1px;font-weight:600}.ticket p{font-size:9px;color:var(--muted);margin:0 0 12px}.ticket-bottom{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.ticket-bottom span:first-child{color:var(--green)}.shift{margin-top:20px;padding:12px;background:#f4f6f0;border-radius:6px;display:flex;align-items:center;gap:12px}.shift b{font-size:10px}.shift p{font-size:9px;color:var(--muted);margin:0}.shift>span:last-child{margin-left:auto}.illustrative{font-size:8px;color:var(--muted);text-align:center;margin:16px 0 0}.floating{position:absolute;bottom:2px;right:-20px;display:flex;align-items:center;gap:11px;padding:14px 21px;background:#fff;border:1px solid var(--line);box-shadow:0 9px 24px #203b3310;border-radius:7px;transform:rotate(1deg)}.floating>span{background:#e7eedf;border-radius:50%;padding:3px 10px}.floating b{display:block;font-size:11px}.floating small{font-size:9px;color:var(--muted)}.sector-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;background:#f0f1e9}.sector-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.sector-strip span{font-size:8px;max-width:110px;letter-spacing:1.5px}.sector-strip b{font-size:12px;font-weight:500}.section{padding-top:95px;padding-bottom:95px}.section-heading{max-width:650px}h2{font-size:42px;line-height:1.12;letter-spacing:-1.5px;font-weight:500;margin:0 0 23px}.section-heading>p:last-child{max-width:480px;color:var(--muted);font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:48px}.features article{border-top:1px solid #b7c5b8;padding-top:20px}.number{color:#8a9a85;font-size:11px}.features h3{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.4px;margin:22px 0 14px}.features p{font-size:13px;color:var(--muted);max-width:290px}.example{background:#e7ece2}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.example-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:405px}.steps{margin-top:30px}.steps button{width:100%;background:transparent;border:0;border-bottom:1px solid #c9d3c5;text-align:left;padding:17px 0;font-size:13px;color:#6b7c6d;cursor:pointer;display:flex;gap:18px;align-items:center}.steps button b{font-size:10px;font-weight:400}.steps button span{margin-left:auto}.steps button.selected{color:var(--ink);font-weight:bold;border-bottom-color:var(--green)}.story{padding:40px;background:#fdfdf8;min-height:355px;border:1px solid #d8e0d2;border-radius:9px}.story .pill{font-size:8px}.story h3{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.2;margin:28px 0 18px}.location{font-size:8px;letter-spacing:1.2px}.story>p:not(.location){font-size:14px;color:var(--muted);min-height:92px}.story-line{display:flex;align-items:center;gap:9px;padding:13px 0;border-top:1px solid var(--line)}.story-line p{font-size:11px;margin:0}.story>small{font-size:9px;color:var(--muted)}.control{display:grid;grid-template-columns:1fr 1fr;gap:100px}.control-list article{display:flex;gap:22px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.control-list article:last-child{margin-bottom:0}.control-list article>span{font-size:25px;color:#7b9275}.control-list h3{font-size:18px;font-weight:500;margin:0 0 7px}.control-list p{font-size:13px;color:var(--muted);margin:0}.setup{background:var(--green);color:var(--cream);padding:77px 0}.setup .eyebrow{color:#bdd0af}.setup h2{font-size:48px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.setup-grid>p{max-width:410px;font-size:14px;color:#d1ddce;margin-top:8px}.setup ol{list-style:none;padding:0;margin:0;counter-reset:setup}.setup li{counter-increment:setup;position:relative;padding:0 0 23px 40px}.setup li:before{content:'0' counter(setup);position:absolute;left:0;top:2px;font-size:10px;color:#baceaa}.setup li b{display:block;font-size:15px;font-weight:500}.setup li span{font-size:12px;color:#d1ddce}.contact-note{border-top:1px solid #527667;padding-top:22px;margin-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.contact-note strong{font-weight:500}.contact-note span{color:#d1ddce}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}details{border-bottom:1px solid var(--line);padding:17px 0}summary{font-size:15px;cursor:pointer}details p{font-size:13px;color:var(--muted);padding-right:20px}footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:21px}footer .brand small{font-size:6px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}@media(max-width:900px){header{padding:0 25px}nav{display:none}.wrap{padding-left:25px;padding-right:25px}.hero{gap:30px;padding-top:35px}h1{font-size:48px}.visual{padding:14px}.mock{padding:17px}.floating{right:-8px}.example-grid,.control,.setup-grid{gap:40px}.sector-strip .wrap{flex-wrap:wrap;justify-content:center}.section{padding-top:65px;padding-bottom:65px}}@media(max-width:650px){header{height:82px}.brand{font-size:22px}.login{padding:8px 12px}.hero{grid-template-columns:1fr;padding-bottom:55px;gap:30px}h1{font-size:52px}.intro{font-size:15px}.hero .visual{max-width:440px;width:100%;margin:12px auto 0}.floating{bottom:-7px;right:8px}.features,.example-grid,.control,.setup-grid,.faq{grid-template-columns:1fr}.features{gap:25px;margin-top:30px}.features h3 br{display:none}.features h3{margin-top:10px}.features p{max-width:none}.sector-strip .wrap{gap:16px 22px}.sector-strip span{max-width:none;width:100%;text-align:center}.sector-strip b{font-size:11px}h2{font-size:36px}.example-grid{gap:30px}.story{padding:28px}.control{gap:20px}.setup h2{font-size:40px}.setup-grid{gap:12px}.contact-note{flex-direction:column;gap:5px}.faq{gap:10px}footer{flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.management{background:#eef1e8}.management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:40px}.management-grid article{border-top:1px solid #b7c5b8;padding-top:22px}.management-grid .pill{font-size:8px}.management-grid h3{font-size:22px;font-weight:500;line-height:1.3;margin:20px 0 12px}.management-grid p{font-size:13px;color:var(--muted)}.pill.roadmap{background:#eee7d7;color:#866d42}@media(max-width:650px){.management-grid{grid-template-columns:1fr;gap:25px}}

/* Identidad aprobada el 28/10/2026: monograma HM con tres verticales. */
.brand .brand-lockup{display:block;width:286px;height:auto;border-radius:0}.brand{flex-shrink:0}header nav{gap:22px}footer .brand .brand-lockup{width:250px}.contact-note a{text-decoration:underline;text-underline-offset:4px}.contact-note a:hover{color:#fff}@media(max-width:650px){.brand .brand-lockup{width:230px}header{gap:12px}.login{padding:8px 10px}footer .brand .brand-lockup{width:250px}}@media(max-width:370px){.brand .brand-lockup{width:205px}header{padding-left:18px;padding-right:18px}}

.top-contact{background:#285c4c;color:#f7f6ef;text-align:center;padding:9px 20px;font-size:12px;letter-spacing:.2px}.top-contact a{display:inline-block}.top-contact strong{font-weight:600}.top-contact span{margin-left:10px;color:#b7cf9c}.top-contact a:hover{text-decoration:underline;text-underline-offset:3px}.fast-setup{display:flex;gap:14px;align-items:baseline;border-top:1px solid #527667;border-bottom:1px solid #527667;padding:17px 0;margin:25px 0 28px}.fast-setup strong{font-size:18px;font-weight:500}.fast-setup span{color:#d1ddce;font-size:14px}@media(max-width:650px){.top-contact{font-size:11px;padding:10px 14px}.fast-setup{flex-direction:column;gap:3px}}
