:root{--ink:#160d2a;--navy:#130b26;--violet:#6d09c6;--orange:#ff671f;--text:#201b2f;--muted:#5f596c;--max:1300px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:83px}body{margin:0;font-family:Arial,'Helvetica Neue',sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}.container{width:min(calc(100% - 88px),var(--max));margin:auto}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar{background:#120a26;color:#f4ecfc;height:35px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px}.topbar-contact{display:flex;gap:28px;align-items:center}.topbar-contact a:hover{color:#ff8d52}.topbar-social{font-size:9px;letter-spacing:.12em;color:#c4b4da}.header{position:sticky;top:0;z-index:50;background:#fff;height:80px;border-bottom:1px solid #eee9f0;transition:box-shadow .2s}.header.scrolled{box-shadow:0 7px 28px #1a0d2c17}.header-inner{display:flex;align-items:center;height:100%;gap:32px}.logo{width:174px;flex:none}.logo img{width:100%;height:65px;object-fit:contain}.desktop-nav{display:flex;gap:27px;margin:auto;align-items:center}.desktop-nav a{font-size:12px;font-weight:700;white-space:nowrap;color:#282039}.desktop-nav a:hover,.desktop-nav a.active{color:#ff671f}.header-actions{display:flex;align-items:center;gap:18px}.language{border:0;background:transparent;color:#302343;font-size:11px;font-weight:700;white-space:nowrap}.header-cta{background:linear-gradient(90deg,#ff641d,#ff812a);color:white;border-radius:50px;padding:15px 21px;font-size:12px;font-weight:700;display:flex;gap:13px;white-space:nowrap;align-items:center;box-shadow:0 5px 15px #ff681f24}.header-cta:hover{filter:brightness(.95)}.menu-button{display:none;border:0;background:none;padding:9px}.menu-button span{display:block;width:24px;height:2px;margin:5px;background:#1e1130}.mobile-menu[hidden]{display:none!important}.mobile-menu{position:absolute;top:80px;left:0;right:0;background:#fff;padding:15px 7%;box-shadow:0 15px 30px #130b2633}.mobile-menu a{display:block;padding:14px 0;border-bottom:1px solid #eee;font-weight:700}.hero{height:560px;position:relative;background:#140d27;color:white;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s;isolation:isolate}.hero-slide.is-active{opacity:1;visibility:visible;z-index:2}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:brightness(.75) saturate(1.13)}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#140a29ed 0%,#160b2ab8 33%,#120c23a1 60%,#140a2bd9 100%)}.hero-inner{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;padding-bottom:30px}.hero-copy{max-width:650px;position:relative;z-index:3;padding-right:25px}.hero-kicker{display:block;color:#ff832c;font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:15px}.hero h1,.hero h2{font-size:clamp(3.3rem,5.3vw,6rem);font-weight:900;line-height:1.02;letter-spacing:-.055em;margin:0 0 23px}.hero h1 em,.hero h2 em{color:#ff681f;font-style:normal}.hero-copy p{max-width:430px;font-size:15px;line-height:1.5;color:#f2edf6;margin-bottom:23px}.hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.btn{min-height:46px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:30px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(95deg,#ff631d,#ff8427);box-shadow:0 7px 20px #ff641f25}.hero-secondary{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.play-icon{display:grid;place-items:center;border:1px solid #fff;border-radius:50%;width:38px;height:38px;font-size:19px}.hero-float-list{display:flex;flex-direction:column;gap:13px;width:255px;flex:none;position:relative;z-index:3;margin-right:0}.hero-float{display:flex;align-items:center;gap:13px;background:#fffffff2;color:#1e1531;padding:13px;border-radius:12px;box-shadow:0 10px 26px #0003;min-height:67px;transition:transform .25s}.hero-float:nth-child(even){transform:translateX(15px)}.hero-float:hover{transform:translateY(-3px)}.float-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:white;font-size:22px;flex:none}.float-icon.purple{background:#7515c9}.float-icon.orange{background:#ff7029}.hero-float b,.hero-float small{display:block}.hero-float b{font-size:12px;margin-bottom:5px}.hero-float small{font-size:10px;color:#5f5869;line-height:1.3}.hero-trust{position:absolute;bottom:42px;right:0;display:flex;gap:21px;padding:14px 20px;border:1px solid #a842ed80;border-radius:11px;background:#1c0d32c9;backdrop-filter:blur(8px);font-size:10px;font-weight:700}.hero-trust>span{white-space:nowrap}.hero-trust>span:first-letter{color:#ff702a}.hero-side-arrow{position:absolute;top:50%;z-index:6;transform:translateY(-50%);border:0;background:#ffffff12;color:white;font-size:35px;width:40px;height:55px}.hero-side-prev{left:5px}.hero-side-next{right:5px}.hero-pagination{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:6}.hero-index{font-size:10px;color:#ffffffb0;margin-right:5px}.slider-dot{border:0;width:9px;height:9px;padding:0;border-radius:50%;background:#f3e8ff;opacity:.8}.slider-dot.is-active{background:#ff782d;opacity:1;width:12px;height:12px}.slider-pause{border:0;background:transparent;color:#fff;font-size:12px}.section-tag{font-size:11px;font-weight:800;color:#ff681f;letter-spacing:.09em;display:block;margin-bottom:12px}.services{padding:34px 0 40px;background:#fff}.services-layout{display:grid;grid-template-columns:305px 1fr;gap:28px;align-items:center}.services-intro h2{font-size:clamp(1.65rem,2.4vw,2.4rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 15px;color:#1c102e}.services-intro p{font-size:13px;line-height:1.5;color:#625b70;margin-bottom:15px}.text-link{font-size:12px;font-weight:800;text-decoration:underline;color:#5d08b0}.services-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-photo-card{background:#fff;overflow:hidden;border-radius:12px;box-shadow:0 7px 24px #21182d16;transition:transform .2s}.service-photo-card:hover{transform:translateY(-5px)}.service-photo-card>img{width:100%;height:135px;object-fit:cover}.photo-card-copy{position:relative;padding:18px 13px 13px;min-height:117px}.photo-icon{position:absolute;top:-24px;left:12px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:4px solid white;color:white;font-size:20px}.photo-icon.orange{background:#ff691f}.photo-icon.purple{background:#720fc9}.photo-card-copy h3{font-size:12px;margin:8px 0 5px}.photo-card-copy p{font-size:10px;color:#5d5866;line-height:1.4;margin:0;max-width:160px}.photo-arrow{position:absolute;right:12px;bottom:12px;color:#ff671f;font-size:17px}.about-band{position:relative;background:#160b2a;color:white;overflow:hidden;min-height:300px}.about-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 77% 55%,#873dc154,#1b0e3000 40%),linear-gradient(90deg,#160a29,#21123c 70%,#10091e)}.about-band-inner{position:relative;display:grid;grid-template-columns:1.1fr .72fr .85fr;gap:36px;align-items:center;min-height:300px}.about-copy h2{font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:1.13;margin-bottom:15px;letter-spacing:-.035em}.about-copy h2 em{font-style:normal;color:#ff681f}.about-copy p{font-size:12px;line-height:1.5;color:#e5dbea;max-width:450px;margin-bottom:14px}.outline-link{display:inline-flex;gap:10px;align-items:center;color:#ff7a2c;border:1px solid #ff762a;border-radius:25px;padding:9px 14px;font-size:11px;font-weight:800}.about-benefits{background:#1d1036c9;border:1px solid #ffffff1c;padding:20px;border-radius:13px;display:grid;gap:16px}.about-benefits>div{display:flex;align-items:center;gap:13px;font-size:12px}.about-benefits>div>span:first-child{font-size:21px;color:#a64cff;width:25px}.about-benefits>div:nth-child(3)>span:first-child{color:#ff7d2f}.about-sign{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(60px,8vw,120px);font-weight:900;letter-spacing:-.11em;line-height:.9;color:#ff742f;text-shadow:0 0 40px #b24cff88}.about-sign>span{color:#a65bfa}.about-sign small{font-size:12px;letter-spacing:.28em;color:#fff;margin-top:17px;text-shadow:none}.process-strip{padding:32px 0 40px;background:#fff}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.process-heading h2{font-size:26px;letter-spacing:-.035em;margin:0}.process-heading>p{font-size:12px;color:#655d70;max-width:340px;line-height:1.5;margin:0}.process-steps{display:flex;align-items:center;justify-content:space-between;gap:8px}.process-step{display:flex;align-items:center;gap:10px;min-width:0}.step-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px;flex:none}.step-icon.purple{background:#710cc8}.step-icon.orange{background:#ff6b25}.process-step div{display:flex;flex-direction:column;gap:3px;font-size:11px}.process-step small{font-size:11px;font-weight:800;color:#6b0bbf}.process-step strong{font-size:11px}.process-step div>span{font-size:10px}.step-arrow{color:#b4a8c2;font-size:21px}.solution-feature{background:#f7f5f9;overflow:hidden}.solution-inner{display:grid;grid-template-columns:41% 59%;align-items:center;min-height:315px}.solution-copy{padding:30px 30px 30px 0}.solution-copy h2{font-size:clamp(1.9rem,3vw,3.2rem);line-height:1.14;letter-spacing:-.045em;margin:0 0 15px}.solution-copy h2 em{font-style:normal;color:#ff671f}.solution-copy p{font-size:13px;color:#5b5368;line-height:1.55;max-width:410px}.dark-outline{color:#ff681f}.solution-visual{height:315px;position:relative;overflow:visible}.solution-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px 8px 0 0}.solution-chip{position:absolute;background:#fff;color:#2a173d;padding:13px 16px;border-radius:10px;box-shadow:0 12px 30px #1b0c2e2b;font-size:11px;font-weight:700}.solution-chip-a{left:-20px;bottom:50px}.solution-chip-b{right:12px;top:28px}.solution-chip-c{right:20px;bottom:40px}.contact-cta{position:relative;background:linear-gradient(105deg,#38085f,#55119a 55%,#ff6a22);color:#fff;overflow:hidden}.contact-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 110%,#f8783a88,transparent 43%);opacity:.7}.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:165px}.cta-inner .section-tag{color:#ffab6e}.cta-inner h2{font-size:clamp(1.8rem,2.7vw,3rem);letter-spacing:-.04em;margin:0 0 10px}.cta-inner h2 em{font-style:normal;color:#ff8b48}.cta-inner p{font-size:13px;color:#f1e5f8;margin:0}.cta-actions{display:flex;align-items:center;gap:20px;flex:none}.cta-whatsapp{font-size:12px;text-decoration:underline;white-space:nowrap}.footer{background:#10101f;color:#e9e5f0}.footer-main{display:grid;grid-template-columns:1.45fr .7fr .9fr 1fr .9fr;gap:35px;padding:52px 0 40px}.footer-brand img{width:160px;height:75px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}.footer-brand p{font-size:12px;line-height:1.6;color:#c2bccc;max-width:240px}.footer nav,.footer-links,.footer-contact,.footer-message{display:flex;flex-direction:column;gap:11px}.footer strong{font-size:12px;margin-bottom:5px;color:white}.footer nav a,.footer-links a,.footer-contact a,.footer-contact span{font-size:11px;color:#d3cadc;line-height:1.3}.footer a:hover{color:#ff8b54}.footer-message p{font-size:11px;line-height:1.5;color:#d3cadc}.footer-action{display:inline-flex;justify-content:space-between;align-items:center;border:1px solid #71647f;border-radius:6px;padding:12px 14px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding:19px 0;color:#b6aebf;font-size:10px}.to-top{position:fixed;right:24px;bottom:24px;z-index:40;width:43px;height:43px;border:0;border-radius:50%;background:#6e0ec6;color:#fff;font-size:22px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s,transform .3s}.to-top.visible{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.reveal{transition:opacity .6s,transform .6s}.reveal:not(.visible){opacity:0;transform:translateY(18px)}}@media(max-width:1180px){.container{width:min(calc(100% - 56px),var(--max))}.desktop-nav{gap:15px}.header-inner{gap:17px}.logo{width:145px}.header-cta{padding:13px 15px}.services-layout{grid-template-columns:250px 1fr;gap:20px}.services-cards{gap:9px}.hero h1,.hero h2{font-size:clamp(3rem,5vw,5rem)}.hero-float-list{width:240px}.footer-main{gap:20px}}@media(max-width:980px){.desktop-nav{display:none}.menu-button{display:block}.header-actions{margin-left:auto}.hero{height:570px}.hero-copy{max-width:550px}.hero-float-list{width:225px}.hero-float{padding:10px;min-height:62px}.hero-trust{right:0;bottom:38px;font-size:9px}.services-layout{display:block}.services-intro{margin-bottom:23px;max-width:550px}.services-cards{grid-template-columns:repeat(4,1fr)}.about-band-inner{grid-template-columns:1.2fr 1fr}.about-sign{display:none}.process-steps{flex-wrap:wrap;justify-content:center;gap:15px}.step-arrow{display:none}.footer-main{grid-template-columns:repeat(3,1fr)}.cta-inner{flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 0}.solution-inner{grid-template-columns:45% 55%}}@media(max-width:700px){.container{width:min(calc(100% - 36px),var(--max))}.topbar{height:31px}.topbar-inner{font-size:9px}.topbar-contact{gap:12px}.topbar-contact>span,.topbar-social{display:none}.header{height:68px}.logo{width:143px}.logo img{height:57px}.header-cta{font-size:10px;padding:11px 12px}.mobile-menu{top:68px}.hero{height:680px}.hero-inner{display:block;padding-top:58px}.hero-copy{max-width:100%;padding:0}.hero h1,.hero h2{font-size:clamp(3.1rem,10vw,4.8rem)}.hero-copy p{font-size:14px;max-width:500px}.hero-float-list{position:absolute;bottom:80px;right:10px;display:grid;grid-template-columns:repeat(2,1fr);width:min(100%,460px);gap:9px}.hero-float{min-height:60px;padding:9px;transform:none!important}.hero-float b{font-size:10px}.hero-float small{font-size:9px}.float-icon{width:30px;height:30px;font-size:17px}.hero-trust{display:none}.hero-overlay{background:linear-gradient(180deg,#130a26ef 0%,#160a2cbe 56%,#160a2ce9 100%)}.hero-side-arrow{top:49%;width:26px;font-size:28px}.services{padding:45px 0}.services-cards{grid-template-columns:repeat(2,1fr);gap:13px}.service-photo-card>img{height:150px}.about-band-inner{display:block;padding:50px 0}.about-copy{margin-bottom:25px}.about-benefits{grid-template-columns:1fr 1fr}.process-heading{display:block}.process-heading>p{margin-top:12px}.process-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.solution-inner{display:block;padding-top:40px}.solution-copy{padding:0 0 25px}.solution-visual{height:290px}.cta-actions{flex-wrap:wrap}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-bottom{flex-wrap:wrap}}@media(max-width:430px){.header-cta{display:none}.hero{height:730px}.hero-inner{padding-top:48px}.hero h1,.hero h2{font-size:clamp(2.9rem,11.5vw,4.2rem)}.hero-float-list{bottom:75px;right:0;left:0;width:100%}.hero-float{gap:7px}.hero-float small{display:none}.hero-kicker{font-size:10px}.hero-copy p{font-size:13px}.service-photo-card>img{height:120px}.photo-card-copy{min-height:120px}.about-benefits{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr}.solution-chip{font-size:9px;padding:9px}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:span 2}.footer-message{grid-column:span 2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}
/* Premium IKREA topbar — scoped styles */
.topbar{position:relative;isolation:isolate;height:51px;background:linear-gradient(112deg,#0d1127 0%,#17132d 35%,#11182e 67%,#100d25 100%);color:#fff;overflow:hidden;border-bottom:1px solid #ffffff2b}.topbar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 420px 130px at 23% -50%,#8237d34b,transparent 75%),radial-gradient(ellipse 460px 160px at 73% 150%,#f66a2526,transparent 70%),repeating-linear-gradient(130deg,transparent 0 120px,#ffffff08 121px,transparent 123px 250px)}.topbar::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.34;background:linear-gradient(115deg,transparent 16%,#a65aff14 16.1%,transparent 16.4%,transparent 58%,#ff712012 58.1%,transparent 58.4%)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.005em}.topbar-contact,.topbar-right,.topbar-social,.topbar-language{display:flex;align-items:center}.topbar-contact{gap:27px;min-width:0}.topbar-contact-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#fff;transition:color .2s}.topbar-contact-link:hover{color:#ffb383}.topbar-contact-link svg{width:19px;height:19px;color:#ff751d;flex:none;stroke-width:2.4}.topbar-right{gap:22px;flex:none}.topbar-social{gap:17px}.topbar-social-link{display:inline-flex;align-items:center;justify-content:center;color:#fff;width:19px;height:23px;transition:color .2s,transform .2s}.topbar-social-link svg{width:19px;height:19px}.topbar-social-link:hover{color:#ff751d;transform:translateY(-2px)}.topbar-divider{height:22px;width:1px;background:#ffffff40}.topbar-language{gap:7px;white-space:nowrap;font-size:13px}.topbar-language>svg{width:19px;height:19px;color:#ff751d;margin-right:3px}.topbar-language button{border:0;background:transparent;color:#c5c2d0;font-size:13px;font-weight:700;padding:4px 2px}.topbar-language button.is-active,.topbar-language button:hover{color:#fff}.topbar-language button.is-active{border-bottom:2px solid #ff751d}.topbar-language>span{color:#aaa4b6}.topbar a:focus-visible,.topbar button:focus-visible{outline:2px solid #ff812b;outline-offset:4px;border-radius:3px}@media(max-width:1150px){.topbar-inner{font-size:12px}.topbar-contact{gap:16px}.topbar-right{gap:13px}.topbar-social{gap:11px}}@media(max-width:900px){.topbar-email{display:none}.topbar-inner{font-size:12px}.topbar{height:45px}}@media(max-width:620px){.topbar{height:43px}.topbar-contact{gap:10px}.topbar-location{display:none}.topbar-contact-link svg{width:17px;height:17px}.topbar-right{gap:9px}.topbar-social{gap:9px}.topbar-social-link,.topbar-social-link svg{width:16px;height:16px}.topbar-divider{height:18px}.topbar-language{gap:4px;font-size:11px}.topbar-language button{font-size:11px}.topbar-language>svg{display:none}}@media(max-width:370px){.topbar-social-link:nth-child(3),.topbar-social-link:nth-child(4){display:none}.topbar-inner{font-size:11px}}
/* Topbar contact icons: restrained neon micro-interactions */
.topbar-contact-link svg{overflow:visible;transform-origin:center;transition:transform 250ms cubic-bezier(.2,.8,.2,1),filter 250ms ease,color 250ms ease;filter:drop-shadow(0 0 0 transparent)}
@media(hover:hover) and (pointer:fine){.topbar-contact-link:hover svg{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 0 5px #ff751dbb) drop-shadow(0 0 11px #ff751d66);color:#ff8a32}}
.topbar-contact-link:focus-visible svg{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 0 6px #ff751dbb)}
.topbar-contact-link:active svg{transform:scale(.92);filter:drop-shadow(0 0 8px #ff751d)}
@media(prefers-reduced-motion:reduce){.topbar-contact-link svg{transition:none!important}.topbar-contact-link:hover svg,.topbar-contact-link:focus-visible svg,.topbar-contact-link:active svg{transform:none!important}}

/* Contact icons: horizontal-axis flip, replacing neon hover */
.topbar-contact-link svg{transition:transform 550ms cubic-bezier(.22,.68,0,1.12),color 200ms ease!important;filter:none!important;transform:rotateY(0deg)!important;transform-style:preserve-3d;backface-visibility:visible}
@media(hover:hover) and (pointer:fine){.topbar-contact-link:hover svg{transform:rotateY(360deg)!important;filter:none!important;color:#ff751d!important}}
.topbar-contact-link:focus-visible svg{transform:rotateY(360deg)!important;filter:none!important}
.topbar-contact-link:active svg{transform:rotateY(360deg)!important;filter:none!important}
@media(prefers-reduced-motion:reduce){.topbar-contact-link svg{transition:none!important}.topbar-contact-link:hover svg,.topbar-contact-link:focus-visible svg{transform:none!important}}

/* Navigation redesign: official logo, premium dropdowns, responsive mobile menu */
.header{height:98px;background:#fff;border-bottom:1px solid #eae5ef;overflow:visible}.header-inner{height:100%;gap:22px}.logo{width:255px;flex:0 0 255px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.logo img{width:100%;height:auto;max-height:90px;object-fit:contain;object-position:left center}.desktop-nav{display:flex;align-items:stretch;justify-content:center;gap:7px;margin-left:auto;margin-right:auto;height:100%}.desktop-nav>.nav-link,.nav-trigger{height:100%;display:inline-flex;align-items:center;gap:7px;padding:0 13px;position:relative;border:0;background:transparent;color:#211830;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.desktop-nav>.nav-link:after,.nav-trigger:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;background:#ff701f;transform:scaleX(0);transform-origin:center;transition:transform .23s ease}.desktop-nav>.nav-link:hover,.desktop-nav>.nav-link.active,.nav-trigger:hover,.nav-dropdown.is-open>.nav-trigger{color:#ff671f}.desktop-nav>.nav-link:hover:after,.desktop-nav>.nav-link.active:after,.nav-trigger:hover:after,.nav-dropdown.is-open>.nav-trigger:after{transform:scaleX(1)}.nav-dropdown{height:100%;position:relative}.nav-trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.nav-dropdown.is-open .nav-trigger svg{transform:rotate(180deg)}.nav-panel{position:absolute;z-index:60;top:calc(100% + 1px);left:50%;width:300px;transform:translate(-50%,9px);opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #ece5f0;border-radius:0 0 16px 16px;padding:20px;box-shadow:0 23px 55px #1e0f3830;transition:opacity .2s,transform .2s,visibility .2s}.nav-dropdown.is-open .nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.nav-panel-label{font-size:10px;color:#8b8296;font-weight:800;letter-spacing:.13em;display:block;margin:0 0 10px 7px}.nav-panel>a:not(.nav-panel-footer){display:flex;align-items:center;gap:12px;border-radius:9px;padding:10px 8px;transition:background .2s}.nav-panel>a:not(.nav-panel-footer):hover{background:#f8f3fc}.nav-item-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;background:#f1e6fa;color:#7315c5;border-radius:10px;font-size:20px}.nav-panel a:nth-of-type(even) .nav-item-icon{background:#fff0e8;color:#ff681f}.nav-panel b,.nav-panel small{display:block}.nav-panel b{font-size:12px;color:#271936}.nav-panel small{font-size:10px;color:#746c7c;margin-top:4px}.nav-panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:14px 10px 0;border-top:1px solid #eee6f0;color:#702bb2;font-size:12px;font-weight:800}.header-cta{background:linear-gradient(100deg,#ff681f,#ff8326);border-radius:40px;min-height:47px;padding:0 22px;gap:16px;box-shadow:0 7px 22px #ff701f22;transition:transform .25s,box-shadow .25s,filter .25s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 12px 27px #ff701f3b;filter:brightness(1.03)}.cta-arrow{font-size:19px;transition:transform .2s}.header-cta:hover .cta-arrow{transform:translate(2px,-2px)}.header .menu-button{border-radius:9px}.header a:focus-visible,.header button:focus-visible,.mobile-nav-group summary:focus-visible{outline:2px solid #ff681f;outline-offset:4px}.mobile-menu{top:98px;max-height:calc(100dvh - 140px);overflow-y:auto}.mobile-nav-group{border-bottom:1px solid #eee}.mobile-nav-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:15px;font-weight:700;cursor:pointer}.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-chevron{color:#ff681f;font-size:21px;transition:transform .2s}.mobile-nav-group[open] .mobile-chevron{transform:rotate(180deg)}.mobile-nav-group a{padding:12px 16px;color:#5a4c69;font-size:13px}.mobile-menu .mobile-cta{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#ff681f,#ff8326);border-radius:30px;color:white;padding:15px 20px;margin:18px 0 6px;border:0}.mobile-menu a:hover{color:#ff681f}.mobile-menu .mobile-cta:hover{color:#fff}@media(max-width:1270px){.logo{width:220px;flex-basis:220px}.desktop-nav{gap:0}.desktop-nav>.nav-link,.nav-trigger{padding-inline:9px;font-size:12px}.header-inner{gap:12px}.header-cta{padding-inline:16px;font-size:11px}}@media(max-width:1080px){.desktop-nav{display:none}.menu-button{display:block}.header-actions{margin-left:auto}.header{height:88px}.logo{width:235px;flex-basis:235px}.mobile-menu{top:88px;max-height:calc(100dvh - 130px)}}@media(max-width:700px){.header{height:76px}.logo{width:190px;flex-basis:190px}.logo img{max-height:70px}.mobile-menu{top:76px;max-height:calc(100dvh - 120px)}.header-cta{display:none}.header .menu-button{display:block}}@media(max-width:370px){.logo{width:170px;flex-basis:170px}}@media(prefers-reduced-motion:reduce){.nav-panel,.nav-trigger svg,.desktop-nav>.nav-link:after,.nav-trigger:after,.header-cta,.cta-arrow{transition:none!important}}

/* IKREA refined navigation and glazed premium quotation CTA */
@media(min-width:1081px){.header{height:96px}.header-inner{gap:16px}.logo{width:235px;flex-basis:235px}.logo img{max-height:87px}.desktop-nav{gap:1px}.desktop-nav>.nav-link,.desktop-nav .nav-trigger{font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.015em;padding-inline:12px}.desktop-nav>.nav-link:after,.desktop-nav .nav-trigger:after{left:12px;right:12px;height:2px;border-radius:3px}.header-actions{flex-shrink:0}.header-cta{font-size:13px}}@media(min-width:1081px) and (max-width:1320px){.logo{width:200px;flex-basis:200px}.desktop-nav>.nav-link,.desktop-nav .nav-trigger{font-size:13px;padding-inline:9px}.header-cta{font-size:12px;padding-inline:16px}.header-inner{gap:10px}}@media(min-width:1081px) and (max-width:1160px){.logo{width:170px;flex-basis:170px}.desktop-nav>.nav-link,.desktop-nav .nav-trigger{font-size:12px;padding-inline:7px}.header-cta{font-size:11px}}
/* A quiet capsule hover with subtle highlight; no layout movement */
.desktop-nav>.nav-link,.desktop-nav .nav-trigger{z-index:0;transition:color .2s ease}.desktop-nav>.nav-link:before,.desktop-nav .nav-trigger:before{content:"";position:absolute;inset:22px 2px;border-radius:999px;background:linear-gradient(125deg,#fff3e9,#f6eafa);opacity:0;transform:scale(.93);transition:opacity .23s,transform .23s;z-index:-1}.desktop-nav>.nav-link:hover:before,.desktop-nav .nav-trigger:hover:before,.nav-dropdown.is-open>.nav-trigger:before{opacity:1;transform:scale(1)}.nav-panel{width:325px;border-radius:0 0 18px 18px;padding:22px}.nav-panel-label{font-size:11px}.nav-panel b{font-size:13px}.nav-panel small{font-size:11px}.nav-panel>a:not(.nav-panel-footer){padding:12px 10px}.nav-item-icon{width:43px;height:43px}.nav-panel-footer{font-size:13px}
/* Glassy enamel button: reflective upper coat, bevel, depth and passing glint */
.header-cta,.mobile-menu .mobile-cta{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(165deg,#ffa55a 0%,#ff7c29 26%,#ff641b 56%,#e54a0a 100%);border:1px solid #ffc08a;box-shadow:inset 0 2px 1px #ffffffb8,inset 0 -3px 5px #a32a164f,0 4px 0 #c5440b,0 10px 22px #c8522240;text-shadow:0 1px 1px #a93c2280;color:white;transition:transform .23s cubic-bezier(.2,.8,.2,1),box-shadow .23s,filter .23s}.header-cta{min-height:48px;border-radius:999px;padding:0 23px}.header-cta:before,.mobile-menu .mobile-cta:before{content:"";position:absolute;pointer-events:none;inset:2px 5px 48%;border-radius:999px 999px 45% 45%;background:linear-gradient(180deg,#ffffffa8 0%,#ffffff40 46%,#ffffff00 100%);opacity:.72;z-index:-1}.header-cta:after,.mobile-menu .mobile-cta:after{content:"";position:absolute;pointer-events:none;top:-70%;bottom:-70%;width:35%;left:-65%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#ffffff0d 15%,#ffffffb8 50%,#ffffff0d 85%,transparent);z-index:2}.header-cta:hover,.mobile-menu .mobile-cta:hover{transform:translateY(-2px);filter:saturate(1.09) brightness(1.05);box-shadow:inset 0 2px 1px #ffffffdb,inset 0 -3px 5px #a32a164f,0 6px 0 #c5440b,0 16px 28px #e65d2466}.header-cta:hover:after,.mobile-menu .mobile-cta:hover:after{animation:ikrea-glint .8s ease-out both}.header-cta:active,.mobile-menu .mobile-cta:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #b53b1670,inset 0 -1px 2px #ffffff66,0 1px 0 #c5440b,0 4px 9px #e65d243b}.header-cta .cta-arrow{position:relative;z-index:3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff28;border:1px solid #ffffff60;font-size:17px}.header-cta>span:first-child{position:relative;z-index:3}.mobile-menu .mobile-cta{min-height:49px}.mobile-menu .mobile-cta:before{border-radius:20px}.header-cta:focus-visible,.mobile-menu .mobile-cta:focus-visible{outline:3px solid #7834c8;outline-offset:4px}@keyframes ikrea-glint{0%{left:-65%}100%{left:150%}}@media(prefers-reduced-motion:reduce){.header-cta:after,.mobile-menu .mobile-cta:after{animation:none!important}.desktop-nav>.nav-link:before,.desktop-nav .nav-trigger:before{transition:none!important}.header-cta,.mobile-menu .mobile-cta{transition:none!important}}

/* Menu type scale and flat glossy candy CTA refinement */
@media(min-width:1321px){.desktop-nav>.nav-link,.desktop-nav .nav-trigger{font-size:15px;font-weight:700;letter-spacing:-.012em;padding-inline:12px}}@media(min-width:1161px) and (max-width:1320px){.desktop-nav>.nav-link,.desktop-nav .nav-trigger{font-size:14px;padding-inline:9px}}@media(min-width:1081px) and (max-width:1160px){.desktop-nav>.nav-link,.desktop-nav .nav-trigger{font-size:13px;padding-inline:7px}}.header-cta,.mobile-menu .mobile-cta{border:1px solid #ff9c62;background:linear-gradient(165deg,#ffa15a 0%,#ff7c2b 26%,#ff641b 62%,#f35b17 100%);box-shadow:inset 0 1px 1px #ffffffa6,inset 0 -1px 2px #b83c192b,0 5px 15px #e65d2430;transform:translateY(0)}.header-cta:hover,.mobile-menu .mobile-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px 2px #ffffffc9,inset 0 -1px 2px #b83c192b,0 9px 20px #e65d2442}.header-cta:active,.mobile-menu .mobile-cta:active{transform:translateY(0);box-shadow:inset 0 2px 4px #b53b1640,0 2px 7px #e65d2426}

/* Lift active/hover navigation underline away from header bottom */
@media(min-width:1081px){.desktop-nav>.nav-link:after,.desktop-nav .nav-trigger:after{bottom:13px}}

/* Hero reference composition: cinematic background, floating service tiles and trust strip */
@media(min-width:1081px){.hero{height:clamp(565px,37vw,670px)}.hero-inner{padding-bottom:40px;gap:24px}.hero-copy{max-width:600px;flex:1 1 50%;padding-right:0}.hero h1,.hero h2{font-size:clamp(3.6rem,5.4vw,6.2rem);line-height:.99;letter-spacing:-.06em}.hero-kicker{font-size:14px;letter-spacing:.09em;margin-bottom:18px}.hero-copy p{font-size:17px;line-height:1.55;max-width:475px}.hero-float-list{width:clamp(285px,23vw,365px);gap:13px;margin-right:0;align-self:center;margin-bottom:50px}.hero-float{min-height:84px;padding:12px 16px;gap:15px;border-radius:15px}.hero-float b{font-size:15px;margin-bottom:5px}.hero-float small{font-size:12px;line-height:1.35}.float-icon{width:53px;height:53px;font-size:26px;border-radius:12px}.hero-trust{right:0;bottom:24px;gap:0;padding:13px 16px;min-width:440px;justify-content:space-between;border:1px solid #8b35df;border-radius:14px;background:linear-gradient(120deg,#180d33eb,#100d25ee);box-shadow:0 10px 25px #0005}.hero-trust>span{display:grid;grid-template-columns:24px auto;column-gap:7px;align-items:center;padding:0 9px}.hero-trust>span+span{border-left:1px solid #ffffff20}.hero-trust i{font-style:normal;grid-row:span 2;font-size:23px;color:#ff742a}.hero-trust strong{font-size:13px;color:#fff}.hero-trust small{font-size:10px;color:#d7cce1;font-weight:500}.hero-side-arrow{width:44px;height:60px;background:transparent;font-size:46px;text-shadow:0 2px 10px #000a}.hero-side-prev{left:15px}.hero-side-next{right:15px}}
.hero-slide:first-child .hero-overlay{background:linear-gradient(90deg,#0e0827e8 0%,#160c28b3 27%,#120b241a 51%,#0f09238c 100%)}.hero-slide.is-active .hero-float-list .hero-float{animation:ikrea-hero-float 5.4s ease-in-out infinite;will-change:transform}.hero-slide.is-active .hero-float-list .hero-float:nth-child(2){animation-delay:-1.4s;animation-duration:6.2s}.hero-slide.is-active .hero-float-list .hero-float:nth-child(3){animation-delay:-2.7s;animation-duration:5.8s}.hero-slide.is-active .hero-float-list .hero-float:nth-child(4){animation-delay:-3.8s;animation-duration:6.6s}.hero-slide.is-active .hero-float-list .hero-float:hover,.hero-slide.is-active .hero-float-list .hero-float:focus-visible{animation-play-state:paused;box-shadow:0 15px 38px #0006,0 0 0 2px #ff792955}.hero-float{border:1px solid #ffffffb8;box-shadow:0 12px 32px #0004;transition:box-shadow .25s,background .25s}.hero-float:hover{background:#fff}.hero-float:nth-child(even){transform:none}@keyframes ikrea-hero-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}.hero-pagination{bottom:16px}.hero-side-arrow:hover{color:#ff8a42}
@media(min-width:1081px) and (max-width:1320px){.hero-copy{max-width:530px}.hero h1,.hero h2{font-size:clamp(3.5rem,5vw,5rem)}.hero-float-list{width:290px}.hero-float b{font-size:13px}.hero-float small{font-size:11px}.hero-trust{min-width:400px}}
@media(max-width:1080px){.hero-slide.is-active .hero-float-list .hero-float{animation:ikrea-hero-float 5.5s ease-in-out infinite}.hero-slide.is-active .hero-float-list .hero-float:nth-child(even){animation-delay:-2.5s}.hero-float-list{z-index:3}.hero-float{box-shadow:0 8px 22px #0005}.hero-slide:first-child .hero-overlay{background:linear-gradient(180deg,#120927ec 0%,#120927bd 49%,#120927e6 100%)}}
@media(max-width:700px){.hero-float-list{gap:10px}.hero-float{border-radius:10px}.hero-float b{font-size:11px}.hero-float small{font-size:9px}.hero-slide.is-active .hero-float-list .hero-float{animation-duration:6.5s}.hero-side-arrow{background:#150c2b6b;border-radius:8px}}
@media(prefers-reduced-motion:reduce){.hero-slide.is-active .hero-float-list .hero-float{animation:none!important;will-change:auto}}

/* Hero left-content choreography: runs on each active slide */
.hero-slide .hero-kicker,.hero-slide .hero-copy h1,.hero-slide .hero-copy h2,.hero-slide .hero-copy p,.hero-slide .hero-actions{opacity:0;transform:translate3d(0,25px,0)}.hero-slide.is-active .hero-kicker{animation:ikrea-copy-in .75s cubic-bezier(.2,.75,.2,1) .12s both}.hero-slide.is-active .hero-copy h1,.hero-slide.is-active .hero-copy h2{animation:ikrea-copy-in .85s cubic-bezier(.2,.75,.2,1) .27s both}.hero-slide.is-active .hero-copy p{animation:ikrea-copy-in .8s cubic-bezier(.2,.75,.2,1) .48s both}.hero-slide.is-active .hero-actions{animation:ikrea-copy-in .8s cubic-bezier(.2,.75,.2,1) .68s both}@keyframes ikrea-copy-in{from{opacity:0;transform:translate3d(0,25px,0);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
/* Orange headline accent and luminous CTA, without altering other site buttons */
.hero-copy h1 em,.hero-copy h2 em{display:inline-block;background:linear-gradient(110deg,#ff681f 8%,#ff9c4c 48%,#ff681f 85%);background-size:210% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ikrea-headline-glow 6s ease-in-out infinite}@keyframes ikrea-headline-glow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-actions .btn-primary{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffab6d;background:linear-gradient(165deg,#ffa05a 0%,#ff7925 28%,#ff641b 65%,#f45b16 100%);box-shadow:inset 0 1px 2px #ffffff99,0 8px 22px #fa631e40;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.hero-actions .btn-primary:before{content:"";position:absolute;inset:2px 5px 52%;border-radius:999px;background:linear-gradient(180deg,#ffffffa0,#ffffff00);pointer-events:none;z-index:-1}.hero-actions .btn-primary:after{content:"";position:absolute;top:-70%;bottom:-70%;left:-65%;width:32%;background:linear-gradient(90deg,transparent,#ffffff0a,#ffffffb8,#ffffff0a,transparent);transform:skewX(-25deg);pointer-events:none}.hero-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:inset 0 1px 2px #ffffffaa,0 14px 30px #fa631e63;filter:saturate(1.07)}.hero-actions .btn-primary:hover:after{animation:ikrea-hero-shine .8s ease-out both}.hero-actions .btn-primary:active{transform:translateY(0)}@keyframes ikrea-hero-shine{to{left:145%}}.hero-secondary{transition:color .25s ease,transform .25s ease}.hero-secondary:hover{color:#ff9b54;transform:translateX(3px)}.hero-secondary .play-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffffaa;border-radius:50%;font-size:16px;transition:background .25s,transform .25s,border-color .25s}.hero-secondary:hover .play-icon{background:#ff681f;border-color:#ff681f;transform:scale(1.07)}.hero-copy h1,.hero-copy h2{text-wrap:balance}.hero-copy p{text-wrap:pretty}@media(prefers-reduced-motion:reduce){.hero-slide .hero-kicker,.hero-slide .hero-copy h1,.hero-slide .hero-copy h2,.hero-slide .hero-copy p,.hero-slide .hero-actions{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.hero-copy h1 em,.hero-copy h2 em{animation:none!important}.hero-actions .btn-primary:hover:after{animation:none!important}.hero-actions .btn-primary,.hero-secondary,.hero-secondary .play-icon{transition:none!important}}

/* First hero: refined composition matching approved visual reference */
@media(min-width:1081px){.hero-slide:first-child .hero-inner{max-width:1480px;padding-left:clamp(44px,5.3vw,92px);padding-right:clamp(44px,5.3vw,92px);align-items:center;justify-content:space-between}.hero-slide:first-child .hero-copy{flex:0 1 43%;max-width:535px;min-width:0;position:relative;z-index:4}.hero-slide:first-child .hero-copy h1{font-size:clamp(3.6rem,5.1vw,5.65rem);letter-spacing:-.058em;line-height:1.01}.hero-slide:first-child .hero-copy p{max-width:440px}.hero-slide:first-child .hero-float-list{flex:0 0 auto;width:clamp(275px,24vw,360px);margin-right:0;margin-bottom:42px;z-index:4}.hero-slide:first-child .hero-float{min-height:78px}.hero-slide:first-child .hero-trust{right:clamp(44px,5.3vw,92px);bottom:22px}.hero-slide:first-child .hero-bg{object-position:center 48%}.hero-slide:first-child .hero-overlay{background:linear-gradient(90deg,#110821d9 0%,#150b269e 24%,#11092118 48%,#120a223d 73%,#10091c6b 100%)}}
@media(min-width:1081px) and (max-width:1320px){.hero-slide:first-child .hero-inner{padding-left:40px;padding-right:40px}.hero-slide:first-child .hero-copy{flex-basis:45%;max-width:475px}.hero-slide:first-child .hero-copy h1{font-size:clamp(3.25rem,4.65vw,4.8rem)}.hero-slide:first-child .hero-float-list{width:285px}.hero-slide:first-child .hero-trust{right:40px}}
.hero-slide:first-child .hero-secondary .play-icon{font-family:Arial,sans-serif;font-size:21px;font-weight:700}.hero-slide:first-child .hero-float{background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-slide:first-child .hero-float:hover{background:#fff}
@media(max-width:1080px){.hero-slide:first-child .hero-bg{object-position:57% center}.hero-slide:first-child .hero-copy{position:relative;z-index:4}.hero-slide:first-child .hero-overlay{background:linear-gradient(180deg,#110820dc 0%,#110820a8 45%,#110820e8 100%)}}
@media(max-width:700px){.hero-slide:first-child .hero-bg{object-position:55% center}.hero-slide:first-child .hero-copy h1{font-size:clamp(2.45rem,10.2vw,4.1rem);line-height:1.02}.hero-slide:first-child .hero-float-list{width:100%;max-width:100%}.hero-slide:first-child .hero-trust{max-width:100%}}

/* Hero finishing touches: readable cards, conversational CTA and cinematic slide dissolve */
.hero-slide{transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),visibility 1.05s;will-change:opacity}
.hero-slide .hero-bg{transform:scale(1.045);transition:transform 8s cubic-bezier(.15,.3,.3,1)}
.hero-slide.is-active .hero-bg{transform:scale(1)}
.hero-slide:first-child .hero-secondary{gap:12px;font-size:15px;font-weight:800;padding:7px 17px 7px 8px;min-height:54px;border:1px solid #ffffff85;border-radius:999px;background:#130b2b66;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 6px 22px #0003}
.hero-slide:first-child .hero-secondary .play-icon{width:40px;height:40px;border-color:#ffffff88;font-size:inherit}
.hero-slide:first-child .hero-secondary:hover{background:#ff681f;border-color:#ff9b61;color:#fff;transform:translateY(-2px)}
.hero-slide:first-child .hero-float b{font-size:clamp(14px,1.07vw,16px);line-height:1.3}
.hero-slide:first-child .hero-float small{font-size:clamp(11px,.88vw,13px);line-height:1.45;color:#534b61}
.hero-slide:first-child .hero-trust strong{font-size:clamp(13px,1vw,15px)}
.hero-slide:first-child .hero-trust small{font-size:clamp(11px,.83vw,12px);line-height:1.4}
@media(min-width:1081px){.hero-slide:first-child .hero-float-list{width:clamp(310px,25vw,385px)}.hero-slide:first-child .hero-float{padding:13px 15px;min-height:84px}.hero-slide:first-child .hero-trust{min-width:490px}}
@media(min-width:1081px) and (max-width:1320px){.hero-slide:first-child .hero-float-list{width:300px}.hero-slide:first-child .hero-trust{min-width:420px}}
@media(max-width:700px){.hero-slide:first-child .hero-secondary{font-size:13px;min-height:46px;padding:4px 12px 4px 5px}.hero-slide:first-child .hero-secondary .play-icon{width:34px;height:34px}.hero-slide:first-child .hero-float b{font-size:12px}.hero-slide:first-child .hero-float small{font-size:10.5px}.hero-slide:first-child .hero-trust strong{font-size:11px}.hero-slide:first-child .hero-trust small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide .hero-bg{transition:none!important;transform:none!important}}

/* First slider: prevent headline clipping and equalize CTA heights */
.hero-slide:first-child .hero-copy h1{overflow:visible;max-width:100%;font-size:clamp(2.7rem,4.6vw,5.1rem);letter-spacing:-.055em;line-height:1.07;padding-bottom:.07em}
.hero-slide:first-child .hero-copy h1 em{max-width:100%;white-space:normal;overflow-wrap:normal}
.hero-slide:first-child .hero-actions{align-items:stretch;gap:14px}
.hero-slide:first-child .hero-actions .btn-primary,.hero-slide:first-child .hero-actions .hero-secondary{min-height:56px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.hero-slide:first-child .hero-actions .btn-primary{padding:0 24px;font-size:14px}
@media(min-width:1081px){.hero-slide:first-child .hero-copy{flex-basis:46%;max-width:590px}.hero-slide:first-child .hero-copy h1{font-size:clamp(3.2rem,4.45vw,5rem)}}
@media(min-width:1081px) and (max-width:1320px){.hero-slide:first-child .hero-copy{flex-basis:47%;max-width:540px}.hero-slide:first-child .hero-copy h1{font-size:clamp(3.1rem,4.3vw,4.55rem)}}
@media(max-width:1080px){.hero-slide:first-child .hero-copy h1{font-size:clamp(2.7rem,6.7vw,4.7rem)}}
@media(max-width:700px){.hero-slide:first-child .hero-copy h1{font-size:clamp(2.15rem,9.2vw,3.5rem);letter-spacing:-.05em;line-height:1.08}.hero-slide:first-child .hero-actions .btn-primary,.hero-slide:first-child .hero-actions .hero-secondary{min-height:50px}.hero-slide:first-child .hero-actions .btn-primary{font-size:12px;padding:0 17px}}

/* Second slide: distinct editable AI workflow instead of repeated service cards */
@media(min-width:1081px){.hero-slide-ai .hero-inner{gap:28px;padding-bottom:36px}.hero-slide-ai .hero-copy{flex:0 1 49%;max-width:600px;padding-right:0}.hero-slide-ai .hero-copy h2{font-size:clamp(3.35rem,4.8vw,5.35rem);line-height:1.03}.hero-slide-ai .hero-copy p{max-width:500px;font-size:17px}.hero-slide-ai .hero-bg{object-position:center 45%}.hero-slide-ai .hero-overlay{background:linear-gradient(90deg,#100823ef 0%,#100823c7 38%,#1107238f 70%,#100823ce 100%)}}
.hero-slide-ai .hero-actions .btn-primary,.hero-slide-ai .hero-secondary{min-height:54px}.hero-slide-ai .hero-actions .btn-primary{font-size:14px}.hero-slide-ai .hero-secondary{font-size:14px;font-weight:800;padding:5px 13px 5px 6px;border:1px solid #ffffff70;border-radius:999px;background:#1d0d36b5;backdrop-filter:blur(7px)}.hero-slide-ai .hero-secondary .play-icon{width:39px;height:39px;font-size:21px}.hero-slide-ai .hero-secondary:hover{background:#6d16bd;color:#fff}
.ai-workflow{position:relative;flex:0 0 47%;height:460px;max-width:600px;isolation:isolate;filter:drop-shadow(0 15px 30px #09041f8c)}.ai-workflow-halo{position:absolute;inset:10% 13%;border:1px solid #9d4bf299;border-radius:50%;box-shadow:inset 0 0 45px #7515c52c,0 0 45px #8b34f234;transform:rotate(-18deg)}.ai-workflow-halo:before,.ai-workflow-halo:after{content:"";position:absolute;inset:13%;border:1px dashed #ff8b4a88;border-radius:50%}.ai-workflow-halo:after{inset:27%;border-color:#c888ff9c}.ai-workflow-core{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d2a1ff;border-radius:34%;background:radial-gradient(circle at 30% 22%,#b57aff,#6621c6 48%,#210c53 85%);box-shadow:0 0 25px #9d54fa,0 0 75px #6c22e09c,inset 0 0 26px #ffffff4a}.ai-core-orbit{position:absolute;inset:-24px;border:1px solid #ff842ca3;border-radius:50%;box-shadow:0 0 23px #ff742a55}.ai-core-glyph{font-size:70px;line-height:1;color:#fff;text-shadow:0 0 18px #fff9}.ai-core-caption{font-size:13px;font-weight:900;letter-spacing:.25em;color:#fff}.ai-workflow-node{position:absolute;display:flex;align-items:center;gap:12px;min-width:195px;max-width:225px;padding:14px 15px;border:1px solid #ae67f3b8;border-radius:16px;background:linear-gradient(130deg,#29104aee,#140b30f5);box-shadow:0 10px 25px #0006,0 0 18px #8a36f12e;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.ai-workflow-node strong,.ai-workflow-node small{display:block}.ai-workflow-node strong{font-size:14px;line-height:1.3;color:#fff}.ai-workflow-node small{font-size:11px;line-height:1.4;color:#d9c8ee;margin-top:4px}.ai-node-icon{flex:none;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ff9a43,#f65c1b);font-size:24px;color:#fff}.ai-node-analysis .ai-node-icon,.ai-node-automation .ai-node-icon{background:linear-gradient(135deg,#a34bff,#6510b9)}.ai-node-data{top:4%;left:0}.ai-node-analysis{top:7%;right:0}.ai-node-automation{bottom:12%;left:0}.ai-node-results{bottom:10%;right:0}.ai-workflow-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.14em;color:#ff9b60}.hero-slide-ai.is-active .ai-workflow-core{animation:ai-core-breathe 5s ease-in-out infinite}.hero-slide-ai.is-active .ai-workflow-node{animation:ai-node-rise .9s ease-out both}.hero-slide-ai.is-active .ai-node-analysis{animation-delay:.18s}.hero-slide-ai.is-active .ai-node-automation{animation-delay:.34s}.hero-slide-ai.is-active .ai-node-results{animation-delay:.5s}@keyframes ai-core-breathe{0%,100%{box-shadow:0 0 25px #9d54fa,0 0 65px #6c22e09c,inset 0 0 26px #ffffff4a}50%{box-shadow:0 0 40px #ae75ff,0 0 100px #7c29ebd4,inset 0 0 32px #ffffff65}}@keyframes ai-node-rise{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(min-width:1081px) and (max-width:1320px){.hero-slide-ai .hero-copy h2{font-size:clamp(3.1rem,4.35vw,4.5rem)}.ai-workflow{flex-basis:46%;height:420px}.ai-workflow-node{min-width:165px;max-width:190px;padding:11px}.ai-workflow-node strong{font-size:12px}.ai-workflow-node small{font-size:10px}.ai-workflow-core{width:140px;height:140px}}
@media(max-width:1080px){.hero-slide-ai .hero-inner{display:flex;flex-direction:column;justify-content:center;gap:10px;padding-top:24px;padding-bottom:44px}.hero-slide-ai .hero-copy{width:100%;max-width:740px;padding-right:0}.hero-slide-ai .hero-copy h2{font-size:clamp(2.6rem,5.6vw,4.3rem)}.ai-workflow{flex:none;width:min(100%,550px);height:300px;max-width:550px}.ai-workflow-core{width:120px;height:120px}.ai-core-glyph{font-size:48px}.ai-workflow-node{min-width:145px;max-width:190px;padding:9px;gap:8px}.ai-workflow-node strong{font-size:11px}.ai-workflow-node small{font-size:9px}.ai-node-icon{width:32px;height:32px;font-size:18px}.ai-workflow-label{font-size:9px}}
@media(max-width:700px){.hero-slide-ai .hero-inner{justify-content:flex-start;padding-top:25px;gap:8px}.hero-slide-ai .hero-kicker{font-size:10px;letter-spacing:.04em}.hero-slide-ai .hero-copy h2{font-size:clamp(2.05rem,8.5vw,3rem);line-height:1.03;margin-bottom:12px}.hero-slide-ai .hero-copy p{font-size:12px;line-height:1.4;margin-bottom:12px}.hero-slide-ai .hero-actions{gap:8px}.hero-slide-ai .hero-actions .btn-primary,.hero-slide-ai .hero-secondary{min-height:42px;font-size:11px}.hero-slide-ai .hero-actions .btn-primary{padding:0 13px}.hero-slide-ai .hero-secondary{padding:3px 9px 3px 4px}.hero-slide-ai .hero-secondary .play-icon{width:30px;height:30px}.ai-workflow{width:100%;height:235px;max-width:380px;align-self:center}.ai-workflow-core{width:78px;height:78px;border-radius:30%}.ai-core-orbit{inset:-11px}.ai-core-glyph{font-size:32px}.ai-core-caption{font-size:9px}.ai-workflow-node{min-width:0;width:43%;max-width:160px;padding:7px;border-radius:10px;gap:6px}.ai-workflow-node strong{font-size:10px}.ai-workflow-node small{font-size:8px;margin-top:1px}.ai-node-icon{width:27px;height:27px;font-size:15px;border-radius:7px}.ai-node-data{top:1%;left:0}.ai-node-analysis{top:1%;right:0}.ai-node-automation{bottom:8%;left:0}.ai-node-results{bottom:8%;right:0}.ai-workflow-label{bottom:-6px;font-size:8px}.hero-slide-ai .hero-overlay{background:linear-gradient(180deg,#100822ef,#130b2ac7 60%,#120825e9)}}
@media(prefers-reduced-motion:reduce){.hero-slide-ai.is-active .ai-workflow-core,.hero-slide-ai.is-active .ai-workflow-node{animation:none!important}}

/* AI slide final layout correction: controlled typography and compact visualization */
@media(min-width:1081px){.hero-slide-ai .hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,3vw,52px);padding-left:clamp(32px,5vw,78px);padding-right:clamp(32px,5vw,78px);max-width:1480px;margin:auto}.hero-slide-ai .hero-copy{width:100%;max-width:580px;min-width:0;flex:none;padding:0}.hero-slide-ai .hero-copy h2{font-size:clamp(44px,4.05vw,67px);line-height:1.07;letter-spacing:-.055em;max-width:100%;margin:18px 0 20px;overflow:visible}.hero-slide-ai .hero-copy h2 span,.hero-slide-ai .hero-copy h2 em{display:block;white-space:normal;overflow:visible}.hero-slide-ai .hero-copy h2 em{font-size:.93em}.hero-slide-ai .hero-copy p{font-size:clamp(14px,1.1vw,17px);line-height:1.6;max-width:500px}.hero-slide-ai .hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-slide-ai .ai-workflow{width:100%;max-width:540px;min-width:0;height:390px;flex:none;justify-self:end}.hero-slide-ai .hero-bg{opacity:.5}.hero-slide-ai .hero-overlay{background:linear-gradient(90deg,#100822f5 0%,#100822e8 39%,#100822bc 74%,#100822c8 100%)}}
@media(min-width:1081px) and (max-width:1320px){.hero-slide-ai .hero-inner{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:18px}.hero-slide-ai .hero-copy h2{font-size:clamp(41px,3.8vw,52px)}.hero-slide-ai .ai-workflow{height:340px}.hero-slide-ai .ai-workflow-node{min-width:0;width:40%;max-width:180px}.hero-slide-ai .ai-workflow-core{width:115px;height:115px}.hero-slide-ai .ai-workflow-label{bottom:0}}
@media(max-width:1080px){.hero-slide-ai .hero-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:visible}.hero-slide-ai .hero-copy{flex:none;width:100%;max-width:640px;min-width:0}.hero-slide-ai .hero-copy h2{font-size:clamp(36px,5.4vw,56px);line-height:1.06;letter-spacing:-.045em;overflow:visible}.hero-slide-ai .hero-copy h2 span,.hero-slide-ai .hero-copy h2 em{display:block}.hero-slide-ai .ai-workflow{flex:none;max-width:520px;width:100%;height:280px}.hero-slide-ai .hero-bg{opacity:.4}}
@media(max-width:700px){.hero-slide-ai .hero-inner{align-items:stretch;justify-content:flex-start;gap:8px;padding-top:22px;padding-bottom:46px}.hero-slide-ai .hero-copy h2{font-size:clamp(32px,8vw,46px);line-height:1.05;margin:10px 0}.hero-slide-ai .hero-copy h2 em{font-size:.94em}.hero-slide-ai .hero-copy p{font-size:12px;line-height:1.45}.hero-slide-ai .ai-workflow{height:220px;max-width:380px;margin-inline:auto}.hero-slide-ai .ai-workflow-node{width:43%}.hero-slide-ai .hero-actions{gap:8px}}

/* Second slide: independent, restrained floating motion for the four workflow nodes */
.hero-slide-ai.is-active .ai-workflow-node{animation:ai-node-appear .75s cubic-bezier(.2,.7,.2,1) both,ai-node-float 5.6s ease-in-out 1.1s infinite;will-change:transform}
.hero-slide-ai.is-active .ai-node-data{animation-delay:.1s,1s;animation-duration:.75s,5.7s}
.hero-slide-ai.is-active .ai-node-analysis{animation-delay:.28s,1.4s;animation-duration:.75s,6.4s}
.hero-slide-ai.is-active .ai-node-automation{animation-delay:.46s,1.8s;animation-duration:.75s,5.2s}
.hero-slide-ai.is-active .ai-node-results{animation-delay:.64s,2.2s;animation-duration:.75s,6.1s}
@keyframes ai-node-appear{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ai-node-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@media(prefers-reduced-motion:reduce){.hero-slide-ai.is-active .ai-workflow-node{animation:none!important;will-change:auto}}

/* AI banner: reveal the actual photographic background while keeping copy legible. */
.hero-slide-ai .hero-bg{opacity:1;filter:brightness(.98) saturate(1.08)}
.hero-slide-ai .hero-overlay{background:linear-gradient(90deg,rgba(13,6,30,.91) 0%,rgba(15,7,34,.82) 31%,rgba(15,7,34,.42) 53%,rgba(15,7,34,.10) 77%,rgba(15,7,34,.18) 100%)}
@media(max-width:1080px){.hero-slide-ai .hero-overlay{background:linear-gradient(180deg,rgba(13,6,30,.84) 0%,rgba(13,6,30,.66) 45%,rgba(13,6,30,.36) 100%)}}

/* Mascota IA centrada entre los cuatro bloques del segundo slider */
.hero-slide-ai .ai-workflow-core{z-index:3;width:clamp(175px,19vw,250px);height:clamp(195px,23vw,290px);border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;pointer-events:none}
.hero-slide-ai .ai-workflow-core .ai-agent-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 25px #7135c6aa);animation:ikrea-agent-hover 4s ease-in-out infinite}
@keyframes ikrea-agent-hover{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}
@media(max-width:700px){.hero-slide-ai .ai-workflow-core{width:clamp(115px,31vw,180px);height:clamp(135px,37vw,205px)}}
@media(prefers-reduced-motion:reduce){.hero-slide-ai .ai-agent-img{animation:none!important}}

/* Second slider: premium illuminated workflow cards, continuously traveling perimeter light */
.hero-slide-ai .ai-workflow-halo{display:none!important}
.hero-slide-ai .ai-workflow-node{isolation:isolate;overflow:visible;border:1px solid rgba(193,99,255,.85);border-radius:17px;background:linear-gradient(120deg,rgba(35,11,61,.96),rgba(18,8,43,.97));box-shadow:0 8px 23px #07001588,0 0 13px #9d32ff55,inset 0 0 18px #9c37f11e}
.hero-slide-ai .ai-workflow-node::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ai-border-angle,0deg),transparent 0deg,transparent 235deg,#ff9d46 266deg,#fff3b0 281deg,#ff6822 294deg,transparent 324deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:ai-border-travel 3.4s linear infinite;filter:drop-shadow(0 0 5px #ff7b24)}
.hero-slide-ai .ai-workflow-node::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 9px #c85dff44,0 0 11px #a63aff35}
@property --ai-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes ai-border-travel{to{--ai-border-angle:360deg}}
.hero-slide-ai .ai-workflow-node .ai-node-icon{box-shadow:0 3px 12px #ff671f55}
.hero-slide-ai .ai-node-analysis .ai-node-icon,.hero-slide-ai .ai-node-automation .ai-node-icon{box-shadow:0 3px 12px #9b36ff66}
@media(prefers-reduced-motion:reduce){.hero-slide-ai .ai-workflow-node::before{animation:none!important}}

/* Mejora de legibilidad de las cuatro tarjetas IA */
.hero-slide-ai .ai-workflow-node strong{font-size:clamp(14px,1.05vw,16px);line-height:1.25}
.hero-slide-ai .ai-workflow-node small{font-size:clamp(12px,.85vw,13px);line-height:1.3;margin-top:5px}
@media(max-width:700px){.hero-slide-ai .ai-workflow-node strong{font-size:12px}.hero-slide-ai .ai-workflow-node small{font-size:10px}}

/* Primer banner: cristal ahumado translúcido con contraste alto */
.hero-slide:first-child .hero-float{
 background:linear-gradient(115deg,rgba(28,12,48,.77),rgba(32,12,51,.64))!important;
 color:#fff!important;
 border-color:rgba(240,180,255,.55);
 -webkit-backdrop-filter:blur(12px) saturate(150%);
 backdrop-filter:blur(12px) saturate(150%);
 box-shadow:0 10px 26px #0007,inset 0 0 20px #9a40f225,0 0 13px #a653ff36;
}
.hero-slide:first-child .hero-float b{color:#fff!important;font-weight:800;text-shadow:0 1px 3px #0009}
.hero-slide:first-child .hero-float small{color:#f3e9ff!important;font-weight:500;text-shadow:0 1px 3px #000a}
.hero-slide:first-child .hero-float:hover{background:linear-gradient(115deg,rgba(40,14,64,.83),rgba(45,15,65,.7))!important}

/* Primer banner: mismo pulso de energía perimetral que los KPI del segundo. */
.hero-slide:first-child .hero-float{
 position:relative;isolation:isolate;border:1px solid rgba(189,90,255,.9);
 border-radius:16px;overflow:visible;
 box-shadow:0 8px 25px #05000b99,0 0 15px #a442ff70,inset 0 0 18px #b34eff26;
}
.hero-slide:first-child .hero-float::before{
 content:"";position:absolute;inset:-2px;border-radius:inherit;padding:3px;
 background:conic-gradient(from var(--ai-border-angle,0deg),transparent 0deg,transparent 220deg,#a842ff 245deg,#ff842b 265deg,#fff6d5 282deg,#ff651c 297deg,#e25aff 316deg,transparent 342deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 pointer-events:none;animation:ai-border-travel 3.4s linear infinite;
 filter:drop-shadow(0 0 8px #ff7825) drop-shadow(0 0 5px #b64dff);
 z-index:3;
}
.hero-slide:first-child .hero-float::after{
 content:"";position:absolute;inset:0;border-radius:inherit;
 box-shadow:inset 0 0 12px #bf62ff77,0 0 12px #ab3aff55;
 pointer-events:none;
}
.hero-slide:first-child .hero-float:nth-child(2)::before{animation-delay:-.85s}
.hero-slide:first-child .hero-float:nth-child(3)::before{animation-delay:-1.7s}
.hero-slide:first-child .hero-float:nth-child(4)::before{animation-delay:-2.55s}
@media(prefers-reduced-motion:reduce){.hero-slide:first-child .hero-float::before{animation:none!important}}

/* Segundo banner: composición protagonista, robot y tarjetas legibles; fondo provisional */
@media(min-width:1081px){
 .hero-slide-ai .ai-workflow{width:100%;max-width:600px;height:400px;justify-self:end}
 .hero-slide-ai .ai-workflow-core{top:49%;width:clamp(190px,16vw,230px);height:clamp(230px,19vw,275px)}
 .hero-slide-ai .ai-workflow-node{width:38%;max-width:205px;min-width:0;min-height:75px;padding:12px 11px;gap:9px}
 .hero-slide-ai .ai-node-data{top:6%;left:0}
 .hero-slide-ai .ai-node-analysis{top:6%;right:0}
 .hero-slide-ai .ai-node-automation{bottom:6%;left:0}
 .hero-slide-ai .ai-node-results{bottom:6%;right:0}
 .hero-slide-ai .ai-workflow-node strong{font-size:clamp(13px,1.05vw,16px);line-height:1.2}
 .hero-slide-ai .ai-workflow-node small{font-size:clamp(11px,.82vw,13px);line-height:1.3}
}
.hero-slide-ai .ai-workflow-node{background:linear-gradient(125deg,rgba(35,10,63,.97),rgba(15,6,39,.97));border-color:#b85aff;box-shadow:0 10px 25px #080015b3,0 0 16px #a442ff80,inset 0 0 12px #d376ff2b}
.hero-slide-ai .ai-workflow-node::before{padding:3px;filter:drop-shadow(0 0 7px #ff7b24) drop-shadow(0 0 4px #b64dff)}
.hero-slide-ai .ai-workflow-node strong{color:#fff;text-shadow:0 1px 3px #000a}
.hero-slide-ai .ai-workflow-node small{color:#f0e4ff;text-shadow:0 1px 3px #000a}
@media(min-width:701px) and (max-width:1080px){
 .hero-slide-ai .ai-workflow{height:300px;max-width:550px}
 .hero-slide-ai .ai-workflow-core{width:195px;height:235px;top:49%}
 .hero-slide-ai .ai-workflow-node{width:35%;max-width:190px;min-width:0}
}
@media(max-width:700px){
 .hero-slide-ai .ai-workflow{height:245px}
 .hero-slide-ai .ai-workflow-core{top:49%;width:clamp(125px,35vw,165px);height:clamp(145px,42vw,190px)}
 .hero-slide-ai .ai-workflow-node{width:39%;min-width:0;max-width:155px}
}

/* Robot IA: energía orgánica sin marco rectangular ni halos rígidos */
.hero-slide-ai .ai-workflow-core{isolation:isolate;overflow:visible;filter:none!important;box-shadow:none!important}
.hero-slide-ai.is-active .ai-workflow-core{animation:none!important}
.hero-slide-ai .ai-agent-img{position:relative;z-index:3;display:block;filter:drop-shadow(0 12px 15px rgba(26,8,70,.38))!important}
.hero-slide-ai .ai-energy-field{position:absolute;inset:-12% -19%;z-index:1;pointer-events:none;overflow:visible}
.hero-slide-ai .ai-energy-field i{position:absolute;display:block;width:72%;height:68%;left:14%;top:17%;border-radius:50%;border:1.5px solid transparent;transform:rotate(-25deg);background:conic-gradient(from 20deg,transparent 0 18%,rgba(45,224,255,.8) 25%,transparent 33% 49%,rgba(178,75,255,.72) 57%,transparent 65% 100%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 7px #37caff);animation:ai-electric-orbit 9s linear infinite}
.hero-slide-ai .ai-energy-field i:nth-child(2){width:94%;height:76%;left:3%;top:12%;animation-duration:12s;animation-direction:reverse;opacity:.65;filter:drop-shadow(0 0 8px #b751ff)}
.hero-slide-ai .ai-energy-field i:nth-child(3){width:112%;height:90%;left:-6%;top:5%;animation-duration:15s;opacity:.4}
.hero-slide-ai .ai-energy-field i:nth-child(4){width:58%;height:55%;left:21%;top:23%;animation-duration:7s;animation-direction:reverse;opacity:.75}
@keyframes ai-electric-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.hero-slide-ai .ai-antenna-spark{position:absolute;z-index:5;pointer-events:none;top:3%;left:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0 12%,#c5fbff 25%,#32dfff 52%,transparent 75%);box-shadow:0 0 8px 3px #55eaff,0 0 19px 8px #35c7ff99,0 0 30px 12px #a553ff77;animation:ai-antenna-pulse 2.6s ease-in-out infinite}
.hero-slide-ai .ai-antenna-spark::before,.hero-slide-ai .ai-antenna-spark::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid #8beaff88;animation:ai-spark-ring 2.6s ease-out infinite}
.hero-slide-ai .ai-antenna-spark::after{animation-delay:1.3s}
@keyframes ai-antenna-pulse{0%,100%{opacity:.75;scale:.85}45%{opacity:1;scale:1.4}55%{opacity:.85;scale:1.05}65%{opacity:1;scale:1.3}}
@keyframes ai-spark-ring{0%{opacity:.85;transform:scale(.45)}100%{opacity:0;transform:scale(1.7)}}
@media(max-width:700px){.hero-slide-ai .ai-antenna-spark{width:10px;height:10px;top:3%}.hero-slide-ai .ai-energy-field{inset:-7% -11%}}
@media(prefers-reduced-motion:reduce){.hero-slide-ai .ai-energy-field i,.hero-slide-ai .ai-antenna-spark,.hero-slide-ai .ai-antenna-spark::before,.hero-slide-ai .ai-antenna-spark::after{animation:none!important}}

/* Alinear el pulso con la punta real de la antena del PNG (no con el centro del robot). */
.hero-slide-ai .ai-antenna-spark{left:72%;top:18%;width:10px;height:10px;animation:ai-antenna-follow 4s ease-in-out infinite}
@keyframes ai-antenna-follow{0%,100%{transform:translate(-50%,-50%) translateY(0) scale(.85);opacity:.85}50%{transform:translate(-50%,-50%) translateY(-9px) scale(1.3);opacity:1}}
@media(max-width:700px){.hero-slide-ai .ai-antenna-spark{left:72%;top:18%;width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){.hero-slide-ai .ai-antenna-spark{animation:none!important}}

/* Responsive layout consolidation — tablets, phones, narrow screens */
@media(max-width:1080px){
 html,body{max-width:100%;overflow-x:clip}
 .container{width:min(calc(100% - 48px),900px)}
 .header{height:78px}.header-inner{gap:14px}.logo{width:185px;flex:0 0 185px}.logo img{max-height:72px}
 .desktop-nav{display:none!important}.menu-button{display:block!important;margin-left:0}.header-actions{margin-left:auto;gap:12px}
 .mobile-menu{top:78px;max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
 .hero{height:auto;min-height:0;overflow:hidden}
 .hero-slide{position:absolute;inset:0;overflow:hidden}
 .hero-slide.is-active{position:relative;inset:auto;min-height:0}
 .hero-inner,.hero-slide-ai .hero-inner{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:25px;padding:48px 0 76px;overflow:visible}
 .hero-copy,.hero-slide-ai .hero-copy{width:100%;max-width:720px;min-width:0;padding:0;flex:none}
 .hero h1,.hero h2{font-size:clamp(37px,5.7vw,64px);line-height:1.06;overflow-wrap:normal}
 .hero-copy p{max-width:630px;font-size:15px}
 .hero-float-list{position:relative;inset:auto;width:100%;max-width:680px;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-self:center}
 .hero-float{transform:none!important;min-width:0;min-height:74px}
 .hero-trust{position:relative;inset:auto;align-self:center;max-width:100%;flex-wrap:wrap;justify-content:center}
 .hero-slide-ai .ai-workflow{position:relative;inset:auto;width:min(100%,600px);height:340px;max-width:600px;margin:0 auto;flex:none;transform:none}
 .hero-slide-ai .ai-workflow-node{width:35%;max-width:200px;min-width:0;padding:12px;gap:9px}
 .hero-slide-ai .ai-workflow-core{width:190px;height:230px;top:50%}
 .hero-slide-ai .ai-node-data,.hero-slide-ai .ai-node-analysis{top:3%}
 .hero-slide-ai .ai-node-automation,.hero-slide-ai .ai-node-results{bottom:3%}
 .hero-pagination{bottom:18px}
 .services-layout{grid-template-columns:1fr;gap:22px}.services-intro{max-width:750px}
 .services-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .service-photo-card>img{height:180px}
 .about-band-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}
 .about-sign{display:none}
 .process-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.step-arrow{display:none}
 .solution-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
 .solution-copy{min-width:0}.solution-visual{min-width:0}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
}
@media(max-width:700px){
 .container{width:calc(100% - 32px)}
 .topbar{height:40px}.topbar-inner{gap:8px}.topbar-contact{min-width:0}.topbar-email,.topbar-location{display:none!important}.topbar-right{gap:9px}
 .topbar-social{gap:8px}.topbar-social-link{width:17px;height:17px}
 .header{height:68px}.header-inner{gap:8px}.logo{width:145px;flex-basis:145px}.logo img{max-height:62px}
 .header-cta{display:none}.mobile-menu{top:68px;max-height:calc(100dvh - 68px)}
 .hero-inner,.hero-slide-ai .hero-inner{padding:37px 0 70px;gap:24px}
 .hero h1,.hero h2{font-size:clamp(32px,8.7vw,48px);line-height:1.08;letter-spacing:-.045em;margin-bottom:17px}
 .hero-kicker{font-size:11px;margin-bottom:12px}
 .hero-copy p{font-size:14px;line-height:1.55;margin-bottom:20px}
 .hero-actions{gap:12px}.hero-actions .btn{min-height:44px;padding:0 18px}.hero-secondary{min-height:44px}
 .hero-float-list{width:100%;max-width:500px;gap:10px}
 .hero-float{min-height:68px;padding:10px;gap:9px}
 .hero-float b{font-size:11px;line-height:1.25}.hero-float small{display:block;font-size:9px}
 .float-icon{width:32px;height:32px;flex:none}
 .hero-trust{display:none}
 .hero-slide-ai .ai-workflow{width:min(100%,480px);height:280px;max-width:480px}
 .hero-slide-ai .ai-workflow-core{top:50%;width:clamp(125px,32vw,175px);height:clamp(155px,40vw,210px)}
 .hero-slide-ai .ai-workflow-node{width:38%;max-width:175px;min-height:60px;padding:9px 8px;gap:7px}
 .hero-slide-ai .ai-workflow-node strong{font-size:clamp(10px,2.7vw,13px);line-height:1.2}
 .hero-slide-ai .ai-workflow-node small{font-size:clamp(9px,2.2vw,11px);line-height:1.2;margin-top:3px}
 .hero-slide-ai .ai-node-icon{width:30px;height:30px;flex:none;font-size:17px}
 .hero-slide-ai .ai-node-data,.hero-slide-ai .ai-node-analysis{top:1%}
 .hero-slide-ai .ai-node-automation,.hero-slide-ai .ai-node-results{bottom:1%}
 .hero-side-arrow{width:27px;height:44px;font-size:25px}
 .services{padding:40px 0}.services-cards{gap:12px}.service-photo-card>img{height:140px}
 .about-band-inner{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:42px 0}
 .about-copy{margin:0}.about-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .process-heading{display:block}.process-heading>p{margin-top:10px}
 .process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .solution-inner{display:flex;flex-direction:column;align-items:stretch;padding:36px 0 0;gap:12px}
 .solution-copy{padding:0}.solution-visual{height:270px;width:100%}
 .cta-inner{align-items:stretch}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-bottom{display:flex;flex-wrap:wrap;gap:12px}
}
@media(max-width:430px){
 .topbar-social-link:nth-child(n+3){display:none}
 .header-actions{gap:4px}.logo{width:135px;flex-basis:135px}
 .hero-inner,.hero-slide-ai .hero-inner{padding-top:30px;gap:20px}
 .hero h1,.hero h2{font-size:clamp(30px,8.8vw,39px)}
 .hero-actions{align-items:stretch}.hero-actions .btn{max-width:100%}
 .hero-float-list{gap:8px}.hero-float{padding:8px;min-height:63px}.hero-float b{font-size:10px}.hero-float small{font-size:9px}.float-icon{width:29px;height:29px;font-size:16px}
 .hero-slide-ai .ai-workflow{height:250px;width:100%}
 .hero-slide-ai .ai-workflow-core{width:clamp(110px,34vw,145px);height:clamp(135px,42vw,180px)}
 .hero-slide-ai .ai-workflow-node{width:40%;padding:8px 6px;gap:5px;min-height:58px}
 .hero-slide-ai .ai-node-icon{width:25px;height:25px;font-size:15px}
 .hero-slide-ai .ai-workflow-node strong{font-size:10px}
 .hero-slide-ai .ai-workflow-node small{font-size:9px}
 .services-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .service-photo-card>img{height:110px}.photo-card-copy{padding:17px 10px 13px}
 .about-benefits{grid-template-columns:1fr}
 .process-steps{grid-template-columns:1fr}
 .solution-chip{font-size:9px;padding:8px}
 .footer-main{grid-template-columns:1fr;gap:23px}.footer-brand,.footer-message{grid-column:auto}
}
@media(max-width:360px){
 .hero-slide-ai .ai-workflow{height:225px}
 .hero-slide-ai .ai-workflow-node{width:41%;padding:6px 5px}
 .hero-slide-ai .ai-workflow-node small{display:none}
 .hero-slide-ai .ai-workflow-core{width:105px;height:132px}
 .hero-float small{display:none}
 .services-cards{grid-template-columns:1fr}.service-photo-card>img{height:165px}
 .topbar-social{display:none}
}

/* Mobile hero: disciplined spacing, full-width CTAs, clear 2x2 cards */
@media(max-width:700px){
 .hero{height:auto!important;min-height:0!important}
 .hero-slide.is-active{position:relative!important;height:auto!important;min-height:0!important}
 .hero-inner,.hero-slide-ai .hero-inner{width:calc(100% - 36px)!important;max-width:520px;margin-inline:auto;padding:34px 0 62px!important;gap:0!important;min-height:0!important}
 .hero-copy,.hero-slide-ai .hero-copy{margin:0!important;padding:0!important;width:100%!important}
 .hero-kicker{font-size:10px!important;letter-spacing:.09em;line-height:1.4;margin-bottom:12px!important}
 .hero h1,.hero h2{font-size:clamp(32px,8.6vw,43px)!important;line-height:1.08!important;letter-spacing:-.045em!important;margin:0 0 15px!important;max-width:100%}
 .hero-copy p{font-size:13px!important;line-height:1.55!important;margin:0 0 20px!important;max-width:100%}
 .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px!important;width:100%;align-items:stretch}
 .hero-actions .btn,.hero-actions .hero-secondary{width:100%!important;min-width:0!important;max-width:none!important;min-height:46px!important;padding:9px 10px!important;gap:6px!important;font-size:11px!important;line-height:1.2;text-align:center;justify-content:center}
 .hero-actions .btn{border-radius:24px}
 .hero-actions .hero-secondary{border-radius:24px}
 .hero-actions .play-icon{width:29px;height:29px;flex:none;font-size:15px}
 .hero-float-list{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:28px 0 0!important;align-self:auto}
 .hero-float{width:100%;min-width:0;min-height:78px!important;display:flex!important;align-items:center;gap:8px!important;padding:10px 9px!important;transform:none!important}
 .hero-float b{font-size:11px!important;line-height:1.25!important;margin-bottom:4px}
 .hero-float small{display:block!important;font-size:9px!important;line-height:1.3!important}
 .hero-float .float-icon{width:30px!important;height:30px!important;flex:none}
 .hero-slide-ai .ai-workflow{width:100%!important;max-width:500px!important;height:300px!important;position:relative!important;margin:24px auto 0!important;flex:none;overflow:visible}
 .hero-slide-ai .ai-workflow-core{top:50%!important;width:clamp(130px,36vw,170px)!important;height:clamp(160px,43vw,205px)!important}
 .hero-slide-ai .ai-workflow-node{width:40%!important;max-width:175px!important;min-width:0!important;min-height:66px!important;padding:9px 8px!important;gap:6px!important;align-items:center}
 .hero-slide-ai .ai-node-data,.hero-slide-ai .ai-node-analysis{top:0!important}
 .hero-slide-ai .ai-node-automation,.hero-slide-ai .ai-node-results{bottom:0!important}
 .hero-slide-ai .ai-workflow-node strong{font-size:11px!important;line-height:1.22!important}
 .hero-slide-ai .ai-workflow-node small{font-size:9px!important;line-height:1.25!important;margin-top:3px!important}
 .hero-slide-ai .ai-node-icon{width:28px!important;height:28px!important;font-size:16px!important;flex:none}
 .hero-pagination{bottom:16px!important}
 .hero-side-arrow{top:auto!important;bottom:8px!important;transform:none!important;width:30px!important;height:42px!important;background:transparent!important;font-size:25px!important}
 .hero-side-prev{left:8px!important}.hero-side-next{right:8px!important}
}
@media(max-width:430px){
 .hero-inner,.hero-slide-ai .hero-inner{width:calc(100% - 28px)!important;padding:29px 0 61px!important}
 .hero h1,.hero h2{font-size:clamp(31px,8.6vw,37px)!important}
 .hero-actions .btn,.hero-actions .hero-secondary{font-size:10px!important;padding:8px 7px!important}
 .hero-float-list{margin-top:25px!important;gap:8px!important}
 .hero-float{min-height:76px!important;padding:8px 7px!important;gap:7px!important}
 .hero-float b{font-size:10px!important}.hero-float small{font-size:9px!important}
 .hero-slide-ai .ai-workflow{height:260px!important;margin-top:23px!important}
 .hero-slide-ai .ai-workflow-node{width:41%!important;min-height:62px!important;padding:8px 6px!important}
 .hero-slide-ai .ai-workflow-node strong{font-size:10px!important}
 .hero-slide-ai .ai-workflow-node small{font-size:9px!important}
 .hero-slide-ai .ai-workflow-core{width:clamp(120px,34vw,150px)!important;height:clamp(150px,41vw,185px)!important}
}
@media(max-width:360px){
 .hero-actions{grid-template-columns:1fr!important}
 .hero-actions .btn,.hero-actions .hero-secondary{min-height:42px!important}
 .hero-slide-ai .ai-workflow{height:235px!important}
 .hero-slide-ai .ai-workflow-node small{display:none!important}
 .hero-slide-ai .ai-workflow-node{min-height:52px!important}
 .hero-float small{display:none!important}
}

/* Mobile full-bleed hero: readable typography and edge-to-edge backdrop */
@media(max-width:700px){
 .hero,.hero-slide,.hero-slide.is-active{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
 .hero{overflow:hidden!important}
 .hero-bg,.hero-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
 .hero-bg{object-position:center center!important}
 .hero-overlay{background:linear-gradient(180deg,rgba(14,5,30,.91) 0%,rgba(14,5,30,.83) 34%,rgba(14,5,30,.60) 64%,rgba(14,5,30,.83) 100%)!important}
 .hero-slide-ai .hero-overlay{background:linear-gradient(180deg,rgba(14,5,30,.94) 0%,rgba(14,5,30,.85) 34%,rgba(14,5,30,.40) 68%,rgba(14,5,30,.72) 100%)!important}
 .hero-inner,.hero-slide-ai .hero-inner{width:calc(100% - 32px)!important;max-width:560px!important;margin-inline:auto!important}
 .hero-copy{position:relative!important;z-index:4!important}
 .hero-kicker{color:#ff9c48!important;text-shadow:0 1px 5px #000b!important}
 .hero h1,.hero h2{color:#fff!important;text-shadow:0 2px 13px rgba(0,0,0,.48)!important;overflow-wrap:break-word}
 .hero-copy p{color:#fff!important;font-size:14px!important;line-height:1.62!important;text-shadow:0 1px 7px rgba(0,0,0,.8)!important}
 .hero-actions{position:relative!important;z-index:4!important}
 .hero-actions .btn,.hero-actions .hero-secondary{white-space:normal!important;overflow-wrap:break-word;font-weight:800!important;text-shadow:0 1px 2px #0005}
 .hero-float-list{position:relative!important;z-index:4!important}
 .hero-float{background:linear-gradient(120deg,rgba(29,9,54,.95),rgba(22,7,43,.94))!important;backdrop-filter:blur(8px)}
 .hero-float b{color:#fff!important;font-size:11px!important;text-shadow:0 1px 3px #000a}
 .hero-float small{color:#f3e8ff!important;font-size:10px!important;line-height:1.35!important}
 .hero-slide-ai .ai-workflow{z-index:4!important}
 .hero-slide-ai .ai-workflow-node{background:linear-gradient(120deg,rgba(28,8,53,.97),rgba(18,5,38,.97))!important}
 .hero-slide-ai .ai-workflow-node strong{font-size:11px!important;color:#fff!important}
 .hero-slide-ai .ai-workflow-node small{font-size:10px!important;color:#f5e9ff!important}
}
@media(max-width:430px){
 .hero-inner,.hero-slide-ai .hero-inner{width:calc(100% - 28px)!important}
 .hero-copy p{font-size:13.5px!important}
 .hero-float small{font-size:9.5px!important}
 .hero-slide-ai .ai-workflow-node small{font-size:9px!important}
}

/* Mobile hero v2: true viewport-height slides, larger legible content, balanced vertical composition */
@media(max-width:700px){
 .hero{height:auto!important;min-height:calc(100svh - 108px)!important;min-height:calc(100dvh - 108px)!important;width:100vw!important;max-width:100%!important;position:relative!important;overflow:hidden!important}
 .hero-slide{position:absolute!important;inset:0!important;height:100%!important;min-height:100%!important;visibility:hidden}
 .hero-slide.is-active{position:relative!important;inset:auto!important;visibility:visible;height:auto!important;min-height:calc(100svh - 108px)!important;min-height:calc(100dvh - 108px)!important}
 .hero-slide .hero-inner,.hero-slide-ai .hero-inner{width:calc(100% - 32px)!important;max-width:540px!important;min-height:calc(100svh - 108px)!important;min-height:calc(100dvh - 108px)!important;height:auto!important;margin-inline:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-evenly!important;padding:25px 0 64px!important;gap:18px!important}
 .hero-copy,.hero-slide-ai .hero-copy{flex:0 0 auto!important;max-width:100%!important}
 .hero-kicker{font-size:clamp(11px,2.8vw,13px)!important;line-height:1.4!important;margin-bottom:11px!important}
 .hero h1,.hero h2{font-size:clamp(37px,9.4vw,51px)!important;line-height:1.07!important;letter-spacing:-.048em!important;margin-bottom:15px!important}
 .hero-copy p{font-size:clamp(14px,3.7vw,16px)!important;line-height:1.52!important;margin-bottom:20px!important}
 .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
 .hero-actions .btn,.hero-actions .hero-secondary{min-height:52px!important;font-size:clamp(11px,2.9vw,13px)!important;line-height:1.25!important;padding:10px 12px!important}
 .hero-actions .play-icon{width:30px!important;height:30px!important}
 .hero-float-list{flex:0 0 auto!important;margin:0!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .hero-float{min-height:94px!important;padding:13px 11px!important;gap:10px!important}
 .hero-float .float-icon{width:38px!important;height:38px!important;font-size:20px!important}
 .hero-float b{font-size:clamp(12px,3.1vw,14px)!important;line-height:1.24!important}
 .hero-float small{font-size:clamp(10px,2.55vw,12px)!important;line-height:1.35!important}
 .hero-slide-ai .ai-workflow{flex:0 0 auto!important;width:100%!important;max-width:520px!important;height:clamp(300px,42dvh,390px)!important;margin:0 auto!important}
 .hero-slide-ai .ai-workflow-node{width:41%!important;max-width:215px!important;min-height:80px!important;padding:11px 10px!important;gap:8px!important}
 .hero-slide-ai .ai-node-icon{width:36px!important;height:36px!important;font-size:19px!important}
 .hero-slide-ai .ai-workflow-node strong{font-size:clamp(12px,3.1vw,15px)!important;line-height:1.2!important}
 .hero-slide-ai .ai-workflow-node small{font-size:clamp(10px,2.55vw,12px)!important;line-height:1.25!important}
 .hero-slide-ai .ai-workflow-core{top:50%!important;width:clamp(155px,42vw,210px)!important;height:clamp(185px,50vw,245px)!important}
 .hero-pagination{bottom:18px!important}
 .hero-side-arrow{bottom:8px!important}
}
@media(max-width:430px){
 .hero-slide .hero-inner,.hero-slide-ai .hero-inner{width:calc(100% - 28px)!important;gap:14px!important;padding:21px 0 62px!important}
 .hero h1,.hero h2{font-size:clamp(35px,9.3vw,42px)!important}
 .hero-copy p{font-size:14px!important}
 .hero-actions .btn,.hero-actions .hero-secondary{min-height:48px!important;font-size:11px!important}
 .hero-float-list{gap:10px!important}
 .hero-float{min-height:88px!important;padding:10px 9px!important}
 .hero-float .float-icon{width:33px!important;height:33px!important;font-size:18px!important}
 .hero-float b{font-size:12px!important}.hero-float small{font-size:10px!important}
 .hero-slide-ai .ai-workflow{height:clamp(285px,40dvh,350px)!important}
 .hero-slide-ai .ai-workflow-node{width:41%!important;min-height:76px!important;padding:9px 7px!important}
 .hero-slide-ai .ai-node-icon{width:31px!important;height:31px!important;font-size:17px!important}
 .hero-slide-ai .ai-workflow-node strong{font-size:12px!important}
 .hero-slide-ai .ai-workflow-node small{font-size:10px!important}
 .hero-slide-ai .ai-workflow-core{width:clamp(145px,39vw,175px)!important;height:clamp(170px,47vw,210px)!important}
}
@media(max-width:360px){
 .hero-slide .hero-inner,.hero-slide-ai .hero-inner{gap:11px!important}
 .hero h1,.hero h2{font-size:33px!important}
 .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hero-actions .btn,.hero-actions .hero-secondary{font-size:10px!important;min-height:46px!important}
 .hero-float{min-height:83px!important}
 .hero-float small{display:block!important;font-size:9px!important}
 .hero-slide-ai .ai-workflow{height:275px!important}
 .hero-slide-ai .ai-workflow-node{min-height:69px!important}
 .hero-slide-ai .ai-workflow-node small{display:block!important;font-size:9px!important}
}
@media(max-width:700px) and (max-height:700px){
 .hero-slide .hero-inner,.hero-slide-ai .hero-inner{justify-content:flex-start!important;gap:16px!important}
 .hero-slide-ai .ai-workflow{height:290px!important}
}

/* Primer slider móvil: cuatro KPI en una sola columna, con movimiento flotante */
@media(max-width:700px){
 .hero-slide:first-child .hero-float-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important}
 .hero-slide:first-child .hero-float{width:100%!important;min-height:72px!important;padding:12px 15px!important;transform:none!important;animation:ikrea-mobile-kpi-float 5s ease-in-out infinite!important;will-change:transform}
 .hero-slide:first-child .hero-float:nth-child(2){animation-delay:-1.25s!important}
 .hero-slide:first-child .hero-float:nth-child(3){animation-delay:-2.5s!important}
 .hero-slide:first-child .hero-float:nth-child(4){animation-delay:-3.75s!important}
 .hero-slide:first-child .hero-float .float-icon{width:38px!important;height:38px!important;font-size:20px!important}
 .hero-slide:first-child .hero-float b{font-size:13px!important}
 .hero-slide:first-child .hero-float small{display:block!important;font-size:11px!important}
}
@keyframes ikrea-mobile-kpi-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@media(max-width:430px){
 .hero-slide:first-child .hero-float-list{gap:10px!important}
 .hero-slide:first-child .hero-float{min-height:67px!important;padding:10px 13px!important}
 .hero-slide:first-child .hero-float b{font-size:12px!important}
 .hero-slide:first-child .hero-float small{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
 .hero-slide:first-child .hero-float{animation:none!important;will-change:auto}
}

/* Primer banner móvil: tipografía KPI claramente legible */
@media(max-width:700px){
 .hero-slide:first-child .hero-float{min-height:86px!important;padding:14px 17px!important;gap:14px!important}
 .hero-slide:first-child .hero-float .float-icon{width:43px!important;height:43px!important;font-size:23px!important}
 .hero-slide:first-child .hero-float b{font-size:clamp(16px,4vw,19px)!important;line-height:1.24!important;font-weight:800!important;margin-bottom:5px!important}
 .hero-slide:first-child .hero-float small{display:block!important;font-size:clamp(13px,3.35vw,15px)!important;line-height:1.38!important;font-weight:500!important;color:#fff!important}
}
@media(max-width:430px){
 .hero-slide:first-child .hero-float{min-height:82px!important;padding:12px 14px!important;gap:12px!important}
 .hero-slide:first-child .hero-float b{font-size:16px!important}
 .hero-slide:first-child .hero-float small{font-size:13px!important}
}

/* Topbar final: contact links and social/language controls */
.topbar-contact-link{min-height:32px}
.topbar-contact-link svg{color:#43e17a}
.topbar-contact-link:hover span{text-decoration:underline;text-underline-offset:3px}
@media(min-width:901px) and (max-width:1320px){
 .topbar-inner{font-size:clamp(10px,.95vw,13px);gap:12px}
 .topbar-contact{gap:clamp(9px,1.3vw,19px)}
 .topbar-contact-link{gap:6px}
 .topbar-contact-link svg{width:17px;height:17px}
 .topbar-right{gap:12px}
 .topbar-social{gap:10px}
}
@media(max-width:900px){
 .topbar-email{display:inline-flex}
 .topbar-location{display:inline-flex}
 .topbar{height:auto;min-height:44px;overflow:visible}
 .topbar-inner{min-height:44px;gap:12px;flex-wrap:wrap;padding-block:7px}
 .topbar-contact{flex:1 1 auto;gap:12px;flex-wrap:wrap}
 .topbar-contact-link{font-size:11px}
 .topbar-contact-link svg{width:17px;height:17px}
 .topbar-right{margin-left:auto;gap:12px}
}
@media(max-width:700px){
 .topbar{min-height:43px;height:auto}
 .topbar-inner{width:calc(100% - 28px);min-height:43px;gap:6px 10px;padding-block:7px}
 .topbar-contact{flex:1 1 100%;justify-content:space-between;gap:7px 12px}
 .topbar-contact-link{font-size:11px;gap:6px;min-height:24px}
 .topbar-contact-link svg{width:16px;height:16px}
 .topbar-email,.topbar-location{display:inline-flex!important}
 .topbar-location{flex-basis:100%}
 .topbar-right{width:100%;justify-content:space-between;margin:0}
 .topbar-social{display:flex;gap:14px}
 .topbar-social-link,.topbar-social-link svg{width:17px;height:17px}
 .topbar-language>svg{display:block;width:16px;height:16px}
}
@media(max-width:390px){
 .topbar-contact-link{font-size:10px}
 .topbar-contact{justify-content:flex-start}
 .topbar-email{flex-basis:100%}
 .topbar-social-link:nth-child(3){display:inline-flex}
}

/* Topbar: restaurar naranja original, seminegrita y separadores */
.topbar-contact-link svg{color:#ff751d}
.topbar-inner,.topbar-contact-link,.topbar-language{font-weight:600}
.topbar-contact{gap:0}
.topbar-contact-link{padding-inline:18px;position:relative}
.topbar-contact-link:first-child{padding-left:0}
.topbar-contact-link:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:20px;width:1px;background:rgba(255,255,255,.3)}
.topbar-contact-link:last-child{padding-right:0}
@media(max-width:1320px){.topbar-contact-link{padding-inline:12px}}
@media(max-width:700px){
 .topbar-contact{gap:7px 0}
 .topbar-contact-link{padding-inline:10px}
 .topbar-contact-link:first-child{padding-left:0}
 .topbar-contact-link:last-child{padding-right:0}
 .topbar-contact-link:not(:last-child)::after{height:16px}
 .topbar-location{padding-left:0}
 .topbar-email::after{display:none}
}
@media(max-width:390px){.topbar-contact-link{padding-inline:0}.topbar-contact-link::after{display:none!important}}

/* Topbar mobile final: compact professional contact stack */
@media(max-width:700px){
 .topbar{height:auto!important;min-height:0!important;overflow:hidden!important}
 .topbar-inner{width:calc(100% - 36px)!important;max-width:540px!important;margin:0 auto!important;padding:12px 0 10px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:11px!important;min-height:0!important}
 .topbar-contact{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:start!important;align-items:center!important;gap:8px!important;flex:none!important}
 .topbar-contact-link,.topbar-contact-link:first-child,.topbar-contact-link:last-child,.topbar-email,.topbar-location{width:100%!important;min-width:0!important;min-height:23px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;padding:0!important;margin:0!important;font-size:clamp(11px,3vw,13px)!important;line-height:1.35!important;font-weight:600!important;white-space:normal!important}
 .topbar-contact-link span{min-width:0;overflow-wrap:anywhere}
 .topbar-contact-link svg{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#ff751d!important}
 .topbar-contact-link::after{display:none!important}
 .topbar-right{display:flex!important;width:100%!important;min-width:0!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:0!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.22)}
 .topbar-social{display:flex!important;align-items:center!important;gap:clamp(13px,4vw,21px)!important}
 .topbar-social-link,.topbar-social-link:nth-child(3),.topbar-digital-card{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:24px!important;flex:0 0 20px!important}
 .topbar-social-link svg{width:19px!important;height:19px!important}
 .topbar-divider{display:none!important}
 .topbar-language{display:flex!important;align-items:center!important;gap:6px!important;flex:none!important;font-weight:600!important}
 .topbar-language>svg{display:block!important;width:17px!important;height:17px!important}
 .topbar-language button{font-size:12px!important;font-weight:600!important}
}
@media(max-width:390px){
 .topbar-inner{width:calc(100% - 28px)!important}
 .topbar-contact-link{font-size:11px!important}
 .topbar-social{gap:12px!important}
 .topbar-social-link,.topbar-digital-card{width:18px!important;flex-basis:18px!important}
 .topbar-social-link svg{width:18px!important;height:18px!important}
}

/* Mobile topbar: editorial compact layout, not a vertical contact list */
@media(max-width:700px){
 .topbar{background:#19112d!important}
 .topbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:0!important;width:calc(100% - 28px)!important;max-width:540px!important}
 .topbar-contact{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:10px!important;row-gap:0!important;align-items:center!important;width:100%!important;padding:10px 0 8px!important}
 .topbar-contact-link,.topbar-contact-link:first-child,.topbar-contact-link:last-child,.topbar-email,.topbar-location{font-size:clamp(10px,2.75vw,12px)!important;font-weight:600!important;min-height:29px!important;gap:6px!important;width:auto!important;white-space:nowrap!important;overflow:visible!important;line-height:1.2!important}
 .topbar-contact-link svg{width:15px!important;height:15px!important;flex:0 0 15px!important}
 .topbar-contact-link span{overflow-wrap:normal!important}
 .topbar-contact-link:first-child{grid-column:1;grid-row:1;padding-right:11px!important;border-right:1px solid #ffffff38}
 .topbar-email{grid-column:2;grid-row:1;min-width:0!important;overflow:hidden!important}
 .topbar-email span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .topbar-location{grid-column:1/-1;grid-row:2;width:100%!important}
 .topbar-right{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 0 9px!important;border-top:1px solid #ffffff27!important;width:100%!important}
 .topbar-social{gap:clamp(13px,4vw,20px)!important}
 .topbar-social-link,.topbar-social-link:nth-child(3),.topbar-digital-card{display:inline-flex!important;width:19px!important;height:22px!important;flex:0 0 19px!important}
 .topbar-social-link svg{width:18px!important;height:18px!important}
 .topbar-language{margin-left:auto!important}
}
@media(max-width:370px){
 .topbar-inner{width:calc(100% - 24px)!important}
 .topbar-contact{column-gap:7px!important}
 .topbar-contact-link,.topbar-email,.topbar-location{font-size:10px!important}
 .topbar-contact-link:first-child{padding-right:7px!important}
 .topbar-contact-link svg{width:14px!important;height:14px!important;flex-basis:14px!important}
 .topbar-social{gap:12px!important}
}

/* Approved responsive topbar: icon-only mobile, detailed desktop */
.topbar{background:linear-gradient(105deg,#100d26 0%,#20113c 57%,#351467 100%)!important;border-bottom:1px solid #ffffff1e}
.topbar-contact-link svg{color:#ff751d!important}
.topbar-social-link{border:1px solid #ffffff15;border-radius:10px;background:#0b092a52;transition:background .2s,color .2s,transform .2s}
.topbar-social-link:hover{background:#ffffff18}
.topbar-language{border:1px solid #9a4de86b;border-radius:999px;background:#6f27b029;padding:4px 10px}
.topbar-inner{font-weight:600!important}
@media(min-width:701px){
 .topbar{height:auto!important;min-height:62px!important}
 .topbar-inner{min-height:62px!important;gap:12px!important}
 .topbar-contact{gap:0!important}
 .topbar-contact-link{min-height:43px!important;padding-inline:clamp(10px,1.4vw,22px)!important}
 .topbar-contact-link:first-child{padding-left:0!important}
 .topbar-contact-link:last-child{padding-right:0!important}
 .topbar-contact-link svg{width:22px!important;height:22px!important}
 .topbar-contact-link span{font-weight:600!important}
 .topbar-social{gap:7px!important}
 .topbar-social-link{width:33px!important;height:33px!important;flex:0 0 33px!important}
 .topbar-social-link svg{width:18px!important;height:18px!important}
 .topbar-right{gap:12px!important}
 .topbar-language button{font-weight:600!important}
}
@media(min-width:701px) and (max-width:1150px){
 .topbar-inner{flex-wrap:wrap!important;padding-block:9px!important;justify-content:center!important;gap:7px 16px!important}
 .topbar-contact{justify-content:center!important;flex-wrap:wrap!important}
 .topbar-email{display:inline-flex!important}
 .topbar-contact-link{font-size:12px!important}
 .topbar-right{margin:0 auto!important}
}
@media(max-width:700px){
 .topbar{height:54px!important;min-height:54px!important;overflow:hidden!important}
 .topbar-inner{height:54px!important;min-height:54px!important;max-width:none!important;width:calc(100% - 24px)!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:5px!important;padding:0!important}
 .topbar-contact{display:flex!important;flex:0 0 auto!important;width:auto!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;padding:0!important}
 .topbar-contact-link,.topbar-contact-link:first-child,.topbar-contact-link:last-child,.topbar-email,.topbar-location{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:34px!important;min-height:34px!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:#0b092a5e!important}
 .topbar-contact-link span{display:none!important}
 .topbar-contact-link svg{width:19px!important;height:19px!important;flex:0 0 19px!important}
 .topbar-contact-link::after{display:none!important}
 .topbar-right{display:flex!important;flex:0 1 auto!important;min-width:0!important;width:auto!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin:0!important;padding:0!important;border:0!important}
 .topbar-social{display:flex!important;gap:3px!important;align-items:center!important;min-width:0!important}
 .topbar-social-link,.topbar-social-link:nth-child(3),.topbar-digital-card,.topbar-tiktok{display:inline-flex!important;flex:0 0 28px!important;width:28px!important;height:32px!important;border-radius:8px!important}
 .topbar-social-link svg{width:16px!important;height:16px!important}
 .topbar-divider{display:block!important;height:22px!important;margin:0 1px!important}
 .topbar-language{display:flex!important;flex:0 0 auto!important;gap:2px!important;padding:3px 4px!important;border-radius:20px!important}
 .topbar-language>svg{display:block!important;width:14px!important;height:14px!important;margin:0 2px 0 0!important}
 .topbar-language button{font-size:10px!important;font-weight:600!important;padding:3px 1px!important}
 .topbar-language>span{font-size:10px!important}
}
@media(max-width:390px){
 .topbar-inner{width:calc(100% - 14px)!important;gap:2px!important}
 .topbar-contact-link,.topbar-contact-link:first-child,.topbar-contact-link:last-child,.topbar-email,.topbar-location{flex-basis:28px!important;width:28px!important;height:30px!important}
 .topbar-contact-link svg{width:17px!important;height:17px!important;flex-basis:17px!important}
 .topbar-right{gap:3px!important}
 .topbar-social{gap:1px!important}
 .topbar-social-link,.topbar-social-link:nth-child(3),.topbar-digital-card,.topbar-tiktok{flex-basis:25px!important;width:25px!important;height:29px!important}
 .topbar-social-link svg{width:15px!important;height:15px!important}
 .topbar-language{padding:2px!important;gap:1px!important}
 .topbar-language>svg{width:12px!important;height:12px!important}
 .topbar-language button{font-size:9px!important}
}

/* Idiomas visibles y estado seleccionado en naranja */
.topbar-language button,.topbar-language button.is-active{font-weight:600!important}
.topbar-language button.is-active,.topbar-language button[aria-pressed="true"]{color:#ff751d!important;border-bottom:2px solid #ff751d!important}
.topbar-language button:not(.is-active){color:#e8def1!important;border-bottom:2px solid transparent!important}
@media(max-width:700px){
 .topbar-inner{width:calc(100% - 22px)!important;gap:8px!important}
 .topbar-contact{gap:7px!important}
 .topbar-contact-link,.topbar-contact-link:first-child,.topbar-contact-link:last-child,.topbar-email,.topbar-location{width:36px!important;height:38px!important;flex:0 0 36px!important;border-radius:10px!important}
 .topbar-contact-link svg{width:20px!important;height:20px!important;flex-basis:20px!important}
 .topbar-right{gap:8px!important}
 .topbar-social{gap:5px!important}
 .topbar-social-link,.topbar-social-link:nth-child(3),.topbar-digital-card,.topbar-tiktok{width:29px!important;height:34px!important;flex:0 0 29px!important}
 .topbar-language{gap:4px!important;padding:4px 5px!important}
 .topbar-language>svg{width:17px!important;height:17px!important;margin-right:1px!important}
 .topbar-language button{font-size:13px!important;padding:3px 1px!important}
 .topbar-language>span{font-size:13px!important}
}
@media(max-width:390px){
 .topbar-inner{width:calc(100% - 12px)!important;gap:4px!important}
 .topbar-contact{gap:4px!important}
 .topbar-contact-link,.topbar-contact-link:first-child,.topbar-contact-link:last-child,.topbar-email,.topbar-location{width:32px!important;height:34px!important;flex-basis:32px!important}
 .topbar-contact-link svg{width:18px!important;height:18px!important;flex-basis:18px!important}
 .topbar-right{gap:4px!important}
 .topbar-social{gap:2px!important}
 .topbar-social-link,.topbar-social-link:nth-child(3),.topbar-digital-card,.topbar-tiktok{width:26px!important;height:31px!important;flex-basis:26px!important}
 .topbar-language{gap:2px!important;padding:3px!important}
 .topbar-language>svg{width:15px!important;height:15px!important}
 .topbar-language button{font-size:12px!important}
}

/* Selector de idioma en header, a la izquierda del menú */
.header-actions .topbar-language{display:flex!important;align-items:center!important;gap:5px!important;background:#f7f2fc!important;border:1px solid #e8d9f5!important;border-radius:999px!important;padding:6px 10px!important;color:#241332!important;white-space:nowrap!important}
.header-actions .topbar-language>svg{display:block!important;width:19px!important;height:19px!important;margin-right:3px!important;color:#ff751d!important}
.header-actions .topbar-language button{color:#40304e!important;font-size:13px!important;font-weight:600!important;padding:4px 2px!important}
.header-actions .topbar-language button.is-active{color:#ff751d!important;border-bottom:2px solid #ff751d!important}
.header-actions .topbar-language>span{color:#87748d!important}
@media(max-width:700px){
 .header-actions{gap:9px!important}
 .header-actions .topbar-language{gap:4px!important;padding:5px 8px!important;margin:0!important}
 .header-actions .topbar-language button{font-size:13px!important}
 .header-actions .topbar-language>svg{width:17px!important;height:17px!important}
 .topbar-right{gap:0!important}
 .topbar-social{gap:clamp(6px,2vw,11px)!important}
 .topbar-social-link,.topbar-social-link:nth-child(3),.topbar-digital-card,.topbar-tiktok{width:37px!important;height:38px!important;flex:0 0 37px!important;border-radius:10px!important}
 .topbar-social-link svg{width:22px!important;height:22px!important}
 .topbar-inner{justify-content:space-between!important}
}
@media(max-width:390px){
 .header-actions .topbar-language{padding:4px 6px!important;gap:2px!important}
 .header-actions .topbar-language button{font-size:12px!important}
 .topbar-social{gap:5px!important}
 .topbar-social-link,.topbar-social-link:nth-child(3),.topbar-digital-card,.topbar-tiktok{width:33px!important;height:35px!important;flex:0 0 33px!important}
 .topbar-social-link svg{width:20px!important;height:20px!important}
}

/* Selector móvil: idioma actual más grande, naranja y en negrita */
.header-actions .topbar-language button[aria-pressed="true"]{color:#ff751d!important;font-weight:800!important;border-bottom:2px solid #ff751d!important}
.header-actions .topbar-language button[aria-pressed="false"]{color:#40304e!important;font-weight:600!important;border-bottom:2px solid transparent!important}
@media(max-width:700px){
 .header-actions .topbar-language{padding:6px 10px!important;gap:5px!important}
 .header-actions .topbar-language button{font-size:16px!important;line-height:1.2!important;padding:4px 2px!important}
 .header-actions .topbar-language>span{font-size:15px!important}
}
@media(max-width:390px){
 .header-actions .topbar-language{padding:5px 7px!important;gap:3px!important}
 .header-actions .topbar-language button{font-size:15px!important}
}

/* Idioma activo en violeta corporativo del logotipo */
.header-actions .topbar-language button[aria-pressed="true"],.header-actions .topbar-language button.is-active{color:#7315c5!important;border-bottom-color:#7315c5!important;font-weight:800!important}

/* Ajuste puntual: logotipo +15% e idiomas -1px en móvil */
@media(min-width:1081px){.header .logo{width:270px!important;flex-basis:270px!important}}
@media(min-width:1081px) and (max-width:1320px){.header .logo{width:230px!important;flex-basis:230px!important}}
@media(min-width:1081px) and (max-width:1160px){.header .logo{width:195px!important;flex-basis:195px!important}}
@media(min-width:701px) and (max-width:1080px){.header .logo{width:270px!important;flex-basis:270px!important}}
@media(max-width:700px){
 .header .logo{width:155px!important;flex-basis:155px!important}
 .header-actions .topbar-language button{font-size:15px!important}
}
@media(max-width:390px){
 .header .logo{width:155px!important;flex-basis:155px!important}
 .header-actions .topbar-language button{font-size:14px!important}
}

/* Restaurar movimiento flotante de tarjetas del primer banner en móvil */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .hero-slide:first-child.is-active .hero-float{
  animation:ikrea-mobile-kpi-float 4.8s ease-in-out infinite!important;
  will-change:transform!important;
 }
 .hero-slide:first-child.is-active .hero-float:nth-child(2){animation-delay:-1.2s!important}
 .hero-slide:first-child.is-active .hero-float:nth-child(3){animation-delay:-2.4s!important}
 .hero-slide:first-child.is-active .hero-float:nth-child(4){animation-delay:-3.6s!important}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .hero-slide:first-child .hero-float{animation:none!important;transform:none!important;will-change:auto!important}
}

/* Banners adaptativos: alto disponible en móvil vertical y horizontal */
@media(max-width:1080px){
 .hero{height:auto!important;min-height:0!important}
 .hero-slide.is-active{height:auto!important;min-height:0!important}
 .hero-slide.is-active .hero-inner{height:auto!important;min-height:0!important}
 .hero-slide .hero-bg{width:100%!important;height:100%!important;object-fit:cover!important}
}
@media(max-width:700px) and (orientation:portrait){
 .hero-slide.is-active .hero-inner{padding-top:clamp(22px,4.5dvh,46px)!important;padding-bottom:clamp(58px,8dvh,85px)!important;gap:clamp(12px,2.5dvh,24px)!important}
 .hero-slide:first-child .hero-float-list{gap:clamp(7px,1.2dvh,12px)!important}
 .hero-slide:first-child .hero-float{min-height:clamp(64px,9dvh,86px)!important}
 .hero-slide-ai .ai-workflow{height:clamp(220px,34dvh,320px)!important}
}
@media(max-width:1080px) and (orientation:landscape) and (max-height:600px){
 .hero-slide.is-active .hero-inner,.hero-slide-ai.is-active .hero-inner{padding-top:18px!important;padding-bottom:55px!important;gap:14px!important}
 .hero-slide.is-active .hero-inner{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
 .hero-slide.is-active .hero-copy{width:48%!important;max-width:48%!important;flex:0 1 48%!important}
 .hero-slide.is-active .hero-float-list{width:48%!important;max-width:48%!important;flex:0 1 48%!important}
 .hero-slide:first-child .hero-float-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .hero-slide:first-child .hero-float{min-height:62px!important;padding:9px!important;gap:7px!important}
 .hero-slide:first-child .hero-float .float-icon{width:30px!important;height:30px!important;font-size:17px!important}
 .hero-slide:first-child .hero-float b{font-size:clamp(10px,1.7vw,13px)!important}
 .hero-slide:first-child .hero-float small{font-size:clamp(9px,1.3vw,11px)!important}
 .hero-slide.is-active .hero h1,.hero-slide.is-active .hero h2{font-size:clamp(25px,4.5vh,38px)!important}
 .hero-slide.is-active .hero-copy p{font-size:12px!important;line-height:1.4!important;margin-bottom:12px!important}
 .hero-slide-ai.is-active .ai-workflow{width:48%!important;max-width:48%!important;height:clamp(190px,65dvh,320px)!important;flex:0 1 48%!important}
}

/* Controles de carrusel premium: dots accesibles y estado activo claro */
.hero-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;background:rgba(19,9,37,.58)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 5px 20px #0b041b38!important}
.hero-pagination .slider-dot{appearance:none;display:block!important;flex:0 0 auto!important;width:9px!important;height:9px!important;min-width:9px!important;padding:0!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:99px!important;background:#ffffffa8!important;opacity:1!important;box-shadow:none!important;transition:width .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease!important;cursor:pointer}
.hero-pagination .slider-dot.is-active,.hero-pagination .slider-dot[aria-current="true"]{width:27px!important;min-width:27px!important;background:linear-gradient(90deg,#ff681d,#ff9b50)!important;border-color:#ffae71!important;box-shadow:0 0 12px #ff681d8a!important}
.hero-pagination .slider-dot:hover{transform:scale(1.15);background:#fff!important}
.hero-pagination .slider-dot.is-active:hover{background:#ff751d!important}
.hero-pagination .slider-dot:focus-visible,.hero-pagination .slider-pause:focus-visible{outline:2px solid #ffad68!important;outline-offset:4px!important}
.hero-pagination .hero-index{font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;color:#fff!important;margin:0 5px 0 2px!important;font-variant-numeric:tabular-nums}
.hero-pagination .slider-pause{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;padding:0!important;margin-left:5px!important;border:1px solid #ffffff35!important;border-radius:50%!important;background:#ffffff19!important;color:#fff!important;font-size:13px!important;line-height:1!important;transition:background .2s ease!important}
.hero-pagination .slider-pause:hover{background:#ffffff36!important}
@media(max-width:700px){
 .hero-pagination{bottom:12px!important;gap:7px!important;padding:7px 10px!important}
 .hero-pagination .slider-dot{width:10px!important;height:10px!important;min-width:10px!important}
 .hero-pagination .slider-dot.is-active,.hero-pagination .slider-dot[aria-current="true"]{width:25px!important;min-width:25px!important}
 .hero-pagination .slider-pause{width:29px!important;height:29px!important}
}
@media(prefers-reduced-motion:reduce){.hero-pagination .slider-dot,.hero-pagination .slider-pause{transition:none!important}}

/* Banner 3: transformación digital, dashboard ilustrativo */
.hero-slide-growth .hero-bg{filter:brightness(.48) saturate(1.3);object-position:center}
.hero-slide-growth .hero-overlay{background:linear-gradient(90deg,rgba(13,5,29,.88),rgba(20,6,43,.53) 50%,rgba(20,5,42,.3))!important}
.hero-slide-growth .hero-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.hero-slide-growth .hero-copy{position:relative;z-index:3;flex:0 0 45%;max-width:570px}
.hero-slide-growth .hero-copy h2{font-size:clamp(36px,4.3vw,68px);line-height:1.07;letter-spacing:-.045em}
.hero-slide-growth .hero-copy h2 em{color:#ff7426;font-style:normal}
.hero-slide-growth .hero-copy p{max-width:510px}
.growth-scene{position:relative;z-index:2;flex:1;min-width:0;height:405px;isolation:isolate}
.growth-orbit{position:absolute;inset:14% 3% 8%;border:2px solid #ff752755;border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 38px #ff681d28;pointer-events:none}
.growth-metrics{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;z-index:4}
.growth-metric{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;min-height:82px;padding:10px 5px;border:1px solid #b65cffb0;border-radius:15px;background:linear-gradient(140deg,#391057ed,#190a35ed);box-shadow:0 0 15px #9b36ff4a;text-align:center;animation:growth-bob 5s ease-in-out infinite}
.growth-metric:nth-child(2){animation-delay:-1.3s}.growth-metric:nth-child(3){animation-delay:-2.6s}.growth-metric:nth-child(4){animation-delay:-3.9s}
.growth-metric span{color:#ff792b;font-size:24px;font-weight:800;line-height:1}
.growth-metric b{color:#fff;font-size:clamp(9px,.9vw,12px);line-height:1.2}
.growth-devices{position:absolute;inset:95px 0 0;display:flex;align-items:flex-end;justify-content:center;gap:0}
.growth-laptop{width:82%;position:relative;transform:perspective(900px) rotateY(-6deg);filter:drop-shadow(0 16px 20px #0009)}
.growth-screen{aspect-ratio:1.65;border:8px solid #171022;border-bottom-width:13px;border-radius:16px 16px 5px 5px;background:#110b29;box-shadow:0 0 0 2px #a06aca88,0 0 25px #d34cff44;overflow:hidden}
.growth-screen-head{height:16%;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:clamp(8px,.8vw,12px);color:white}
.growth-screen-head i{color:#ff762b;font-style:normal;font-weight:900}
.growth-dashboard{height:84%;display:grid;grid-template-columns:22% 1fr;gap:2%;padding:0 3% 3%}
.growth-sidebar{display:flex;flex-direction:column;gap:7%;font-size:clamp(7px,.7vw,10px);color:#cdbce4}
.growth-sidebar b{background:#ff6b24;color:white;border-radius:5px;padding:8px 6px}
.growth-sidebar span{padding-left:6px}
.growth-main{display:flex;flex-direction:column;gap:5%;min-width:0}
.growth-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.growth-stats>div{background:#271443;border:1px solid #70429b66;border-radius:7px;padding:7px;display:flex;align-items:center;justify-content:space-between}
.growth-stats small{font-size:clamp(7px,.65vw,10px);color:#f4eafa}
.growth-stats strong{font-size:16px;color:#ff782a}
.growth-chart{flex:1;min-height:0;background:linear-gradient(130deg,#2c164b,#180e30);border-radius:8px;padding:9px;display:flex;flex-direction:column}
.growth-chart small{font-size:clamp(7px,.65vw,10px);color:white}
.growth-chart svg{width:100%;height:100%;min-height:0;overflow:visible}
.growth-bottom{display:flex;justify-content:space-between;gap:4px;color:#d4b7ff;font-size:clamp(6px,.6vw,9px)}
.growth-laptop-base{height:13px;margin:0 -7%;background:linear-gradient(#9c8aab,#33283f);border-radius:0 0 60% 60%;box-shadow:0 6px 8px #0006}
.growth-phone{position:relative;z-index:3;flex:0 0 22%;height:65%;margin-left:-10%;margin-bottom:0;padding:18px 8px 10px;border:5px solid #17101f;border-radius:22px;background:linear-gradient(#1c0d39,#0d0821);box-shadow:0 0 0 2px #b45cff88,0 10px 20px #0009;display:flex;flex-direction:column;gap:8px;color:#fff;transform:rotate(3deg)}
.growth-phone-notch{position:absolute;top:0;left:32%;width:36%;height:9px;border-radius:0 0 9px 9px;background:#090713}
.growth-phone>b{font-size:22px;color:#ff7528}
.growth-phone small{font-size:clamp(8px,.9vw,12px);font-weight:800}
.growth-phone>span{background:#301651;border-radius:6px;padding:7px 4px;font-size:clamp(7px,.7vw,10px)}
.growth-phone-bars{height:28%;display:flex;align-items:flex-end;gap:5px;padding:6px;background:#24123d;border-radius:6px}
.growth-phone-bars i{flex:1;background:linear-gradient(#fd7430,#9219e8);border-radius:3px 3px 0 0;height:30%}
.growth-phone-bars i:nth-child(2){height:55%}.growth-phone-bars i:nth-child(3){height:45%}.growth-phone-bars i:nth-child(4){height:70%}.growth-phone-bars i:nth-child(5){height:85%}.growth-phone-bars i:nth-child(6){height:100%}
@keyframes growth-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1080px){
 .hero-slide-growth .hero-inner{flex-direction:column;gap:18px}
 .hero-slide-growth .hero-copy{flex:none;width:100%;max-width:720px}
 .growth-scene{flex:none;width:min(100%,620px);height:clamp(280px,48vw,405px);align-self:center}
 .growth-metric b{font-size:clamp(9px,1.6vw,12px)}
 .growth-screen-head{font-size:10px}.growth-sidebar{font-size:9px}.growth-stats small{font-size:9px}.growth-chart small{font-size:9px}.growth-phone small{font-size:10px}.growth-phone>span{font-size:9px}
}
@media(max-width:700px){
 .hero-slide-growth .hero-inner{padding-bottom:80px!important}
 .hero-slide-growth .hero-copy h2{font-size:clamp(31px,8vw,46px)!important}
 .growth-scene{height:clamp(245px,73vw,340px);width:100%}
 .growth-metrics{gap:4px}
 .growth-metric{min-height:62px;padding:6px 3px;border-radius:10px;gap:3px}
 .growth-metric span{font-size:19px}.growth-metric b{font-size:clamp(8px,2vw,11px)}
 .growth-devices{top:76px}
 .growth-screen{border-width:5px;border-bottom-width:8px}
 .growth-screen-head{font-size:8px}.growth-sidebar{font-size:7px}.growth-sidebar b{padding:5px 3px}
 .growth-stats>div{padding:4px}.growth-stats small{font-size:7px}.growth-stats strong{font-size:12px}
 .growth-chart{padding:5px}.growth-chart small{font-size:7px}.growth-bottom{font-size:6px}
 .growth-phone{border-width:3px;border-radius:14px;padding:12px 4px 5px;gap:4px}
 .growth-phone>b{font-size:16px}.growth-phone small{font-size:8px}.growth-phone>span{font-size:7px;padding:4px 2px}
}
@media(max-width:1080px) and (orientation:landscape) and (max-height:600px){
 .hero-slide-growth.is-active .hero-inner{flex-direction:row!important;align-items:center!important}
 .hero-slide-growth.is-active .hero-copy{width:46%!important;max-width:46%!important}
 .hero-slide-growth.is-active .growth-scene{width:50%!important;flex:0 0 50%!important;height:clamp(200px,55dvh,300px)!important}
 .hero-slide-growth .growth-metric{min-height:48px;padding:4px}
 .hero-slide-growth .growth-devices{top:58px}
}
@media(prefers-reduced-motion:reduce){.growth-metric{animation:none!important}}

/* Cuatro transiciones cinematográficas del slider: zoom, parallax, sweep, partículas */
.hero{isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;visibility:hidden}
@keyframes ik-cinematic-enter{0%{opacity:.2;filter:blur(10px);transform:scale(1.09)}100%{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes ik-parallax-enter{0%{opacity:.25;transform:translate3d(4%,0,0) scale(1.07)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes ik-sweep{0%{opacity:0;transform:translateX(-110%) skewX(-17deg)}24%{opacity:.8}70%{opacity:.75}100%{opacity:0;transform:translateX(125%) skewX(-17deg)}}
@keyframes ik-particle-enter{0%{opacity:.12;filter:blur(13px) brightness(1.8);transform:scale(1.055)}65%{opacity:.85;filter:blur(3px) brightness(1.2)}100%{opacity:1;filter:blur(0) brightness(1);transform:scale(1)}}
@keyframes ik-particle-spark{0%{opacity:0;background-position:0 0;transform:scale(1.15)}25%{opacity:.65}100%{opacity:0;background-position:90px -70px;transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
 .hero.is-transitioning.transition-cinematic .hero-slide.is-active .hero-bg{animation:ik-cinematic-enter 1.1s cubic-bezier(.2,.65,.2,1) both!important}
 .hero.is-transitioning.transition-parallax .hero-slide.is-active .hero-bg{animation:ik-parallax-enter 1.1s cubic-bezier(.18,.7,.2,1) both!important}
 .hero.is-transitioning.transition-parallax .hero-slide.is-active .hero-copy{animation:ik-parallax-enter .9s cubic-bezier(.18,.7,.2,1) both!important}
 .hero.is-transitioning.transition-light-sweep::after{visibility:visible;opacity:1;background:linear-gradient(100deg,transparent 23%,#ff681d00 34%,#ff681d55 45%,#f2d2ff70 49%,#7315c5aa 53%,transparent 65%);width:70%;animation:ik-sweep 1.1s ease-in-out both}
 .hero.is-transitioning.transition-light-sweep .hero-slide.is-active .hero-bg{animation:ik-cinematic-enter 1.05s ease-out both!important}
 .hero.is-transitioning.transition-particle .hero-slide.is-active .hero-bg{animation:ik-particle-enter 1.1s ease-out both!important}
 .hero.is-transitioning.transition-particle::after{visibility:visible;opacity:1;background-image:radial-gradient(circle,#ff9b47 1px,transparent 2px),radial-gradient(circle,#ac67ff 1.2px,transparent 2.5px);background-size:47px 43px,71px 61px;animation:ik-particle-spark 1.1s ease-out both}
 .hero.is-transitioning .hero-slide.is-active .hero-kicker{animation-delay:.18s!important}
 .hero.is-transitioning .hero-slide.is-active .hero-copy h1,.hero.is-transitioning .hero-slide.is-active .hero-copy h2{animation-delay:.28s!important}
 .hero.is-transitioning .hero-slide.is-active .hero-copy p{animation-delay:.43s!important}
 .hero.is-transitioning .hero-slide.is-active .hero-actions{animation-delay:.58s!important}
}
@media(max-width:700px){
 .hero.is-transitioning.transition-parallax .hero-slide.is-active .hero-copy{animation:none!important}
 .hero.is-transitioning.transition-light-sweep::after{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .hero.is-transitioning::after{display:none!important}
 .hero.is-transitioning .hero-slide.is-active .hero-bg,.hero.is-transitioning .hero-slide.is-active .hero-copy{animation:none!important;filter:none!important}
}

/* Transiciones visibles tipo PowerPoint: aplicadas al slide completo, no solo al fondo. */
@keyframes ik-ppt-zoom{from{opacity:.15;transform:scale(1.24);filter:blur(12px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes ik-ppt-wipe{from{clip-path:inset(0 100% 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes ik-ppt-blinds{from{clip-path:polygon(0 0,0 0,0 20%,0 20%,0 40%,0 40%,0 60%,0 60%,0 80%,0 80%,0 100%,0 100%);opacity:1}to{clip-path:polygon(0 0,100% 0,100% 20%,0 20%,0 40%,100% 40%,100% 60%,0 60%,0 80%,100% 80%,100% 100%,0 100%);opacity:1}}
@keyframes ik-ppt-circle{from{clip-path:circle(0% at 50% 50%);opacity:1}to{clip-path:circle(75% at 50% 50%);opacity:1}}
@keyframes ik-ppt-slide{from{opacity:1;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes ik-ppt-flip{from{opacity:.4;transform:perspective(1200px) rotateY(-75deg) scale(.91)}to{opacity:1;transform:perspective(1200px) rotateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){
 .hero .hero-slide.hero-entering.is-active{visibility:visible!important;opacity:1!important;z-index:4!important;transition:none!important;transform-origin:center center;backface-visibility:hidden}
 .hero .hero-slide.hero-entering.hero-effect-zoom{animation:ik-ppt-zoom 1.05s cubic-bezier(.2,.7,.2,1) both!important}
 .hero .hero-slide.hero-entering.hero-effect-wipe{animation:ik-ppt-wipe 1.05s cubic-bezier(.65,0,.3,1) both!important}
 .hero .hero-slide.hero-entering.hero-effect-blinds{animation:ik-ppt-blinds 1.05s ease-in-out both!important}
 .hero .hero-slide.hero-entering.hero-effect-circle{animation:ik-ppt-circle 1.05s cubic-bezier(.4,0,.2,1) both!important}
 .hero .hero-slide.hero-entering.hero-effect-slide{animation:ik-ppt-slide 1.05s cubic-bezier(.2,.7,.2,1) both!important}
 .hero .hero-slide.hero-entering.hero-effect-flip{animation:ik-ppt-flip 1.05s cubic-bezier(.2,.7,.2,1) both!important}
}
@media(prefers-reduced-motion:reduce){.hero .hero-slide.hero-entering{animation:none!important;transform:none!important;clip-path:none!important}}

/* Carrusel premium: transición sobre el banner completo */
@keyframes ik-premium-zoom{0%{opacity:.1;transform:scale(1.13);filter:blur(10px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes ik-premium-parallax{0%{opacity:.2;transform:translate3d(8%,0,0) scale(1.04);filter:blur(5px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes ik-premium-light{0%{opacity:.2;clip-path:inset(0 100% 0 0);filter:brightness(1.6)}100%{opacity:1;clip-path:inset(0 0 0 0);filter:brightness(1)}}
@media(prefers-reduced-motion:no-preference){
 .hero .hero-slide.hero-entering.is-active{opacity:1!important;visibility:visible!important;z-index:4!important;transition:none!important;transform-origin:center;will-change:transform,opacity}
 .hero .hero-slide.hero-entering.hero-effect-cinematic{animation:ik-premium-zoom 1.2s cubic-bezier(.2,.7,.2,1) both!important}
 .hero .hero-slide.hero-entering.hero-effect-parallax{animation:ik-premium-parallax 1.2s cubic-bezier(.2,.7,.2,1) both!important}
 .hero .hero-slide.hero-entering.hero-effect-light{animation:ik-premium-light 1.2s cubic-bezier(.4,0,.2,1) both!important}
}
/* Dots: indicador activo es una barra de tiempo que se llena de izquierda a derecha */
@keyframes ik-progress-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-pagination .slider-dot{position:relative!important;overflow:hidden!important;box-shadow:none!important;transition:width .25s ease,background .25s ease!important}
.hero-pagination .slider-dot.is-active,.hero-pagination .slider-dot[aria-current="true"]{width:90px!important;min-width:90px!important;height:10px!important;border-radius:999px!important;background:#ffffff38!important;border:1px solid #ffad7870!important;box-shadow:0 0 10px #ff681d50!important}
.hero-pagination .slider-dot.is-active::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff5d1b,#ffad45);border-radius:inherit;transform-origin:left;animation:ik-progress-fill var(--progress-duration,7000ms) linear both;animation-play-state:inherit}
.hero-pagination .slider-dot:not(.is-progressing)::before{animation-play-state:paused}
.hero-pagination .slider-dot.is-active:hover{background:#ffffff38!important}
@media(max-width:700px){.hero-pagination .slider-dot.is-active,.hero-pagination .slider-dot[aria-current="true"]{width:72px!important;min-width:72px!important;height:10px!important}}
/* Halo de flama: partículas pequeñas, sin interferir con los controles */
.hero-flame-layer{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}
.hero-flame-spark{position:absolute;width:20px;height:20px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffe7aa 0%,#ffb13d 17%,#ff6b1d99 40%,#ad24e944 66%,transparent 76%);box-shadow:0 0 14px 5px #ff681d55;animation:ik-flame-fade .65s ease-out forwards}
@keyframes ik-flame-fade{0%{opacity:.9;transform:translate(-50%,-50%) scale(.8)}55%{opacity:.6;transform:translate(-50%,-95%) scale(1.4)}100%{opacity:0;transform:translate(-50%,-165%) scale(.15)}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.hero-flame-layer{display:none!important}.hero-pagination .slider-dot.is-active::before{animation:none!important;transform:scaleX(1)}}

/* Transiciones premium: desintegración de mosaicos, partículas y pincel orgánico */
@keyframes ik-brush-reveal{
  0%{clip-path:polygon(0 0,0 0,0 13%,0 22%,0 35%,0 46%,0 58%,0 70%,0 82%,0 100%,0 100%);opacity:1}
  20%{clip-path:polygon(0 0,18% 0,13% 12%,22% 22%,14% 34%,21% 47%,12% 59%,22% 73%,16% 85%,20% 100%,0 100%);opacity:1}
  45%{clip-path:polygon(0 0,47% 0,39% 12%,52% 22%,43% 34%,50% 47%,39% 59%,52% 73%,43% 85%,49% 100%,0 100%);opacity:1}
  70%{clip-path:polygon(0 0,76% 0,69% 12%,81% 22%,72% 34%,80% 47%,70% 59%,83% 73%,73% 85%,80% 100%,0 100%);opacity:1}
  100%{clip-path:polygon(0 0,100% 0,100% 12%,100% 22%,100% 34%,100% 47%,100% 59%,100% 73%,100% 85%,100% 100%,0 100%);opacity:1}
}
@keyframes ik-tile-break{0%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translate3d(0,45px,0) rotate(var(--tile-rotate)) scale(.28);filter:blur(8px)}}
@keyframes ik-tile-dust{0%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}60%{opacity:.8;filter:blur(2px)}100%{opacity:0;transform:translate3d(var(--drift,22px),-65px,0) scale(.04);filter:blur(13px)}}
@media(prefers-reduced-motion:no-preference){
 .hero .hero-slide.hero-exiting{visibility:visible!important;opacity:1!important;z-index:2!important}
 .hero .hero-slide.hero-entering.is-active{visibility:visible!important;opacity:1!important;z-index:3!important;transition:none!important;transform:none!important;filter:none!important;animation:none!important}
 .hero .hero-slide.hero-entering.hero-effect-brush{animation:ik-brush-reveal 1.3s ease-in-out both!important}
 .hero .hero-slide.hero-entering.hero-effect-mosaic,.hero .hero-slide.hero-entering.hero-effect-particles{animation:none!important}
}
.hero-transition-tiles{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.hero-transition-tile{position:absolute;background-repeat:no-repeat;animation:ik-tile-break .75s cubic-bezier(.3,.5,.5,1) both;will-change:transform,opacity}
.hero-tiles-particles .hero-transition-tile{animation-name:ik-tile-dust;animation-duration:.7s}
@media(max-width:700px){.hero-transition-tile{animation-duration:.62s}}
/* Flama naranja/morada, semitransparente y con estela por toda la página */
.ik-fire-cursor,.ik-fire-trail{position:fixed;inset:0 auto auto 0;pointer-events:none!important;z-index:2147483000}
.ik-fire-cursor{width:1px;height:1px;opacity:0;transition:opacity .18s ease}
.ik-fire-cursor.is-visible{opacity:.8}
.ik-fire-cursor::before{content:"";position:absolute;left:-19px;top:-37px;width:38px;height:48px;background:radial-gradient(ellipse at 52% 75%,#ffde996e 0%,#ff82298a 24%,#ff561b70 47%,#7915c54d 66%,transparent 77%);border-radius:65% 35% 68% 32% / 78% 55% 45% 22%;filter:blur(4px);transform:rotate(-12deg);animation:ik-fire-flicker .28s ease-in-out infinite alternate}
.ik-fire-cursor::after{content:"";position:absolute;left:-8px;top:-23px;width:17px;height:27px;background:linear-gradient(0deg,#ff7b2b80,#ffdc8e85 55%,transparent);clip-path:polygon(50% 0,83% 32%,100% 70%,72% 100%,18% 100%,0 65%,30% 38%);filter:blur(2px);animation:ik-fire-flicker .4s ease-in-out infinite alternate-reverse}
.ik-fire-trail{width:0;height:0}
.ik-fire-ember{position:fixed;width:21px;height:30px;border-radius:65% 35% 65% 35%;background:radial-gradient(ellipse at 50% 75%,#ffcf8175 0%,#ff681d72 35%,#7315c545 62%,transparent 78%);filter:blur(3px);animation:ik-fire-ember .72s ease-out forwards;transform:translate(-50%,-50%)}
@keyframes ik-fire-flicker{from{transform:rotate(-15deg) scale(.86)}to{transform:rotate(12deg) scale(1.12)}}
@keyframes ik-fire-ember{0%{opacity:.7;transform:translate(-50%,-50%) scale(.9)}65%{opacity:.4}100%{opacity:0;transform:translate(calc(-50% + var(--drift)),calc(-50% - 54px)) scale(.12)}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.ik-fire-cursor,.ik-fire-trail{display:none!important}}

@keyframes ik-cascade{to{opacity:0;transform:translateY(95px) rotate(12deg) scale(.2);filter:blur(7px)}}
@keyframes ik-shatter{to{opacity:0;transform:translate(var(--tile-dx),var(--tile-dy)) rotate(var(--tile-rotate)) scale(.1);filter:blur(8px)}}
@keyframes ik-spiral{to{opacity:0;transform:rotate(var(--tile-rotate)) translate(70px,-70px) scale(.05);filter:blur(9px)}}
@keyframes ik-wave{to{opacity:0;transform:translateY(-90px) rotate(-16deg) scale(.3);filter:blur(7px)}}
@keyframes ik-pixel{60%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(0)}}
@keyframes ik-ink{from{clip-path:circle(0% at 25% 55%)}to{clip-path:circle(125% at 50% 50%)}}
@keyframes ik-curtain{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.hero-tiles-cascade .hero-transition-tile{animation-name:ik-cascade}
.hero-tiles-shatter .hero-transition-tile{animation-name:ik-shatter}
.hero-tiles-spiral .hero-transition-tile{animation-name:ik-spiral}
.hero-tiles-wave .hero-transition-tile{animation-name:ik-wave}
.hero-tiles-pixel .hero-transition-tile{animation-name:ik-pixel}
.hero-transition-tile{animation-duration:.9s}
@media(prefers-reduced-motion:no-preference){
.hero .hero-slide.hero-entering.hero-effect-ink{animation:ik-ink 1.5s ease-in-out both!important}
.hero .hero-slide.hero-entering.hero-effect-curtain{animation:ik-curtain 1.5s ease-in-out both!important}
}
.ik-fire-cursor::before{left:-44px;top:-54px;width:88px;height:100px;background:radial-gradient(ellipse at center,#ffe2a478,#ff9d347a 20%,#ff681d75 40%,#9b26df58 62%,transparent 85%);filter:blur(9px)}
.ik-fire-cursor::after{left:-25px;top:-38px;width:50px;height:76px;background:radial-gradient(ellipse at center,#ffdf9b88,#ff812d78 44%,#7614c552 74%,transparent);filter:blur(5px)}
.ik-fire-ember{width:37px;height:47px;filter:blur(6px)}

/* Cyber cursor: flama compacta y anillo holográfico reactivo */
.ik-fire-cursor::before{left:-33px;top:-41px;width:66px;height:76px;filter:blur(7px)}
.ik-fire-cursor::after{left:-19px;top:-29px;width:38px;height:57px;filter:blur(4px)}
.ik-fire-ember{width:28px;height:35px;filter:blur(5px)}
.ik-fire-cursor{transition:opacity .18s ease}
.ik-fire-cursor .ik-cyber-ring{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border:1px solid #9e44e58a;border-radius:50%;box-shadow:0 0 13px #7315c54a,inset 0 0 12px #ff681d22;transition:width .22s,height .22s,left .22s,top .22s,border-color .22s;animation:ik-cyber-pulse 2.4s ease-in-out infinite}
.ik-fire-cursor .ik-cyber-core{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#ffbd72b8;box-shadow:0 0 12px 3px #ff681d99}
.ik-fire-cursor.is-interactive .ik-cyber-ring{left:-35px;top:-35px;width:70px;height:70px;border-color:#ff8738cc;box-shadow:0 0 19px #ff681d77,inset 0 0 15px #7315c54d}
@keyframes ik-cyber-pulse{0%,100%{opacity:.42;transform:scale(.94)}50%{opacity:.85;transform:scale(1.06)}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.ik-fire-cursor .ik-cyber-ring,.ik-fire-cursor .ik-cyber-core{display:none!important}}

/* Cursor Digital Particle Trail: sin flama ni halo, solo partículas discretas */
.ik-particle-trail{position:fixed;inset:0;z-index:2147483000;pointer-events:none!important;overflow:hidden}
.ik-digital-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#ff681d;box-shadow:0 0 7px 2px #ff681d70;transform:translate(-50%,-50%);animation:ik-particle-fade .8s ease-out forwards;will-change:transform,opacity}
.ik-digital-particle.is-purple{background:#a34bff;box-shadow:0 0 7px 2px #7315c580}
.ik-digital-particle.is-interactive{width:5px;height:5px;box-shadow:0 0 11px 3px #ff681d88}
.ik-digital-particle.is-interactive.is-purple{box-shadow:0 0 11px 3px #7315c599}
@keyframes ik-particle-fade{0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}65%{opacity:.55}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.1)}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.ik-particle-trail{display:none!important}}

/* Header tecnológico claro: degradados de marca y trama vectorial discreta */
.header{background:
 radial-gradient(ellipse 35% 180% at 94% 10%,rgba(115,21,197,.09),transparent 78%),
 radial-gradient(ellipse 34% 180% at 4% 95%,rgba(255,104,29,.075),transparent 78%),
 repeating-linear-gradient(125deg,transparent 0,transparent 44px,rgba(115,21,197,.027) 45px,transparent 46px,transparent 91px),
 linear-gradient(110deg,#fcf9ff 0%,#f6f1fb 46%,#fff8f3 100%)!important;
 border-bottom:1px solid rgba(115,21,197,.13)!important;
 box-shadow:0 2px 16px rgba(38,13,63,.045)}
.header.scrolled{box-shadow:0 8px 25px rgba(38,13,63,.13)!important}
.mobile-menu{background:
 radial-gradient(ellipse at 100% 0%,rgba(115,21,197,.085),transparent 65%),
 repeating-linear-gradient(125deg,transparent 0,transparent 47px,rgba(115,21,197,.028) 48px,transparent 49px,transparent 94px),
 linear-gradient(125deg,#fcf9ff,#f8f3fd 65%,#fff8f4)!important;
 border-top:1px solid rgba(115,21,197,.09)}
@media(prefers-contrast:more){.header,.mobile-menu{background:#f8f5fc!important}}

/* Nuevo arte del tercer banner: no superponer el antiguo mockup de laptop */
.hero-slide-growth.has-new-art .growth-scene{display:none!important}
.hero-slide-growth.has-new-art .hero-overlay{background:linear-gradient(90deg,rgba(10,5,28,.74) 0%,rgba(15,7,38,.48) 34%,rgba(14,5,34,.06) 66%,transparent 100%)!important}
.hero-slide-growth.has-new-art .hero-bg{object-position:center center}
@media(max-width:767px){
 .hero-slide-growth.has-new-art .hero-overlay{background:linear-gradient(180deg,rgba(10,5,28,.80) 0%,rgba(10,5,28,.57) 58%,rgba(10,5,28,.25) 100%)!important}
 .hero-slide-growth.has-new-art .hero-bg{object-position:65% center}
}

/* Primer hero: identidad tipográfica y CTA según referencia aprobada */
.hero-slide-brand .hero-kicker{display:flex!important;align-items:center;gap:14px;color:#ff8a32!important;font-weight:800!important;letter-spacing:.045em!important;text-transform:uppercase}
.hero-slide-brand .hero-kicker::after{content:"";display:block;flex:1;max-width:80px;height:1px;background:linear-gradient(90deg,#ff8b34,rgba(255,139,52,0))}
.hero-slide-brand .hero-copy h1{font-family:Manrope,"DM Sans",sans-serif!important;font-weight:800!important;letter-spacing:-.065em!important;line-height:1.04!important}
.hero-slide-brand .hero-copy h1 em{font-style:normal!important;background:linear-gradient(100deg,#ff953f 0%,#ff682d 37%,#ff588d 69%,#bb45ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
.hero-slide-brand .hero-copy p{font-family:"DM Sans",sans-serif!important;font-weight:400!important;line-height:1.55!important;color:rgba(255,255,255,.94)!important}
.hero-slide-brand .hero-copy p strong{font-weight:700!important;color:#fff!important}
.hero-slide-brand .hero-actions .btn-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:17px!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(180deg,#ffad64 0%,#ff7827 32%,#ff570b 100%)!important;border:1px solid rgba(255,209,155,.85)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.32),0 9px 25px rgba(255,94,22,.27)!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap}
.hero-slide-brand .hero-actions .btn-primary:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 12px 34px rgba(255,94,22,.42)!important;transform:translateY(-2px)}
.hero-slide-brand .brand-btn-arrow{width:19px;height:19px;flex:none}
.hero-slide-brand .hero-secondary{display:inline-flex!important;align-items:center!important;gap:11px!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:999px!important;background:rgba(12,7,28,.38)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff!important;font-weight:800!important}
.hero-slide-brand .hero-secondary .play-icon{display:grid!important;place-items:center!important;flex:none!important;border:1px solid rgba(255,255,255,.74)!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}
.hero-slide-brand .hero-secondary .play-icon svg{width:20px;height:20px}
@media(max-width:700px){.hero-slide-brand .hero-kicker::after{max-width:34px}.hero-slide-brand .hero-copy h1{letter-spacing:-.055em!important}.hero-slide-brand .hero-actions .btn-primary{gap:10px!important}.hero-slide-brand .brand-btn-arrow{width:17px;height:17px}}

/* Evitar corte de descendentes (g, j, p, q, y) en título degradado */
.hero-slide-brand .hero-copy h1{line-height:1.12!important;overflow:visible!important;padding-bottom:.11em!important}
.hero-slide-brand .hero-copy h1 em{display:inline-block!important;line-height:1.15!important;padding-bottom:.12em!important;margin-bottom:-.12em!important;overflow:visible!important;vertical-align:baseline!important}

/* Botón Conversemos idéntico en los tres sliders */
.hero .hero-actions .hero-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;min-height:52px!important;padding:7px 20px 7px 14px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:999px!important;background:rgba(14,8,29,.35)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#fff!important;font-family:Manrope,"DM Sans",sans-serif!important;font-weight:800!important;letter-spacing:-.025em!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
.hero .hero-actions .hero-secondary .play-icon{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:0!important;line-height:1!important}
.hero .hero-actions .hero-secondary .play-icon svg{display:block!important;width:19px!important;height:19px!important;stroke:currentColor!important}
.hero .hero-actions .hero-secondary:hover{background:rgba(43,18,69,.6)!important;border-color:rgba(255,255,255,.88)!important;box-shadow:0 0 20px rgba(159,62,235,.18)!important;transform:translateY(-2px)}
@media(max-width:700px){.hero .hero-actions .hero-secondary{min-height:46px!important;padding:6px 15px 6px 10px!important;gap:8px!important}.hero .hero-actions .hero-secondary .play-icon{width:26px!important;height:26px!important;flex-basis:26px!important}}

/* Icono de Conversemos sin círculo contenedor, en los tres banners */
.hero .hero-actions .hero-secondary .play-icon{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:22px!important;height:22px!important;flex:0 0 22px!important;padding:0!important}
.hero .hero-actions .hero-secondary .play-icon svg{width:22px!important;height:22px!important}

/* Navegación premium del hero: cápsula de cristal, indicador y dots consistentes */
.hero .hero-pagination{bottom:20px!important;gap:10px!important;min-height:42px!important;padding:8px 15px!important;border:1px solid rgba(218,174,255,.48)!important;border-radius:999px!important;background:linear-gradient(115deg,rgba(30,13,58,.83),rgba(15,9,33,.72))!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;box-shadow:0 10px 30px rgba(5,2,20,.33),inset 0 1px 0 rgba(255,255,255,.14),0 0 19px rgba(135,41,228,.12)!important}
.hero .hero-pagination .hero-index{font-family:Manrope,sans-serif!important;font-size:12px!important;font-weight:800!important;letter-spacing:.045em!important;margin:0 5px 0 1px!important;color:#fff!important}
.hero .hero-pagination .slider-dot{width:9px!important;min-width:9px!important;height:9px!important;border:1px solid rgba(255,255,255,.38)!important;background:rgba(230,215,247,.55)!important;border-radius:999px!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.18)!important;transition:width .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease!important}
.hero .hero-pagination .slider-dot.is-active,.hero .hero-pagination .slider-dot[aria-current="true"]{width:76px!important;min-width:76px!important;height:10px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,173,116,.58)!important;box-shadow:0 0 0 3px rgba(255,104,29,.06),0 0 14px rgba(255,104,29,.24)!important;overflow:hidden!important}
.hero .hero-pagination .slider-dot.is-active::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff8b2b 0%,#ff527c 54%,#b82cff 100%)!important;border-radius:inherit!important;box-shadow:0 0 12px rgba(255,99,100,.55)!important;animation:ik-progress-fill var(--progress-duration,7000ms) linear both!important;animation-play-state:running}
.hero .hero-pagination .slider-dot.is-active:not(.is-progressing)::before{animation-play-state:paused!important}
.hero .hero-pagination .slider-dot:not(.is-active):hover{background:#fff!important;transform:scale(1.22)!important;box-shadow:0 0 10px rgba(255,255,255,.6)!important}
.hero .hero-pagination .slider-dot:focus-visible{outline:2px solid #ff9e59!important;outline-offset:5px!important}
@media(max-width:700px){.hero .hero-pagination{bottom:12px!important;gap:8px!important;min-height:36px!important;padding:7px 12px!important}.hero .hero-pagination .slider-dot.is-active,.hero .hero-pagination .slider-dot[aria-current="true"]{width:62px!important;min-width:62px!important}}
@media(prefers-reduced-motion:reduce){.hero .hero-pagination .slider-dot.is-active::before{animation:none!important;transform:scaleX(1)!important}}

/* Sistema tipográfico global: dos familias, jerarquía consistente.
   Los tres banners conservan sus variantes artísticas independientes. */
:root{--font-body:"DM Sans",Arial,sans-serif;--font-heading:Manrope,"DM Sans",Arial,sans-serif;--weight-body:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800}
body{font-family:var(--font-body)!important;font-weight:var(--weight-body)}
body :where(p,li,dd,dt,small,label,input,textarea,select,button,a,nav,footer,header){font-family:var(--font-body)}
body :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading);font-weight:var(--weight-bold)}
body :where(.section-tag,.section-eyebrow,.card-title,.service-title){font-family:var(--font-heading)}
body :where(button,input,textarea,select){font-family:var(--font-body)}
body :where(.desktop-nav,.mobile-menu,.topbar,.footer,.services,.about,.contact) :where(a,button,p,li,span,small){font-family:var(--font-body)}
/* Única excepción: identidad tipográfica de los banners. */
.hero .hero-copy h1,.hero .hero-copy h2,.hero .hero-kicker{font-family:var(--font-heading)}

/* Segundo banner: tratamiento visual fiel a la referencia, sin afectar al resto */
.hero-slide-ai .hero-kicker{display:flex!important;align-items:center!important;gap:14px!important;color:#ff8b34!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase}
.hero-slide-ai .hero-kicker::after{content:"";height:1px;max-width:70px;flex:1;background:linear-gradient(90deg,#ff9a42,transparent)}
.hero-slide-ai .hero-copy h2{font-family:var(--font-heading)!important;font-weight:800!important;letter-spacing:-.06em!important;line-height:1.12!important;overflow:visible!important;padding-bottom:.09em!important}
.hero-slide-ai .hero-copy h2 em{font-style:normal!important;display:inline-block!important;line-height:1.15!important;padding-bottom:.11em!important;margin-bottom:-.11em!important;background:linear-gradient(100deg,#ffac41 0%,#ff6c2b 35%,#ff5a90 66%,#b748ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
.hero-slide-ai .hero-copy p{font-family:var(--font-body)!important;font-weight:400!important;line-height:1.55!important;color:rgba(255,255,255,.94)!important}
.hero-slide-ai .hero-actions .btn-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(180deg,#ffab60 0%,#ff7929 34%,#ff590d 100%)!important;border:1px solid rgba(255,210,159,.82)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 9px 25px rgba(255,94,22,.25)!important;font-family:var(--font-body)!important;font-weight:800!important;white-space:nowrap}
.hero-slide-ai .hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 12px 32px rgba(255,94,22,.38)!important}
.hero-slide-ai .brand-btn-arrow{width:19px;height:19px;flex:none}
@media(max-width:700px){.hero-slide-ai .hero-copy h2{letter-spacing:-.05em!important}.hero-slide-ai .hero-kicker::after{max-width:32px}.hero-slide-ai .hero-actions .btn-primary{gap:9px!important}.hero-slide-ai .brand-btn-arrow{width:17px;height:17px}}

/* Segundo hero: ecosistema de aplicaciones flotantes sobre la zona de laptop.
   No sustituye robot ni cuatro tarjetas KPI. */
.hero-slide-ai .ai-workflow{isolation:isolate}
.hero-slide-ai .ai-app-network{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}
.hero-slide-ai .ai-app-tile{position:absolute;display:grid;place-items:center;width:clamp(35px,3.45vw,54px);height:clamp(35px,3.45vw,54px);padding:7px;border-radius:13px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(143,65,255,.15),0 0 17px rgba(169,55,255,.52),0 7px 20px rgba(0,0,0,.3);animation:ai-app-hover 4.1s ease-in-out infinite;will-change:transform}
.hero-slide-ai .ai-app-tile svg{width:100%;height:100%;display:block}
.hero-slide-ai .ai-app-gmail{left:17%;top:27%;animation-delay:-.4s}
.hero-slide-ai .ai-app-sheets{left:31%;top:39%;animation-delay:-1.8s}
.hero-slide-ai .ai-app-whatsapp{left:18%;top:52%;animation-delay:-2.5s}
.hero-slide-ai .ai-app-slack{left:34%;top:67%;animation-delay:-1.1s}
.hero-slide-ai .ai-app-trello{left:17%;top:81%;animation-delay:-3.2s}
.hero-slide-ai .ai-app-hub{left:48%;top:54%;background:linear-gradient(135deg,#8e23ff,#5a10c5);border-color:#f0b0ff;box-shadow:0 0 10px #d54bff,0 0 27px rgba(184,50,255,.8);animation-delay:-.8s}
.hero-slide-ai .ai-app-wire{position:absolute;height:2px;transform-origin:left center;background:linear-gradient(90deg,transparent,#d74dff,#45b9ff);box-shadow:0 0 8px #b53cff;opacity:.75;animation:ai-wire-pulse 2.5s ease-in-out infinite}
.hero-slide-ai .ai-wire-one{left:23%;top:38%;width:26%;transform:rotate(27deg)}
.hero-slide-ai .ai-wire-two{left:36%;top:50%;width:18%;transform:rotate(30deg);animation-delay:-.6s}
.hero-slide-ai .ai-wire-three{left:24%;top:61%;width:28%;transform:rotate(-4deg);animation-delay:-1.1s}
.hero-slide-ai .ai-wire-four{left:39%;top:74%;width:18%;transform:rotate(-34deg);animation-delay:-1.7s}
.hero-slide-ai .ai-wire-five{left:23%;top:88%;width:32%;transform:rotate(-36deg);animation-delay:-2s}
@keyframes ai-app-hover{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-10px,0) rotate(3deg)}}
@keyframes ai-wire-pulse{0%,100%{opacity:.35;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.6)}}
@media(max-width:900px){.hero-slide-ai .ai-app-tile{width:35px;height:35px;padding:5px;border-radius:10px}.hero-slide-ai .ai-app-network{opacity:.9}.hero-slide-ai .ai-app-gmail,.hero-slide-ai .ai-app-whatsapp,.hero-slide-ai .ai-app-trello{left:10%}.hero-slide-ai .ai-app-sheets,.hero-slide-ai .ai-app-slack{left:25%}.hero-slide-ai .ai-app-hub{left:41%}}
@media(max-width:600px){.hero-slide-ai .ai-app-network{opacity:.78}.hero-slide-ai .ai-app-tile{width:27px;height:27px;padding:4px;border-radius:8px}.hero-slide-ai .ai-app-hub{left:44%}.hero-slide-ai .ai-app-sheets,.hero-slide-ai .ai-app-slack{left:28%}}
@media(prefers-reduced-motion:reduce){.hero-slide-ai .ai-app-tile,.hero-slide-ai .ai-app-wire{animation:none!important;will-change:auto}}

/* Segundo banner: disposición KPI según mockup (1 izquierda, 3 derecha). */
@media(min-width:901px){
.hero-slide-ai .ai-workflow .ai-workflow-node{width:clamp(182px,16vw,255px)!important;max-width:none!important;min-height:92px!important;padding:12px 14px!important;gap:12px!important;z-index:5!important}
.hero-slide-ai .ai-workflow .ai-node-data{left:0!important;right:auto!important;top:1%!important;bottom:auto!important}
.hero-slide-ai .ai-workflow .ai-node-analysis{left:auto!important;right:0!important;top:0!important;bottom:auto!important}
.hero-slide-ai .ai-workflow .ai-node-automation{left:auto!important;right:0!important;top:35%!important;bottom:auto!important}
.hero-slide-ai .ai-workflow .ai-node-results{left:auto!important;right:0!important;top:70%!important;bottom:auto!important}
.hero-slide-ai .ai-workflow .ai-workflow-core{z-index:4!important}
.hero-slide-ai .ai-workflow .ai-app-network{z-index:3!important}
}
.hero-slide-ai .ai-workflow .ai-node-icon{display:grid!important;place-items:center!important;flex-shrink:0!important}
.hero-slide-ai .ai-workflow .ai-node-icon svg{width:58%!important;height:58%!important;display:block!important;overflow:visible}
.hero-slide-ai .ai-workflow .ai-workflow-node strong{font-family:var(--font-heading)!important;font-weight:800!important;line-height:1.18!important}
.hero-slide-ai .ai-workflow .ai-workflow-node small{font-family:var(--font-body)!important;line-height:1.32!important}
@media(max-width:900px){
.hero-slide-ai .ai-workflow .ai-node-data{top:0!important;left:0!important;right:auto!important;bottom:auto!important}
.hero-slide-ai .ai-workflow .ai-node-analysis{top:0!important;right:0!important;left:auto!important;bottom:auto!important}
.hero-slide-ai .ai-workflow .ai-node-automation{bottom:0!important;left:0!important;right:auto!important;top:auto!important}
.hero-slide-ai .ai-workflow .ai-node-results{bottom:0!important;right:0!important;left:auto!important;top:auto!important}
}

/* Ajuste fino KPI segundo banner: automatización arriba/izquierda; columna derecha más externa. */
@media(min-width:901px){
.hero-slide-ai .ai-workflow .ai-node-data{top:-12%!important;left:-14%!important;right:auto!important}
.hero-slide-ai .ai-workflow .ai-node-analysis{right:-15%!important;left:auto!important}
.hero-slide-ai .ai-workflow .ai-node-automation{right:-15%!important;left:auto!important}
.hero-slide-ai .ai-workflow .ai-node-results{right:-15%!important;left:auto!important}
}

/* Segundo banner: desplazar únicamente la red de iconos flotantes hacia la izquierda. */
@media(min-width:901px){
.hero-slide-ai .ai-app-network{transform:translateX(-11%)!important}
}
@media(min-width:601px) and (max-width:900px){
.hero-slide-ai .ai-app-network{transform:translateX(-6%)!important}
}

/* Ajuste de composición segundo hero: aplicaciones y robot hacia la izquierda. */
@media(min-width:901px){
.hero-slide-ai .ai-app-network{transform:translateX(-20%)!important}
.hero-slide-ai .ai-workflow .ai-workflow-core{transform:translateX(-7%)!important}
}
@media(min-width:601px) and (max-width:900px){
.hero-slide-ai .ai-app-network{transform:translateX(-11%)!important}
.hero-slide-ai .ai-workflow .ai-workflow-core{transform:translateX(-4%)!important}
}

/* Robot centrado visualmente entre red de aplicaciones (izquierda) y KPI (derecha).
   Conservar translate(-50%,-50%) para respetar el anclaje central original. */
@media(min-width:901px){
.hero-slide-ai .ai-workflow .ai-workflow-core{left:55%!important;top:50%!important;transform:translate(-50%,-50%)!important}
}
@media(min-width:601px) and (max-width:900px){
.hero-slide-ai .ai-workflow .ai-workflow-core{left:52%!important;top:50%!important;transform:translate(-50%,-50%)!important}
}

/* Ajuste solicitado: robot ligeramente más a la izquierda, sin mover KPI ni apps. */
@media(min-width:901px){.hero-slide-ai .ai-workflow .ai-workflow-core{left:47%!important}}
@media(min-width:601px) and (max-width:900px){.hero-slide-ai .ai-workflow .ai-workflow-core{left:47%!important}}

/* Banner 1: tarjetas de servicios legibles y alineadas, con iconografía SVG consistente. */
.hero-slide-brand .hero-float{box-sizing:border-box;display:flex!important;align-items:center!important;gap:14px!important}
.hero-slide-brand .hero-float .float-icon{flex:0 0 auto!important;display:grid!important;place-items:center!important}
.hero-slide-brand .hero-float .float-icon svg{display:block;width:57%;height:57%}
.hero-slide-brand .hero-float>a,.hero-slide-brand .hero-float>span:nth-child(2){min-width:0;flex:1}
.hero-slide-brand .hero-float b,.hero-slide-brand .hero-float small{overflow-wrap:normal;word-break:normal;hyphens:none}
@media(min-width:901px){
.hero-slide-brand .hero-float-list{gap:11px!important}
.hero-slide-brand .hero-float{min-height:88px!important;padding:13px 17px!important}
.hero-slide-brand .hero-float b{font-size:clamp(14px,1.08vw,17px)!important;line-height:1.25!important}
.hero-slide-brand .hero-float small{font-size:clamp(11px,.88vw,14px)!important;line-height:1.36!important}
}

/* Restaurar el recorrido luminoso de los bordes en ambos banners.
   Sobrescribe reglas antiguas que desactivaban la animación. */
@property --ai-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes ikrea-border-orbit{from{--ai-border-angle:0deg}to{--ai-border-angle:360deg}}
.hero-slide-brand .hero-float::before,
.hero-slide-ai .ai-workflow-node::before{
 animation:ikrea-border-orbit 3.4s linear infinite!important;
}
.hero-slide-brand .hero-float:nth-child(2)::before,
.hero-slide-ai .ai-workflow-node:nth-child(2)::before{animation-delay:-.85s!important}
.hero-slide-brand .hero-float:nth-child(3)::before,
.hero-slide-ai .ai-workflow-node:nth-child(3)::before{animation-delay:-1.7s!important}
.hero-slide-brand .hero-float:nth-child(4)::before,
.hero-slide-ai .ai-workflow-node:nth-child(4)::before{animation-delay:-2.55s!important}
@media(prefers-reduced-motion:reduce){
.hero-slide-brand .hero-float::before,.hero-slide-ai .ai-workflow-node::before{animation:none!important}
}

/* Banner 3: tipografia y botones coherentes con banners 1 y 2 */
.hero-slide-growth .hero-kicker{display:flex!important;align-items:center!important;gap:14px!important;color:#ff8b34!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase}
.hero-slide-growth .hero-kicker::after{content:"";height:1px;max-width:75px;flex:1;background:linear-gradient(90deg,#ff9a42,transparent)}
.hero-slide-growth .hero-copy h2{font-family:var(--font-heading)!important;font-weight:800!important;letter-spacing:-.06em!important;line-height:1.12!important;overflow:visible!important;padding-bottom:.09em!important}
.hero-slide-growth .hero-copy h2 em{font-style:normal!important;display:inline-block!important;line-height:1.15!important;padding-bottom:.11em!important;margin-bottom:-.11em!important;background:linear-gradient(100deg,#ffac42 0%,#ff6d30 35%,#ff5590 70%,#bc43ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.hero-slide-growth .hero-copy p{font-family:var(--font-body)!important;font-weight:400!important;line-height:1.55!important;color:rgba(255,255,255,.94)!important}
.hero-slide-growth .hero-actions .btn-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(105deg,#ff8e21,#ff5a20)!important}
.hero-slide-growth .hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 12px 32px rgba(255,94,22,.38)!important}
.hero-slide-growth .brand-btn-arrow{width:19px;height:19px;flex:none}
@media(max-width:700px){.hero-slide-growth .hero-copy h2{letter-spacing:-.05em!important}.hero-slide-growth .hero-kicker::after{max-width:32px}.hero-slide-growth .hero-actions .btn-primary{gap:9px!important}}

/* Banner 3: misma jerarquia de texto, espaciado y botones que los heroes 1 y 2 */
.hero-slide-growth .hero-copy p{font-family:var(--font-body)!important;font-size:clamp(14px,1.1vw,17px)!important;line-height:1.6!important;font-weight:400!important;max-width:500px!important;margin-bottom:22px!important;color:rgba(255,255,255,.94)!important}
.hero-slide-growth .hero-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.hero-slide-growth .hero-actions .btn-primary{min-height:54px!important;padding:0 22px!important;font-size:14px!important;font-family:var(--font-body)!important;font-weight:800!important;gap:16px!important;border:1px solid rgba(255,210,159,.82)!important;background:linear-gradient(180deg,#ffab60 0%,#ff7929 34%,#ff590d 100%)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 9px 25px rgba(255,94,22,.25)!important;white-space:nowrap}
.hero-slide-growth .hero-actions .hero-secondary{min-height:54px!important;font-size:14px!important;font-family:var(--font-body)!important;font-weight:800!important;border:1px solid rgba(255,255,255,.48)!important;background:rgba(12,7,28,.38)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
@media(max-width:700px){.hero-slide-growth .hero-copy p{font-size:12px!important;line-height:1.45!important;margin-bottom:12px!important}.hero-slide-growth .hero-actions{gap:8px!important}.hero-slide-growth .hero-actions .btn-primary,.hero-slide-growth .hero-actions .hero-secondary{min-height:42px!important;font-size:11px!important}.hero-slide-growth .hero-actions .btn-primary{padding:0 13px!important;gap:9px!important}}


/* Banner 3: isolated composition; original copy at left and compact globe at right. */
.hero-slide-growth .hero-inner{
  position:relative!important;
  z-index:5!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:100%!important;
}
.hero-slide-growth .hero-inner > .hero-copy{
  display:block!important;
  position:relative!important;
  z-index:6!important;
  flex:0 0 52%!important;
  width:52%!important;
  max-width:600px!important;
  min-width:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.hero-slide-growth .hero-hologram{
  position:absolute!important;
  z-index:2!important;
  left:70%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:clamp(175px,20vw,290px)!important;
  max-width:290px!important;
  height:auto!important;
  aspect-ratio:1313/1198;
  transform:translate(-50%,-50%)!important;
  pointer-events:none;
  filter:drop-shadow(0 8px 16px rgba(138,35,255,.28));
}
.hero-slide-growth .hero-hologram > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  animation:ikrea-globe-float 5.8s ease-in-out infinite,ikrea-globe-turn 18s ease-in-out infinite;
}
@keyframes ikrea-globe-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes ikrea-globe-turn{0%,100%{transform:perspective(900px) rotateY(-9deg)}50%{transform:perspective(900px) rotateY(9deg)}}
@media(max-width:1080px){
 .hero-slide-growth .hero-inner{flex-direction:row!important}
 .hero-slide-growth .hero-inner > .hero-copy{flex:0 0 55%!important;width:55%!important;max-width:55%!important}
 .hero-slide-growth .hero-hologram{left:72%!important;width:clamp(140px,23vw,235px)!important}
}
@media(max-width:700px){
 .hero-slide-growth .hero-inner{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
 .hero-slide-growth .hero-inner > .hero-copy{flex:none!important;width:100%!important;max-width:100%!important;padding-right:0!important}
 .hero-slide-growth .hero-hologram{left:73%!important;top:72%!important;width:clamp(95px,27vw,155px)!important;opacity:.8}
}
@media(prefers-reduced-motion:reduce){.hero-slide-growth .hero-hologram > img{animation:none}}

/* WebGL globe: square viewport, static WebP fallback if Three.js is unavailable. */
.hero-slide-growth .hero-hologram{aspect-ratio:1/1!important;overflow:visible}
.hero-slide-growth .hero-hologram canvas{display:block;width:100%!important;height:100%!important}
.hero-slide-growth .hero-hologram.is-webgl-ready > img{display:none!important}
@media(prefers-reduced-motion:reduce){
  .hero-slide-growth .hero-hologram > img{animation:none!important}
}