@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#142e26;--muted:#63716a;--green:#00793a;--blue:#0079bf;--lime:#c3ee8c;--paper:#f7f9f5;--line:#dae1d8;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #429a60;outline-offset:5px}img{display:block;max-width:100%}.header{height:96px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:40px}.brand{font-family:'Manrope',Arial,sans-serif;font-size:31px;letter-spacing:-1.8px;font-weight:800;display:flex;align-items:center;line-height:1}.brand-symbol{font-size:28px;display:grid;place-items:center;background:var(--green);color:var(--lime);width:34px;height:36px;border-radius:2px 12px 2px 12px;margin-right:9px;letter-spacing:0}.brand-dot{color:var(--green)}nav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:550}nav a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:7px;font-size:14px;font-weight:650;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.dark:hover{background:var(--green)}.small{padding:11px 19px}.light{background:var(--lime);color:var(--ink)}.outline{border-color:var(--line)}.menu{display:none}.hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:660px;padding:16px 5% 48px;gap:42px}.hero-copy{padding:32px 0 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(42px,4.65vw,68px);line-height:1.12;letter-spacing:-3px;font-weight:650;margin-bottom:24px}h1 em{font-style:normal;color:var(--green)}.intro{font-size:18px;line-height:1.7;max-width:455px;color:var(--muted);margin-bottom:30px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid var(--ink);padding:6px 0}.text-link span{margin-left:8px}.hero-foot{display:flex;gap:18px;margin-top:auto;padding-top:38px;font-size:12px;color:var(--muted)}.hero-foot span+span{border-left:1px solid var(--line);padding-left:18px}.hero-visual{position:relative;overflow:hidden;border-radius:12px;background:#163a30;min-height:540px}.hero-visual img{height:100%;width:100%;object-fit:cover}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,30,23,.93),transparent 65%)}.visual-label{position:absolute;bottom:35px;left:34px;color:white;z-index:1}.visual-label>span{font-size:11px;letter-spacing:1.7px}.visual-label strong{font-family:'Manrope',sans-serif;display:block;font-size:30px;line-height:1.25;margin:14px 0 22px;font-weight:500;letter-spacing:-1px}.visual-label .visual-caption{font-size:11px;letter-spacing:0;color:#bec9c1}.statement{max-width:1296px;margin:0 auto;padding:37px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:90px}.statement>span{font-size:11px;letter-spacing:1.7px;line-height:1.8;color:var(--muted)}.statement p{font-size:25px;line-height:1.35;margin:0;letter-spacing:-.5px}.statement p strong{font-weight:500;color:var(--green)}.statement>a{margin-left:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:22px}section[id]{scroll-margin-top:28px}footer{display:flex;align-items:center;justify-content:space-between;padding:38px 5%;border-top:1px solid var(--line);gap:20px}footer p,footer>span{margin:0;font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:100;background:white;padding:14px}
@media(min-width:1441px){.statement{max-width:1296px}}@media(max-width:1439px){.statement{margin:0 5%}}@media(max-width:1000px){.header{gap:20px}nav{gap:18px}.hero{gap:25px;min-height:600px}h1{letter-spacing:-2px}.hero-visual{min-height:500px}.hero-foot{flex-direction:column;gap:0}.hero-foot span+span{border:0;padding:0}.actions{gap:16px}.statement{gap:50px}}@media(max-width:760px){.header{height:78px;position:relative}.brand{font-size:27px}.header-cta{display:none}.menu{display:flex;align-items:center;gap:12px;margin-left:auto;border:0;background:transparent;color:var(--ink);font-size:14px}.menu span{font-size:21px}nav{display:none;position:absolute;top:77px;left:0;right:0;margin:0;background:var(--paper);padding:24px 5%;z-index:5;box-shadow:0 12px 12px #142e2610}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:0;gap:32px}.hero-copy{padding-top:25px}.eyebrow{font-size:11px;margin-bottom:20px}h1{font-size:clamp(40px,9.5vw,62px);letter-spacing:-2px}.intro{font-size:16px}.hero-foot{flex-direction:row;flex-wrap:wrap;gap:12px;padding-top:27px}.hero-visual{height:470px;min-height:0}.statement{gap:25px;align-items:flex-start}.statement>span{display:none}.statement p{font-size:23px}.statement>a{flex-shrink:0}footer{flex-direction:column;align-items:flex-start;padding-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Identidad oficial Tecology: verde y azul tomados del logo suministrado. */
.brand{flex-shrink:0}.brand-logo{width:190px;height:auto;max-width:100%;object-fit:contain}footer .brand-logo{width:175px}.button.dark{background:var(--blue)}.button.dark:hover{background:#00659e}.button.light{background:var(--blue);color:#fff}.button.light:hover{background:#00659e}.text-link:hover{color:var(--blue)}.tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.case-grid article>span,.steps span{color:var(--blue)}.icon{color:var(--blue)}.featured .plan-label,.infrastructure .eyebrow,.contact .eyebrow,.number{color:#88ccef}.brand-dot,.brand-symbol{display:none}@media(max-width:1000px){.brand-logo{width:165px}.header{gap:20px}nav{gap:16px}}@media(max-width:760px){.brand-logo{width:165px}footer .brand-logo{width:175px}}