*{margin:0;padding:0;box-sizing:border-box;}
body{background:#04050B;color:white;font-family:Inter;}
h1,h2,h3{font-family:Orbitron;}

header{position:fixed;width:100%;background:rgba(0,0,0,0.7);padding:15px 12%;z-index:10;}
nav{display:flex;justify-content:space-between;align-items:center;}
.nav-logo{color:#00E8FF;font-size:24px;}
nav ul{display:flex;gap:25px;list-style:none;}
nav a{color:white;text-decoration:none;}

.hero{height:100vh;position:relative;padding:0 10%;overflow:hidden;}
.hero-bg{
position:absolute;top:0;left:0;width:100%;height:100%;
background-image:url('images/futuristic-technology-concept.jpg'); /* fondo local */
background-size:cover;
background-position:center;
filter:brightness(0.35);
transform: translateZ(0);
will-change: transform;
z-index:1;
}
.hero-content{position:relative; z-index:2; text-align:center;}
.main-logo{width:240px;margin-bottom:25px;animation:logoFloat 5s infinite ease-in-out;}
@keyframes logoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.hero h1{font-size:56px;color:#00E8FF;margin-bottom:15px;}
.hero p{opacity:0.85;margin-bottom:25px;}
.cta{background:#00E8FF;color:black;padding:15px 48px;border-radius:30px;text-decoration:none;}

section{padding:100px 10%;text-align:center;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:40px;}
.card{background:rgba(255,255,255,0.04);padding:38px;border-radius:18px;transition:0.3s;}
.card:hover{transform:translateY(-8px);border:1px solid #00E8FF;}

.cctv-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:40px;}
.cctv-gallery img{width:100%;border-radius:12px;transition:0.4s;}
.cctv-gallery img:hover{transform:scale(1.04);}

.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;margin-top:40px;}
.panel{background:#0B0B22;padding:30px;border-radius:15px;font-size:18px;}

.panic{background:#0A0A20;padding:60px 10%;}
#panicBtn{background:red;padding:20px 55px;border:none;border-radius:50px;color:white;font-size:20px;cursor:pointer;}

form{max-width:470px;margin:auto;display:flex;gap:18px;flex-direction:column;margin-top:40px;}
input,textarea{padding:15px;background:#111;border:none;border-radius:10px;color:white;}
button{background:#00E8FF;padding:15px;border:none;border-radius:10px;color:black;}

.whatsapp{position:fixed;bottom:28px;right:28px;background:#25D366;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:30px;text-decoration:none;}