
:root{--bg:#07110e;--bg2:#0b1915;--ink:#0b1b2b;--green:#20ed6b;--green2:#08c950;--blue:#19aaf8;--muted:#6e7d88;--line:#dbe5e0;--white:#fff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:var(--bg);line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:76px;padding:0 clamp(22px,4vw,72px);display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:50;background:rgba(5,15,13,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:44px;height:44px;object-fit:contain}.brand span{display:grid;line-height:1}.brand b{font-size:20px;letter-spacing:-.8px;font-style:normal}.brand b em,.brand span em{font-style:normal;color:var(--green)}.brand small{font-size:8px;letter-spacing:4px;color:#9eaca6;margin-top:6px}.main-nav{display:flex;gap:28px;margin:auto}.main-nav a{font-size:14px;color:#c6d1cc}.main-nav a:hover{color:var(--green)}.header-actions{display:flex;gap:10px;align-items:center}.control-link{font-size:13px;color:#cbd6d1}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;background:linear-gradient(135deg,var(--green),#32f38c);color:#04110a;font-weight:800;border:0;box-shadow:0 12px 30px rgba(32,237,107,.15);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(32,237,107,.25)}.btn-sm{padding:10px 15px;font-size:13px}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;box-shadow:none}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.1px;color:var(--green);margin:0 0 16px}.hero{min-height:650px;padding:90px clamp(24px,5vw,82px) 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,1.1fr);align-items:center;gap:55px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(32,237,107,.17),transparent 27%),linear-gradient(115deg,#07120f 0%,#0a1714 50%,#07110e 100%)}.hero:after{content:"";position:absolute;right:-120px;bottom:-240px;width:600px;height:600px;border:1px solid rgba(32,237,107,.18);border-radius:50%}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(50px,5.4vw,82px);line-height:.97;letter-spacing:-4px;margin:0 0 26px;max-width:760px}.hero h1 span,.section h2 span,.why h2 span,.contact h2 span{color:var(--green)}.lead{font-size:19px;color:#c9d4d0;max-width:680px;line-height:1.6}.actions{display:flex;gap:14px;margin:34px 0 30px}.hero-trust{display:flex;gap:24px;flex-wrap:wrap;color:#9fb0a9;font-size:13px}.hero-product{height:470px;position:relative;z-index:2}.laptop{position:absolute;left:10px;top:35px;width:83%;height:350px;border:9px solid #111b1a;border-radius:20px 20px 11px 11px;background:#f4f7f6;box-shadow:0 35px 65px rgba(0,0,0,.46);overflow:hidden;transform:perspective(1100px) rotateY(-6deg)}.laptop:after{content:"";position:absolute;width:112%;height:13px;background:#222d2b;bottom:-13px;left:-6%;border-radius:0 0 50% 50%}.laptop-bar{height:32px;background:#101c19;display:flex;align-items:center;gap:6px;padding:0 12px;color:#dce7e1;font-size:10px}.laptop-bar span{width:7px;height:7px;border-radius:50%;background:#42504c}.laptop-bar b{margin-left:auto;font-size:9px;color:var(--green)}.dash{height:calc(100% - 32px);display:grid;grid-template-columns:58px 1fr;color:#0d1b27}.dash aside{background:#0e2532;display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 10px}.dash aside strong{color:var(--green)}.dash aside i{display:block;width:21px;height:5px;border-radius:5px;background:#49606b}.dash-main{padding:20px}.dash-title{display:flex;justify-content:space-between;align-items:end}.dash-title b{font-size:18px}.dash-title small{color:#8a999f}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mini-kpis div{background:#fff;border:1px solid #dfe8e4;border-radius:10px;padding:12px}.mini-kpis b{display:block;font-size:11px}.mini-kpis span{font-size:9px;color:#16b450}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.graph,.activity{height:150px;background:#fff;border:1px solid #dfe8e4;border-radius:12px;position:relative;padding:14px}.graph{display:flex;align-items:end;gap:8px}.graph i{display:block;flex:1;background:linear-gradient(#4dff9a,#11bf58);border-radius:5px 5px 0 0}.graph i:nth-child(1){height:23%}.graph i:nth-child(2){height:36%}.graph i:nth-child(3){height:50%}.graph i:nth-child(4){height:43%}.graph i:nth-child(5){height:68%}.graph i:nth-child(6){height:86%}.activity p{font-size:10px;font-weight:800;margin:0 0 14px}.activity i{display:block;height:8px;background:#ecf1ef;margin:10px 0;border-radius:6px}.phone{position:absolute;right:4%;top:90px;width:155px;height:310px;border:8px solid #111;border-radius:28px;background:linear-gradient(#0a1b18 0 30%,#f4f7f6 30%);box-shadow:0 28px 55px rgba(0,0,0,.5);padding:38px 12px 12px;transform:rotate(3deg);color:#fff}.phone-notch{position:absolute;top:7px;left:50%;width:50px;height:7px;transform:translateX(-50%);background:#020303;border-radius:20px}.phone strong{font-size:17px;line-height:1.1}.phone strong span{color:var(--green)}.phone i{font-style:normal;display:block;background:#fff;color:#13222e;margin:11px 0;padding:9px;border-radius:8px;font-size:10px;box-shadow:0 2px 8px #0001}.hand-note{position:absolute;right:0;top:0;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:17px;transform:rotate(-5deg);color:#dfeae6}.benefit-strip{background:#fff;color:var(--ink);display:grid;grid-template-columns:repeat(4,1fr);padding:22px clamp(24px,5vw,82px);gap:25px;border-bottom:1px solid var(--line)}.benefit-strip article{display:flex;align-items:center;gap:13px}.benefit-strip b{font-size:27px;color:#0e9ff4}.benefit-strip strong{display:block;font-size:14px}.benefit-strip span{font-size:12px;color:#66757d}.section{padding:80px clamp(24px,5vw,82px)}.light{background:#f7faf9;color:var(--ink)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-heading h2{font-size:clamp(34px,3vw,52px);line-height:1.08;letter-spacing:-2px;margin:0}.section-heading>p{max-width:560px;color:#66757d;font-size:16px}.section-heading.centered{justify-content:center;text-align:center}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-card{min-height:550px;border-radius:22px;overflow:hidden;position:relative;color:#fff;box-shadow:0 22px 60px rgba(20,48,38,.12)}.demo-photo{position:absolute;inset:0;background:url("../img/demo-tallerpro.jpg") center/cover no-repeat}.demo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,22,.97) 0%,rgba(4,15,22,.86) 48%,rgba(4,15,22,.25) 100%)}.demo-content{position:relative;z-index:2;padding:34px;min-height:550px}.demo-badge{display:inline-block;background:var(--green);color:#05200e;font-size:10px;font-weight:900;padding:7px 10px;border-radius:20px;letter-spacing:.5px}.demo-badge.blue{background:#1baef9;color:#fff}.demo-card h3{font-size:37px;letter-spacing:-1.5px;margin:20px 0 7px}.demo-card h3 span{color:var(--green)}.taller h3 span{color:#1bb4ff}.demo-card h4{font-size:19px;max-width:400px;margin:0 0 13px}.demo-card p{color:#d5e0dc;max-width:450px}.demo-card ul{list-style:none;padding:0;margin:23px 0}.demo-card li{margin:9px 0;font-size:14px}.demo-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}.taller li:before{color:#1bb4ff}.demo-actions{display:flex;align-items:center;gap:18px;position:absolute;left:34px;right:34px;bottom:30px}.demo-actions>a:not(.btn){font-size:12px;color:#dfe8e4}.blue-btn{background:linear-gradient(135deg,#05a9ff,#2ec2ff);color:#fff;box-shadow:0 12px 30px #08a5ef33}.control-demo{background:linear-gradient(135deg,#071713,#0b2420)}.control-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 25%,rgba(32,237,107,.22),transparent 30%),linear-gradient(120deg,rgba(255,255,255,.02),transparent)}.control-preview{position:absolute;right:25px;top:80px;width:44%;height:250px;background:#f5f8f7;color:#13232e;border:7px solid #101716;border-radius:15px;box-shadow:0 28px 55px #0008;transform:perspective(800px) rotateY(-8deg);overflow:hidden}.cp-top{height:32px;background:#0a1714;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 11px;font-size:9px}.cp-top span{color:var(--green)}.cp-body{height:calc(100% - 32px);display:grid;grid-template-columns:36px 1fr}.cp-side{background:#102a37;padding:12px 8px}.cp-side i{display:block;height:6px;background:#637580;margin-bottom:14px;border-radius:6px}.cp-main{padding:13px}.cp-kpis{display:flex;gap:6px}.cp-kpis i{height:42px;flex:1;border-radius:6px;background:#fff;border:1px solid #dfe8e4}.cp-chart{margin-top:14px;height:105px;display:flex;align-items:end;gap:6px;background:#fff;border:1px solid #dfe8e4;padding:10px}.cp-chart b{flex:1;background:#23dc6b;border-radius:4px 4px 0 0}.cp-chart b:nth-child(1){height:30%}.cp-chart b:nth-child(2){height:50%}.cp-chart b:nth-child(3){height:45%}.cp-chart b:nth-child(4){height:75%}.cp-chart b:nth-child(5){height:92%}.control-demo .demo-content>p,.control-demo .demo-content>ul,.control-demo .demo-content>h4{max-width:48%}.services{background:#fff;color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{padding:27px;border:1px solid var(--line);border-radius:16px;background:#fbfdfc;transition:.2s}.service-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px #183b2d12;border-color:#b9d6c7}.service-grid b{font-size:28px;color:var(--green2)}.service-grid h3{margin:13px 0 7px;font-size:18px}.service-grid p{margin:0;color:#6c7b82;font-size:14px}.offer{margin:0 clamp(24px,5vw,82px);border-radius:24px;padding:38px 42px;background:linear-gradient(115deg,#081813,#0d2921);display:grid;grid-template-columns:1.2fr auto 1.2fr auto;gap:30px;align-items:center;border:1px solid #1b4d37}.offer h2{font-size:30px;margin:0 0 5px}.offer p{margin:0;color:#aebdb6}.price small{display:block;color:#9db1a8;letter-spacing:2px}.price strong{font-size:48px;color:var(--green);letter-spacing:-2px}.offer ul{columns:2;list-style:none;padding:0;margin:0;color:#dce8e3;font-size:13px}.offer li{margin:7px 0}.offer li:before{content:"✓ ";color:var(--green)}.process-section{background:#f7faf9;color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps article{padding:25px 22px;border-top:2px solid #d9e7e0}.steps b{font-size:28px;color:var(--green2)}.steps h3{margin:10px 0 5px}.steps p{color:#728087;font-size:13px}.why{padding:75px clamp(24px,5vw,82px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:linear-gradient(110deg,#07120f,#0b1e19)}.why h2{font-size:42px;line-height:1.07;margin:0 0 18px}.why-copy>p:last-child{color:#a4b5ad;max-width:520px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.why-grid article{border:1px solid #1e4938;border-radius:15px;padding:22px;background:#0b1b17}.why-grid b{color:var(--green);display:block;margin-bottom:10px}.why-grid strong{display:block}.why-grid span{display:block;color:#8fa39a;font-size:12px;margin-top:6px}.contact{background:#fff;color:var(--ink);padding:80px clamp(24px,5vw,82px);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact h2{font-size:44px;line-height:1.06;margin:0 0 18px}.contact-intro p{color:#68777f;max-width:500px}.whatsapp{margin-top:18px}.lead-form{padding:30px;border:1px solid var(--line);border-radius:20px;background:#f8fbfa;box-shadow:0 18px 50px #153b2b0d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#31434a;margin-bottom:14px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #d3dfda;background:#fff;border-radius:10px;padding:12px 13px;outline:none}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#33d66e;box-shadow:0 0 0 3px #21ed6a1c}.hp{display:none!important}#formMsg{font-size:13px;color:#178e48}footer{padding:30px clamp(24px,5vw,82px);background:#06100d;border-top:1px solid #17352a;display:flex;align-items:center;gap:35px;color:#91a39b;font-size:12px}.footer-brand{margin-right:auto}.footer-brand b{color:#fff}.footer-brand img{width:38px;height:38px}footer>div{display:flex;gap:22px}.float-wa{position:fixed;right:20px;bottom:20px;background:#19dc61;color:#05110a;font-weight:900;padding:12px 18px;border-radius:30px;z-index:45;box-shadow:0 12px 35px #0005}
@media(max-width:1100px){.main-nav{display:none}.menu-toggle{display:block;margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-product{max-width:760px;width:100%;margin:auto}.benefit-strip{grid-template-columns:1fr 1fr}.demo-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.offer{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.control-demo .demo-content>p,.control-demo .demo-content>ul,.control-demo .demo-content>h4{max-width:50%}}
@media(max-width:700px){.site-header{height:66px;padding:0 16px}.brand b{font-size:16px}.brand img{width:38px;height:38px}.brand small,.control-link{display:none}.header-actions .btn{display:none}.hero{padding:60px 20px 35px;gap:20px}.hero h1{font-size:48px;letter-spacing:-2.5px}.lead{font-size:16px}.actions{flex-direction:column}.actions .btn{width:100%}.hero-product{height:330px}.laptop{width:92%;height:255px;left:0;top:20px}.phone{width:105px;height:215px;right:0;top:82px;padding:28px 8px 8px}.phone strong{font-size:12px}.phone i{font-size:8px;padding:6px}.hand-note{display:none}.dash-main{padding:10px}.mini-kpis{margin:8px 0}.dash-grid{grid-template-columns:1fr}.activity{display:none}.graph{height:95px}.benefit-strip{grid-template-columns:1fr;padding:20px}.section{padding:55px 20px}.section-heading{display:block}.section-heading>p{margin-top:18px}.demo-card,.demo-content{min-height:580px}.control-preview{position:relative;right:auto;top:auto;width:100%;height:190px;margin:20px 0}.control-demo .demo-content>p,.control-demo .demo-content>ul,.control-demo .demo-content>h4{max-width:none}.demo-actions{position:static;flex-direction:column;align-items:stretch;margin-top:25px}.service-grid,.steps,.why-grid,.form-grid{grid-template-columns:1fr}.offer{margin:0 15px;padding:30px 22px;grid-template-columns:1fr}.offer ul{columns:1}.contact{padding:55px 20px}.contact h2{font-size:37px}footer{align-items:flex-start;flex-direction:column}.footer-brand{margin:0}.float-wa{font-size:12px;padding:10px 14px}}

/* V1.3.1 · WhatsApp CTA */
.wa-icon{width:20px;height:20px;flex:0 0 20px}
.header-actions .btn[href*="wa.me"],.whatsapp,.float-wa{
 background:#25D366;color:#fff;border:1px solid #25D366;
 box-shadow:0 10px 28px rgba(37,211,102,.28);gap:8px
}
.header-actions .btn[href*="wa.me"]:hover,.whatsapp:hover,.float-wa:hover{
 background:#20bd5a;box-shadow:0 14px 34px rgba(37,211,102,.38)
}
.header-actions .btn[href*="wa.me"] .wa-icon{width:18px;height:18px}
.float-wa{display:flex;align-items:center;gap:8px}
.float-wa .wa-icon{width:23px;height:23px}
@media(max-width:700px){
 .float-wa{width:54px;height:54px;padding:0;border-radius:50%;justify-content:center}
 .float-wa .wa-icon{width:28px;height:28px}
 .float-wa span{display:none}
}

/* V1.4.1 · demos dinámicos sin alterar el diseño V1.3.1 */
.generic-demo{background:linear-gradient(135deg,#071713,#10231d)}.generic-demo-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 24%,rgba(32,237,107,.16),transparent 30%)}.btn-disabled{background:#596660!important;color:#d7dfdb!important;box-shadow:none!important;pointer-events:none}.demo-card[style] .demo-badge:not(.blue){background:var(--demo-accent,#20ed6b)}

/* V1.4.2 · Carrusel portada + redes sociales */
.hero-carousel{height:470px;position:relative;overflow:hidden;border-radius:24px;background:#071612;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.38)}
.carousel-track{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .55s ease,transform .7s ease;pointer-events:none}.carousel-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-caption{position:absolute;left:24px;right:24px;bottom:22px;padding:16px 18px;border-radius:15px;background:rgba(4,14,11,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);display:grid;gap:5px}.carousel-caption small{font-size:10px;letter-spacing:1.8px;color:var(--green);font-weight:900}.carousel-caption strong{font-size:18px;line-height:1.25;color:#fff}.carousel-arrow{position:absolute;top:50%;z-index:4;width:42px;height:42px;margin-top:-21px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(4,14,11,.72);color:#fff;font-size:29px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s}.carousel-arrow:hover{background:var(--green);color:#04110a}.carousel-arrow.prev{left:14px}.carousel-arrow.next{right:14px}.carousel-dots{position:absolute;z-index:5;top:16px;right:18px;display:flex;gap:7px}.carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer}.carousel-dots button.active{width:26px;border-radius:10px;background:var(--green)}
.footer-right{display:flex;align-items:center;gap:20px!important}.social-links{display:flex!important;gap:9px!important}.social-link{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #274a3c;background:#0b1c17;color:#dce8e2;transition:.2s}.social-link:hover:not(.is-pending){background:var(--green);color:#04110a;border-color:var(--green);transform:translateY(-2px)}.social-link.is-pending{opacity:.55;cursor:default}.social-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.social-link svg .fill-dot,.social-link:nth-child(2) svg{fill:currentColor;stroke:none}
@media(max-width:700px){.hero-carousel{height:330px}.carousel-caption{left:14px;right:14px;bottom:14px;padding:12px 13px}.carousel-caption strong{font-size:14px}.carousel-arrow{width:36px;height:36px;margin-top:-18px;font-size:24px}.footer-right{align-items:flex-start;flex-wrap:wrap}.social-links{width:100%}}
\n/* V1.4.3 · Corrección caché visual / carrusel / redes */
.hero-carousel .carousel-track{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important}
.hero-carousel .carousel-slide{position:absolute!important;inset:0!important;display:block!important;opacity:0!important;visibility:hidden!important;transform:translateX(18px) scale(1.01)!important;transition:opacity .5s ease,transform .6s ease!important;pointer-events:none!important}
.hero-carousel .carousel-slide.active{opacity:1!important;visibility:visible!important;transform:translateX(0) scale(1)!important;pointer-events:auto!important}
.hero-carousel .carousel-slide img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.hero-carousel .carousel-caption{z-index:3!important}
.hero-carousel .carousel-arrow,.hero-carousel .carousel-dots{visibility:visible!important;opacity:1!important}
.footer-right{margin-left:auto;display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:wrap}
.social-links{display:flex!important;align-items:center!important;gap:10px!important}
.social-link{width:auto!important;min-width:44px;height:44px;padding:0 12px!important;border-radius:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#fff!important;opacity:1!important;border:1px solid rgba(255,255,255,.16)!important;font-weight:700;font-size:12px;transition:.2s}
.social-link svg{width:20px!important;height:20px!important;display:block!important;flex:none}
.social-link.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important}
.social-link.instagram svg{fill:none!important;stroke:#fff!important;stroke-width:1.8!important}
.social-link.instagram svg .dot{fill:#fff!important;stroke:none!important}
.social-link.facebook{background:#1877f2!important}
.social-link.facebook svg{fill:#fff!important;stroke:none!important}
.social-link.is-pending{filter:saturate(.78);cursor:default}
.social-link:hover:not(.is-pending){transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:700px){
 .hero-carousel{height:300px!important}
 .social-links{width:auto!important}
 .social-link{width:44px!important;min-width:44px!important;padding:0!important;border-radius:50%!important}
 .social-link span{display:none!important}
 .footer-right{width:100%;justify-content:space-between;align-items:center!important}
}

/* V1.4.4 · Carrusel fotográfico profesional */
.hero-carousel.professional-carousel{
 height:420px!important;min-height:420px;border-radius:24px;overflow:hidden;
 background:#06130f;box-shadow:0 30px 70px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.08)
}
.professional-carousel .carousel-slide:after{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(180deg,transparent 48%,rgba(2,10,8,.88) 100%)
}
.professional-carousel .carousel-slide img{object-fit:cover!important;object-position:center!important}
.professional-carousel .professional-caption{
 position:absolute!important;left:28px!important;right:28px!important;bottom:45px!important;
 display:flex!important;flex-direction:column!important;gap:3px!important;padding:0!important;
 background:none!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.65)
}
.professional-carousel .professional-caption small{font-size:11px!important;letter-spacing:1.5px!important;color:#34f27b!important;font-weight:900!important}
.professional-carousel .professional-caption strong{font-size:18px!important;line-height:1.25!important;max-width:72%!important}
.professional-carousel .carousel-arrow{
 width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(4,17,13,.72)!important;
 border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;backdrop-filter:blur(8px)
}
.professional-carousel .carousel-dots{
 position:absolute!important;left:28px!important;right:auto!important;bottom:18px!important;z-index:5!important;
 display:flex!important;gap:5px!important;max-width:70%!important
}
.professional-carousel .carousel-dots button{width:15px!important;height:4px!important;border-radius:5px!important;padding:0!important;background:rgba(255,255,255,.34)!important;border:0!important}
.professional-carousel .carousel-dots button.active{width:30px!important;background:#20ed6b!important}
.carousel-counter{position:absolute;right:24px;bottom:15px;z-index:5;color:#fff;font-size:11px;display:flex;align-items:baseline;gap:3px}
.carousel-counter span{font-size:18px;font-weight:900;color:#20ed6b}.carousel-counter b{font-weight:600;color:#bdcbc5}
@media(max-width:1100px){.hero-carousel.professional-carousel{height:410px!important;min-height:410px}}
@media(max-width:700px){
 .hero-carousel.professional-carousel{height:285px!important;min-height:285px;border-radius:18px}
 .professional-carousel .professional-caption{left:18px!important;right:18px!important;bottom:38px!important}
 .professional-carousel .professional-caption small{font-size:9px!important}
 .professional-carousel .professional-caption strong{font-size:14px!important;max-width:82%!important}
 .professional-carousel .carousel-dots{left:18px!important;bottom:14px!important;gap:4px!important;max-width:72%!important}
 .professional-carousel .carousel-dots button{width:9px!important}.professional-carousel .carousel-dots button.active{width:20px!important}
 .carousel-counter{right:16px;bottom:10px}.carousel-counter span{font-size:15px}
}

/* V1.4.5 · Hero full-width con banners HD */
.hero{
  min-height:610px!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  padding:86px clamp(24px,5vw,82px) 72px!important;
  background:#06130f!important;
}
.hero-copy{
  position:relative!important;
  z-index:8!important;
  width:min(610px,46vw)!important;
  max-width:610px!important;
}
.hero-copy:before{
  content:"";position:absolute;z-index:-1;inset:-45px -90px -45px -120px;
  background:radial-gradient(ellipse at 40% 50%,rgba(2,18,14,.94) 0%,rgba(2,18,14,.78) 48%,transparent 75%);
  pointer-events:none
}
.hero-product.hero-carousel.professional-carousel{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:1!important;
}
.professional-carousel .carousel-track{position:absolute!important;inset:0!important}
.professional-carousel .carousel-slide{position:absolute!important;inset:0!important}
.professional-carousel .carousel-slide img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
  transform:translateZ(0);
}
.professional-carousel .carousel-slide:after{
  background:
    linear-gradient(90deg,rgba(1,13,10,.78) 0%,rgba(1,13,10,.58) 34%,rgba(1,13,10,.18) 58%,rgba(1,13,10,.06) 100%),
    linear-gradient(180deg,rgba(2,10,8,.08) 50%,rgba(2,10,8,.52) 100%)!important
}
.professional-carousel .carousel-arrow{
  z-index:10!important;top:50%!important;transform:translateY(-50%)!important;
  width:46px!important;height:46px!important;background:rgba(3,21,16,.70)!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
.professional-carousel .carousel-arrow.prev{left:18px!important}
.professional-carousel .carousel-arrow.next{right:18px!important}
.professional-carousel .carousel-dots{
  left:auto!important;right:86px!important;bottom:28px!important;
  max-width:430px!important;justify-content:flex-end!important
}
.professional-carousel .carousel-dots button{
  width:20px!important;height:4px!important;background:rgba(255,255,255,.42)!important
}
.professional-carousel .carousel-dots button.active{width:38px!important;background:#20ed6b!important}
.carousel-counter{right:28px!important;bottom:20px!important}
.carousel-service-label{
  position:absolute;z-index:10;right:28px;top:28px;
  padding:8px 12px;border-radius:999px;
  background:rgba(3,21,16,.62);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);color:#dce9e3;font-size:10px;font-weight:900;letter-spacing:1.4px
}
.hero h1{max-width:590px!important;text-shadow:0 5px 28px rgba(0,0,0,.55)}
.hero .lead{color:#d9e5e0!important;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.hero-trust{color:#c7d8d1!important}
@media(min-width:1600px){
  .hero{min-height:690px!important}
  .hero-copy{width:650px!important;max-width:650px!important}
}
@media(max-width:900px){
  .hero{min-height:650px!important;padding:75px 24px 65px!important}
  .hero-copy{width:min(620px,86vw)!important;max-width:86vw!important}
  .professional-carousel .carousel-slide img{object-position:62% center!important}
  .professional-carousel .carousel-slide:after{
    background:linear-gradient(90deg,rgba(1,13,10,.92) 0%,rgba(1,13,10,.72) 60%,rgba(1,13,10,.30) 100%)!important
  }
}
@media(max-width:700px){
  .hero{min-height:690px!important;padding:74px 20px 92px!important;align-items:flex-start!important}
  .hero-copy{width:100%!important;max-width:100%!important}
  .hero-copy:before{inset:-35px -25px -50px -45px}
  .hero h1{font-size:46px!important}
  .professional-carousel .carousel-slide img{object-position:67% center!important}
  .professional-carousel .carousel-arrow{top:auto!important;bottom:22px!important;transform:none!important;width:40px!important;height:40px!important}
  .professional-carousel .carousel-arrow.prev{left:18px!important}.professional-carousel .carousel-arrow.next{left:66px!important;right:auto!important}
  .professional-carousel .carousel-dots{left:118px!important;right:74px!important;bottom:36px!important;justify-content:flex-start!important;overflow:hidden!important}
  .professional-carousel .carousel-dots button{width:8px!important}.professional-carousel .carousel-dots button.active{width:22px!important}
  .carousel-counter{right:16px!important;bottom:26px!important}
  .carousel-service-label{right:16px;top:auto;bottom:72px;font-size:8px}
}

/* V1.4.6 · Carrusel final con imágenes limpias + texto HTML */
.hero{padding:0!important;min-height:clamp(560px,42vw,720px)!important;background:#06130f!important}
.hero-product.hero-carousel.professional-carousel{position:relative!important;inset:auto!important;width:100%!important;height:clamp(560px,42vw,720px)!important;min-height:0!important}
.professional-carousel .carousel-slide{position:absolute!important;inset:0!important;overflow:hidden!important}
.professional-carousel .carousel-slide img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important
}
.professional-carousel .carousel-slide:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,17,13,.93) 0%,rgba(2,17,13,.82) 28%,rgba(2,17,13,.38) 51%,rgba(2,17,13,.06) 72%,rgba(2,17,13,.02) 100%),
    linear-gradient(180deg,rgba(1,8,6,.08) 50%,rgba(1,8,6,.38) 100%)!important
}
.slide-copy{
  position:absolute;z-index:4;left:clamp(64px,5.2vw,96px);top:50%;transform:translateY(-50%);
  width:min(610px,44vw);color:#fff
}
.slide-eyebrow{margin:0 0 16px;color:#20ed6b;font-weight:900;font-size:12px;letter-spacing:2px}
.slide-copy h1{
  margin:0 0 18px;font-size:clamp(44px,4.4vw,72px);line-height:.98;letter-spacing:-3px;
  max-width:620px;text-shadow:0 4px 24px rgba(0,0,0,.45)
}
.slide-lead{margin:0;max-width:590px;color:#d9e5e0;font-size:clamp(16px,1.4vw,20px);line-height:1.55}
.slide-chips{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 28px}
.slide-chips span{
  padding:8px 11px;border-radius:999px;background:rgba(6,29,22,.58);
  border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);
  color:#dfeae6;font-size:12px
}
.slide-actions{display:flex;gap:12px;flex-wrap:wrap}
.slide-actions .btn{min-width:170px}
.professional-carousel .carousel-arrow{z-index:7!important}
.professional-carousel .carousel-arrow.prev{left:18px!important}
.professional-carousel .carousel-arrow.next{right:18px!important}
.professional-carousel .carousel-service-label{
  position:absolute;z-index:7;right:28px;top:28px
}
.professional-carousel .carousel-dots{z-index:7!important}
.professional-carousel .carousel-counter{z-index:7!important}
@media(max-width:1050px){
  .hero,.hero-product.hero-carousel.professional-carousel{height:620px!important;min-height:620px!important}
  .slide-copy{width:min(590px,58vw);left:56px}
  .professional-carousel .carousel-slide img{object-position:58% center!important}
}
@media(max-width:700px){
  .hero{min-height:760px!important}
  .hero-product.hero-carousel.professional-carousel{height:760px!important;min-height:760px!important;background:#06130f}
  .professional-carousel .carousel-slide img{
    top:0!important;height:300px!important;object-fit:cover!important;object-position:68% center!important
  }
  .professional-carousel .carousel-slide:after{
    background:
      linear-gradient(180deg,rgba(2,16,12,.10) 0%,rgba(2,16,12,.18) 25%,rgba(2,16,12,.98) 43%,rgba(2,16,12,1) 100%)!important
  }
  .slide-copy{
    top:318px!important;left:20px!important;right:20px!important;transform:none!important;width:auto!important
  }
  .slide-eyebrow{font-size:10px;margin-bottom:10px}
  .slide-copy h1{font-size:40px!important;line-height:1.02;letter-spacing:-2px;margin-bottom:14px}
  .slide-lead{font-size:15px;line-height:1.48}
  .slide-chips{margin:18px 0 20px;gap:7px}.slide-chips span{font-size:10px;padding:6px 8px}
  .slide-actions{flex-direction:column}.slide-actions .btn{width:100%;min-width:0}
  .professional-carousel .carousel-service-label{top:18px;right:16px;bottom:auto}
  .professional-carousel .carousel-arrow{top:245px!important;bottom:auto!important;transform:none!important}
  .professional-carousel .carousel-arrow.prev{left:14px!important}.professional-carousel .carousel-arrow.next{right:14px!important;left:auto!important}
  .professional-carousel .carousel-dots{left:20px!important;right:92px!important;bottom:18px!important;justify-content:flex-start!important}
  .professional-carousel .carousel-counter{right:16px!important;bottom:10px!important}
}
