:root{--font-body:'Manrope',Arial,sans-serif;--font-display:'Space Grotesk',Arial,sans-serif;--sign-blue:#1f6bff;--sign-cyan:#20d8f5;--sign-ink:#06111d;--sign-panel:#0a1b2c;--sign-line:rgba(129,185,221,.2)}
*{box-sizing:border-box}.signagePage{margin:0;background:#06111d;color:#fff;font-family:var(--font-body);overflow-x:hidden}.signagePage a{text-decoration:none;color:inherit}.signageHeader{background:rgba(5,16,28,.74);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.09)}.signageHeader nav .active{color:var(--sign-cyan)}
.signageHero{min-height:820px;padding:145px max(5vw,32px) 90px;display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:5vw;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(26,103,194,.34),transparent 34%),linear-gradient(135deg,#050e18,#07192b 58%,#071f36)}.signageGrid{position:absolute;inset:0;background-image:linear-gradient(rgba(72,146,201,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,146,201,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 92%)}.signageHero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(32,216,245,.11);border-radius:50%;right:-210px;top:-240px;box-shadow:0 0 0 90px rgba(32,216,245,.025),0 0 0 180px rgba(32,216,245,.018)}.signageHeroCopy,.signageHeroVisual{position:relative;z-index:2}.signagePill{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(32,216,245,.28);border-radius:99px;background:rgba(32,216,245,.07);font:700 11px var(--font-display);letter-spacing:1.7px;color:var(--sign-cyan)}.signagePill i{width:7px;height:7px;border-radius:50%;background:#65efa9;box-shadow:0 0 0 6px rgba(101,239,169,.08)}.signageHero h1{margin:30px 0 24px;font:700 clamp(50px,5.9vw,82px)/.98 var(--font-display);letter-spacing:-4.5px}.signageHero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(198,233,250,.82)}.signageHeroCopy>p{max-width:610px;margin:0;color:#a8bac8;font-size:18px;line-height:1.75}.signageActions{display:flex;gap:11px;margin:32px 0}.signageButton{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border-radius:8px;font-size:13px;font-weight:800;transition:.22s}.signageButton:hover{transform:translateY(-2px)}.primarySignage{background:var(--sign-blue);box-shadow:0 14px 34px rgba(31,107,255,.34)}.secondarySignage{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.035)}.signageFacts{display:flex;gap:20px;flex-wrap:wrap}.signageFacts span{display:flex;flex-direction:column;padding-left:12px;border-left:1px solid rgba(255,255,255,.18);font-size:9px;letter-spacing:.7px;color:#71899c}.signageFacts b{margin-bottom:3px;font:700 14px var(--font-display);color:#fff}.signageHeroVisual{margin:0;padding:10px;border:1px solid rgba(113,184,225,.25);border-radius:18px;background:rgba(7,25,42,.75);box-shadow:0 35px 100px rgba(0,0,0,.45);transform:perspective(1200px) rotateY(-3deg)}.signageHeroVisual img{display:block;width:100%;height:auto;border-radius:11px}.signageHeroVisual figcaption{position:absolute;left:28px;bottom:27px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(5,16,28,.82);backdrop-filter:blur(10px);font-size:10px;color:#90a8b8}.signageHeroVisual figcaption i{width:7px;height:7px;border-radius:50%;background:#65efa9;box-shadow:0 0 11px #65efa9}.signageHeroVisual figcaption span{display:flex;flex-direction:column}.signageHeroVisual figcaption b{font-size:9px;color:#fff;letter-spacing:1px}
.signageIntro,.panelShowcase{padding:120px max(5vw,32px);background:#f5f8fb;color:#0b1b2a}.signageSectionHead{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end;margin-bottom:58px}.signageSectionHead>span,.featureLead>span,.useCaseTitle>span,.signageCta span{font:700 11px var(--font-display);letter-spacing:2px;color:#1979dd}.signageSectionHead h2,.featureLead h2,.useCaseTitle h2,.signageCta h2{grid-column:1;margin:15px 0 0;font:700 clamp(40px,4.6vw,65px)/1.04 var(--font-display);letter-spacing:-3px}.signageSectionHead>p{grid-column:2;grid-row:1/3;margin:0;color:#607284;font-size:16px;line-height:1.8}.signageSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.signageSteps article{min-height:300px;padding:28px;border:1px solid #dbe5ed;border-radius:14px;background:#fff;position:relative;overflow:hidden}.signageSteps article:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #dceaf4;border-radius:50%;right:-65px;top:-65px}.signageSteps article>span{font:700 10px var(--font-display);letter-spacing:1.5px;color:#8ba0b2}.stepGlyph{width:62px;height:62px;margin:32px 0 28px;display:grid;place-items:center;border:1px solid rgba(31,107,255,.2);border-radius:14px;background:linear-gradient(145deg,#eef6ff,#fff);color:#1767d0;font:700 9px var(--font-display);letter-spacing:1px;box-shadow:0 15px 30px rgba(31,107,255,.09)}.signageSteps h3{font:700 20px var(--font-display);margin:0 0 12px}.signageSteps p{margin:0;color:#67798a;font-size:14px;line-height:1.7}
.signageFeatures{padding:120px max(5vw,32px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:radial-gradient(circle at 12% 0,rgba(30,102,183,.23),transparent 30%),#071522}.featureLead{position:sticky;top:120px;align-self:start}.featureLead>span{color:var(--sign-cyan)}.featureLead h2{margin-bottom:25px}.featureLead p{max-width:500px;color:#91a6b5;line-height:1.8}.featureMatrix{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sign-line);border-left:1px solid var(--sign-line)}.featureMatrix article{min-height:235px;padding:30px;border-right:1px solid var(--sign-line);border-bottom:1px solid var(--sign-line);background:linear-gradient(145deg,rgba(255,255,255,.035),transparent);transition:.25s}.featureMatrix article:hover{background:rgba(27,92,139,.15)}.featureMatrix b{font:700 10px var(--font-display);color:var(--sign-cyan)}.featureMatrix h3{margin:60px 0 12px;font:700 19px var(--font-display)}.featureMatrix p{margin:0;color:#8fa4b4;font-size:13px;line-height:1.7}
.panelShowcase{background:#eef3f7}.panelLead{overflow:hidden;border:1px solid #cfdbe5;border-radius:17px;background:#08121f;box-shadow:0 28px 70px rgba(12,32,51,.16)}.browserBar{height:44px;display:flex;align-items:center;gap:7px;padding:0 17px;background:#101e2e;border-bottom:1px solid rgba(255,255,255,.09)}.browserBar i{width:8px;height:8px;border-radius:50%;background:#506578}.browserBar i:first-child{background:#f45d67}.browserBar i:nth-child(2){background:#ffc45b}.browserBar i:nth-child(3){background:#53d18a}.browserBar span{margin-left:10px;font-size:9px;color:#6f8799}.panelLead>img{display:block;width:100%;height:auto}.panelCaption{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}.panelCaption span{font:700 9px var(--font-display);letter-spacing:1.3px;color:var(--sign-cyan)}.panelCaption p{margin:0;max-width:570px;color:#91a6b5;font-size:13px}.panelGallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panelGallery figure{margin:0;overflow:hidden;border:1px solid #d0dce5;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(12,32,51,.08)}.panelGallery img{display:block;width:100%;height:auto}.panelGallery figcaption{padding:20px 22px;display:flex;flex-direction:column;gap:4px}.panelGallery figcaption b{font:700 16px var(--font-display)}.panelGallery figcaption span{font-size:12px;color:#6a7d8e}
.useCases{padding:105px max(5vw,32px);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;background:#fff;color:#0b1b2a}.useCaseTitle h2{margin-bottom:0}.useCaseList{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.useCaseList span{padding:13px 15px;border:1px solid #d8e3eb;border-radius:99px;background:#f7fafc;font-size:13px;font-weight:700;color:#3c5265}.signageCta{padding:0 max(5vw,32px) 80px;background:#fff}.signageCta>div{min-height:410px;padding:60px;border-radius:20px;background:radial-gradient(circle at 84% 10%,rgba(32,216,245,.22),transparent 28%),linear-gradient(135deg,#0a3164,#1268da);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.signageCta>div:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-95px;bottom:-260px;box-shadow:0 0 0 70px rgba(255,255,255,.04)}.signageCta span{color:#9ff1ff}.signageCta h2{max-width:760px;margin-bottom:20px}.signageCta p{max-width:610px;margin:0;color:#d5e7fb;font-size:16px;line-height:1.7}.signagePage .ctaButton{margin-top:28px;background:#fff;color:#135ab8;position:relative;z-index:2;text-shadow:none}.signagePage .ctaButton:hover,.signagePage .ctaButton:focus-visible{color:#0b4b9f;background:#eaf4ff}.signageFooter{background:#050e18;grid-template-columns:auto 1fr auto}.signageFooter a{color:inherit}
.signagePage .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.signagePage .reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.signageHero{grid-template-columns:1fr;padding-top:125px}.signageHeroVisual{max-width:820px;transform:none}.signageSectionHead,.signageFeatures,.useCases{grid-template-columns:1fr}.signageSectionHead>p{grid-column:1;grid-row:auto;margin-top:20px}.featureLead{position:static}.useCaseList{justify-content:flex-start}}
@media(max-width:700px){.signageHero{padding:115px 22px 70px}.signageHero h1{font-size:49px;letter-spacing:-3px}.signageHeroCopy>p{font-size:16px}.signageActions{flex-direction:column}.signageFacts{gap:13px}.signageHeroVisual figcaption{left:18px;bottom:18px}.signageIntro,.signageFeatures,.panelShowcase,.useCases{padding:82px 22px}.signageSectionHead h2,.featureLead h2,.useCaseTitle h2,.signageCta h2{letter-spacing:-2px}.signageSteps,.featureMatrix,.panelGallery{grid-template-columns:1fr}.signageSteps article{min-height:270px}.featureMatrix article{min-height:205px}.panelCaption{align-items:flex-start;flex-direction:column;gap:9px}.signageCta{padding:0 22px 50px}.signageCta>div{padding:42px 25px}.signageFooter{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.signagePage .reveal{opacity:1;transform:none;transition:none}}

/* Aplicaciones destacadas y contacto por QR */
.useCaseList{gap:12px}.useCaseList span{position:relative;overflow:hidden;padding:15px 19px;border-color:rgba(31,107,255,.22);background:linear-gradient(135deg,#0b315d,#1268da);color:#fff;box-shadow:0 12px 26px rgba(18,83,170,.18);transition:transform .22s ease,box-shadow .22s ease}.useCaseList span:nth-child(2n){background:linear-gradient(135deg,#0a4568,#0b93bd)}.useCaseList span:nth-child(3n){background:linear-gradient(135deg,#123a78,#1f6bff)}.useCaseList span:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.16),transparent 70%);transform:translateX(-110%);transition:transform .45s ease}.useCaseList span:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(18,83,170,.28)}.useCaseList span:hover:before{transform:translateX(110%)}
.signageCta>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:60px}.signageCtaCopy{position:relative;z-index:2}.signageQr{position:relative;z-index:2;display:block;width:196px;padding:8px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(4,35,83,.38);transition:transform .24s ease,box-shadow .24s ease}.signageQr img{display:block;width:100%;height:auto;border-radius:9px}.signageQr:hover,.signageQr:focus-visible{outline:3px solid rgba(159,241,255,.55);outline-offset:4px;transform:translateY(-4px);box-shadow:0 28px 70px rgba(4,35,83,.52)}
@media(max-width:700px){.useCaseList span{flex:1 1 calc(50% - 12px);text-align:center}.signageCta>div{grid-template-columns:1fr;gap:30px}.signageQr{width:184px;justify-self:start}}

.brochureSignage{background:linear-gradient(135deg,#e52b36,#b81224);color:#fff!important;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(190,18,36,.32)}.brochureSignage:hover,.brochureSignage:focus-visible{background:linear-gradient(135deg,#f23a45,#c6182b);color:#fff!important;box-shadow:0 18px 42px rgba(190,18,36,.44)}

/* High-contrast process cards */
.signageIntro{background:linear-gradient(180deg,#f4f8fc 0,#eaf2f8 100%)}.signageSteps{gap:18px}.signageSteps article{min-height:340px;padding:30px;border:1px solid rgba(85,177,229,.3);background:radial-gradient(circle at 100% 0,rgba(38,217,246,.17),transparent 34%),linear-gradient(145deg,#0b263d,#071827 72%);color:#fff;box-shadow:0 22px 52px rgba(8,31,49,.18);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.signageSteps article:hover{transform:translateY(-7px);border-color:rgba(38,217,246,.72);box-shadow:0 30px 65px rgba(8,31,49,.28)}.signageSteps article:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--sign-blue),var(--sign-cyan));transform-origin:left;transform:scaleX(.3);transition:transform .35s ease}.signageSteps article:hover:before{transform:scaleX(1)}.signageSteps article:after{border-color:rgba(38,217,246,.13);box-shadow:0 0 0 30px rgba(38,217,246,.025)}.signageSteps article>span{font-size:12px;color:#75dbf1}.stepGlyph{width:72px;height:72px;margin:37px 0 33px;border-color:rgba(70,198,238,.38);background:linear-gradient(145deg,rgba(38,217,246,.18),rgba(31,107,255,.12));color:#bff6ff;font-size:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 35px rgba(0,0,0,.18)}.signageSteps h3{font-size:22px}.signageSteps p{color:#9fb4c3;font-size:14px;line-height:1.75}.signageSteps article:nth-child(2){background:radial-gradient(circle at 100% 0,rgba(80,61,238,.2),transparent 34%),linear-gradient(145deg,#102a4a,#081a2d 72%)}.signageSteps article:nth-child(3){background:radial-gradient(circle at 100% 0,rgba(38,217,246,.17),transparent 34%),linear-gradient(145deg,#0c3047,#071a29 72%)}
@media(max-width:700px){.signageSteps article{min-height:290px}.stepGlyph{margin:29px 0 26px}}