Control de Acceso \u2013 Suprema & Anviz | VALSEG Seguridad<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --bg:#020B18;--bg2:#040F1E;--bg3:#071528;--bg4:#0A1E38;\n --blue:#0D6EFD;--blue2:#1A7FFF;--blue3:#4CA3FF;\n --cyan:#00D4FF;--cyan2:#00A8CC;\n --steel:#4A7FA5;--mist:#6B9DC4;\n --text:#E2EEF9;--dim:#7BA3C4;--muted:#3D6485;\n --border:#0D3558;--border2:#1A5280;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}\n\n\/* FONDO TECH *\/\nbody::before{\n content:'';position:fixed;inset:0;z-index:0;pointer-events:none;\n background-image:linear-gradient(rgba(13,110,253,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,110,253,0.05) 1px,transparent 1px);\n background-size:52px 52px;\n}\nbody::after{\n content:'';position:fixed;inset:0;z-index:0;pointer-events:none;\n background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(13,110,253,0.1) 0%,transparent 55%),\n radial-gradient(ellipse 40% 40% at 90% 70%,rgba(0,212,255,0.05) 0%,transparent 50%);\n}\n\n\/* HERO *\/\n.hero{position:relative;z-index:1;padding:3rem 6% 5rem;min-height:88vh;display:flex;flex-direction:column;justify-content:center}\n.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:0.4rem 1rem;background:rgba(13,110,253,0.1);border:1px solid rgba(13,110,253,0.3);border-radius:2px;margin-bottom:1.75rem;width:fit-content}\n.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:blink 2s ease-in-out infinite;flex-shrink:0}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}\n.badge-txt{font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--cyan)}\n\n.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\n.hero-eyebrow{font-size:0.72rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.75rem;display:flex;align-items:center;gap:8px}\n.hero-eyebrow::before{content:'';width:20px;height:1px;background:var(--cyan)}\nh1{font-family:'Rajdhani',sans-serif;font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;line-height:0.95;text-transform:uppercase;color:#fff;margin-bottom:1.5rem}\nh1 .outline{-webkit-text-stroke:2px var(--blue3);color:transparent;display:block}\nh1 .fill{color:#fff;display:block}\n.hero-desc{font-size:1rem;color:var(--dim);line-height:1.8;max-width:480px;margin-bottom:2rem;border-left:2px solid var(--blue);padding-left:1rem}\n.hero-desc strong{color:var(--cyan);font-weight:500}\n.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}\n.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--blue),#0A56D0);color:#fff;padding:0.9rem 1.75rem;border-radius:3px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:0.95rem;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(76,163,255,0.3);transition:all 0.2s;box-shadow:0 0 25px rgba(13,110,253,0.25)}\n.btn-primary:hover{box-shadow:0 0 35px rgba(13,110,253,0.5);transform:translateY(-1px)}\n.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--blue3);padding:0.9rem 1.75rem;border-radius:3px;border:1px solid rgba(13,110,253,0.35);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:0.95rem;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;transition:all 0.2s}\n.btn-ghost:hover{background:rgba(13,110,253,0.08);border-color:var(--blue3)}\n\n\/* PANEL ANIMADO HERO *\/\n.hero-visual{position:relative}\n.access-panel{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;overflow:hidden;box-shadow:0 0 60px rgba(13,110,253,0.15),inset 0 0 30px rgba(13,110,253,0.03)}\n.access-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}\n.ap-header{background:rgba(13,110,253,0.08);border-bottom:1px solid var(--border);padding:0.7rem 1rem;display:flex;align-items:center;justify-content:space-between}\n.ap-title{font-family:'Rajdhani',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan)}\n.ap-status{display:flex;align-items:center;gap:6px;font-size:0.68rem;color:#4ADE80;font-weight:600}\n.ap-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;box-shadow:0 0 6px #4ADE80;animation:blink 1.5s infinite}\n.ap-body{padding:1.5rem}\n.ap-user{display:flex;align-items:center;gap:1rem;padding:0.875rem;background:var(--bg2);border:1px solid var(--border);border-radius:4px;margin-bottom:0.75rem;transition:border-color 0.3s}\n.ap-user.active{border-color:var(--blue2);background:rgba(13,110,253,0.06)}\n.ap-avatar{width:38px;height:38px;border-radius:50%;background:rgba(13,110,253,0.15);border:1px solid rgba(13,110,253,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.8rem;font-weight:700;color:var(--blue3)}\n.ap-info{flex:1}\n.ap-name{font-size:0.85rem;font-weight:600;color:#fff}\n.ap-role{font-size:0.7rem;color:var(--muted);letter-spacing:0.05em}\n.ap-cred{display:flex;gap:0.35rem}\n.cred-tag{font-size:0.58rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.15rem 0.4rem;border-radius:2px}\n.cred-tag.card{background:rgba(0,212,255,0.12);color:var(--cyan);border:1px solid rgba(0,212,255,0.25)}\n.cred-tag.fp{background:rgba(13,110,253,0.12);color:var(--blue3);border:1px solid rgba(13,110,253,0.25)}\n.cred-tag.pin{background:rgba(76,163,255,0.1);color:#7BB8FF;border:1px solid rgba(76,163,255,0.2)}\n.ap-access{font-size:0.65rem;font-weight:600;padding:0.2rem 0.5rem;border-radius:2px}\n.ap-access.ok{background:rgba(74,222,128,0.1);color:#4ADE80;border:1px solid rgba(74,222,128,0.2)}\n.ap-access.deny{background:rgba(239,68,68,0.1);color:#F87171;border:1px solid rgba(239,68,68,0.2)}\n.ap-footer{border-top:1px solid var(--border);padding:0.75rem 1rem;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}\n.apf-n{display:block;font-family:'Rajdhani',sans-serif;font-size:1.3rem;font-weight:700;color:var(--cyan);text-shadow:0 0 10px rgba(0,212,255,0.3)}\n.apf-l{font-size:0.6rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}\n\n\/* SECCIONES *\/\nsection{position:relative;z-index:1;padding:5.5rem 6%}\n.s-tag{display:inline-flex;align-items:center;gap:8px;font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.75rem}\n.s-tag::before{content:'';width:20px;height:1px;background:var(--cyan)}\nh2{font-family:'Rajdhani',sans-serif;font-size:clamp(1.9rem,3.5vw,2.7rem);font-weight:700;text-transform:uppercase;color:#fff;line-height:1.05;margin-bottom:1rem}\nh2 em{color:var(--blue3);font-style:normal}\n.s-intro{font-size:0.95rem;color:var(--dim);max-width:640px;line-height:1.8;margin-bottom:3rem}\n\n\/* COMO FUNCIONA *\/\n.how-sec{background:var(--bg2)}\n.how-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent)}\n.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}\n.steps-list{display:flex;flex-direction:column;gap:0;position:relative}\n.steps-list::before{content:'';position:absolute;left:19px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--blue),transparent)}\n.step-item{display:flex;gap:1.25rem;padding:1.25rem 0}\n.step-num{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--bg3);border:1px solid var(--blue);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-size:0.85rem;font-weight:700;color:var(--cyan);position:relative;z-index:1}\n.step-body h4{font-family:'Rajdhani',sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin-bottom:0.3rem}\n.step-body p{font-size:0.85rem;color:var(--dim);line-height:1.7}\n\n\/* VIDEO *\/\n.video-wrap{border-radius:8px;overflow:hidden;border:1px solid var(--border2);box-shadow:0 0 40px rgba(13,110,253,0.12);position:relative}\n.video-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:2}\n.video-label{background:var(--bg3);border-bottom:1px solid var(--border);padding:0.6rem 1rem;display:flex;align-items:center;gap:8px;font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan)}\n.video-label svg{width:14px;height:14px}\n.video-wrap iframe{width:100%;aspect-ratio:16\/9;display:block;border:none}\n\n\/* CREDENCIALES *\/\n.creds-sec{background:var(--bg)}\n.creds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}\n.cred-card{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:1.75rem 1.25rem;text-align:center;transition:all 0.3s;position:relative;overflow:hidden}\n.cred-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transition:transform 0.3s}\n.cred-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 10px 30px rgba(13,110,253,0.12)}\n.cred-card:hover::before{transform:scaleX(1)}\n.cred-ico{width:56px;height:56px;border-radius:50%;background:rgba(13,110,253,0.1);border:1px solid rgba(13,110,253,0.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;transition:all 0.3s}\n.cred-card:hover .cred-ico{background:rgba(13,110,253,0.18);box-shadow:0 0 20px rgba(13,110,253,0.2)}\n.cred-ico svg{width:26px;height:26px}\n.cred-card h3{font-family:'Rajdhani',sans-serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#fff;margin-bottom:0.5rem}\n.cred-card p{font-size:0.82rem;color:var(--dim);line-height:1.65}\n\n\/* GESTION USUARIOS *\/\n.mgmt-sec{background:var(--bg2)}\n.mgmt-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(13,110,253,0.4),transparent)}\n.mgmt-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\n.mgmt-features{display:flex;flex-direction:column;gap:1rem}\n.mgmt-feat{display:flex;gap:1rem;padding:1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;transition:border-color 0.2s;position:relative;overflow:hidden}\n.mgmt-feat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--blue);transform:scaleY(0);transform-origin:top;transition:transform 0.3s}\n.mgmt-feat:hover::before{transform:scaleY(1)}\n.mgmt-feat:hover{border-color:var(--border2)}\n.mf-ico{width:40px;height:40px;flex-shrink:0;background:rgba(13,110,253,0.1);border:1px solid rgba(13,110,253,0.2);border-radius:4px;display:flex;align-items:center;justify-content:center}\n.mf-ico svg{width:19px;height:19px}\n.mgmt-feat h4{font-family:'Rajdhani',sans-serif;font-size:0.95rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin-bottom:0.2rem}\n.mgmt-feat p{font-size:0.82rem;color:var(--dim);line-height:1.6}\n\n\/* PANEL DEMO *\/\n.demo-panel{background:var(--bg);border:1px solid var(--border2);border-radius:8px;overflow:hidden;box-shadow:0 0 40px rgba(13,110,253,0.1)}\n.dp-header{background:rgba(13,110,253,0.08);border-bottom:1px solid var(--border);padding:0.75rem 1rem;display:flex;align-items:center;justify-content:space-between}\n.dp-title{font-family:'Rajdhani',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan)}\n.dp-tabs{display:flex;gap:0}\n.dp-tab{font-size:0.65rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:0.3rem 0.7rem;border-radius:2px;cursor:pointer;color:var(--muted);transition:all 0.2s}\n.dp-tab.active{background:rgba(13,110,253,0.15);color:var(--blue3)}\n.dp-body{padding:1rem}\n.dp-row{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 0.75rem;border-radius:3px;margin-bottom:0.35rem;border:1px solid transparent;transition:all 0.2s}\n.dp-row:hover{background:rgba(13,110,253,0.05);border-color:var(--border)}\n.dp-row-left{display:flex;align-items:center;gap:0.75rem}\n.dp-avatar{width:30px;height:30px;border-radius:50%;background:rgba(13,110,253,0.15);border:1px solid rgba(13,110,253,0.25);display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;color:var(--blue3);flex-shrink:0}\n.dp-uname{font-size:0.82rem;font-weight:600;color:#fff}\n.dp-room{font-size:0.68rem;color:var(--muted)}\n.dp-actions{display:flex;gap:0.35rem}\n.dp-btn{font-size:0.6rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;padding:0.2rem 0.5rem;border-radius:2px;border:none;cursor:pointer;transition:all 0.2s}\n.dp-btn.edit{background:rgba(13,110,253,0.12);color:var(--blue3);border:1px solid rgba(13,110,253,0.2)}\n.dp-btn.del{background:rgba(239,68,68,0.08);color:#F87171;border:1px solid rgba(239,68,68,0.15)}\n.dp-btn.add{background:rgba(74,222,128,0.08);color:#4ADE80;border:1px solid rgba(74,222,128,0.15)}\n.dp-footer{border-top:1px solid var(--border);padding:0.75rem 1rem;display:flex;justify-content:space-between;align-items:center}\n.dp-counter{font-size:0.72rem;color:var(--muted)}\n.dp-add-btn{display:flex;align-items:center;gap:6px;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--cyan);background:rgba(0,212,255,0.06);border:1px solid rgba(0,212,255,0.2);padding:0.35rem 0.75rem;border-radius:2px;cursor:pointer}\n\n\/* MARCAS *\/\n.brands-sec{background:var(--bg)}\n.brands-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}\n.brand-card{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;overflow:hidden;position:relative}\n.brand-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}\n.brand-header{padding:1.75rem 2rem 1rem;display:flex;align-items:center;gap:1rem}\n.brand-logo-box{background:rgba(13,110,253,0.08);border:1px solid rgba(13,110,253,0.2);border-radius:4px;padding:0.5rem 1rem;display:flex;align-items:center}\n.brand-logo-box span{font-family:'Rajdhani',sans-serif;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:0.05em}\n.brand-logo-box .logo-sub{font-size:0.6rem;font-weight:500;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;display:block;margin-top:-4px}\n.brand-badge{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.2);padding:0.25rem 0.6rem;border-radius:2px}\n.brand-body{padding:0 2rem 1rem}\n.brand-body p{font-size:0.88rem;color:var(--dim);line-height:1.75;margin-bottom:1.25rem}\n.brand-specs{display:flex;flex-direction:column;gap:0.5rem}\n.brand-spec{display:flex;align-items:center;gap:0.6rem;font-size:0.8rem;color:var(--dim)}\n.brand-spec::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0}\n.brand-video{padding:0 2rem 2rem}\n.bv-label{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:0.5rem;display:flex;align-items:center;gap:6px}\n.bv-label::before{content:'\u25b6';color:var(--cyan);font-size:0.6rem}\n.bv-wrap{border-radius:4px;overflow:hidden;border:1px solid var(--border)}\n.bv-wrap iframe{width:100%;aspect-ratio:16\/9;display:block;border:none}\n\n\/* SECTORES *\/\n.sectors-sec{background:var(--bg2)}\n.sectors-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent)}\n.sector-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}\n.sector-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2rem;position:relative;overflow:hidden;transition:all 0.3s}\n.sector-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform 0.4s}\n.sector-card:hover::before{transform:scaleX(1)}\n.sector-card:hover{border-color:var(--border2);box-shadow:0 0 30px rgba(13,110,253,0.08)}\n.sector-ico{font-size:2.5rem;margin-bottom:1rem;display:block}\n.sector-card h3{font-family:'Rajdhani',sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:0.75rem}\n.sector-card p{font-size:0.88rem;color:var(--dim);line-height:1.75;margin-bottom:1rem}\n.sector-list{display:flex;flex-direction:column;gap:0.4rem}\n.sector-list li{font-size:0.8rem;color:var(--steel);list-style:none;display:flex;align-items:center;gap:0.5rem}\n.sector-list li::before{content:'\u2192';color:var(--cyan);font-size:0.7rem;flex-shrink:0}\n\n\/* CTA *\/\n.cta-sec{position:relative;z-index:1;background:linear-gradient(135deg,var(--bg3),var(--bg4));border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);padding:5rem 6%;text-align:center;overflow:hidden}\n.cta-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 100% at 50% 50%,rgba(13,110,253,0.1) 0%,transparent 60%);pointer-events:none}\n.cta-sec::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.5),transparent)}\n\n\/* FORM *\/\n.form-sec{position:relative;z-index:1;background:var(--bg2);padding:5rem 6%}\n.form-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent)}\n.form-wrap{max-width:680px;margin:0 auto}\n.form-box{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:2.5rem;position:relative;overflow:hidden}\n.form-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--blue))}\n.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}\n.fg{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:1rem}\n.fg label{font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}\n.fg input,.fg select,.fg textarea{background:var(--bg2);border:1px solid var(--border);border-radius:3px;color:var(--text);padding:0.75rem 0.875rem;font-family:'Inter',sans-serif;font-size:0.88rem;outline:none;width:100%;transition:border-color 0.2s}\n.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,110,253,0.1)}\n.fg input::placeholder,.fg textarea::placeholder{color:rgba(75,127,165,0.45)}\n.fg select{appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234A7FA5' stroke-width='1.5'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 0.875rem center}\n.fg select option{background:var(--bg3)}\n.fg textarea{resize:none;height:90px;line-height:1.6}\n.btn-submit{width:100%;background:linear-gradient(135deg,var(--blue),#0A56D0);color:#fff;border:1px solid rgba(76,163,255,0.25);border-radius:3px;padding:1rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.2s}\n.btn-submit:hover{box-shadow:0 0 30px rgba(13,110,253,0.45);transform:translateY(-1px)}\n\n\/* RESPONSIVE *\/\n@media(max-width:900px){\n .hero-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .how-grid{grid-template-columns:1fr}\n .creds-grid{grid-template-columns:repeat(2,1fr)}\n .mgmt-grid{grid-template-columns:1fr}\n .brands-grid{grid-template-columns:1fr}\n .sector-grid{grid-template-columns:1fr}\n .f-row{grid-template-columns:1fr}\n}\n@media(max-width:540px){\n section{padding:3.5rem 4%}\n .hero{padding:2rem 4% 3.5rem}\n .creds-grid{grid-template-columns:1fr 1fr}\n h1{font-size:2.4rem}\n .hero-btns{flex-direction:column}\n .btn-primary,.btn-ghost{justify-content:center;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-badge\">\n <span class=\"badge-dot\"><\/span>\n <span class=\"badge-txt\">Control de Acceso \u00b7 Suprema & Anviz \u00b7 Comunidad Valenciana<\/span>\n <\/div>\n\n <div class=\"hero-grid\">\n <div>\n <div class=\"hero-eyebrow\">Sistemas de control de acceso<\/div>\n <h1>\n <span class=\"fill\">Qui\u00e9n entra,<\/span>\n <span class=\"outline\">cu\u00e1ndo y d\u00f3nde<\/span>\n <\/h1>\n <p class=\"hero-desc\">\n Instalamos sistemas de control de acceso biom\u00e9trico y por tarjeta de las marcas <strong>Suprema<\/strong> y <strong>Anviz<\/strong> para hoteles, residencias y comunidades. Gesti\u00f3n total de usuarios, puertas y horarios \u2014 <strong>online o de forma local<\/strong>.\n <\/p>\n <div class=\"hero-btns\">\n <a href=\"https:\/\/wa.me\/34613173540?text=Hola%2C%20me%20interesa%20un%20sistema%20de%20control%20de%20acceso\" target=\"_blank\" class=\"btn-primary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.124.558 4.122 1.533 5.854L.057 23.273a.75.75 0 00.92.92l5.42-1.476A11.95 11.95 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75a9.723 9.723 0 01-4.964-1.362l-.356-.212-3.685 1.003 1.003-3.685-.212-.356A9.723 9.723 0 012.25 12C2.25 6.615 6.615 2.25 12 2.25S21.75 6.615 21.75 12 17.385 21.75 12 21.75z\"\/><\/svg>\n Solicitar presupuesto\n <\/a>\n <a href=\"#como-funciona\" class=\"btn-ghost\">C\u00f3mo funciona<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-visual\">\n <div class=\"access-panel\" style=\"position:relative\">\n <div class=\"ap-header\">\n <span class=\"ap-title\">Panel de gesti\u00f3n \u00b7 BioStar 2<\/span>\n <span class=\"ap-status\"><span class=\"ap-dot\"><\/span>Sistema activo<\/span>\n <\/div>\n <div class=\"ap-body\">\n <div class=\"ap-user active\">\n <div class=\"ap-avatar\">JM<\/div>\n <div class=\"ap-info\">\n <div class=\"ap-name\">Juan Mart\u00ednez<\/div>\n <div class=\"ap-role\">Habitaci\u00f3n 302 \u00b7 Hotel<\/div>\n <\/div>\n <div class=\"ap-cred\"><span class=\"cred-tag card\">Tarjeta<\/span><span class=\"cred-tag fp\">Huella<\/span><\/div>\n <span class=\"ap-access ok\">\u2713 Activo<\/span>\n <\/div>\n <div class=\"ap-user\">\n <div class=\"ap-avatar\">AL<\/div>\n <div class=\"ap-info\">\n <div class=\"ap-name\">Ana L\u00f3pez<\/div>\n <div class=\"ap-role\">Recepci\u00f3n \u00b7 Personal<\/div>\n <\/div>\n <div class=\"ap-cred\"><span class=\"cred-tag fp\">Huella<\/span><span class=\"cred-tag pin\">PIN<\/span><\/div>\n <span class=\"ap-access ok\">\u2713 Activo<\/span>\n <\/div>\n <div class=\"ap-user\">\n <div class=\"ap-avatar\">RC<\/div>\n <div class=\"ap-info\">\n <div class=\"ap-name\">Roberto Castro<\/div>\n <div class=\"ap-role\">Habitaci\u00f3n 115 \u00b7 Check-out<\/div>\n <\/div>\n <div class=\"ap-cred\"><span class=\"cred-tag card\">Tarjeta<\/span><\/div>\n <span class=\"ap-access deny\">\u2717 Bloqueado<\/span>\n <\/div>\n <div class=\"ap-user\">\n <div class=\"ap-avatar\">MP<\/div>\n <div class=\"ap-info\">\n <div class=\"ap-name\">Mar\u00eda P\u00e9rez<\/div>\n <div class=\"ap-role\">Suite 501 \u00b7 VIP<\/div>\n <\/div>\n <div class=\"ap-cred\"><span class=\"cred-tag card\">Tarjeta<\/span><span class=\"cred-tag fp\">Huella<\/span><span class=\"cred-tag pin\">PIN<\/span><\/div>\n <span class=\"ap-access ok\">\u2713 Activo<\/span>\n <\/div>\n <\/div>\n <div class=\"ap-footer\">\n <div><span class=\"apf-n\">24<\/span><span class=\"apf-l\">Usuarios activos<\/span><\/div>\n <div><span class=\"apf-n\">8<\/span><span class=\"apf-l\">Puertas<\/span><\/div>\n <div><span class=\"apf-n\">100%<\/span><span class=\"apf-l\">Online<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"how-sec\" id=\"como-funciona\">\n <div class=\"how-grid\">\n <div>\n <div class=\"s-tag\">\u00bfC\u00f3mo funciona?<\/div>\n <h2>Seguridad inteligente,<br><em>implementaci\u00f3n r\u00e1pida<\/em><\/h2>\n <p class=\"s-intro\" style=\"margin-bottom:2rem\">Un sistema de control de acceso gestiona qui\u00e9n puede entrar en cada puerta, en qu\u00e9 horario y con qu\u00e9 m\u00e9todo de identificaci\u00f3n. En hoteles y residencias, esto permite dar de alta o baja a hu\u00e9spedes y personal en segundos.<\/p>\n <div class=\"steps-list\">\n <div class=\"step-item\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-body\">\n <h4>Instalaci\u00f3n del lector en la puerta<\/h4>\n <p>Se instala el terminal Suprema o Anviz en la puerta, conectado a la cerradura el\u00e9ctrica o electromagn\u00e9tica. El proceso es r\u00e1pido y no requiere obras.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-body\">\n <h4>Configuraci\u00f3n del software de gesti\u00f3n<\/h4>\n <p>Se configura el software BioStar 2 (Suprema) o CrossChex (Anviz) en el servidor local o en la nube. Define puertas, horarios y grupos de acceso.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-body\">\n <h4>Alta de usuarios y asignaci\u00f3n de credenciales<\/h4>\n <p>Se da de alta a cada usuario asignando su tarjeta RFID, huella dactilar, c\u00f3digo PIN o reconocimiento facial. Un proceso de menos de 1 minuto por persona.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-body\">\n <h4>Control y gesti\u00f3n en tiempo real<\/h4>\n <p>El administrador puede ver en tiempo real qui\u00e9n accede a cada puerta, modificar permisos, bloquear usuarios o a\u00f1adir nuevas credenciales desde cualquier dispositivo.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">05<\/div>\n <div class=\"step-body\">\n <h4>Registros y auditor\u00eda completa<\/h4>\n <p>El sistema guarda un historial completo de todos los accesos: usuario, puerta, fecha y hora. Ideal para auditor\u00edas de seguridad y gesti\u00f3n de personal.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"video-wrap\" style=\"margin-bottom:1.5rem\">\n <div class=\"video-label\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\"\/><path d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n Suprema BioStation 3 \u00b7 Demo videoportero\n <\/div>\n <iframe src=\"https:\/\/www.youtube.com\/embed\/62XvRo8I1O4\" title=\"Suprema BioStation 3\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <div class=\"video-wrap\">\n <div class=\"video-label\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\"\/><path d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n Anviz M7 \u00b7 Control de acceso biom\u00e9trico\n <\/div>\n <iframe src=\"https:\/\/www.youtube.com\/embed\/5q_auSi7bVw\" title=\"Anviz M7 Control de Acceso\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"creds-sec\">\n <div class=\"s-tag\">M\u00e9todos de identificaci\u00f3n<\/div>\n <h2>Abre con lo que <em>prefieras<\/em><\/h2>\n <p class=\"s-intro\">Cada usuario puede tener asignados uno o varios m\u00e9todos de acceso simult\u00e1neamente. El administrador decide qu\u00e9 credenciales tiene cada persona y en qu\u00e9 puertas.<\/p>\n\n <div class=\"creds-grid\">\n <div class=\"cred-card\">\n <div class=\"cred-ico\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg>\n <\/div>\n <h3>Tarjeta RFID<\/h3>\n <p>Tarjetas de proximidad MIFARE, DESFire o HID. Ideales para hoteles: una tarjeta por habitaci\u00f3n, programada al check-in y bloqueada al check-out en segundos.<\/p>\n <\/div>\n <div class=\"cred-card\">\n <div class=\"cred-ico\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4\"\/><\/svg>\n <\/div>\n <h3>Huella dactilar<\/h3>\n <p>Reconocimiento biom\u00e9trico de alta precisi\u00f3n. Perfecto para personal de hotel y residencias: sin tarjetas que perder, sin PINs que olvidar, acceso en menos de 0,5 segundos.<\/p>\n <\/div>\n <div class=\"cred-card\">\n <div class=\"cred-ico\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\n <\/div>\n <h3>Reconocimiento facial<\/h3>\n <p>Acceso sin contacto mediante c\u00e1mara de IA. Velocidad de reconocimiento inferior a 0,2 segundos. Ideal para zonas de alto tr\u00e1nsito como lobbies o accesos principales.<\/p>\n <\/div>\n <div class=\"cred-card\">\n <div class=\"cred-ico\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"\/><\/svg>\n <\/div>\n <h3>C\u00f3digo PIN<\/h3>\n <p>C\u00f3digo num\u00e9rico personal como credencial \u00fanica o combinada con otro m\u00e9todo (PIN + tarjeta, PIN + huella). \u00datil para visitas o accesos temporales sin necesidad de hardware.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"mgmt-sec\" id=\"gestion\">\n <div class=\"mgmt-grid\">\n <div>\n <div class=\"s-tag\">Gesti\u00f3n de usuarios<\/div>\n <h2>Control total desde<br><em>cualquier lugar<\/em><\/h2>\n <p class=\"s-intro\" style=\"margin-bottom:2rem\">El software de gesti\u00f3n permite administrar todos los usuarios del sistema de forma centralizada, tanto desde la red local del hotel como de forma remota a trav\u00e9s de internet.<\/p>\n <div class=\"mgmt-features\">\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z\"\/><\/svg><\/div>\n <div>\n <h4>Alta de usuarios en segundos<\/h4>\n <p>A\u00f1ade un nuevo usuario, as\u00edgnale su tarjeta, registra su huella y define a qu\u00e9 puertas tiene acceso \u2014 todo en menos de 2 minutos. Ideal para check-in de hotel.<\/p>\n <\/div>\n <\/div>\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M13 7a4 4 0 11-8 0 4 4 0 018 0zM9 14a6 6 0 00-6 6v1h12v-1a6 6 0 00-6-6zM21 12h-6\"\/><\/svg><\/div>\n <div>\n <h4>Baja y bloqueo inmediato<\/h4>\n <p>Al momento del check-out o ante cualquier incidencia, bloquea el acceso de un usuario con un solo clic. La tarjeta queda inactiva en tiempo real en todos los lectores.<\/p>\n <\/div>\n <\/div>\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg><\/div>\n <div>\n <h4>Horarios y restricciones de acceso<\/h4>\n <p>Define franjas horarias por usuario o grupo: el personal de limpieza solo accede de 8:00 a 14:00, los hu\u00e9spedes tienen acceso a su habitaci\u00f3n 24h durante su estancia.<\/p>\n <\/div>\n <\/div>\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/><\/svg><\/div>\n <div>\n <h4>Registro e historial completo<\/h4>\n <p>Consulta en tiempo real o en hist\u00f3rico qui\u00e9n accedi\u00f3 a cada puerta, cu\u00e1ndo y cu\u00e1ntas veces. Exportable a informes para direcci\u00f3n o auditor\u00edas de seguridad.<\/p>\n <\/div>\n <\/div>\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z\"\/><\/svg><\/div>\n <div>\n <h4>Gesti\u00f3n online y local<\/h4>\n <p>Administra el sistema desde el servidor del hotel (modo local, sin internet) o desde cualquier lugar del mundo a trav\u00e9s de la nube. Ambos modos funcionan simult\u00e1neamente.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"demo-panel\">\n <div class=\"dp-header\">\n <span class=\"dp-title\">Gesti\u00f3n de usuarios \u00b7 BioStar 2<\/span>\n <div class=\"dp-tabs\">\n <span class=\"dp-tab active\">Activos<\/span>\n <span class=\"dp-tab\">Bloqueados<\/span>\n <span class=\"dp-tab\">Todos<\/span>\n <\/div>\n <\/div>\n <div class=\"dp-body\">\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">JM<\/div>\n <div><div class=\"dp-uname\">Juan Mart\u00ednez<\/div><div class=\"dp-room\">Hab. 302 \u00b7 Tarjeta + Huella \u00b7 Vence: 28 Apr<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">AL<\/div>\n <div><div class=\"dp-uname\">Ana L\u00f3pez<\/div><div class=\"dp-room\">Recepci\u00f3n \u00b7 Huella + PIN \u00b7 Permanente<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">MP<\/div>\n <div><div class=\"dp-uname\">Mar\u00eda P\u00e9rez<\/div><div class=\"dp-room\">Suite 501 \u00b7 Tarjeta + Huella + PIN \u00b7 VIP<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">CG<\/div>\n <div><div class=\"dp-uname\">Carlos Garc\u00eda<\/div><div class=\"dp-room\">Mantenimiento \u00b7 Huella \u00b7 Lun\u2013Vie 7:00\u201320:00<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">SR<\/div>\n <div><div class=\"dp-uname\">Sara Ruiz<\/div><div class=\"dp-room\">Hab. 210 \u00b7 Tarjeta \u00b7 Vence: 30 Apr<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"dp-footer\">\n <span class=\"dp-counter\">24 usuarios activos \u00b7 3 bloqueados \u00b7 8 puertas<\/span>\n <div class=\"dp-add-btn\">+ A\u00f1adir usuario<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"brands-sec\" id=\"marcas\">\n <div class=\"s-tag\">Fabricantes oficiales<\/div>\n <h2>Las mejores marcas del <em>mercado<\/em><\/h2>\n <p class=\"s-intro\">Trabajamos con Suprema y Anviz, dos de los fabricantes l\u00edderes mundiales en control de acceso biom\u00e9trico. Ambas marcas ofrecen ecosistemas completos de hardware y software con soporte t\u00e9cnico profesional.<\/p>\n\n <div class=\"brands-grid\">\n \n <div class=\"brand-card\">\n <div class=\"brand-header\">\n <div class=\"brand-logo-box\">\n <div>\n <span style=\"font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:0.05em\">SUPREMA<\/span>\n <span class=\"logo-sub\">BioStation \u00b7 BioStar 2<\/span>\n <\/div>\n <\/div>\n <span class=\"brand-badge\">L\u00edder mundial IA<\/span>\n <\/div>\n <div class=\"brand-body\">\n <p>Suprema es el fabricante l\u00edder mundial en biometr\u00eda y control de acceso con IA. Su terminal BioStation 3 ofrece reconocimiento facial en menos de 0,2 segundos, soporte para huella, tarjeta RFID, PIN y acceso por m\u00f3vil. El software BioStar 2 permite gestionar desde una sola puerta hasta instalaciones de varios edificios.<\/p>\n <div class=\"brand-specs\">\n <div class=\"brand-spec\">BioStation 3 \u2014 reconocimiento facial IA ultra r\u00e1pido<\/div>\n <div class=\"brand-spec\">BioStation 2a \u2014 huella dactilar + tarjeta RFID + WiFi<\/div>\n <div class=\"brand-spec\">BioStar 2 \u2014 software web multiplataforma gratuito<\/div>\n <div class=\"brand-spec\">Gesti\u00f3n remota v\u00eda app m\u00f3vil y acceso por smartphone<\/div>\n <div class=\"brand-spec\">IP65 \u2014 apto para interior y exterior<\/div>\n <div class=\"brand-spec\">Hasta 1.000.000 plantillas de huella por dispositivo<\/div>\n <\/div>\n <\/div>\n <div class=\"brand-video\">\n <div class=\"bv-label\">Suprema BioStation 2 \u00b7 Demostraci\u00f3n completa<\/div>\n <div class=\"bv-wrap\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/b5Y5MnSb8M8\" title=\"Suprema BioStation 2\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"brand-card\">\n <div class=\"brand-header\">\n <div class=\"brand-logo-box\">\n <div>\n <span style=\"font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:0.05em\">ANVIZ<\/span>\n <span class=\"logo-sub\">FacePass \u00b7 CrossChex<\/span>\n <\/div>\n <\/div>\n <span class=\"brand-badge\">Relaci\u00f3n calidad-precio<\/span>\n <\/div>\n <div class=\"brand-body\">\n <p>Anviz es l\u00edder global en soluciones de acceso biom\u00e9trico asequibles y f\u00e1ciles de instalar. Su plataforma CrossChex permite la gesti\u00f3n centralizada online y local desde PC, tablet o m\u00f3vil. Sus terminales combinan huella dactilar, reconocimiento facial, tarjeta RFID y teclado PIN en un solo dispositivo compacto.<\/p>\n <div class=\"brand-specs\">\n <div class=\"brand-spec\">FacePass 7 \u2014 reconocimiento facial + detecci\u00f3n temperatura<\/div>\n <div class=\"brand-spec\">M7 \u2014 huella dactilar robusta para exterior (IP65)<\/div>\n <div class=\"brand-spec\">CrossChex Cloud \u2014 gesti\u00f3n 100% online desde cualquier lugar<\/div>\n <div class=\"brand-spec\">Algoritmo BioNano \u2014 m\u00e1xima precisi\u00f3n en huella dactilar<\/div>\n <div class=\"brand-spec\">Conectividad TCP\/IP, WiFi y RS-485<\/div>\n <div class=\"brand-spec\">Ideal para hoteles, residencias y comunidades de vecinos<\/div>\n <\/div>\n <\/div>\n <div class=\"brand-video\">\n <div class=\"bv-label\">Anviz M7 \u00b7 Control de acceso biom\u00e9trico en acci\u00f3n<\/div>\n <div class=\"bv-wrap\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/5q_auSi7bVw\" title=\"Anviz M7\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"sectors-sec\">\n <div class=\"s-tag\">Soluciones por sector<\/div>\n <h2>Pensado para <em>hoteles y residencias<\/em><\/h2>\n <p class=\"s-intro\">Adaptamos cada instalaci\u00f3n al sector y a las necesidades operativas del cliente. Desde un peque\u00f1o hotel boutique hasta una gran residencia universitaria.<\/p>\n\n <div class=\"sector-grid\">\n <div class=\"sector-card\">\n <span class=\"sector-ico\">\ud83c\udfe8<\/span>\n <h3>Hoteles y alojamientos<\/h3>\n <p>El control de acceso en hoteles elimina las llaves f\u00edsicas y simplifica la gesti\u00f3n de entradas. Cada tarjeta se programa al check-in y se bloquea autom\u00e1ticamente al check-out. El personal de recepci\u00f3n gestiona todo desde el software en segundos.<\/p>\n <ul class=\"sector-list\">\n <li>Tarjeta de habitaci\u00f3n programable al check-in<\/li>\n <li>Bloqueo inmediato al check-out<\/li>\n <li>Acceso diferenciado por zonas (spa, parking, piscina)<\/li>\n <li>Registro completo de accesos por habitaci\u00f3n<\/li>\n <li>Control de acceso del personal por turnos y horarios<\/li>\n <li>Compatible con sistemas PMS hoteleros<\/li>\n <\/ul>\n <\/div>\n <div class=\"sector-card\">\n <span class=\"sector-ico\">\ud83c\udfe2<\/span>\n <h3>Residencias y comunidades<\/h3>\n <p>En residencias universitarias, de mayores o comunidades de vecinos, el control de acceso permite gestionar de forma aut\u00f3noma qui\u00e9n entra en cada zona: habitaciones, zonas comunes, garaje, lavander\u00eda o salas de estudio.<\/p>\n <ul class=\"sector-list\">\n <li>Acceso individualizado por residente<\/li>\n <li>Alta y baja de residentes sin t\u00e9cnico presencial<\/li>\n <li>Control de acceso a zonas comunes por horario<\/li>\n <li>Hist\u00f3rico de entradas y salidas disponible 24\/7<\/li>\n <li>Integraci\u00f3n con videoporteros y c\u00e1maras IP<\/li>\n <li>Gesti\u00f3n remota desde cualquier dispositivo<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-sec\">\n <div class=\"s-tag\" style=\"justify-content:center\">Instalaci\u00f3n profesional<\/div>\n <h2 style=\"margin-bottom:0.75rem\">\u00bfNecesitas control de acceso<br>en tu <em>hotel o residencia<\/em>?<\/h2>\n <p style=\"font-size:1rem;color:var(--dim);max-width:500px;margin:0 auto 2rem;line-height:1.75\">Visita t\u00e9cnica gratuita, presupuesto sin compromiso y puesta en marcha en 24\u201348 horas. Instalamos, configuramos y formamos a tu equipo.<\/p>\n <a href=\"https:\/\/wa.me\/34613173540?text=Hola%2C%20me%20interesa%20un%20sistema%20de%20control%20de%20acceso%20para%20mi%20hotel%20o%20residencia\" target=\"_blank\" class=\"btn-primary\" style=\"display:inline-flex\">\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.124.558 4.122 1.533 5.854L.057 23.273a.75.75 0 00.92.92l5.42-1.476A11.95 11.95 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75a9.723 9.723 0 01-4.964-1.362l-.356-.212-3.685 1.003 1.003-3.685-.212-.356A9.723 9.723 0 012.25 12C2.25 6.615 6.615 2.25 12 2.25S21.75 6.615 21.75 12 17.385 21.75 12 21.75z\"\/><\/svg>\n Solicitar visita gratuita por WhatsApp\n <\/a>\n <div style=\"display:flex;justify-content:center;gap:2rem;margin-top:1.75rem;flex-wrap:wrap\">\n <span style=\"display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--steel)\"><svg width=\"13\" height=\"13\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Instalaci\u00f3n en 24\u201348h<\/span>\n <span style=\"display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--steel)\"><svg width=\"13\" height=\"13\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Soporte t\u00e9cnico incluido<\/span>\n <span style=\"display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--steel)\"><svg width=\"13\" height=\"13\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Toda la Comunidad Valenciana<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"form-sec\" id=\"contacto\">\n <div class=\"form-wrap\">\n <div style=\"text-align:center;margin-bottom:2.5rem\">\n <div class=\"s-tag\" style=\"justify-content:center\">Contacto<\/div>\n <h2 style=\"margin-bottom:0.75rem\">Cu\u00e9ntanos tu <em>proyecto<\/em><\/h2>\n <p style=\"font-size:0.95rem;color:var(--dim);line-height:1.75\">Rellena el formulario y te contactamos en menos de 24 horas con una propuesta personalizada para tu instalaci\u00f3n.<\/p>\n <\/div>\n <div class=\"form-box\">\n <div class=\"f-row\">\n <div class=\"fg\" style=\"margin-bottom:0\"><label>Nombre<\/label><input type=\"text\" placeholder=\"Tu nombre completo\"><\/div>\n <div class=\"fg\" style=\"margin-bottom:0\"><label>Tel\u00e9fono<\/label><input type=\"tel\" placeholder=\"6XX XXX XXX\"><\/div>\n <\/div>\n <div style=\"margin-top:1rem\"><\/div>\n <div class=\"fg\"><label>Email<\/label><input type=\"email\" placeholder=\"correo@ejemplo.es\"><\/div>\n <div class=\"fg\">\n <label>Tipo de instalaci\u00f3n<\/label>\n <select>\n <option value=\"\" disabled selected>Selecciona el tipo<\/option>\n <option>Hotel o alojamiento tur\u00edstico<\/option>\n <option>Residencia universitaria<\/option>\n <option>Residencia de mayores<\/option>\n <option>Comunidad de vecinos<\/option>\n <option>Empresa u oficina<\/option>\n <option>Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"fg\">\n <label>N\u00famero aproximado de puertas<\/label>\n <select>\n <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\n <option>1\u20135 puertas<\/option>\n <option>6\u201320 puertas<\/option>\n <option>21\u201350 puertas<\/option>\n <option>M\u00e1s de 50 puertas<\/option>\n <\/select>\n <\/div>\n <div class=\"fg\"><label>Mensaje \/ Consulta<\/label><textarea placeholder=\"Cu\u00e9ntanos brevemente qu\u00e9 necesitas, cu\u00e1ntas puertas, si ya tienes sistema instalado y cualquier detalle relevante...\"><\/textarea><\/div>\n <button class=\"btn-submit\">Enviar solicitud \u2192<\/button>\n <p style=\"font-size:0.7rem;color:var(--muted);margin-top:1rem;text-align:center;line-height:1.6\">Al enviar aceptas nuestra pol\u00edtica de privacidad. Tus datos ser\u00e1n tratados \u00fanicamente para atender tu solicitud.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Control de Acceso \u2013 Suprema & Anviz | VALSEG Seguridad Control de Acceso \u00b7 Suprema & Anviz \u00b7 Comunidad Valenciana Sistemas de control de acceso Qui\u00e9n entra, cu\u00e1ndo y d\u00f3nde Instalamos sistemas de control de acceso biom\u00e9trico y por tarjeta de las marcas Suprema y Anviz para hoteles, residencias y comunidades. Gesti\u00f3n total de usuarios, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-2659","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/pages\/2659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valseg.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2659"}],"version-history":[{"count":2,"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/pages\/2659\/revisions"}],"predecessor-version":[{"id":2661,"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/pages\/2659\/revisions\/2661"}],"wp:attachment":[{"href":"https:\/\/valseg.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2659,"date":"2026-04-24T20:10:20","date_gmt":"2026-04-24T18:10:20","guid":{"rendered":"https:\/\/valseg.es\/?page_id=2659"},"modified":"2026-04-24T20:12:01","modified_gmt":"2026-04-24T18:12:01","slug":"2659-2","status":"publish","type":"page","link":"https:\/\/valseg.es\/?page_id=2659","title":{"rendered":"CONTROL DE ACCESOS"},"content":{"rendered":"\n\n\n\n\n\nControl de Acceso \u2013 Suprema & Anviz | VALSEG Seguridad<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --bg:#020B18;--bg2:#040F1E;--bg3:#071528;--bg4:#0A1E38;\n --blue:#0D6EFD;--blue2:#1A7FFF;--blue3:#4CA3FF;\n --cyan:#00D4FF;--cyan2:#00A8CC;\n --steel:#4A7FA5;--mist:#6B9DC4;\n --text:#E2EEF9;--dim:#7BA3C4;--muted:#3D6485;\n --border:#0D3558;--border2:#1A5280;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}\n\n\/* FONDO TECH *\/\nbody::before{\n content:'';position:fixed;inset:0;z-index:0;pointer-events:none;\n background-image:linear-gradient(rgba(13,110,253,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,110,253,0.05) 1px,transparent 1px);\n background-size:52px 52px;\n}\nbody::after{\n content:'';position:fixed;inset:0;z-index:0;pointer-events:none;\n background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(13,110,253,0.1) 0%,transparent 55%),\n radial-gradient(ellipse 40% 40% at 90% 70%,rgba(0,212,255,0.05) 0%,transparent 50%);\n}\n\n\/* HERO *\/\n.hero{position:relative;z-index:1;padding:3rem 6% 5rem;min-height:88vh;display:flex;flex-direction:column;justify-content:center}\n.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:0.4rem 1rem;background:rgba(13,110,253,0.1);border:1px solid rgba(13,110,253,0.3);border-radius:2px;margin-bottom:1.75rem;width:fit-content}\n.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:blink 2s ease-in-out infinite;flex-shrink:0}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}\n.badge-txt{font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--cyan)}\n\n.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\n.hero-eyebrow{font-size:0.72rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.75rem;display:flex;align-items:center;gap:8px}\n.hero-eyebrow::before{content:'';width:20px;height:1px;background:var(--cyan)}\nh1{font-family:'Rajdhani',sans-serif;font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;line-height:0.95;text-transform:uppercase;color:#fff;margin-bottom:1.5rem}\nh1 .outline{-webkit-text-stroke:2px var(--blue3);color:transparent;display:block}\nh1 .fill{color:#fff;display:block}\n.hero-desc{font-size:1rem;color:var(--dim);line-height:1.8;max-width:480px;margin-bottom:2rem;border-left:2px solid var(--blue);padding-left:1rem}\n.hero-desc strong{color:var(--cyan);font-weight:500}\n.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}\n.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--blue),#0A56D0);color:#fff;padding:0.9rem 1.75rem;border-radius:3px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:0.95rem;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(76,163,255,0.3);transition:all 0.2s;box-shadow:0 0 25px rgba(13,110,253,0.25)}\n.btn-primary:hover{box-shadow:0 0 35px rgba(13,110,253,0.5);transform:translateY(-1px)}\n.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--blue3);padding:0.9rem 1.75rem;border-radius:3px;border:1px solid rgba(13,110,253,0.35);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:0.95rem;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;transition:all 0.2s}\n.btn-ghost:hover{background:rgba(13,110,253,0.08);border-color:var(--blue3)}\n\n\/* PANEL ANIMADO HERO *\/\n.hero-visual{position:relative}\n.access-panel{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;overflow:hidden;box-shadow:0 0 60px rgba(13,110,253,0.15),inset 0 0 30px rgba(13,110,253,0.03)}\n.access-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}\n.ap-header{background:rgba(13,110,253,0.08);border-bottom:1px solid var(--border);padding:0.7rem 1rem;display:flex;align-items:center;justify-content:space-between}\n.ap-title{font-family:'Rajdhani',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan)}\n.ap-status{display:flex;align-items:center;gap:6px;font-size:0.68rem;color:#4ADE80;font-weight:600}\n.ap-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;box-shadow:0 0 6px #4ADE80;animation:blink 1.5s infinite}\n.ap-body{padding:1.5rem}\n.ap-user{display:flex;align-items:center;gap:1rem;padding:0.875rem;background:var(--bg2);border:1px solid var(--border);border-radius:4px;margin-bottom:0.75rem;transition:border-color 0.3s}\n.ap-user.active{border-color:var(--blue2);background:rgba(13,110,253,0.06)}\n.ap-avatar{width:38px;height:38px;border-radius:50%;background:rgba(13,110,253,0.15);border:1px solid rgba(13,110,253,0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.8rem;font-weight:700;color:var(--blue3)}\n.ap-info{flex:1}\n.ap-name{font-size:0.85rem;font-weight:600;color:#fff}\n.ap-role{font-size:0.7rem;color:var(--muted);letter-spacing:0.05em}\n.ap-cred{display:flex;gap:0.35rem}\n.cred-tag{font-size:0.58rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.15rem 0.4rem;border-radius:2px}\n.cred-tag.card{background:rgba(0,212,255,0.12);color:var(--cyan);border:1px solid rgba(0,212,255,0.25)}\n.cred-tag.fp{background:rgba(13,110,253,0.12);color:var(--blue3);border:1px solid rgba(13,110,253,0.25)}\n.cred-tag.pin{background:rgba(76,163,255,0.1);color:#7BB8FF;border:1px solid rgba(76,163,255,0.2)}\n.ap-access{font-size:0.65rem;font-weight:600;padding:0.2rem 0.5rem;border-radius:2px}\n.ap-access.ok{background:rgba(74,222,128,0.1);color:#4ADE80;border:1px solid rgba(74,222,128,0.2)}\n.ap-access.deny{background:rgba(239,68,68,0.1);color:#F87171;border:1px solid rgba(239,68,68,0.2)}\n.ap-footer{border-top:1px solid var(--border);padding:0.75rem 1rem;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}\n.apf-n{display:block;font-family:'Rajdhani',sans-serif;font-size:1.3rem;font-weight:700;color:var(--cyan);text-shadow:0 0 10px rgba(0,212,255,0.3)}\n.apf-l{font-size:0.6rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}\n\n\/* SECCIONES *\/\nsection{position:relative;z-index:1;padding:5.5rem 6%}\n.s-tag{display:inline-flex;align-items:center;gap:8px;font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.75rem}\n.s-tag::before{content:'';width:20px;height:1px;background:var(--cyan)}\nh2{font-family:'Rajdhani',sans-serif;font-size:clamp(1.9rem,3.5vw,2.7rem);font-weight:700;text-transform:uppercase;color:#fff;line-height:1.05;margin-bottom:1rem}\nh2 em{color:var(--blue3);font-style:normal}\n.s-intro{font-size:0.95rem;color:var(--dim);max-width:640px;line-height:1.8;margin-bottom:3rem}\n\n\/* COMO FUNCIONA *\/\n.how-sec{background:var(--bg2)}\n.how-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent)}\n.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}\n.steps-list{display:flex;flex-direction:column;gap:0;position:relative}\n.steps-list::before{content:'';position:absolute;left:19px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--blue),transparent)}\n.step-item{display:flex;gap:1.25rem;padding:1.25rem 0}\n.step-num{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--bg3);border:1px solid var(--blue);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-size:0.85rem;font-weight:700;color:var(--cyan);position:relative;z-index:1}\n.step-body h4{font-family:'Rajdhani',sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin-bottom:0.3rem}\n.step-body p{font-size:0.85rem;color:var(--dim);line-height:1.7}\n\n\/* VIDEO *\/\n.video-wrap{border-radius:8px;overflow:hidden;border:1px solid var(--border2);box-shadow:0 0 40px rgba(13,110,253,0.12);position:relative}\n.video-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:2}\n.video-label{background:var(--bg3);border-bottom:1px solid var(--border);padding:0.6rem 1rem;display:flex;align-items:center;gap:8px;font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan)}\n.video-label svg{width:14px;height:14px}\n.video-wrap iframe{width:100%;aspect-ratio:16\/9;display:block;border:none}\n\n\/* CREDENCIALES *\/\n.creds-sec{background:var(--bg)}\n.creds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}\n.cred-card{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:1.75rem 1.25rem;text-align:center;transition:all 0.3s;position:relative;overflow:hidden}\n.cred-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transition:transform 0.3s}\n.cred-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 10px 30px rgba(13,110,253,0.12)}\n.cred-card:hover::before{transform:scaleX(1)}\n.cred-ico{width:56px;height:56px;border-radius:50%;background:rgba(13,110,253,0.1);border:1px solid rgba(13,110,253,0.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;transition:all 0.3s}\n.cred-card:hover .cred-ico{background:rgba(13,110,253,0.18);box-shadow:0 0 20px rgba(13,110,253,0.2)}\n.cred-ico svg{width:26px;height:26px}\n.cred-card h3{font-family:'Rajdhani',sans-serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#fff;margin-bottom:0.5rem}\n.cred-card p{font-size:0.82rem;color:var(--dim);line-height:1.65}\n\n\/* GESTION USUARIOS *\/\n.mgmt-sec{background:var(--bg2)}\n.mgmt-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(13,110,253,0.4),transparent)}\n.mgmt-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\n.mgmt-features{display:flex;flex-direction:column;gap:1rem}\n.mgmt-feat{display:flex;gap:1rem;padding:1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;transition:border-color 0.2s;position:relative;overflow:hidden}\n.mgmt-feat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--blue);transform:scaleY(0);transform-origin:top;transition:transform 0.3s}\n.mgmt-feat:hover::before{transform:scaleY(1)}\n.mgmt-feat:hover{border-color:var(--border2)}\n.mf-ico{width:40px;height:40px;flex-shrink:0;background:rgba(13,110,253,0.1);border:1px solid rgba(13,110,253,0.2);border-radius:4px;display:flex;align-items:center;justify-content:center}\n.mf-ico svg{width:19px;height:19px}\n.mgmt-feat h4{font-family:'Rajdhani',sans-serif;font-size:0.95rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#fff;margin-bottom:0.2rem}\n.mgmt-feat p{font-size:0.82rem;color:var(--dim);line-height:1.6}\n\n\/* PANEL DEMO *\/\n.demo-panel{background:var(--bg);border:1px solid var(--border2);border-radius:8px;overflow:hidden;box-shadow:0 0 40px rgba(13,110,253,0.1)}\n.dp-header{background:rgba(13,110,253,0.08);border-bottom:1px solid var(--border);padding:0.75rem 1rem;display:flex;align-items:center;justify-content:space-between}\n.dp-title{font-family:'Rajdhani',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan)}\n.dp-tabs{display:flex;gap:0}\n.dp-tab{font-size:0.65rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:0.3rem 0.7rem;border-radius:2px;cursor:pointer;color:var(--muted);transition:all 0.2s}\n.dp-tab.active{background:rgba(13,110,253,0.15);color:var(--blue3)}\n.dp-body{padding:1rem}\n.dp-row{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 0.75rem;border-radius:3px;margin-bottom:0.35rem;border:1px solid transparent;transition:all 0.2s}\n.dp-row:hover{background:rgba(13,110,253,0.05);border-color:var(--border)}\n.dp-row-left{display:flex;align-items:center;gap:0.75rem}\n.dp-avatar{width:30px;height:30px;border-radius:50%;background:rgba(13,110,253,0.15);border:1px solid rgba(13,110,253,0.25);display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;color:var(--blue3);flex-shrink:0}\n.dp-uname{font-size:0.82rem;font-weight:600;color:#fff}\n.dp-room{font-size:0.68rem;color:var(--muted)}\n.dp-actions{display:flex;gap:0.35rem}\n.dp-btn{font-size:0.6rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;padding:0.2rem 0.5rem;border-radius:2px;border:none;cursor:pointer;transition:all 0.2s}\n.dp-btn.edit{background:rgba(13,110,253,0.12);color:var(--blue3);border:1px solid rgba(13,110,253,0.2)}\n.dp-btn.del{background:rgba(239,68,68,0.08);color:#F87171;border:1px solid rgba(239,68,68,0.15)}\n.dp-btn.add{background:rgba(74,222,128,0.08);color:#4ADE80;border:1px solid rgba(74,222,128,0.15)}\n.dp-footer{border-top:1px solid var(--border);padding:0.75rem 1rem;display:flex;justify-content:space-between;align-items:center}\n.dp-counter{font-size:0.72rem;color:var(--muted)}\n.dp-add-btn{display:flex;align-items:center;gap:6px;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--cyan);background:rgba(0,212,255,0.06);border:1px solid rgba(0,212,255,0.2);padding:0.35rem 0.75rem;border-radius:2px;cursor:pointer}\n\n\/* MARCAS *\/\n.brands-sec{background:var(--bg)}\n.brands-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}\n.brand-card{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;overflow:hidden;position:relative}\n.brand-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}\n.brand-header{padding:1.75rem 2rem 1rem;display:flex;align-items:center;gap:1rem}\n.brand-logo-box{background:rgba(13,110,253,0.08);border:1px solid rgba(13,110,253,0.2);border-radius:4px;padding:0.5rem 1rem;display:flex;align-items:center}\n.brand-logo-box span{font-family:'Rajdhani',sans-serif;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:0.05em}\n.brand-logo-box .logo-sub{font-size:0.6rem;font-weight:500;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;display:block;margin-top:-4px}\n.brand-badge{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.2);padding:0.25rem 0.6rem;border-radius:2px}\n.brand-body{padding:0 2rem 1rem}\n.brand-body p{font-size:0.88rem;color:var(--dim);line-height:1.75;margin-bottom:1.25rem}\n.brand-specs{display:flex;flex-direction:column;gap:0.5rem}\n.brand-spec{display:flex;align-items:center;gap:0.6rem;font-size:0.8rem;color:var(--dim)}\n.brand-spec::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0}\n.brand-video{padding:0 2rem 2rem}\n.bv-label{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:0.5rem;display:flex;align-items:center;gap:6px}\n.bv-label::before{content:'\u25b6';color:var(--cyan);font-size:0.6rem}\n.bv-wrap{border-radius:4px;overflow:hidden;border:1px solid var(--border)}\n.bv-wrap iframe{width:100%;aspect-ratio:16\/9;display:block;border:none}\n\n\/* SECTORES *\/\n.sectors-sec{background:var(--bg2)}\n.sectors-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent)}\n.sector-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}\n.sector-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2rem;position:relative;overflow:hidden;transition:all 0.3s}\n.sector-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform 0.4s}\n.sector-card:hover::before{transform:scaleX(1)}\n.sector-card:hover{border-color:var(--border2);box-shadow:0 0 30px rgba(13,110,253,0.08)}\n.sector-ico{font-size:2.5rem;margin-bottom:1rem;display:block}\n.sector-card h3{font-family:'Rajdhani',sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:0.75rem}\n.sector-card p{font-size:0.88rem;color:var(--dim);line-height:1.75;margin-bottom:1rem}\n.sector-list{display:flex;flex-direction:column;gap:0.4rem}\n.sector-list li{font-size:0.8rem;color:var(--steel);list-style:none;display:flex;align-items:center;gap:0.5rem}\n.sector-list li::before{content:'\u2192';color:var(--cyan);font-size:0.7rem;flex-shrink:0}\n\n\/* CTA *\/\n.cta-sec{position:relative;z-index:1;background:linear-gradient(135deg,var(--bg3),var(--bg4));border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);padding:5rem 6%;text-align:center;overflow:hidden}\n.cta-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 100% at 50% 50%,rgba(13,110,253,0.1) 0%,transparent 60%);pointer-events:none}\n.cta-sec::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.5),transparent)}\n\n\/* FORM *\/\n.form-sec{position:relative;z-index:1;background:var(--bg2);padding:5rem 6%}\n.form-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent)}\n.form-wrap{max-width:680px;margin:0 auto}\n.form-box{background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:2.5rem;position:relative;overflow:hidden}\n.form-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--blue))}\n.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}\n.fg{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:1rem}\n.fg label{font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}\n.fg input,.fg select,.fg textarea{background:var(--bg2);border:1px solid var(--border);border-radius:3px;color:var(--text);padding:0.75rem 0.875rem;font-family:'Inter',sans-serif;font-size:0.88rem;outline:none;width:100%;transition:border-color 0.2s}\n.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,110,253,0.1)}\n.fg input::placeholder,.fg textarea::placeholder{color:rgba(75,127,165,0.45)}\n.fg select{appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234A7FA5' stroke-width='1.5'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 0.875rem center}\n.fg select option{background:var(--bg3)}\n.fg textarea{resize:none;height:90px;line-height:1.6}\n.btn-submit{width:100%;background:linear-gradient(135deg,var(--blue),#0A56D0);color:#fff;border:1px solid rgba(76,163,255,0.25);border-radius:3px;padding:1rem;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.2s}\n.btn-submit:hover{box-shadow:0 0 30px rgba(13,110,253,0.45);transform:translateY(-1px)}\n\n\/* RESPONSIVE *\/\n@media(max-width:900px){\n .hero-grid{grid-template-columns:1fr}\n .hero-visual{display:none}\n .how-grid{grid-template-columns:1fr}\n .creds-grid{grid-template-columns:repeat(2,1fr)}\n .mgmt-grid{grid-template-columns:1fr}\n .brands-grid{grid-template-columns:1fr}\n .sector-grid{grid-template-columns:1fr}\n .f-row{grid-template-columns:1fr}\n}\n@media(max-width:540px){\n section{padding:3.5rem 4%}\n .hero{padding:2rem 4% 3.5rem}\n .creds-grid{grid-template-columns:1fr 1fr}\n h1{font-size:2.4rem}\n .hero-btns{flex-direction:column}\n .btn-primary,.btn-ghost{justify-content:center;text-align:center}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-badge\">\n <span class=\"badge-dot\"><\/span>\n <span class=\"badge-txt\">Control de Acceso \u00b7 Suprema & Anviz \u00b7 Comunidad Valenciana<\/span>\n <\/div>\n\n <div class=\"hero-grid\">\n <div>\n <div class=\"hero-eyebrow\">Sistemas de control de acceso<\/div>\n <h1>\n <span class=\"fill\">Qui\u00e9n entra,<\/span>\n <span class=\"outline\">cu\u00e1ndo y d\u00f3nde<\/span>\n <\/h1>\n <p class=\"hero-desc\">\n Instalamos sistemas de control de acceso biom\u00e9trico y por tarjeta de las marcas <strong>Suprema<\/strong> y <strong>Anviz<\/strong> para hoteles, residencias y comunidades. Gesti\u00f3n total de usuarios, puertas y horarios \u2014 <strong>online o de forma local<\/strong>.\n <\/p>\n <div class=\"hero-btns\">\n <a href=\"https:\/\/wa.me\/34613173540?text=Hola%2C%20me%20interesa%20un%20sistema%20de%20control%20de%20acceso\" target=\"_blank\" class=\"btn-primary\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.124.558 4.122 1.533 5.854L.057 23.273a.75.75 0 00.92.92l5.42-1.476A11.95 11.95 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75a9.723 9.723 0 01-4.964-1.362l-.356-.212-3.685 1.003 1.003-3.685-.212-.356A9.723 9.723 0 012.25 12C2.25 6.615 6.615 2.25 12 2.25S21.75 6.615 21.75 12 17.385 21.75 12 21.75z\"\/><\/svg>\n Solicitar presupuesto\n <\/a>\n <a href=\"#como-funciona\" class=\"btn-ghost\">C\u00f3mo funciona<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-visual\">\n <div class=\"access-panel\" style=\"position:relative\">\n <div class=\"ap-header\">\n <span class=\"ap-title\">Panel de gesti\u00f3n \u00b7 BioStar 2<\/span>\n <span class=\"ap-status\"><span class=\"ap-dot\"><\/span>Sistema activo<\/span>\n <\/div>\n <div class=\"ap-body\">\n <div class=\"ap-user active\">\n <div class=\"ap-avatar\">JM<\/div>\n <div class=\"ap-info\">\n <div class=\"ap-name\">Juan Mart\u00ednez<\/div>\n <div class=\"ap-role\">Habitaci\u00f3n 302 \u00b7 Hotel<\/div>\n <\/div>\n <div class=\"ap-cred\"><span class=\"cred-tag card\">Tarjeta<\/span><span class=\"cred-tag fp\">Huella<\/span><\/div>\n <span class=\"ap-access ok\">\u2713 Activo<\/span>\n <\/div>\n <div class=\"ap-user\">\n <div class=\"ap-avatar\">AL<\/div>\n <div class=\"ap-info\">\n <div class=\"ap-name\">Ana L\u00f3pez<\/div>\n <div class=\"ap-role\">Recepci\u00f3n \u00b7 Personal<\/div>\n <\/div>\n <div class=\"ap-cred\"><span class=\"cred-tag fp\">Huella<\/span><span class=\"cred-tag pin\">PIN<\/span><\/div>\n <span class=\"ap-access ok\">\u2713 Activo<\/span>\n <\/div>\n <div class=\"ap-user\">\n <div class=\"ap-avatar\">RC<\/div>\n <div class=\"ap-info\">\n <div class=\"ap-name\">Roberto Castro<\/div>\n <div class=\"ap-role\">Habitaci\u00f3n 115 \u00b7 Check-out<\/div>\n <\/div>\n <div class=\"ap-cred\"><span class=\"cred-tag card\">Tarjeta<\/span><\/div>\n <span class=\"ap-access deny\">\u2717 Bloqueado<\/span>\n <\/div>\n <div class=\"ap-user\">\n <div class=\"ap-avatar\">MP<\/div>\n <div class=\"ap-info\">\n <div class=\"ap-name\">Mar\u00eda P\u00e9rez<\/div>\n <div class=\"ap-role\">Suite 501 \u00b7 VIP<\/div>\n <\/div>\n <div class=\"ap-cred\"><span class=\"cred-tag card\">Tarjeta<\/span><span class=\"cred-tag fp\">Huella<\/span><span class=\"cred-tag pin\">PIN<\/span><\/div>\n <span class=\"ap-access ok\">\u2713 Activo<\/span>\n <\/div>\n <\/div>\n <div class=\"ap-footer\">\n <div><span class=\"apf-n\">24<\/span><span class=\"apf-l\">Usuarios activos<\/span><\/div>\n <div><span class=\"apf-n\">8<\/span><span class=\"apf-l\">Puertas<\/span><\/div>\n <div><span class=\"apf-n\">100%<\/span><span class=\"apf-l\">Online<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"how-sec\" id=\"como-funciona\">\n <div class=\"how-grid\">\n <div>\n <div class=\"s-tag\">\u00bfC\u00f3mo funciona?<\/div>\n <h2>Seguridad inteligente,<br><em>implementaci\u00f3n r\u00e1pida<\/em><\/h2>\n <p class=\"s-intro\" style=\"margin-bottom:2rem\">Un sistema de control de acceso gestiona qui\u00e9n puede entrar en cada puerta, en qu\u00e9 horario y con qu\u00e9 m\u00e9todo de identificaci\u00f3n. En hoteles y residencias, esto permite dar de alta o baja a hu\u00e9spedes y personal en segundos.<\/p>\n <div class=\"steps-list\">\n <div class=\"step-item\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-body\">\n <h4>Instalaci\u00f3n del lector en la puerta<\/h4>\n <p>Se instala el terminal Suprema o Anviz en la puerta, conectado a la cerradura el\u00e9ctrica o electromagn\u00e9tica. El proceso es r\u00e1pido y no requiere obras.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-body\">\n <h4>Configuraci\u00f3n del software de gesti\u00f3n<\/h4>\n <p>Se configura el software BioStar 2 (Suprema) o CrossChex (Anviz) en el servidor local o en la nube. Define puertas, horarios y grupos de acceso.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-body\">\n <h4>Alta de usuarios y asignaci\u00f3n de credenciales<\/h4>\n <p>Se da de alta a cada usuario asignando su tarjeta RFID, huella dactilar, c\u00f3digo PIN o reconocimiento facial. Un proceso de menos de 1 minuto por persona.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-body\">\n <h4>Control y gesti\u00f3n en tiempo real<\/h4>\n <p>El administrador puede ver en tiempo real qui\u00e9n accede a cada puerta, modificar permisos, bloquear usuarios o a\u00f1adir nuevas credenciales desde cualquier dispositivo.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">05<\/div>\n <div class=\"step-body\">\n <h4>Registros y auditor\u00eda completa<\/h4>\n <p>El sistema guarda un historial completo de todos los accesos: usuario, puerta, fecha y hora. Ideal para auditor\u00edas de seguridad y gesti\u00f3n de personal.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"video-wrap\" style=\"margin-bottom:1.5rem\">\n <div class=\"video-label\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\"\/><path d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n Suprema BioStation 3 \u00b7 Demo videoportero\n <\/div>\n <iframe src=\"https:\/\/www.youtube.com\/embed\/62XvRo8I1O4\" title=\"Suprema BioStation 3\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <div class=\"video-wrap\">\n <div class=\"video-label\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\"\/><path d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n Anviz M7 \u00b7 Control de acceso biom\u00e9trico\n <\/div>\n <iframe src=\"https:\/\/www.youtube.com\/embed\/5q_auSi7bVw\" title=\"Anviz M7 Control de Acceso\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"creds-sec\">\n <div class=\"s-tag\">M\u00e9todos de identificaci\u00f3n<\/div>\n <h2>Abre con lo que <em>prefieras<\/em><\/h2>\n <p class=\"s-intro\">Cada usuario puede tener asignados uno o varios m\u00e9todos de acceso simult\u00e1neamente. El administrador decide qu\u00e9 credenciales tiene cada persona y en qu\u00e9 puertas.<\/p>\n\n <div class=\"creds-grid\">\n <div class=\"cred-card\">\n <div class=\"cred-ico\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg>\n <\/div>\n <h3>Tarjeta RFID<\/h3>\n <p>Tarjetas de proximidad MIFARE, DESFire o HID. Ideales para hoteles: una tarjeta por habitaci\u00f3n, programada al check-in y bloqueada al check-out en segundos.<\/p>\n <\/div>\n <div class=\"cred-card\">\n <div class=\"cred-ico\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4\"\/><\/svg>\n <\/div>\n <h3>Huella dactilar<\/h3>\n <p>Reconocimiento biom\u00e9trico de alta precisi\u00f3n. Perfecto para personal de hotel y residencias: sin tarjetas que perder, sin PINs que olvidar, acceso en menos de 0,5 segundos.<\/p>\n <\/div>\n <div class=\"cred-card\">\n <div class=\"cred-ico\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\n <\/div>\n <h3>Reconocimiento facial<\/h3>\n <p>Acceso sin contacto mediante c\u00e1mara de IA. Velocidad de reconocimiento inferior a 0,2 segundos. Ideal para zonas de alto tr\u00e1nsito como lobbies o accesos principales.<\/p>\n <\/div>\n <div class=\"cred-card\">\n <div class=\"cred-ico\">\n <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"\/><\/svg>\n <\/div>\n <h3>C\u00f3digo PIN<\/h3>\n <p>C\u00f3digo num\u00e9rico personal como credencial \u00fanica o combinada con otro m\u00e9todo (PIN + tarjeta, PIN + huella). \u00datil para visitas o accesos temporales sin necesidad de hardware.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"mgmt-sec\" id=\"gestion\">\n <div class=\"mgmt-grid\">\n <div>\n <div class=\"s-tag\">Gesti\u00f3n de usuarios<\/div>\n <h2>Control total desde<br><em>cualquier lugar<\/em><\/h2>\n <p class=\"s-intro\" style=\"margin-bottom:2rem\">El software de gesti\u00f3n permite administrar todos los usuarios del sistema de forma centralizada, tanto desde la red local del hotel como de forma remota a trav\u00e9s de internet.<\/p>\n <div class=\"mgmt-features\">\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z\"\/><\/svg><\/div>\n <div>\n <h4>Alta de usuarios en segundos<\/h4>\n <p>A\u00f1ade un nuevo usuario, as\u00edgnale su tarjeta, registra su huella y define a qu\u00e9 puertas tiene acceso \u2014 todo en menos de 2 minutos. Ideal para check-in de hotel.<\/p>\n <\/div>\n <\/div>\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M13 7a4 4 0 11-8 0 4 4 0 018 0zM9 14a6 6 0 00-6 6v1h12v-1a6 6 0 00-6-6zM21 12h-6\"\/><\/svg><\/div>\n <div>\n <h4>Baja y bloqueo inmediato<\/h4>\n <p>Al momento del check-out o ante cualquier incidencia, bloquea el acceso de un usuario con un solo clic. La tarjeta queda inactiva en tiempo real en todos los lectores.<\/p>\n <\/div>\n <\/div>\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg><\/div>\n <div>\n <h4>Horarios y restricciones de acceso<\/h4>\n <p>Define franjas horarias por usuario o grupo: el personal de limpieza solo accede de 8:00 a 14:00, los hu\u00e9spedes tienen acceso a su habitaci\u00f3n 24h durante su estancia.<\/p>\n <\/div>\n <\/div>\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/><\/svg><\/div>\n <div>\n <h4>Registro e historial completo<\/h4>\n <p>Consulta en tiempo real o en hist\u00f3rico qui\u00e9n accedi\u00f3 a cada puerta, cu\u00e1ndo y cu\u00e1ntas veces. Exportable a informes para direcci\u00f3n o auditor\u00edas de seguridad.<\/p>\n <\/div>\n <\/div>\n <div class=\"mgmt-feat\">\n <div class=\"mf-ico\"><svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"1.5\"><path d=\"M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z\"\/><\/svg><\/div>\n <div>\n <h4>Gesti\u00f3n online y local<\/h4>\n <p>Administra el sistema desde el servidor del hotel (modo local, sin internet) o desde cualquier lugar del mundo a trav\u00e9s de la nube. Ambos modos funcionan simult\u00e1neamente.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"demo-panel\">\n <div class=\"dp-header\">\n <span class=\"dp-title\">Gesti\u00f3n de usuarios \u00b7 BioStar 2<\/span>\n <div class=\"dp-tabs\">\n <span class=\"dp-tab active\">Activos<\/span>\n <span class=\"dp-tab\">Bloqueados<\/span>\n <span class=\"dp-tab\">Todos<\/span>\n <\/div>\n <\/div>\n <div class=\"dp-body\">\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">JM<\/div>\n <div><div class=\"dp-uname\">Juan Mart\u00ednez<\/div><div class=\"dp-room\">Hab. 302 \u00b7 Tarjeta + Huella \u00b7 Vence: 28 Apr<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">AL<\/div>\n <div><div class=\"dp-uname\">Ana L\u00f3pez<\/div><div class=\"dp-room\">Recepci\u00f3n \u00b7 Huella + PIN \u00b7 Permanente<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">MP<\/div>\n <div><div class=\"dp-uname\">Mar\u00eda P\u00e9rez<\/div><div class=\"dp-room\">Suite 501 \u00b7 Tarjeta + Huella + PIN \u00b7 VIP<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">CG<\/div>\n <div><div class=\"dp-uname\">Carlos Garc\u00eda<\/div><div class=\"dp-room\">Mantenimiento \u00b7 Huella \u00b7 Lun\u2013Vie 7:00\u201320:00<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <div class=\"dp-row\">\n <div class=\"dp-row-left\">\n <div class=\"dp-avatar\">SR<\/div>\n <div><div class=\"dp-uname\">Sara Ruiz<\/div><div class=\"dp-room\">Hab. 210 \u00b7 Tarjeta \u00b7 Vence: 30 Apr<\/div><\/div>\n <\/div>\n <div class=\"dp-actions\">\n <button class=\"dp-btn edit\">Editar<\/button>\n <button class=\"dp-btn del\">Bloquear<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"dp-footer\">\n <span class=\"dp-counter\">24 usuarios activos \u00b7 3 bloqueados \u00b7 8 puertas<\/span>\n <div class=\"dp-add-btn\">+ A\u00f1adir usuario<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"brands-sec\" id=\"marcas\">\n <div class=\"s-tag\">Fabricantes oficiales<\/div>\n <h2>Las mejores marcas del <em>mercado<\/em><\/h2>\n <p class=\"s-intro\">Trabajamos con Suprema y Anviz, dos de los fabricantes l\u00edderes mundiales en control de acceso biom\u00e9trico. Ambas marcas ofrecen ecosistemas completos de hardware y software con soporte t\u00e9cnico profesional.<\/p>\n\n <div class=\"brands-grid\">\n \n <div class=\"brand-card\">\n <div class=\"brand-header\">\n <div class=\"brand-logo-box\">\n <div>\n <span style=\"font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:0.05em\">SUPREMA<\/span>\n <span class=\"logo-sub\">BioStation \u00b7 BioStar 2<\/span>\n <\/div>\n <\/div>\n <span class=\"brand-badge\">L\u00edder mundial IA<\/span>\n <\/div>\n <div class=\"brand-body\">\n <p>Suprema es el fabricante l\u00edder mundial en biometr\u00eda y control de acceso con IA. Su terminal BioStation 3 ofrece reconocimiento facial en menos de 0,2 segundos, soporte para huella, tarjeta RFID, PIN y acceso por m\u00f3vil. El software BioStar 2 permite gestionar desde una sola puerta hasta instalaciones de varios edificios.<\/p>\n <div class=\"brand-specs\">\n <div class=\"brand-spec\">BioStation 3 \u2014 reconocimiento facial IA ultra r\u00e1pido<\/div>\n <div class=\"brand-spec\">BioStation 2a \u2014 huella dactilar + tarjeta RFID + WiFi<\/div>\n <div class=\"brand-spec\">BioStar 2 \u2014 software web multiplataforma gratuito<\/div>\n <div class=\"brand-spec\">Gesti\u00f3n remota v\u00eda app m\u00f3vil y acceso por smartphone<\/div>\n <div class=\"brand-spec\">IP65 \u2014 apto para interior y exterior<\/div>\n <div class=\"brand-spec\">Hasta 1.000.000 plantillas de huella por dispositivo<\/div>\n <\/div>\n <\/div>\n <div class=\"brand-video\">\n <div class=\"bv-label\">Suprema BioStation 2 \u00b7 Demostraci\u00f3n completa<\/div>\n <div class=\"bv-wrap\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/b5Y5MnSb8M8\" title=\"Suprema BioStation 2\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"brand-card\">\n <div class=\"brand-header\">\n <div class=\"brand-logo-box\">\n <div>\n <span style=\"font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:0.05em\">ANVIZ<\/span>\n <span class=\"logo-sub\">FacePass \u00b7 CrossChex<\/span>\n <\/div>\n <\/div>\n <span class=\"brand-badge\">Relaci\u00f3n calidad-precio<\/span>\n <\/div>\n <div class=\"brand-body\">\n <p>Anviz es l\u00edder global en soluciones de acceso biom\u00e9trico asequibles y f\u00e1ciles de instalar. Su plataforma CrossChex permite la gesti\u00f3n centralizada online y local desde PC, tablet o m\u00f3vil. Sus terminales combinan huella dactilar, reconocimiento facial, tarjeta RFID y teclado PIN en un solo dispositivo compacto.<\/p>\n <div class=\"brand-specs\">\n <div class=\"brand-spec\">FacePass 7 \u2014 reconocimiento facial + detecci\u00f3n temperatura<\/div>\n <div class=\"brand-spec\">M7 \u2014 huella dactilar robusta para exterior (IP65)<\/div>\n <div class=\"brand-spec\">CrossChex Cloud \u2014 gesti\u00f3n 100% online desde cualquier lugar<\/div>\n <div class=\"brand-spec\">Algoritmo BioNano \u2014 m\u00e1xima precisi\u00f3n en huella dactilar<\/div>\n <div class=\"brand-spec\">Conectividad TCP\/IP, WiFi y RS-485<\/div>\n <div class=\"brand-spec\">Ideal para hoteles, residencias y comunidades de vecinos<\/div>\n <\/div>\n <\/div>\n <div class=\"brand-video\">\n <div class=\"bv-label\">Anviz M7 \u00b7 Control de acceso biom\u00e9trico en acci\u00f3n<\/div>\n <div class=\"bv-wrap\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/5q_auSi7bVw\" title=\"Anviz M7\" allowfullscreen loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"sectors-sec\">\n <div class=\"s-tag\">Soluciones por sector<\/div>\n <h2>Pensado para <em>hoteles y residencias<\/em><\/h2>\n <p class=\"s-intro\">Adaptamos cada instalaci\u00f3n al sector y a las necesidades operativas del cliente. Desde un peque\u00f1o hotel boutique hasta una gran residencia universitaria.<\/p>\n\n <div class=\"sector-grid\">\n <div class=\"sector-card\">\n <span class=\"sector-ico\">\ud83c\udfe8<\/span>\n <h3>Hoteles y alojamientos<\/h3>\n <p>El control de acceso en hoteles elimina las llaves f\u00edsicas y simplifica la gesti\u00f3n de entradas. Cada tarjeta se programa al check-in y se bloquea autom\u00e1ticamente al check-out. El personal de recepci\u00f3n gestiona todo desde el software en segundos.<\/p>\n <ul class=\"sector-list\">\n <li>Tarjeta de habitaci\u00f3n programable al check-in<\/li>\n <li>Bloqueo inmediato al check-out<\/li>\n <li>Acceso diferenciado por zonas (spa, parking, piscina)<\/li>\n <li>Registro completo de accesos por habitaci\u00f3n<\/li>\n <li>Control de acceso del personal por turnos y horarios<\/li>\n <li>Compatible con sistemas PMS hoteleros<\/li>\n <\/ul>\n <\/div>\n <div class=\"sector-card\">\n <span class=\"sector-ico\">\ud83c\udfe2<\/span>\n <h3>Residencias y comunidades<\/h3>\n <p>En residencias universitarias, de mayores o comunidades de vecinos, el control de acceso permite gestionar de forma aut\u00f3noma qui\u00e9n entra en cada zona: habitaciones, zonas comunes, garaje, lavander\u00eda o salas de estudio.<\/p>\n <ul class=\"sector-list\">\n <li>Acceso individualizado por residente<\/li>\n <li>Alta y baja de residentes sin t\u00e9cnico presencial<\/li>\n <li>Control de acceso a zonas comunes por horario<\/li>\n <li>Hist\u00f3rico de entradas y salidas disponible 24\/7<\/li>\n <li>Integraci\u00f3n con videoporteros y c\u00e1maras IP<\/li>\n <li>Gesti\u00f3n remota desde cualquier dispositivo<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-sec\">\n <div class=\"s-tag\" style=\"justify-content:center\">Instalaci\u00f3n profesional<\/div>\n <h2 style=\"margin-bottom:0.75rem\">\u00bfNecesitas control de acceso<br>en tu <em>hotel o residencia<\/em>?<\/h2>\n <p style=\"font-size:1rem;color:var(--dim);max-width:500px;margin:0 auto 2rem;line-height:1.75\">Visita t\u00e9cnica gratuita, presupuesto sin compromiso y puesta en marcha en 24\u201348 horas. Instalamos, configuramos y formamos a tu equipo.<\/p>\n <a href=\"https:\/\/wa.me\/34613173540?text=Hola%2C%20me%20interesa%20un%20sistema%20de%20control%20de%20acceso%20para%20mi%20hotel%20o%20residencia\" target=\"_blank\" class=\"btn-primary\" style=\"display:inline-flex\">\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.124.558 4.122 1.533 5.854L.057 23.273a.75.75 0 00.92.92l5.42-1.476A11.95 11.95 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75a9.723 9.723 0 01-4.964-1.362l-.356-.212-3.685 1.003 1.003-3.685-.212-.356A9.723 9.723 0 012.25 12C2.25 6.615 6.615 2.25 12 2.25S21.75 6.615 21.75 12 17.385 21.75 12 21.75z\"\/><\/svg>\n Solicitar visita gratuita por WhatsApp\n <\/a>\n <div style=\"display:flex;justify-content:center;gap:2rem;margin-top:1.75rem;flex-wrap:wrap\">\n <span style=\"display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--steel)\"><svg width=\"13\" height=\"13\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Instalaci\u00f3n en 24\u201348h<\/span>\n <span style=\"display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--steel)\"><svg width=\"13\" height=\"13\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Soporte t\u00e9cnico incluido<\/span>\n <span style=\"display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--steel)\"><svg width=\"13\" height=\"13\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"var(--cyan)\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Toda la Comunidad Valenciana<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"form-sec\" id=\"contacto\">\n <div class=\"form-wrap\">\n <div style=\"text-align:center;margin-bottom:2.5rem\">\n <div class=\"s-tag\" style=\"justify-content:center\">Contacto<\/div>\n <h2 style=\"margin-bottom:0.75rem\">Cu\u00e9ntanos tu <em>proyecto<\/em><\/h2>\n <p style=\"font-size:0.95rem;color:var(--dim);line-height:1.75\">Rellena el formulario y te contactamos en menos de 24 horas con una propuesta personalizada para tu instalaci\u00f3n.<\/p>\n <\/div>\n <div class=\"form-box\">\n <div class=\"f-row\">\n <div class=\"fg\" style=\"margin-bottom:0\"><label>Nombre<\/label><input type=\"text\" placeholder=\"Tu nombre completo\"><\/div>\n <div class=\"fg\" style=\"margin-bottom:0\"><label>Tel\u00e9fono<\/label><input type=\"tel\" placeholder=\"6XX XXX XXX\"><\/div>\n <\/div>\n <div style=\"margin-top:1rem\"><\/div>\n <div class=\"fg\"><label>Email<\/label><input type=\"email\" placeholder=\"correo@ejemplo.es\"><\/div>\n <div class=\"fg\">\n <label>Tipo de instalaci\u00f3n<\/label>\n <select>\n <option value=\"\" disabled selected>Selecciona el tipo<\/option>\n <option>Hotel o alojamiento tur\u00edstico<\/option>\n <option>Residencia universitaria<\/option>\n <option>Residencia de mayores<\/option>\n <option>Comunidad de vecinos<\/option>\n <option>Empresa u oficina<\/option>\n <option>Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"fg\">\n <label>N\u00famero aproximado de puertas<\/label>\n <select>\n <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\n <option>1\u20135 puertas<\/option>\n <option>6\u201320 puertas<\/option>\n <option>21\u201350 puertas<\/option>\n <option>M\u00e1s de 50 puertas<\/option>\n <\/select>\n <\/div>\n <div class=\"fg\"><label>Mensaje \/ Consulta<\/label><textarea placeholder=\"Cu\u00e9ntanos brevemente qu\u00e9 necesitas, cu\u00e1ntas puertas, si ya tienes sistema instalado y cualquier detalle relevante...\"><\/textarea><\/div>\n <button class=\"btn-submit\">Enviar solicitud \u2192<\/button>\n <p style=\"font-size:0.7rem;color:var(--muted);margin-top:1rem;text-align:center;line-height:1.6\">Al enviar aceptas nuestra pol\u00edtica de privacidad. Tus datos ser\u00e1n tratados \u00fanicamente para atender tu solicitud.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Control de Acceso \u2013 Suprema & Anviz | VALSEG Seguridad Control de Acceso \u00b7 Suprema & Anviz \u00b7 Comunidad Valenciana Sistemas de control de acceso Qui\u00e9n entra, cu\u00e1ndo y d\u00f3nde Instalamos sistemas de control de acceso biom\u00e9trico y por tarjeta de las marcas Suprema y Anviz para hoteles, residencias y comunidades. Gesti\u00f3n total de usuarios, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-2659","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/pages\/2659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valseg.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2659"}],"version-history":[{"count":2,"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/pages\/2659\/revisions"}],"predecessor-version":[{"id":2661,"href":"https:\/\/valseg.es\/index.php?rest_route=\/wp\/v2\/pages\/2659\/revisions\/2661"}],"wp:attachment":[{"href":"https:\/\/valseg.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}