:root{--navy:#0A2B5B;--navy2:#061a39;--cyan:#00B3E6;--pink:#E6007E;--yellow:#FFD100;--white:#fff;--ink:#11233f;--soft:#f4f8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid #e7edf4}
.brand{font-size:28px;font-weight:800;letter-spacing:-2px;display:grid;grid-template-columns:repeat(4,max-content);align-items:center;color:var(--navy)}.brand small{grid-column:1/5;font-size:7px;letter-spacing:2px;margin-top:-4px}.orb{color:var(--pink);text-shadow:5px 0 var(--cyan),-3px 3px var(--yellow)}nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.menu{display:none;border:0;background:none;font-size:25px}
.btn{display:inline-block;border:0;background:linear-gradient(90deg,var(--pink),#ff3d77);color:white;padding:15px 22px;border-radius:10px;font-weight:800;box-shadow:0 10px 30px #e6007e2e;cursor:pointer}.btn.small{padding:11px 16px}.ghost{font-weight:700;color:white;border-bottom:2px solid var(--cyan);padding-bottom:4px}
.hero{min-height:680px;padding:80px 7vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:radial-gradient(circle at 80% 40%,#123d75 0,#071d40 35%,#05142e 75%);color:white;overflow:hidden}.hero h1,.section h2,.split h2,.quote h2{font-size:clamp(36px,5vw,66px);line-height:1.03;margin:12px 0 22px;letter-spacing:-2.5px}.hero h1 em,.split h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--yellow));-webkit-background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.7;max-width:700px;color:#dce8f7}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.5px;color:var(--cyan)}.actions{display:flex;gap:24px;align-items:center;margin-top:32px}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;color:#b9cbe2;font-size:12px}
.hero-art{height:500px;position:relative}.ring{position:absolute;border-radius:50%;border:30px solid transparent;background:linear-gradient(#071d40,#071d40) padding-box,conic-gradient(var(--cyan),var(--pink),var(--yellow),var(--cyan)) border-box}.r1{width:350px;height:350px;right:8%;top:10%}.r2{width:240px;height:240px;right:20%;top:22%;opacity:.6}.r3{width:110px;height:110px;right:34%;top:35%;opacity:.8}.mock{position:absolute;background:#fff;color:var(--navy);box-shadow:0 25px 70px #0008;border-radius:10px;font-weight:800}.laptop{right:2%;bottom:3%;width:360px;height:190px;padding:45px;text-align:center;border:12px solid #16263c}.laptop b{font-size:40px}.laptop span{display:block;font-size:11px;letter-spacing:1px}.box{left:5%;bottom:2%;padding:55px 30px;background:#ffd95c;transform:rotate(-6deg)}.roll{left:15%;top:14%;padding:45px 18px;border-radius:50%;transform:rotate(12deg);color:var(--pink)}.card{left:2%;top:43%;padding:24px;transform:rotate(-8deg)}
.section,.split,.quote{padding:95px 7vw}.section>h2{max-width:850px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.cards article{padding:30px;border:1px solid #dfe7f0;border-radius:16px;transition:.25s;background:white}.cards article:hover{transform:translateY(-6px);box-shadow:0 18px 50px #092b5b14}.cards i{font-size:28px;color:var(--pink)}.cards h3{font-size:23px;margin-bottom:10px}.cards p{font-size:14px;line-height:1.7;color:#60718a}.cards a{font-size:13px;font-weight:800;color:var(--navy)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.dark{background:var(--navy2);color:white}.split p{line-height:1.8}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.chips span{border:1px solid #ffffff33;border-radius:30px;padding:8px 12px;font-size:11px}.product-stage{height:420px;position:relative;background:radial-gradient(circle,#16457f,#071b3b);border-radius:28px;overflow:hidden}.bottle,.jar,.label-roll{position:absolute;display:grid;place-items:center;font-weight:800;box-shadow:0 20px 40px #0006}.bottle{width:120px;height:300px;background:#eee;left:15%;bottom:0;border-radius:30px 30px 10px 10px;color:var(--pink)}.jar{width:170px;height:170px;background:#fff0c8;left:42%;bottom:0;border-radius:20px;color:var(--navy)}.label-roll{width:150px;height:150px;border-radius:50%;background:white;right:5%;bottom:20px;color:var(--cyan);border:28px solid #eee}
.printer{height:390px;max-width:500px;background:#20262e;border-radius:30px;padding:50px;position:relative;box-shadow:0 30px 70px #0a2b5b33}.screen{background:#89d9ec;width:90px;height:60px;padding:20px;border-radius:6px}.slot{height:20px;background:#05080b;margin-top:100px;border-radius:20px}.paper{background:white;width:210px;height:120px;margin:auto;padding:25px;text-align:center;box-shadow:0 10px 30px #0003}.feature-list{display:grid;grid-template-columns:160px 1fr;gap:12px 20px;margin:25px 0}.feature-list span{color:#63758e}.darklink{color:var(--navy)}
.soft{background:var(--soft)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.gallery div{min-height:180px;border-radius:16px;padding:25px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(135deg,#0a2b5b,#164d8a);color:white;position:relative;overflow:hidden}.gallery div:nth-child(2n){background:linear-gradient(135deg,#e6007e,#7a1b78)}.gallery div:nth-child(3n){background:linear-gradient(135deg,#ffd100,#ef7d00);color:var(--navy)}.gallery b{font-size:22px}.gallery span{font-size:12px;margin-top:5px}
.digital{background:white}.digital li{margin:13px 0}.browser{background:var(--navy);color:white;border-radius:20px;padding:40px;min-height:330px;box-shadow:0 30px 70px #0a2b5b2b}.browser .dots{color:var(--pink);letter-spacing:5px}.browser h3{font-size:70px;margin:55px 0 0}.browser button{margin-top:30px;padding:12px 18px;background:var(--yellow);border:0;border-radius:8px;font-weight:800}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.benefits div{display:grid;gap:10px;padding:28px;border-radius:14px;background:var(--soft);font-size:25px;color:var(--pink)}.benefits b{font-size:16px;color:var(--navy)}.benefits span{font-size:12px;color:#61748d}
.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:linear-gradient(135deg,#071b3b,#0a2b5b);color:white}.quote h2{font-size:48px}.quote form{background:white;color:var(--ink);padding:30px;border-radius:18px;display:grid;gap:16px}.quote label{font-size:12px;font-weight:700;display:grid;gap:7px}.quote input,.quote select,.quote textarea{width:100%;padding:13px;border:1px solid #d7e0ea;border-radius:8px;font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note{font-size:10px;color:#6d7e94}
footer{padding:45px 7vw;background:#031026;color:#9eb0c8;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.footerbrand{color:white}
@media(max-width:900px){nav{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;top:82px;left:0;right:0;background:white;padding:25px;flex-direction:column}.hero,.split,.quote{grid-template-columns:1fr}.hero{padding-top:60px}.hero-art{height:420px}.cards,.benefits{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.quote{gap:35px}}
@media(max-width:560px){.hero,.section,.split,.quote{padding:65px 6vw}.hero h1,.section h2,.split h2{letter-spacing:-1.5px}.hero-art{transform:scale(.82);transform-origin:left top;margin-bottom:-80px}.cards,.benefits,.gallery{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}.two{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.quote form{padding:20px}footer{flex-direction:column;align-items:flex-start}}

.official-logo{display:block;width:190px;height:64px;object-fit:contain;object-position:left center}.brand{display:block}.footer-logo{width:160px;height:75px;background:white;border-radius:8px;padding:4px}

/* Identidad JOMI — ajustes exclusivos para la web */
.official-logo{width:190px;height:68px;object-fit:contain;object-position:left center}
.footer-logo{width:170px;height:82px;background:#fff;border-radius:10px;padding:5px}
.icon-section{position:relative;overflow:hidden}
.brand-isotype{
  position:absolute;right:-35px;top:18px;width:190px;height:190px;
  object-fit:contain;opacity:.10;filter:saturate(1.15);
  transform:rotate(8deg);pointer-events:none
}
@media(max-width:900px){.brand-isotype{width:145px;height:145px;right:-35px;top:10px}}

/* Página interna: Etiquetas & Packaging */
nav a.active{color:var(--cyan)}
.labels-hero{min-height:620px;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:radial-gradient(circle at 80% 35%,#174c87,#071b3b 58%,#041229);color:white;overflow:hidden}
.labels-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-3px;margin:12px 0 22px}
.labels-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--yellow));-webkit-background-clip:text;color:transparent}
.label-scene{height:450px;position:relative}.scene-icon{position:absolute;width:280px;right:3%;top:2%;opacity:.15}
.pack{position:absolute;display:flex;flex-direction:column;justify-content:end;padding:25px;box-shadow:0 30px 70px #0007}.pack span{font-size:10px;letter-spacing:2px}.pack b{font-size:20px}.p1{width:190px;height:290px;background:#f6e1bd;color:#0a2b5b;left:8%;bottom:0;border-radius:10px;transform:rotate(-6deg)}.p2{width:190px;height:250px;background:linear-gradient(145deg,#f5cbdc,#fff);color:#a31c5c;right:5%;bottom:15px;border-radius:12px;transform:rotate(7deg)}.roll-big{position:absolute;width:190px;height:190px;border:35px solid #eee;border-radius:50%;background:white;color:var(--pink);left:39%;bottom:0;display:grid;place-items:center;box-shadow:0 25px 50px #0006}.roll-big small{font-size:8px;margin-top:-60px}
.label-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.label-grid article{border:1px solid #e0e8f0;border-radius:16px;padding:18px;background:#fff}.label-grid h3{margin:18px 0 7px}.label-grid p{font-size:13px;line-height:1.7;color:#61738b}.sample{height:155px;border-radius:12px;display:grid;place-items:center;font-weight:800;letter-spacing:1px;background:#eef5fb}.rollsample{border:28px solid #fff;box-shadow:inset 0 0 0 1px #ccd9e5;color:var(--cyan);background:#dcebf4}.clear{background:linear-gradient(135deg,#e9fbff99,#b8d8e499);border:1px solid #b8dbe5;color:#167a9b}.metallic{background:linear-gradient(135deg,#d7dce1,#fff,#aeb6c0);color:#4c5969}.security{clip-path:polygon(12% 0,50% 28%,88% 0,72% 50%,88% 100%,50% 72%,12% 100%,28% 50%);background:white;border:1px solid #dce4ed;color:var(--pink)}.diecut{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 35%);background:var(--yellow);font-size:35px}.custom{background:linear-gradient(135deg,var(--cyan),var(--pink));color:white;font-size:22px}
.packaging-art{height:420px;position:relative}.pkg{position:absolute;display:grid;place-items:center;font-weight:800;box-shadow:0 25px 60px #0007}.box1{width:230px;height:230px;background:#f0d2a2;color:#0a2b5b;left:8%;bottom:20px}.bag1{width:190px;height:300px;background:#fff;color:var(--pink);right:8%;bottom:0;border-radius:5px 5px 25px 25px}.sleeve{width:250px;height:85px;background:var(--yellow);color:var(--navy);left:30%;bottom:10px;transform:rotate(-7deg)}.pkg-icon{position:absolute;width:130px;right:18%;top:15%;opacity:.9}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.industry-grid div{padding:25px;border-radius:12px;background:var(--soft);font-size:25px;display:flex;gap:14px;align-items:center}.industry-grid b{font-size:13px}
.process{padding:90px 7vw;background:#f4f8fc}.process h2{font-size:48px;margin:10px 0 35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps div{background:white;border-radius:15px;padding:26px}.steps span{font-size:30px;font-weight:800;color:var(--cyan)}.steps b{display:block;margin:16px 0 5px}.steps p{font-size:12px;line-height:1.6;color:#64768d}
.quote-tip{margin-top:25px;padding:18px;border-left:3px solid var(--yellow);background:#ffffff0c;font-size:13px;line-height:1.7}
@media(max-width:900px){.labels-hero{grid-template-columns:1fr}.label-scene{height:390px}.label-grid,.industry-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.labels-hero{padding:60px 6vw}.labels-hero h1{letter-spacing:-1.8px}.label-scene{transform:scale(.8);transform-origin:left top;margin-bottom:-80px}.label-grid,.industry-grid,.steps{grid-template-columns:1fr}.process{padding:65px 6vw}.process h2{font-size:38px}}

/* Página interna: Impresión */
.print-hero{min-height:620px;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:radial-gradient(circle at 78% 35%,#174c87,#071b3b 58%,#041229);color:white;overflow:hidden}
.print-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-3px;margin:12px 0 22px}.print-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--yellow));-webkit-background-clip:text;color:transparent}
.print-scene{height:440px;position:relative}.print-watermark{position:absolute;width:280px;right:0;top:0;opacity:.13}.stack,.sheet{position:absolute;box-shadow:0 28px 60px #0007;font-weight:800}.stack small{font-size:9px;letter-spacing:2px}.s1{width:270px;height:150px;background:white;color:var(--navy);left:4%;bottom:35px;padding:45px 30px;transform:rotate(-7deg);border-bottom:18px solid #ddd}.s2{width:250px;height:180px;background:linear-gradient(135deg,var(--pink),#77145d);color:white;right:3%;bottom:30px;padding:50px 30px;transform:rotate(6deg);border-bottom:15px solid #e9e9e9}.sheet{width:230px;height:310px;left:35%;top:15px;padding:45px 28px;background:linear-gradient(155deg,var(--yellow),#fff1a5);color:var(--navy);transform:rotate(2deg);font-size:28px}.sheet b{font-size:17px}
.print-products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.print-products article{padding:27px;border:1px solid #dfe8f1;border-radius:15px}.print-products span{font-size:30px;color:var(--pink)}.print-products h3{font-size:17px}.print-products p,.usecases p{font-size:12px;line-height:1.7;color:#63758c}
.print-preview{height:410px;position:relative}.poster{position:absolute;left:10%;top:0;width:240px;height:350px;padding:50px 30px;background:white;color:var(--navy);font-size:42px;font-weight:800;box-shadow:0 30px 70px #0007;transform:rotate(-5deg)}.poster span{display:block;color:var(--pink);font-size:19px;margin-top:70px}.cards-mini{position:absolute;right:5%;bottom:35px;width:280px;height:160px;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font-size:38px;font-weight:800;transform:rotate(7deg);box-shadow:0 25px 60px #0007}.preview-icon{position:absolute;width:115px;right:25%;top:15%;z-index:3}
.usecases{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px}.usecases div{background:var(--soft);padding:28px;border-radius:15px}.usecases b{color:var(--navy)}
@media(max-width:900px){.print-hero{grid-template-columns:1fr}.print-products,.usecases{grid-template-columns:1fr 1fr}.print-scene{height:390px}}
@media(max-width:560px){.print-hero{padding:60px 6vw}.print-hero h1{letter-spacing:-1.8px}.print-scene{transform:scale(.8);transform-origin:left top;margin-bottom:-75px}.print-products,.usecases{grid-template-columns:1fr}}

/* Página interna: Zebra & Consumibles */
.zebra-hero{min-height:620px;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;background:radial-gradient(circle at 80% 35%,#174c87,#071b3b 58%,#041229);color:white;overflow:hidden}.zebra-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-3px;margin:12px 0 22px}.zebra-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--yellow));-webkit-background-clip:text;color:transparent}
.zebra-stage{height:450px;position:relative}.z-watermark{position:absolute;width:270px;right:0;top:0;opacity:.12}.z-printer{position:absolute;width:330px;height:280px;right:7%;bottom:30px;background:linear-gradient(145deg,#333b45,#10151b);border-radius:32px;padding:35px;box-shadow:0 35px 70px #0008}.z-display{width:90px;height:55px;background:#86d8eb;color:#082c54;padding:18px;border-radius:6px;font-weight:800}.z-slot{height:16px;background:#020405;border-radius:20px;margin-top:80px}.z-label{width:175px;height:120px;background:white;color:#17263a;margin:0 auto;padding:18px;text-align:center;font-size:12px;line-height:1.5}.z-roll{position:absolute;left:3%;bottom:25px;width:160px;height:160px;border-radius:50%;border:32px solid #eee;background:white;color:var(--cyan);display:grid;place-items:center;font-size:11px;font-weight:800;transform:rotate(-8deg);box-shadow:0 25px 50px #0007}.ribbon{position:absolute;left:22%;top:30px;width:95px;height:260px;background:linear-gradient(90deg,#15191f,#454d58,#111);border-radius:10px;color:white;display:grid;place-items:center;font-size:11px;font-weight:800;transform:rotate(10deg)}
.zebra-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.zebra-cards article{padding:34px;border:1px solid #dfe7f0;border-radius:16px}.zc-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:white;font-size:25px}.zc-icon.cyan{background:var(--cyan)}.zc-icon.yellow{background:var(--yellow);color:var(--navy)}.zebra-cards p{font-size:13px;line-height:1.7;color:#62758d}.zebra-cards a{font-size:12px;font-weight:800;color:var(--navy)}
.compat-art{height:400px;position:relative}.compat{position:absolute;display:grid;place-items:center;font-weight:800;box-shadow:0 25px 60px #0006}.printer-mini{left:0;top:65px;width:180px;height:220px;background:#222b34;border-radius:25px}.roll-mini{left:38%;top:90px;width:150px;height:150px;border:30px solid #eee;background:white;color:var(--cyan);border-radius:50%;font-size:10px}.ribbon-mini{right:0;top:55px;width:100px;height:240px;background:linear-gradient(90deg,#111,#4b535c,#111);border-radius:10px}.plus{position:absolute;left:31%;top:150px;font-size:40px;color:var(--yellow);font-weight:800}.p2plus{left:auto;right:25%}
.ribbon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.ribbon-grid article{padding:30px;border-radius:15px;background:var(--soft)}.ribbon-grid span{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--pink)}.ribbon-grid p,.disclaimer{font-size:12px;line-height:1.7;color:#62748c}.disclaimer{margin-top:25px}
@media(max-width:900px){.zebra-hero{grid-template-columns:1fr}.zebra-cards,.ribbon-grid{grid-template-columns:1fr}.zebra-stage{height:410px}}
@media(max-width:560px){.zebra-hero{padding:60px 6vw}.zebra-hero h1{letter-spacing:-1.8px}.zebra-stage{transform:scale(.78);transform-origin:left top;margin-bottom:-85px}.compat-art{transform:scale(.8);transform-origin:left top;margin-bottom:-60px}}

/* Zebra V7 — catálogo y consumibles */
.section-intro{max-width:760px;color:#63758d;line-height:1.7}
.model-tabs{display:flex;gap:10px;margin:35px 0 25px;flex-wrap:wrap}.model-tab{border:1px solid #d7e2ed;background:white;color:var(--navy);padding:12px 22px;border-radius:30px;font-weight:800;cursor:pointer}.model-tab.active{background:var(--navy);color:white;border-color:var(--navy)}
.model-panel{display:none}.model-panel.active{display:block}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.model-grid article{padding:24px;border:1px solid #e0e8f0;border-radius:16px;background:white}.model-grid article.legacy{background:#fafbfd}.model-grid h3{font-size:22px;margin:16px 0 8px}.model-grid p{min-height:62px;font-size:12px;line-height:1.7;color:#64758c}.printer-shape{height:135px;border-radius:18px;display:grid;place-items:center;font-size:48px;font-weight:800;color:white;background:linear-gradient(145deg,#343c46,#11171d);box-shadow:inset -15px -15px 30px #0004}.industrial-shape{height:155px;border-radius:12px}.mobile-shape{height:135px;width:75%;border-radius:35px}.model-quote{border:0;background:var(--cyan);color:white;border-radius:8px;padding:11px 14px;font-weight:800;cursor:pointer}.model-note{font-size:11px;color:#718198;margin-top:20px}
.supply-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.supply-columns>div{background:white;padding:27px;border-radius:15px}.supply-columns h3{font-size:16px;color:var(--navy)}.supply-columns li{font-size:12px;line-height:2;color:#61738a}.size-pills{display:flex;gap:8px;flex-wrap:wrap}.size-pills span{font-size:11px;font-weight:700;padding:9px 11px;border-radius:30px;background:#eef6fb;color:var(--navy)}
.tech-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.tech-boxes div{padding:22px;border-left:4px solid var(--cyan);background:white;border-radius:10px}.tech-boxes div:last-child{border-left-color:var(--pink)}.tech-boxes b{font-size:13px}.tech-boxes p{font-size:12px;line-height:1.7;color:#62748b}
@media(max-width:900px){.model-grid,.supply-columns{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.model-grid,.supply-columns,.tech-boxes{grid-template-columns:1fr}.model-grid p{min-height:0}}

/* Página interna: Diseño */
.design-hero{min-height:620px;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:radial-gradient(circle at 78% 35%,#174c87,#071b3b 58%,#041229);color:white;overflow:hidden}.design-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-3px;margin:12px 0 22px}.design-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--yellow));-webkit-background-clip:text;color:transparent}
.design-stage{height:450px;position:relative}.design-mark{position:absolute;width:280px;right:0;top:0;opacity:.12}.brand-board{position:absolute;left:2%;top:45px;width:310px;height:260px;padding:42px;background:#fff;color:var(--navy);box-shadow:0 30px 70px #0007;transform:rotate(-5deg)}.brand-board b{font-size:31px}.brand-board span{display:block;font-size:10px;letter-spacing:2px;margin-top:8px}.swatches{display:flex;gap:8px;margin-top:70px}.swatches i{width:35px;height:35px;border-radius:50%;background:var(--cyan)}.swatches i:nth-child(2){background:var(--pink)}.swatches i:nth-child(3){background:var(--yellow)}.swatches i:nth-child(4){background:var(--navy)}
.business-card{position:absolute;right:0;bottom:25px;width:260px;height:155px;padding:40px 30px;background:var(--yellow);color:var(--navy);font-size:23px;font-weight:800;transform:rotate(7deg);box-shadow:0 25px 60px #0007}.business-card b{font-size:12px}.phone-mock{position:absolute;left:39%;bottom:0;width:165px;height:310px;padding:35px 20px;border:7px solid #222;border-radius:30px;background:linear-gradient(155deg,var(--pink),#6b175d);box-shadow:0 30px 60px #0008}.phone-mock span{font-size:9px}.phone-mock strong{display:block;margin-top:80px;font-size:20px}
.design-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.design-services article{border:1px solid #dfe8f1;border-radius:15px;padding:28px}.design-services span{font-size:28px;color:var(--pink)}.design-services p,.application-grid p{font-size:12px;line-height:1.7;color:#62758c}
.identity-system{height:410px;position:relative}.id-logo,.id-type{position:absolute;display:grid;place-items:center;box-shadow:0 25px 60px #0006}.id-logo{left:3%;top:35px;width:210px;height:210px;background:white;color:var(--navy);font-size:32px;font-weight:800}.id-type{right:5%;top:15px;width:190px;height:245px;background:var(--yellow);color:var(--navy);font-size:65px;font-weight:800}.id-type small{font-size:9px}.id-colors{position:absolute;left:27%;bottom:25px;display:flex}.id-colors i{width:80px;height:80px;border-radius:50%;background:var(--cyan);margin-left:-15px}.id-colors i:nth-child(2){background:var(--pink)}.id-colors i:nth-child(3){background:var(--yellow)}.id-icon{position:absolute;width:105px;right:28%;bottom:15px}
.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px}.application-grid div{padding:28px;border-radius:15px;background:var(--soft)}.application-grid b{color:var(--navy);font-size:13px;letter-spacing:1px}
@media(max-width:900px){.design-hero{grid-template-columns:1fr}.design-services{grid-template-columns:1fr 1fr}.application-grid{grid-template-columns:1fr 1fr}.design-stage{height:420px}}
@media(max-width:560px){.design-hero{padding:60px 6vw}.design-hero h1{letter-spacing:-1.8px}.design-stage{transform:scale(.78);transform-origin:left top;margin-bottom:-90px}.design-services,.application-grid{grid-template-columns:1fr}.identity-system{transform:scale(.82);transform-origin:left top;margin-bottom:-65px}}

/* Página interna: Web & Marketing */
.digital-hero{min-height:620px;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:radial-gradient(circle at 78% 35%,#174c87,#071b3b 58%,#041229);color:white;overflow:hidden}.digital-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-3px;margin:12px 0 22px}.digital-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--yellow));-webkit-background-clip:text;color:transparent}
.digital-stage{height:450px;position:relative}.digital-watermark{position:absolute;width:280px;right:0;top:0;opacity:.12}.laptop{position:absolute;left:0;top:65px;width:390px;height:245px;border:12px solid #222a34;border-radius:16px;background:white;box-shadow:0 30px 70px #0008}.laptop:after{content:"";position:absolute;left:-45px;bottom:-25px;width:455px;height:18px;background:#aeb7c2;border-radius:0 0 18px 18px}.browser{height:100%;padding:30px;background:linear-gradient(145deg,#f8fbfe,#e8f3fa);color:var(--navy)}.browser span{font-size:10px;font-weight:800}.browser b{display:block;font-size:25px;margin-top:55px}.browser i{display:block;width:90px;height:8px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--yellow));margin-top:20px}.social-card{position:absolute;right:0;bottom:25px;width:190px;height:300px;border-radius:28px;padding:35px 24px;background:linear-gradient(150deg,var(--pink),#68165d);box-shadow:0 25px 60px #0008;transform:rotate(5deg)}.social-card strong{display:block;margin-top:90px;font-size:20px}.metric-card{position:absolute;right:18%;top:15px;width:150px;height:120px;padding:22px;background:var(--yellow);color:var(--navy);border-radius:14px;z-index:3;box-shadow:0 20px 40px #0005}.metric-card b{font-size:30px}.metric-card span{font-size:9px;font-weight:800;line-height:1.5}
.digital-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.digital-services article{padding:28px;border:1px solid #dfe8f1;border-radius:15px}.digital-services span{font-size:28px;color:var(--cyan)}.digital-services p,.marketing-flow p{font-size:12px;line-height:1.7;color:#62758c}
.web-flow{height:390px;position:relative;display:flex;align-items:center;justify-content:center;gap:16px}.flow{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:0 20px 50px #0006}.f1{background:var(--cyan)}.f2{background:var(--pink)}.f3{background:var(--yellow);color:var(--navy)}.web-flow>b{font-size:28px}.flow-icon{position:absolute;width:95px;right:3%;top:20px;opacity:.7}
.marketing-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px}.marketing-flow div{padding:28px;border-radius:15px;background:var(--soft)}.marketing-flow span{font-size:27px;font-weight:800;color:var(--pink)}.marketing-flow b{display:block;margin:15px 0 5px;font-size:12px;letter-spacing:1px}
.ecosystem{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:45px 0 25px}.ecosystem div{padding:20px 25px;border-radius:12px;background:white;font-size:12px;font-weight:800;color:var(--navy);box-shadow:0 10px 30px #173c6410}.ecosystem i{font-style:normal;font-size:25px;color:var(--pink)}.ecosystem-copy{max-width:720px;text-align:center;margin:auto;font-size:13px;line-height:1.8;color:#63758b}
@media(max-width:900px){.digital-hero{grid-template-columns:1fr}.digital-services{grid-template-columns:1fr 1fr}.marketing-flow{grid-template-columns:1fr 1fr}.digital-stage{height:420px}}
@media(max-width:560px){.digital-hero{padding:60px 6vw}.digital-hero h1{letter-spacing:-1.8px}.digital-stage{transform:scale(.78);transform-origin:left top;margin-bottom:-90px}.digital-services,.marketing-flow{grid-template-columns:1fr}.web-flow{transform:scale(.78);transform-origin:left center;margin-right:-90px}}

/* V11 — revisión general de navegación, móvil y conversión */
.nav nav a.active:not(.btn){color:var(--cyan)}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:80;border:0;border-radius:999px;padding:14px 19px;background:#25D366;color:#fff;font-family:inherit;font-weight:800;box-shadow:0 12px 32px #071b3b42;cursor:pointer}
.wa-float:hover{transform:translateY(-2px)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:980px){
 .nav{position:relative;flex-wrap:wrap}
 .nav .menu{display:block;margin-left:auto}
 .nav nav{display:none;width:100%;padding:14px 0 5px;flex-direction:column;align-items:stretch;gap:4px}
 .nav nav.open{display:flex}
 .nav nav a{padding:11px 8px;border-bottom:1px solid #e8eef4}
 .nav nav .btn{margin-top:8px;text-align:center}
}
@media(min-width:981px){.nav .menu{display:none!important}}
@media(max-width:560px){.wa-float{right:14px;bottom:14px;padding:12px 16px;font-size:12px}}