*{margin:0;padding:0;box-sizing:border-box;font-family:Arial;}
body{background:#0d0d0d;color:#fff;}

.header{
position:fixed;
width:100%;
background:rgba(0,0,0,0.8);
backdrop-filter:blur(10px);
z-index:1000;
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 30px;
}

.logo{width:70px;}

nav ul{
display:flex;
list-style:none;
gap:20px;
}

nav a{color:#fff;text-decoration:none;}
nav a:hover{color:red;}

.btn-cotizar{
background:#ff0000;
padding:10px 20px;
border-radius:30px;
color:#fff;
text-decoration:none;
display:flex;
align-items:center;
gap:8px;
box-shadow:0 0 10px red;
transition:0.3s;
}

.btn-cotizar:hover{
transform:scale(1.1);
box-shadow:0 0 20px red;
}

.menu-toggle{display:none;font-size:25px;}

.hero{
height:100vh;
background:url('../img/slide1.jpg') center/cover no-repeat;
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
}

.content{position:relative;z-index:2;}

.logo-hero{
width:120px;
margin:0 auto 20px;
display:block;
filter: drop-shadow(0 0 10px rgba(255,0,0,0.6));
}

h1{font-size:60px;}
h1 span{color:red;}

.features{
display:flex;
gap:20px;
justify-content:center;
margin:20px 0;
}

.btn-main{
background:red;
padding:12px 25px;
border-radius:8px;
text-decoration:none;
color:#fff;
}

.galeria{
padding:80px 20px;
text-align:center;
background:#111;
}

.galeria-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.galeria-grid img{
width:100%;
height:220px;
object-fit:cover;
border-radius:12px;
transition:0.3s;
}

.galeria-grid img:hover{
transform:scale(1.05);
}

@media(max-width:768px){
nav{display:none;}
.btn-cotizar{display:none;}
.menu-toggle{display:block;}
.features{flex-direction:column;}
}