:root{--sh-dark: #0a0e17;--sh-navy: #0f1623;--sh-accent: #c9a84c;--sh-accent-light: #e8c96a;--sh-text: #e8eaf0;--sh-muted: #8892a4;--sh-card-bg: #131b2a;--sh-border: rgba(201,168,76,.15);--font-display: "Roboto Condensed", sans-serif}.proteccion-section.svelte-1gku7m3{background:var(--sh-dark);padding:7rem 0;border-top:1px solid var(--sh-border)}.proteccion-grid.svelte-1gku7m3{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.proteccion-text.svelte-1gku7m3 h2:where(.svelte-1gku7m3){font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--sh-text);line-height:1;margin-bottom:1.5rem}.proteccion-text.svelte-1gku7m3 h2:where(.svelte-1gku7m3) em:where(.svelte-1gku7m3){font-style:normal;color:var(--sh-accent)}.proteccion-text.svelte-1gku7m3 p:where(.svelte-1gku7m3){color:#ffffffbf;font-family:var(--font-display);font-size:1.05rem;line-height:1.75;margin-bottom:1rem}.proteccion-slider.svelte-1gku7m3{position:relative;aspect-ratio:4/3;border-radius:2px;overflow:hidden}.disc-slide.svelte-1gku7m3{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}.disc-slide.disc-active.svelte-1gku7m3{opacity:1}@media(max-width:768px){.proteccion-grid.svelte-1gku7m3{grid-template-columns:1fr;gap:2.5rem}}.divider-section.svelte-1gku7m3{background:var(--sh-dark);padding:4.5rem 3rem;text-align:center;border-top:1px solid var(--sh-border);border-bottom:1px solid var(--sh-border)}.divider-text.svelte-1gku7m3{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,2rem);font-weight:300;color:var(--sh-text);letter-spacing:.08em;max-width:700px;margin:0 auto;line-height:1.5}.hero.svelte-1gku7m3{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(--sh-dark)}.hero-bg.svelte-1gku7m3{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.65);opacity:0;transition:opacity 1.5s ease}.hero-bg.active.svelte-1gku7m3{opacity:1}.hero-overlay.svelte-1gku7m3{position:absolute;inset:0;background:linear-gradient(160deg,#0a0e1766,#0a0e171a,#0a0e17d9)}.hero-content.svelte-1gku7m3{position:relative;z-index:2;max-width:760px;padding:0 2rem;margin-left:max(2rem,calc(50vw - 580px));opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.hero.visible.svelte-1gku7m3 .hero-content:where(.svelte-1gku7m3){opacity:1;transform:translateY(0)}.hero-eyebrow.svelte-1gku7m3{font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sh-accent);margin-bottom:1.2rem;font-family:var(--font-display)}.hero-logo.svelte-1gku7m3{width:320px;max-width:80vw;height:auto;margin-bottom:1.2rem}.hero-sub.svelte-1gku7m3{font-size:clamp(1rem,2vw,1.2rem);color:#e8eaf0bf;font-family:var(--font-display);font-weight:300;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2.5rem}.hero-actions.svelte-1gku7m3{display:flex;gap:1rem;flex-wrap:wrap}.hero-scroll-hint.svelte-1gku7m3{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2}.hero-scroll-hint.svelte-1gku7m3 span:where(.svelte-1gku7m3){display:block;width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--sh-accent));margin:auto;animation:svelte-1gku7m3-scrollLine 2s ease-in-out infinite}@keyframes svelte-1gku7m3-scrollLine{0%,to{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}.btn-primary.svelte-1gku7m3{display:inline-block;background:var(--sh-accent);color:#0a0e17;padding:.85rem 2rem;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:none;transition:background .2s,transform .2s;cursor:pointer}.btn-primary.svelte-1gku7m3:hover{background:var(--sh-accent-light);transform:translateY(-2px)}.btn-primary.large.svelte-1gku7m3{padding:1rem 2.5rem;font-size:.9rem}.btn-ghost.svelte-1gku7m3{display:inline-block;border:1px solid rgba(201,168,76,.5);color:var(--sh-accent);padding:.85rem 2rem;font-family:var(--font-display);font-weight:400;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:border-color .2s,background .2s}.btn-ghost.svelte-1gku7m3:hover{background:#c9a84c14;border-color:var(--sh-accent)}.container.svelte-1gku7m3{max-width:1160px;margin:0 auto;padding:0 2rem}.intro-section.svelte-1gku7m3{position:relative;padding:7rem 0;overflow:hidden;background:var(--sh-navy)}.intro-bg.svelte-1gku7m3{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.6);z-index:0}.intro-overlay.svelte-1gku7m3{position:absolute;inset:0;z-index:1;background:#0a0e1773}.intro-inner.svelte-1gku7m3{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.intro-text.svelte-1gku7m3 h2:where(.svelte-1gku7m3){font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--sh-text);line-height:1.15;margin-bottom:1.5rem}.intro-text.svelte-1gku7m3 h2:where(.svelte-1gku7m3) em:where(.svelte-1gku7m3){font-style:normal;color:var(--sh-accent)}.intro-text.svelte-1gku7m3 p:where(.svelte-1gku7m3){color:#ffffffd9;font-size:1.05rem;line-height:1.75;margin-bottom:1rem;font-family:var(--font-display)}.intro-totem.svelte-1gku7m3{display:flex;justify-content:center;align-items:flex-end}.totem-visual.svelte-1gku7m3{display:flex;flex-direction:column;align-items:center}.totem-body.svelte-1gku7m3{width:300px;background:linear-gradient(160deg,#1e2d45,#0d1525);border:1px solid rgba(201,168,76,.2);border-radius:12px 12px 4px 4px;box-shadow:0 0 60px #c9a84c1a,0 0 0 1px #ffffff08 inset;padding:10px}.totem-bezel.svelte-1gku7m3{background:#060e1a;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.totem-screen.svelte-1gku7m3{width:100%;aspect-ratio:9/16;position:relative;overflow:hidden}.totem-neck.svelte-1gku7m3{width:36px;height:28px;background:linear-gradient(to bottom,#1e2d45,#131b2a);border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}.totem-base.svelte-1gku7m3{width:160px;height:18px;background:linear-gradient(to bottom,#1a2840,#0d1525);border-radius:0 0 6px 6px;border:1px solid rgba(201,168,76,.15);border-top:none}.totem-panel.svelte-1gku7m3{position:absolute;inset:0;padding:1.25rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;opacity:0;transition:opacity .8s ease;pointer-events:none}.totem-panel.panel-visible.svelte-1gku7m3{opacity:1;pointer-events:auto}.panel-title-bar.svelte-1gku7m3{font-family:var(--font-display);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sh-accent);border-bottom:1px solid rgba(201,168,76,.2);padding-bottom:.45rem;display:flex;align-items:center}.operator-zone.svelte-1gku7m3{display:flex;flex-direction:column;align-items:center;gap:.35rem}.operator-svg.svelte-1gku7m3{width:100%;max-width:140px;height:auto}.operator-label.svelte-1gku7m3{display:flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:.65rem;color:var(--sh-muted)}.status-dot.svelte-1gku7m3{width:7px;height:7px;border-radius:50%;background:#2ecc71;box-shadow:0 0 6px #2ecc71;animation:svelte-1gku7m3-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes svelte-1gku7m3-pulse{0%,to{opacity:1}50%{opacity:.35}}.totem-buttons.svelte-1gku7m3{display:flex;flex-direction:column;gap:.55rem;flex:1}.totem-btn.svelte-1gku7m3{display:flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border:none;border-radius:7px;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:transform .15s,filter .15s}.totem-btn.svelte-1gku7m3:hover{transform:scale(1.03);filter:brightness(1.15)}.totem-btn.svelte-1gku7m3 svg:where(.svelte-1gku7m3){width:15px;height:15px;flex-shrink:0}.totem-btn.emergency.svelte-1gku7m3{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.totem-btn.police.svelte-1gku7m3{background:#3498db26;color:#3498db;border:1px solid rgba(52,152,219,.3)}.totem-btn.fire.svelte-1gku7m3{background:#f39c1226;color:#f39c12;border:1px solid rgba(243,156,18,.3)}.totem-footer.svelte-1gku7m3{font-family:var(--font-display);font-size:.58rem;color:#c9a84c66;text-align:center;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.05);padding-top:.5rem;margin-top:auto}.cam-main.svelte-1gku7m3{flex:1;background:#030b15;border:1px solid rgba(255,255,255,.06);border-radius:4px;overflow:hidden;position:relative;min-height:0}.cam-main-inner.svelte-1gku7m3{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.cam-scanline.svelte-1gku7m3{position:absolute;top:0;left:0;right:0;height:2px;background:#00ff0026;animation:svelte-1gku7m3-scan 2.5s linear infinite;z-index:2}@keyframes svelte-1gku7m3-scan{0%{top:0}to{top:100%}}.cam-scene.svelte-1gku7m3{flex:1;display:flex;align-items:stretch}.cam-scene-svg.svelte-1gku7m3{width:100%;height:100%}.cam-overlay-info.svelte-1gku7m3{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:.25rem .4rem;background:#00000080}.cam-main-label.svelte-1gku7m3{font-family:var(--font-display);font-size:.58rem;color:#00ff00b3;letter-spacing:.1em}.cam-rec.svelte-1gku7m3{font-family:var(--font-display);font-size:.55rem;color:#e74c3c;animation:svelte-1gku7m3-blink 1.2s step-end infinite}@keyframes svelte-1gku7m3-blink{0%,to{opacity:1}50%{opacity:0}}.cam-grid.svelte-1gku7m3{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.cam-thumb.svelte-1gku7m3{background:#030b15;border:1px solid rgba(255,255,255,.06);border-radius:3px;aspect-ratio:4/3;overflow:hidden;transition:border-color .3s}.cam-thumb.cam-active.svelte-1gku7m3{border-color:#c9a84c80}.cam-thumb-inner.svelte-1gku7m3{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:2px}.cam-thumb-svg.svelte-1gku7m3{width:80%;height:auto}.cam-thumb-label.svelte-1gku7m3{font-family:var(--font-display);font-size:.5rem;color:#ffffff40;letter-spacing:.06em}.cam-thumb.cam-active.svelte-1gku7m3 .cam-thumb-label:where(.svelte-1gku7m3){color:#c9a84cb3}.features-section.svelte-1gku7m3{position:relative;padding:7rem 0;overflow:hidden}.features-base-bg.svelte-1gku7m3{position:absolute;inset:0;z-index:0;background:url(../../../images/smarthall/feat-bg-base.jpg) center/cover no-repeat;filter:brightness(.5)}.features-base-overlay.svelte-1gku7m3{position:absolute;inset:0;z-index:1;background:#0a0e178c}.features-hover-bg.svelte-1gku7m3{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;filter:brightness(.55);opacity:0;transition:opacity .55s ease;pointer-events:none}.features-hover-bg.active.svelte-1gku7m3{opacity:1}.features-inner.svelte-1gku7m3{position:relative;z-index:2}.section-header.svelte-1gku7m3{text-align:center;margin-bottom:4rem}.section-header.svelte-1gku7m3 h2:where(.svelte-1gku7m3){font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;color:var(--sh-text);margin-bottom:.75rem}.section-header.svelte-1gku7m3 p:where(.svelte-1gku7m3){color:var(--sh-muted);font-family:var(--font-display);font-size:1.05rem}.features-grid.svelte-1gku7m3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card.svelte-1gku7m3{background:#131b2ae0;border:1px solid rgba(255,255,255,.05);border-radius:2px;padding:2.25rem 2rem;opacity:0;transform:translateY(24px);transition:opacity .5s ease var(--delay,0ms),transform .5s ease var(--delay,0ms),border-color .25s,background .25s;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.features-section.visible.svelte-1gku7m3 .feature-card:where(.svelte-1gku7m3){opacity:1;transform:translateY(0)}.feature-card.svelte-1gku7m3:hover,.feature-card.active.svelte-1gku7m3{border-color:var(--sh-border);background:#16202ff2}.card-mobile-img.svelte-1gku7m3{width:calc(100% + 4rem);margin:-2.25rem -2rem 1.5rem;height:180px;background-size:cover;background-position:center;filter:brightness(.5) saturate(.6) hue-rotate(180deg);animation:svelte-1gku7m3-imgReveal .4s ease}@keyframes svelte-1gku7m3-imgReveal{0%{height:0;opacity:0}to{height:180px;opacity:1}}.feature-icon.svelte-1gku7m3{width:44px;height:44px;color:var(--sh-accent);margin-bottom:1.25rem}.feature-icon.svelte-1gku7m3 svg:where(.svelte-1gku7m3){width:100%;height:100%}.feature-card.svelte-1gku7m3 h3:where(.svelte-1gku7m3){font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--sh-text);margin-bottom:.75rem;letter-spacing:.03em}.feature-card.svelte-1gku7m3 p:where(.svelte-1gku7m3){font-family:var(--font-display);font-size:.9rem;color:#ffffffbf;line-height:1.65}.stats-section.svelte-1gku7m3{background:var(--sh-accent);padding:4rem 0}.stats-grid.svelte-1gku7m3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.stat-item.svelte-1gku7m3{opacity:0;transform:translateY(16px);transition:opacity .5s ease var(--delay,0ms),transform .5s ease var(--delay,0ms)}.stats-section.visible.svelte-1gku7m3 .stat-item:where(.svelte-1gku7m3){opacity:1;transform:translateY(0)}.stat-value.svelte-1gku7m3{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--sh-dark);line-height:1;margin-bottom:.4rem}.stat-label.svelte-1gku7m3{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#0a0e17a6}.cta-section.svelte-1gku7m3{background:var(--sh-navy);padding:6rem 0;border-top:1px solid var(--sh-border)}.cta-inner.svelte-1gku7m3{display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap}.cta-text.svelte-1gku7m3 h2:where(.svelte-1gku7m3){font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--sh-text);margin-bottom:.6rem}.cta-text.svelte-1gku7m3 p:where(.svelte-1gku7m3){font-family:var(--font-display);color:var(--sh-muted);font-size:1rem}@media(max-width:900px){.intro-inner.svelte-1gku7m3{grid-template-columns:1fr;gap:3rem}.intro-totem.svelte-1gku7m3{order:-1}.totem-body.svelte-1gku7m3{width:240px}.features-grid.svelte-1gku7m3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid.svelte-1gku7m3{grid-template-columns:1fr}.stats-grid.svelte-1gku7m3{grid-template-columns:1fr;gap:2.5rem}.cta-inner.svelte-1gku7m3{flex-direction:column;text-align:center}.hero-content.svelte-1gku7m3{margin-left:0;padding:0 1.5rem}.hero-actions.svelte-1gku7m3{flex-direction:column}.totem-body.svelte-1gku7m3{width:200px}}