/* Global */
body { font-family: 'Arial', sans-serif; margin:0; padding:0; background-color:#f9fafb; }
a { text-decoration:none; transition:0.3s; }

/* Navbar */
header a span { color:#14b8a6; text-shadow:1px 1px 3px rgba(0,0,0,0.6); }

/* Carousel */
.carousel-inner { display:flex; width:100%; height:100%; transition: transform 0.5s ease-in-out; }
.carousel-inner video, .carousel-inner img { width:100%; height:100%; object-fit:cover; }
.carousel-inner > div { position:relative; }
.carousel-inner + div h1 { text-shadow:2px 2px 10px rgba(0,0,0,0.6); }

/* Carousel Buttons */
#prev,#next{transition:0.3s;}
#prev:hover,#next:hover{background-color:#0f766e;}

/* Dots */
.dot { opacity:0.5; cursor:pointer; }
.dot.opacity-100{opacity:1;}

/* Sections */
section { margin-top:3rem; padding:0 1rem; }
section img { border-radius:1rem; object-fit:cover; }

/* Services Card Hover */
.grid>div{transition:all 0.3s;}
.grid>div:hover{box-shadow:0 10px 20px rgba(0,0,0,0.15);}

/* Testimonials */
section.grid>div{background-color:white;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);}

/* Contact CTA */
section.text-center a{transition:0.3s;}
section.text-center a:hover{background-color:#0f766e; transform:scale(1.05);}

/* WhatsApp Floating */
a[href^="https://wa.me"]{transition: transform 0.3s;}
a[href^="https://wa.me"]:hover{transform:scale(1.1);}

/* Footer */
footer{padding:1.5rem 0;text-align:center;}
footer a:hover{color:#14b8a6;}

/* Responsive */
@media (max-width:639px){
  header div {padding:0.5rem 1rem;}
  header a img {height:2rem;}
  header a span {font-size:1.25rem;}
  .carousel-inner + div h1{font-size:1.75rem;}
  section.carousel {min-height:300px;height:300px;}
  section img{height:12rem;}
}

@media (min-width:640px) and (max-width:767px){
  header a img{height:2.5rem;}
  header a span{font-size:1.5rem;}
  .carousel-inner + div h1{font-size:2.5rem;}
  section.carousel {min-height:400px;height:400px;}
  section img{height:16rem;}
}

@media (min-width:768px){
  header a img{height:3rem;}
  header a span{font-size:2rem;}
  .carousel-inner + div h1{font-size:3.75rem;}
  section.carousel{height:100vh;min-height:400px;}
  section img{height:25rem;}
}