body { margin:0; font-family:Arial,sans-serif; background:#f5f5f5; }
.container { width:90%; max-width:1200px; margin:auto; }

.header { background:#fff; border-bottom:3px solid #ff6a00; }
.header .container { display:flex; align-items:center; justify-content:space-between; padding:10px 0; }

.logo img { height:60px; }

nav a { margin-left:20px; text-decoration:none; color:#333; font-weight:bold; }
nav a:hover { color:#ff6a00; }

.whatsapp {
  position:fixed; bottom:20px; right:20px;
  background:#25d366; color:#fff;
  font-size:28px; padding:14px;
  border-radius:50%; text-decoration:none;
}

.hero { position:relative; height:70vh; overflow:hidden; }
.hero video { width:100%; height:100%; object-fit:cover; }
.hero .overlay {
  position:absolute; top:0; left:0; right:0; bottom:0;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  color:#fff; background:rgba(0,0,0,0.45);
}

.btn { background:#ff6a00; color:#fff; padding:14px 25px; text-decoration:none; border-radius:6px; }

.footer { background:#222; color:#fff; text-align:center; padding:20px; margin-top:40px; }

.carousel {
  position: relative;
  max-width: 1000px;
  margin: 60px auto;
  overflow: hidden;
  border-radius: 12px;
}

.carousel img {
  width: 100%;
  display: none;
}

.carousel img.active {
  display: block;
}

.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  font-size: 22px;
  padding: 10px 14px;
  cursor: pointer;
}

.carousel-btn.left { left: 10px; }
.carousel-btn.right { right: 10px; }
/* CARRUSEL */
.work-slide {
    width: 340px;
    height: 420px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.work-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.work-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px;
    background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
    color: white;
}

.work-info h4 {
    margin: 0 0 5px;
    font-size: 1.2rem;
}

.work-info p {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.85;
}