.hero{isolation:isolate;background:#061729}.hero:before,.hero:after{display:none}.hero-visual,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-visual{z-index:-3;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 58%;animation:hero-camera 18s ease-out both}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(3,17,32,.94) 0%,rgba(4,20,37,.78) 33%,rgba(4,20,37,.22) 68%,rgba(4,20,37,.03)),linear-gradient(0deg,rgba(3,17,32,.85),transparent 35%)}.hero-grid{min-height:660px;padding:100px 0 142px;position:relative;display:flex;align-items:center}.hero-copy{max-width:690px}.hero .eyebrow{font-size:.72rem;letter-spacing:.16em;color:#a6e6fa}.hero h1{font-size:clamp(3.2rem,5.25vw,4.9rem);font-weight:800;line-height:1.06;letter-spacing:-.04em;margin:22px 0 0;text-wrap:initial}.hero h1 span{color:#78dcf2!important}.hero-copy .intro{max-width:440px;font-size:1.05rem;line-height:1.7;margin-top:24px;color:#d5e3ee}.hero-actions{margin-top:30px}.hero-actions .btn{min-height:54px;border-radius:10px}.hero-actions .btn-primary{background:#0879c8;box-shadow:0 8px 32px #008ad232}.hero-actions .btn-outline{background:#ffffff0c;border-color:#ffffff50;color:#fff;backdrop-filter:blur(8px)}.hero-scroll{position:absolute;bottom:66px;left:0;display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;color:#d5e6f1}.scroll-line{width:48px;height:1px;background:#8fddf3;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;inset:0;background:white;transform:translateX(-100%);animation:scan 2.8s ease-in-out infinite}.hero-stamp{position:absolute;right:0;bottom:66px;font-size:.72rem;color:#d8e6ee;line-height:1.6}.hero-stamp strong{display:block;padding-left:17px;font-size:.78rem;color:#fff;font-weight:600}.status-dot{display:inline-block;width:6px;height:6px;background:#79dff0;border-radius:50%;margin-right:8px;box-shadow:0 0 16px #78dcf2}.metrics-wrap{margin-top:-30px}.metric{position:relative;padding-top:24px}.metric-icon{color:#1377b8;display:block;margin-bottom:14px}.ui-icon{width:24px;height:24px;flex:none}.service-icon{color:var(--blue);width:42px;height:42px;padding:8px;background:#edf7fd;border-radius:12px;margin-bottom:16px}.feature-icon{color:var(--blue);margin-bottom:12px}.faq-item h3{display:flex;gap:10px;align-items:flex-start}.faq-item h3 .ui-icon{width:19px;height:19px;color:#0879c8}.footer-links a{display:flex;gap:10px;align-items:center}.footer-links .ui-icon{width:17px;height:17px;color:#7acfe8}
.menu-toggle{width:48px;height:48px;flex:0 0 48px;background:#0a2948;color:#fff;border:1px solid #174267;border-radius:13px;cursor:pointer;position:relative;box-shadow:0 5px 16px #071b3217;z-index:1101;transition:background .3s,box-shadow .3s}.menu-toggle:hover{background:#1167a7;box-shadow:0 6px 20px #126aab35}.menu-bars{width:23px;height:18px;position:relative;display:block}.menu-bars>span{position:absolute;left:0;width:23px;height:2px;background:#fff;border-radius:2px;transform-origin:center;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .2s,top .35s,width .35s}.menu-bars>span:nth-child(1){top:0}.menu-bars>span:nth-child(2){top:8px}.menu-bars>span:nth-child(3){top:16px}.menu-toggle[aria-expanded=true] .menu-bars>span:nth-child(1){top:8px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-bars>span:nth-child(2){opacity:0;transform:translateX(8px);width:0}.menu-toggle[aria-expanded=true] .menu-bars>span:nth-child(3){top:8px;transform:rotate(-45deg)}
#proceso{background:#071d33;color:#e4edf5;position:relative;overflow:hidden}#proceso .eyebrow{color:#7edcf3}#proceso h2{color:#fff}#proceso .section-text{color:#a6bbcf}#proceso .process-grid{gap:16px;position:relative;padding-top:22px}#proceso .step{position:relative;border:1px solid #28455f;background:#0d2a45;box-shadow:none;min-width:0;padding:25px 22px 28px;border-radius:18px}#proceso .step:before{content:'';position:absolute;top:-23px;left:0;height:2px;width:calc(100% + 16px);background:#2c4d68}#proceso .step:last-child:before{width:100%}#proceso .step:after{content:'';position:absolute;top:-23px;left:0;height:2px;width:calc(100% + 16px);background:#6ed6f1;transform:scaleX(0);transform-origin:left;transition:transform .65s ease .15s}#proceso .step:last-child:after{width:100%}#proceso .step.is-visible:after{transform:scaleX(1)}#proceso .step h3{color:#fff;font-size:1.15rem;margin-top:22px}#proceso .step p{color:#b4c6d6;font-size:.88rem}#proceso .step-no{background:transparent;box-shadow:none;width:auto;height:auto;display:block;color:#688fac;font-size:.72rem;letter-spacing:.12em;margin-bottom:20px}#proceso .process-icon{width:38px;height:38px;color:#83e0f6}#proceso .step:hover{border-color:#72d4ef;transform:translateY(-6px);background:#123653}#proceso .step.process-pending{opacity:0;transform:translateY(40px) scale(.97)}#proceso .step.is-visible{animation:step-entrance .8s cubic-bezier(.16,1,.3,1) both}#proceso .step.is-visible .process-icon{animation:icon-entrance .9s ease both}#proceso .step:focus-within{border-color:#72d4ef}
@keyframes hero-camera{from{transform:scale(1.07)}to{transform:scale(1)}}@keyframes scan{to{transform:translateX(150%)}}@keyframes step-entrance{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}@keyframes icon-entrance{from{opacity:0;transform:translateY(8px) rotate(-12deg)}to{opacity:1;transform:none}}
@media(max-width:1120px){.hero-grid{min-height:620px;padding:80px 0 130px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(3.1rem,6.2vw,4.4rem)}.hero-stamp{right:0}.nav-links{display:flex!important;visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .25s,transform .3s,visibility .3s}.nav-links.open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.nav-links a{font-size:1rem;padding:14px 12px}#proceso .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}#proceso .step:last-child{grid-column:1/-1}#proceso .step:before,#proceso .step:after{top:-12px;width:100%}}
@media(max-width:760px){.hero-grid{display:block;min-height:710px;padding:56px 0 142px}.hero-copy{max-width:500px}.hero h1{font-size:clamp(2.6rem,9.5vw,3.6rem);line-height:1.09;margin-top:18px}.hero .eyebrow{font-size:.61rem;letter-spacing:.1em}.hero-copy .intro{max-width:345px;font-size:.96rem;margin-top:20px;line-height:1.65}.hero-actions{gap:10px;margin-top:24px;flex-direction:row}.hero-actions .btn{flex:none;font-size:.81rem;padding:0 16px;min-height:50px;width:auto}.hero-visual img{object-position:68% center}.hero-shade{background:linear-gradient(180deg,#04182ee8 0%,#04182ec4 36%,#04182e30 65%,#04182ed9 100%),linear-gradient(90deg,#04182e66,transparent)}.hero-stamp{bottom:63px;left:0;right:auto;font-size:.69rem}.hero-scroll{display:none}.metrics-wrap{margin-top:-24px}.metric{padding:18px 14px}.metric-icon{width:22px;height:22px;margin-bottom:12px}.service-icon{width:40px;height:40px}.nav-links{left:18px;right:18px;top:78px}#proceso .process-grid{grid-template-columns:1fr;gap:18px;padding:0 0 0 21px}#proceso .step:last-child{grid-column:auto}#proceso .step{padding:24px;display:grid;grid-template-columns:40px 1fr;column-gap:18px}#proceso .step-no{position:absolute;right:20px;top:20px;margin:0}#proceso .process-icon{grid-column:1;grid-row:1 / 3;margin-top:5px;width:32px;height:32px}#proceso .step h3{grid-column:2;margin:0 26px 0 0;font-size:1.1rem}#proceso .step p{grid-column:2;margin-top:10px}#proceso .step:before,#proceso .step:after{top:0;left:-21px;width:2px;height:calc(100% + 18px);transform-origin:top}#proceso .step:last-child:before,#proceso .step:last-child:after{width:2px;height:100%}#proceso .step:after{transform:scaleY(0)}#proceso .step.is-visible:after{transform:scaleY(1)}}
@media(max-width:380px){.hero-grid{min-height:730px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:auto;min-width:190px}}
@media(prefers-reduced-motion:reduce){.hero-visual img{transform:none}#proceso .step.process-pending{opacity:1;transform:none}#proceso .step:after{transform:none}.nav-links{transition:none}}
@media(max-width:760px){.hero h1{font-size:clamp(2rem,8.6vw,3.3rem);letter-spacing:-.045em}.hero-copy .intro{max-width:325px}.hero-grid{min-height:660px}}
@media(max-width:380px){.hero-grid{min-height:700px}}

.hero-slider{position:absolute;inset:0;}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;}
.hero-slide.active{opacity:1;}