@charset "UTF-8";
:root{--ink:#182e3b;--muted:#5e6c73;--paper:#f8f9f6;--white:#fff;--line:#dce2df;--mint:#b8f4d8;--teal:#127b67;--dark:#122b38;--radius:20px;--wrap:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}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}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(46px,5.7vw,78px)}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:27px}p+p{margin-top:18px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:2px}::selection{background:var(--mint);color:var(--ink)}.wrap{width:min(var(--wrap),calc(100% - 96px));margin-inline:auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;margin-bottom:23px}.dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;flex-shrink:0}.dot.light{background:var(--mint)}.muted{color:var(--muted)}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:490px}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading p{max-width:360px;color:var(--muted)}.section-heading h2{max-width:650px}.section-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;font-weight:650}.icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}.arrow{width:22px;height:22px}.footer-col .icon,.footer-location .icon,.image-credit .icon{width:13px;height:13px;vertical-align:-2px;margin-left:3px}.plus-marker .icon{width:23px;height:23px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:51px;padding:13px 23px;border-radius:6px;border:1px solid var(--ink);font-size:13px;font-weight:600;transition:background .18s,transform .18s;color:var(--white);background:var(--ink)}.button:hover{background:#2e4755;transform:translateY(-2px)}.button.ghost{background:transparent;color:var(--ink);border-color:#c7d1cd}.button.ghost:hover{background:#eaf0eb}.button.mint{background:var(--mint);color:var(--ink);border-color:var(--mint)}.button.mint:hover{background:#d5fbe8}.button.white{background:#fff;color:var(--ink);border-color:#fff}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:600;border-bottom:1px solid;padding-bottom:5px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--mint);padding:12px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(248,249,246,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-row{height:88px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{width:188px;flex-shrink:0}.brand img{width:100%;height:auto}.nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:500}.nav a:not(.button){padding-block:8px}.nav a[aria-current=page]:not(.button){color:var(--teal);border-bottom:2px solid var(--teal)}.nav .button{min-height:42px;padding:9px 18px;gap:20px}.support-link{color:var(--muted)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:5px;background:transparent;padding:8px 12px;align-items:center;gap:10px;font-size:13px}.menu-toggle svg{width:20px;height:20px}.hero{padding:62px 0 68px}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:55px;align-items:center}.hero-copy{padding-block:20px}.hero h1{margin-bottom:27px}.hero h1 em{font-style:normal;color:var(--teal)}.hero .lead{font-size:17px}.hero-foot{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin-top:33px}.hero-foot:before{content:"";width:24px;height:1px;background:#8ea29b}.hero-art{height:510px;border-radius:var(--radius);background:var(--dark);overflow:hidden;position:relative}.hero-art>img{height:100%;width:100%;object-fit:cover;object-position:45% center;filter:brightness(.72)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,24,32,.1) 40%,rgba(10,24,32,.9))}.image-label{position:absolute;top:25px;left:25px;right:25px;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:#fff}.outline-tag{border:1px solid #ffffff59;padding:5px 10px;border-radius:4px;letter-spacing:.08em}.image-caption{position:absolute;bottom:28px;left:28px;right:28px;color:#fff;z-index:1}.image-caption p{font-size:27px;line-height:1.2;letter-spacing:-.035em;max-width:320px}.image-caption .caption-bottom{border-top:1px solid #ffffff40;margin-top:23px;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:#d2dfdf;letter-spacing:.06em}.plus-marker{position:absolute;right:26px;top:46%;width:45px;height:45px;display:grid;place-items:center;border:1px solid #ffffff65;border-radius:50%;color:var(--mint);z-index:1;font-size:23px}.proof-strip{border-block:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:27px}.proof-item{padding-left:30px;border-left:1px solid var(--line)}.proof-item:first-child{border:0;padding:0}.proof-item strong{display:block;font-weight:500;font-size:20px;letter-spacing:-.03em}.proof-item span{font-size:11px;color:var(--muted)}.solutions{background:#fff}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.solution-feature{position:relative;background:var(--dark);color:#fff;border-radius:var(--radius);padding:34px;overflow:hidden;min-height:520px;display:flex;flex-direction:column;align-items:start}.solution-feature .section-kicker{color:var(--mint)}.solution-feature h3{font-size:37px;max-width:350px}.solution-feature p{color:#bcccd1;max-width:370px;font-size:14px;margin-top:17px}.solution-feature .text-link{margin-top:auto;z-index:1}.product-visual{width:100%;height:235px;margin-top:10px;position:relative;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.05);opacity:.9;border-radius:10px}.product-visual:after{content:"HARDWARE + CLOUD";position:absolute;bottom:10px;right:0;font-size:9px;letter-spacing:.14em;color:var(--mint)}.solution-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.solution-row{display:grid;grid-template-columns:64px 1fr 28px;gap:22px;align-items:center;padding:28px 7px;border-bottom:1px solid var(--line);flex:1;transition:background .18s}.solution-row:hover{background:var(--paper)}.solution-row h3{font-size:24px;letter-spacing:-.03em}.solution-row p{font-size:13px;color:var(--muted);margin-top:7px;max-width:320px}.solution-logo{height:60px;width:60px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--paper)}.solution-logo img{width:45px;max-height:40px}.solution-logo.vuelta{background:#234849;border-color:#234849}.solution-logo.rainfall{font-size:28px;color:var(--teal)}.row-caption{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);display:block;margin-top:9px}.engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.engineering-image{background:#e9ece7;border-radius:var(--radius);padding:22px;overflow:hidden}.engineering-image img{aspect-ratio:1.1;object-fit:cover;width:100%;border-radius:10px}.image-credit{font-size:10px;margin-top:14px;color:var(--muted);display:flex;justify-content:space-between}.engineering-copy h2{margin-bottom:23px}.engineering-copy>p{font-size:15px;color:var(--muted)}.feature-lines{list-style:none;padding:0;margin:27px 0 0}.feature-lines li{border-top:1px solid var(--line);padding:15px 0;display:flex;gap:15px;font-size:14px}.feature-lines span{color:var(--teal);font-size:10px;padding-top:4px}.closing{padding-bottom:80px}.closing-panel{background:var(--mint);border-radius:var(--radius);padding:55px;display:flex;align-items:center;justify-content:space-between;gap:40px}.closing-panel h2{font-size:40px;max-width:640px}.closing-panel p{margin-top:13px;font-size:14px;max-width:560px;color:#3e6256}.closing-panel .button{flex-shrink:0}.site-footer{background:#edf0eb;padding:55px 0 22px}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:55px;padding-bottom:43px}.footer-brand img{width:170px;margin-bottom:20px}.footer-brand p{font-size:13px;color:var(--muted);max-width:260px}.footer-col h2{font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:19px;font-weight:650}.footer-col a{display:block;font-size:13px;color:var(--muted);margin:8px 0}.footer-col a:hover{color:var(--teal)}.footer-bottom{border-top:1px solid #d3dcd4;padding-top:19px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.prototype-label{display:inline-flex;gap:7px;align-items:center}.prototype-label:before{content:"";width:5px;height:5px;background:var(--teal);border-radius:50%}
/* IoT */
.iot-hero{background:var(--dark);color:#fff;position:relative;overflow:hidden;padding:60px 0 75px}.breadcrumbs{font-size:11px;color:var(--muted);display:flex;gap:12px;margin-bottom:42px}.iot-hero .breadcrumbs{color:#a6bbc4}.iot-hero .hero-grid{grid-template-columns:1fr 1fr;gap:70px}.iot-hero h1{font-size:clamp(44px,5vw,68px)}.iot-hero h1 em{color:var(--mint)}.iot-hero .lead{color:#b6c9d0;font-size:16px;margin-top:25px}.iot-hero .eyebrow{color:var(--mint)}.iot-hero .hero-foot{color:#b6c9d0}.dashboard-shell{padding:17px;background:#edf3f0;border-radius:16px;transform:rotate(-1deg);color:var(--ink);box-shadow:0 35px 80px #0003}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 4px 17px}.dashboard-top strong{font-size:13px;font-weight:650}.demo-badge{font-size:9px;padding:4px 7px;border:1px solid #c9d8d0;border-radius:4px;color:#586d63}.dashboard-main{background:#fff;border:1px solid #dde6e1;border-radius:10px;overflow:hidden}.dashboard-menu{padding:13px 18px;border-bottom:1px solid #e4ebe7;display:flex;align-items:center;gap:7px;font-size:10px;color:#62776e}.dashboard-menu span:last-child{margin-left:auto}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.dashboard-stats span{font-size:9px;color:var(--muted);display:block}.dashboard-stats strong{font-size:29px;font-weight:500;letter-spacing:-.05em}.dashboard-stats small{display:block;font-size:9px;color:var(--teal)}.chart{padding:0 20px 18px}.chart-label{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:10px}.chart svg{width:100%;height:110px;background:repeating-linear-gradient(to bottom,transparent,transparent 35px,#eaf0ec 36px)}.dashboard-table{padding:0 20px 15px}.machine-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid #e9efeb;font-size:10px}.machine-row span:last-child{color:var(--teal);text-align:right}.demo-caption{font-size:10px;text-align:center;color:#b6c9d0;margin-top:21px;transform:none}.iot-intro{max-width:750px}.iot-intro p{font-size:17px;margin-top:24px;color:var(--muted)}.use-cases{padding-top:0}.tabs{display:flex;border-bottom:1px solid var(--line);gap:35px;margin-bottom:40px}.tab{border:0;border-bottom:3px solid transparent;background:transparent;padding:15px 0;font-size:15px;color:var(--muted)}.tab[aria-selected=true]{color:var(--ink);border-color:var(--teal);font-weight:600}.tab-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.tab-panel[hidden]{display:none}.tab-visual{border-radius:var(--radius);overflow:hidden;background:#e8eeea}.tab-visual img{width:100%;height:360px;object-fit:cover}.tab-panel h3{font-size:35px;margin-bottom:20px}.tab-panel p{color:var(--muted);font-size:15px}.check-list{list-style:none;padding:0;margin:22px 0 30px}.check-list li{font-size:14px;display:flex;gap:12px;margin-block:12px}.check-list li:before{content:"";display:block;flex:0 0 11px;width:11px;height:6px;border-left:1.5px solid var(--teal);border-bottom:1.5px solid var(--teal);transform:rotate(-45deg);margin-top:7px}.payment-visual{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;background:#e4f0e8}.payment-symbol{width:98px;height:130px;background:var(--dark);color:var(--mint);border-radius:18px;display:grid;place-items:center;box-shadow:14px 17px 0 #bed9c9}.payment-symbol svg{width:48px;height:48px}.payment-visual p{font-size:11px;letter-spacing:.1em;color:var(--teal)}.steps-section{background:#eaf0eb}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step{border-top:1px solid #becdc4;padding-top:20px}.step-number{font-size:12px;color:var(--teal);display:block;margin-bottom:27px}.step h3{font-size:21px;letter-spacing:-.025em;margin-bottom:13px}.step p{font-size:13px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid h2{font-size:40px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"";flex:0 0 14px;width:14px;height:14px;margin-top:5px;background:linear-gradient(var(--teal),var(--teal)),linear-gradient(var(--teal),var(--teal));background-size:100% 1.5px,1.5px 100%;background-position:center;background-repeat:no-repeat}.faq-list details[open] summary:after{background-size:100% 1.5px,0 0}.faq-list details p{font-size:14px;color:var(--muted);padding-top:16px}
/* Contacto */
.contact-page{padding:40px 0 85px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.contact-copy h1{font-size:clamp(45px,5vw,66px);margin-bottom:24px}.contact-copy .lead{font-size:16px}.contact-methods{margin-top:45px}.contact-method{display:flex;gap:16px;padding:19px 0;border-top:1px solid var(--line)}.contact-method-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e9efe9;flex-shrink:0}.contact-method-icon svg{width:18px;height:18px;stroke:var(--teal)}.contact-method small{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);display:block;margin-bottom:4px}.contact-method a,.contact-method p{font-size:14px}.contact-method a:hover{color:var(--teal)}.support-note{margin-top:25px;padding:20px 23px;background:#eaf0eb;border-radius:10px}.support-note h2{font-size:17px;letter-spacing:-.02em;margin-bottom:8px}.support-note p{font-size:12px;color:var(--muted);margin-bottom:12px}.support-note .text-link{font-size:12px}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:35px 38px}.form-card h2{font-size:27px;margin-bottom:10px}.form-card>p{font-size:13px;color:var(--muted);margin-bottom:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:550}.field label span{font-weight:400;color:var(--muted)}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #ccd6d0;border-radius:5px;padding:11px 12px;background:#fcfdfa;color:var(--ink);font-size:13px;min-height:45px}.field textarea{resize:vertical;min-height:105px}.field input::placeholder,.field textarea::placeholder{color:#829189}.demo-notice{display:flex;gap:10px;background:#f0f5f0;border:1px solid #dce7dd;border-radius:6px;padding:12px 14px;font-size:11px;line-height:1.5;color:#4d665b;margin-top:23px}.demo-notice svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.submit-row{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.submit-row>span{font-size:10px;color:var(--muted)}.form-result{margin-top:22px;padding:18px;background:#e4f6eb;border:1px solid #b2dcc2;border-radius:8px;font-size:13px;color:#20593c}.form-result[hidden]{display:none}.form-result strong{display:block;margin-bottom:5px}.form-result button{border:0;border-bottom:1px solid;background:transparent;color:inherit;font-size:12px;margin-top:12px;padding:0}.contact-bottom{padding-top:70px;display:flex;gap:40px;justify-content:space-between;border-top:1px solid var(--line);margin-top:70px;align-items:center}.contact-bottom h2{font-size:30px}.contact-bottom p{font-size:14px;color:var(--muted);max-width:500px}
@media(min-width:1500px){:root{--wrap:1280px}.hero{padding-block:80px}.hero-art{height:560px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav{gap:18px}.brand{width:155px}.hero-grid{gap:35px}.hero-art{height:470px}.hero h1{font-size:61px}.engineering-grid{gap:45px}.contact-grid{gap:45px}.form-card{padding:29px}.iot-hero .hero-grid{gap:35px}.dashboard-stats{padding:15px}.faq-grid{gap:50px}.closing-panel{padding:40px}.closing-panel h2{font-size:34px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav-row{height:74px}.brand{width:160px}.menu-toggle{display:flex}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:22px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #182e3b0a;align-items:stretch;gap:10px}.nav.open{display:flex;flex-direction:column}.nav .button{margin-top:8px}.nav a[aria-current=page]:not(.button){border-bottom:0;font-weight:700}.hero{padding:35px 0 40px}.hero-grid,.iot-hero .hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(47px,9vw,66px)}.hero-copy{padding:10px 0 0}.hero-copy .lead{max-width:560px}.hero-art{height:440px}.hero-foot{margin-top:25px}.proof-grid{grid-template-columns:1fr 1fr;gap:22px 0}.proof-item{padding-left:20px}.proof-item:nth-child(3){padding:0;border:0}.proof-item strong{font-size:19px}.section{padding-block:65px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading p{max-width:540px}.solution-grid{grid-template-columns:1fr}.solution-feature{min-height:470px}.solution-row{padding:25px 5px}.engineering-grid{grid-template-columns:1fr;gap:35px}.engineering-image img{aspect-ratio:1.5}.closing{padding-bottom:55px}.closing-panel{padding:32px;align-items:start;flex-direction:column;gap:25px}.closing-panel h2{font-size:34px}.footer-top{gap:30px;grid-template-columns:1.5fr 1fr 1fr}.footer-brand img{width:140px}.iot-hero{padding:30px 0 50px}.iot-hero .breadcrumbs{margin-bottom:30px}.iot-hero h1{font-size:53px}.dashboard-shell{transform:none;max-width:560px;margin-inline:auto}.dashboard-wrap{width:100%}.use-cases{padding-top:0}.tab-panel{grid-template-columns:1fr;gap:30px}.tab-visual img{height:330px}.steps-grid{grid-template-columns:1fr 1fr;gap:35px}.faq-grid{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy h1{max-width:580px}.contact-methods{margin-top:30px}.contact-bottom{padding-top:40px;margin-top:45px;flex-direction:column;gap:20px;align-items:start}.contact-page{padding-bottom:55px}.contact-copy .lead{max-width:540px}}
@media(max-width:480px){.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:20px}.hero h1{font-size:49px}.hero .lead{font-size:16px}.hero-art{height:370px}.actions{gap:11px}.actions .button{font-size:12px;padding:12px 17px;gap:15px}.hero-foot{font-size:10px}.image-caption p{font-size:24px}.image-label{left:20px;right:20px;font-size:9px}.image-caption{left:22px;right:22px}.proof-item strong{font-size:17px}.proof-item span{font-size:10px}.proof-grid{padding-block:22px}.solution-feature{padding:27px;min-height:460px}.solution-feature h3{font-size:34px}.solution-row{gap:15px;grid-template-columns:50px 1fr 20px}.solution-logo{width:48px;height:48px;border-radius:10px}.solution-logo img{width:35px;max-height:30px}.solution-row h3{font-size:23px}.solution-row p{font-size:12px}.engineering-image{padding:14px}.image-credit{font-size:9px}.closing-panel{padding:27px}.closing-panel h2{font-size:31px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 25px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:310px}.footer-bottom{gap:14px;flex-direction:column}.iot-hero h1{font-size:48px}.dashboard-shell{padding:11px}.dashboard-top{gap:10px}.dashboard-top strong{font-size:11px}.demo-badge{font-size:8px}.dashboard-stats{gap:7px;padding:14px}.dashboard-stats strong{font-size:25px}.chart{padding-inline:14px}.dashboard-table{padding-inline:14px}.tabs{gap:20px}.tab{font-size:12px}.tab-panel h3{font-size:31px}.tab-visual img{height:270px}.steps-grid{gap:30px 20px}.step h3{font-size:20px}.contact-copy h1{font-size:48px}.form-card{padding:26px 21px}.form-grid{grid-template-columns:1fr;gap:16px}.field.full{grid-column:auto}.submit-row{align-items:start;flex-direction:column;gap:12px}.submit-row .button{width:100%}.contact-page .breadcrumbs{margin-bottom:30px}.contact-copy .eyebrow{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Ecosistema de marca y arquitectura tecnológica */
.footer-location{display:inline-block;font-size:11px;color:var(--teal);margin-top:18px}.engineering-link{margin-top:23px}.ecosystem{background:#fff}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brand-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.brand-art{height:255px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.vuelta-card .brand-art{background:#1d4747;color:#dbf1e0}.business-logo{position:relative;z-index:2;object-fit:contain}.vuelta-logo{height:105px;width:130px}.vuelta-orbit{position:absolute;width:330px;height:330px;border:1px solid #b8f4d833;border-radius:50%;transform:rotate(-25deg) scaleX(1.5)}.orbit-two{width:460px;height:460px}.orbit-three{width:610px;height:610px}.brand-art-label{position:absolute;bottom:20px;left:25px;font-size:9px;letter-spacing:.12em;z-index:2}.brand-art-number{position:absolute;right:25px;top:20px;font-size:10px;letter-spacing:.08em}.intro-card .brand-art{background:#dbe7e0;color:#3a4d5d}.intro-logo{width:125px;height:110px}.intro-line{width:190px;height:290px;border:1px solid #8aa79b;position:absolute;transform:rotate(27deg);border-radius:95px 95px 0 0}.intro-line-one{left:45px;top:47px}.intro-line-two{right:25px;top:-70px;width:250px;height:380px}.brand-copy{padding:31px 34px 35px}.brand-copy h3{font-size:35px;margin-bottom:18px}.brand-copy>p:not(.section-kicker){font-size:14px;color:var(--muted);max-width:430px}.brand-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 28px}.brand-tags span{font-size:10px;border:1px solid #d3ded5;padding:5px 10px;border-radius:4px;color:#4a6558}.architecture{background:#f2f6f1;border:1px solid #fff3;border-radius:18px;padding:24px;color:var(--ink);box-shadow:0 28px 70px #0002;position:relative;transform:none}.architecture-head{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.09em;color:var(--muted);align-items:center;margin-bottom:27px}.arch-status{display:inline-flex;align-items:center;gap:5px;letter-spacing:0}.arch-status i{height:5px;width:5px;border-radius:50%;background:var(--teal)}.arch-core{width:75%;margin:auto;border:1px solid #bbd6c7;border-radius:9px;background:#dff3e6;padding:23px 20px;text-align:center}.arch-core img{margin:0 auto 15px;width:145px}.arch-core>span{font-size:8px;letter-spacing:.14em;color:#4d6c5b}.arch-stem{height:26px;width:1px;background:#aec9ba;margin:auto}.arch-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbdcd0;border-radius:8px;background:#fff;gap:1px;overflow:hidden}.arch-grid>div{padding:18px 10px;text-align:center;background:#fff;position:relative}.arch-grid>div:nth-child(odd){border-right:1px solid #e0eae2}.arch-grid>div:nth-child(-n+2){border-bottom:1px solid #e0eae2}.arch-icon{display:block;color:var(--teal);margin-bottom:10px;line-height:0}.arch-icon .icon{width:24px;height:24px}.arch-grid strong{display:block;font-size:12px;font-weight:550}.arch-grid small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.arch-businesses{display:grid;grid-template-columns:1fr 1fr;gap:12px}.arch-businesses>span{background:#1d4747;color:#e1f6e7;border-radius:6px;text-align:center;padding:12px;font-size:17px;letter-spacing:-.03em}.arch-businesses>span:last-child{background:#dae7de;color:var(--ink);letter-spacing:.12em;font-size:14px}.arch-caption{text-align:center;font-size:9px;color:var(--muted);margin-top:17px}.code-visual{padding:26px;min-height:360px}.code-title{font-size:10px;letter-spacing:.12em;display:flex;gap:10px;align-items:center;margin-bottom:20px}.code-layer{padding:20px 16px;border-top:1px solid #c9d9cd;display:grid;grid-template-columns:24px 1fr;gap:2px 12px}.code-layer>span{grid-row:span 2;font-size:10px;color:var(--teal);padding-top:4px}.code-layer strong{font-size:16px;font-weight:500}.code-layer small{font-size:11px;color:var(--muted)}.intelligence-visual{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;background:#dceee4;overflow:hidden}.intelligence-rings{height:180px;width:180px;border:1px solid #84b49b;border-radius:50%;position:relative;display:grid;place-items:center}.intelligence-rings:before,.intelligence-rings:after{content:"";position:absolute;border-radius:50%;border:1px solid #84b49b}.intelligence-rings:before{width:180px;height:180px;transform:scaleX(.5) rotate(35deg)}.intelligence-rings:after{width:180px;height:180px;transform:scaleX(.5) rotate(-35deg)}.intelligence-rings span{font-size:27px;z-index:1;color:#154d39;letter-spacing:.03em}.intelligence-visual>p{font-size:10px;letter-spacing:.14em;color:#315f49}.inline-link{text-decoration:underline;text-underline-offset:3px}.noscript-note{font-size:12px;margin-top:15px;color:#8e4824}.button:disabled{cursor:default;background:#466559;border-color:#466559;transform:none}
@media(max-width:1050px){.architecture{padding:19px}.architecture-head{font-size:7px}.arch-grid>div{padding:16px 8px}.arch-grid small{font-size:8px}.arch-core{padding:18px}.brand-copy{padding:28px}}
@media(max-width:800px){.architecture{transform:none;max-width:560px;width:100%;margin:auto}.architecture-head{font-size:9px}.arch-grid small{font-size:10px}.arch-grid>div{padding:20px 12px}.brand-grid{gap:20px}.brand-copy{padding:25px}.brand-copy h3{font-size:29px}.brand-art{height:220px}.brand-art-label{font-size:7px;left:20px}.brand-tags span{font-size:9px}.hero-foot{max-width:480px}}
@media(max-width:580px){.brand-grid{grid-template-columns:1fr}.brand-copy{padding:28px}.brand-copy h3{font-size:34px}.brand-art{height:235px}.brand-art-label{font-size:8px}.brand-tags span{font-size:10px}.architecture{padding:20px}.arch-grid small{font-size:9px}.architecture-head{font-size:7px}.arch-status{font-size:8px}.arch-caption{font-size:8px}.tabs{gap:0;justify-content:space-between;align-items:stretch}.tab{text-align:left;width:31%;line-height:1.4;font-size:12px;padding:13px 4px 13px 0}.tab:first-child{width:36%}.tab:last-child{width:25%}}

/* Iconos de las cuatro capacidades de la portada */
.proof-icon {
  width: 32px;
  height: 32px;
  color: var(--teal);
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .proof-icon { width: 28px; height: 28px; margin-bottom: 12px; }
}

/* Estados del formulario conectado */
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-result.is-error { background: #fff3eb; border-color: #e8c5af; color: #78472b; }

/* Símbolos de las etapas de ingeniería */
.step-icon {
  display: block;
  width: 32px;
  height: 32px;
  color: var(--teal);
  margin-bottom: 18px;
}
@media (max-width: 480px) {
  .step-icon { width: 28px; height: 28px; margin-bottom: 16px; }
}

/* Reconocimientos de YX */
.recognition-strip { margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--line); display: grid; grid-template-columns: .9fr 2.1fr; gap: 48px; align-items: start; }
.recognition-strip h3 { font-size: 24px; line-height: 1.2; }
.recognition-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.recognition-list li { display: flex; align-items: start; gap: 16px; }
.recognition-list svg { color: var(--teal); flex: 0 0 32px; }
.recognition-list strong { display: block; font-size: 20px; font-weight: 500; letter-spacing: -.025em; line-height: 1.3; }
.recognition-list span { display: block; font-size: 12px; color: var(--muted); margin-top: 8px; }
@media (max-width: 800px) { .recognition-strip { grid-template-columns: 1fr; gap: 28px; margin-top: 40px; } }
@media (max-width: 580px) { .recognition-list { grid-template-columns: 1fr; gap: 26px; } }

/* Flechas vectoriales entre los conceptos de inteligencia */
.intelligence-visual>p { display: flex; align-items: center; gap: 8px; }
.intelligence-visual>p .icon { width: 14px; height: 14px; }

/* Ajustes de composición y uso táctil en móviles */
@media (max-width: 800px) {
  html { scroll-padding-top: 90px; }
  .nav-row { gap: 16px; }
  .menu-toggle { min-height: 44px; flex-shrink: 0; color: var(--ink); }
  .nav { padding: 16px 20px 20px; gap: 4px; max-height: calc(100vh - 74px); max-height: calc(100dvh - 74px); overflow-y: auto; overscroll-behavior: contain; }
  .nav a { min-height: 44px; }
  .nav a:not(.button) { display: flex; align-items: center; }
  .nav .button { justify-content: space-between; }
  .engineering-image img { height: auto; }
  .image-credit { flex-wrap: wrap; gap: 8px 16px; }
  .hero-foot:before { flex-shrink: 0; }
  .field { min-width: 0; }
  .field input, .field select, .field textarea { font-size: 16px; line-height: 1.5; min-height: 48px; }
  .field textarea { min-height: 144px; }
  .footer-top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-col h2 { min-height: 2.4em; line-height: 1.2; margin-bottom: 8px; }
  .footer-col a { display: flex; align-items: center; gap: 5px; min-height: 44px; margin: 0; line-height: 1.4; }
  .footer-col .icon { margin-left: 0; }
}
@media (max-width: 480px) {
  .actions { flex-direction: column; align-items: stretch; }
  .actions .button, .closing-panel .button { width: 100%; justify-content: space-between; text-align: left; gap: 12px; padding-inline: 16px; }
  .proof-item strong { min-height: 2.4em; line-height: 1.2; }
  .image-label { align-items: flex-start; gap: 12px; }
  .outline-tag { flex-shrink: 0; white-space: nowrap; }
  .caption-bottom { gap: 12px; }
  .caption-bottom span:last-child { flex-shrink: 0; text-align: right; }
  .arch-core { width: 90%; }
  .architecture-head { font-size: 8px; gap: 8px; }
  .arch-caption { font-size: 9px; }
  .form-card { padding: 26px 20px; }
  .field label { font-size: 13px; }
  .demo-notice { font-size: 12px; }
}
@media (max-width: 380px) {
  .steps-grid { grid-template-columns: 1fr; gap: 28px; }
  .step { display: grid; grid-template-columns: 28px 1fr; column-gap: 12px; row-gap: 12px; }
  .step-icon { margin-bottom: 0; }
  .step-number { margin-bottom: 0; align-self: center; }
  .step h3, .step p { grid-column: 1 / -1; }
  .step h3 { margin-bottom: 0; }
}
@media (hover: none) { .button:hover { transform: none; } }
