*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{line-height:1.6}

/* HERO */
.hero{height:100vh;background:url('images/tralis.jpg') center/cover no-repeat}
.overlay{background:rgba(0,0,0,.6);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.hero h1{font-size:3.2rem;color:#ffcc00;letter-spacing:4px;text-shadow:0 0 10px #ffcc00,0 0 20px #ff9900,0 0 40px #ff6600}
.hero p{margin-top:8px;font-size:1.1rem;color:#fff}
.btn{margin-top:16px;padding:12px 25px;background:orange;color:#000;text-decoration:none;font-weight:bold;border-radius:6px}

/* SLIDER (FULL WIDTH, RAPI) */
.slider-section{width:100%;background:#fff;padding:25px 0}
.slider-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.slider-track{display:flex;gap:14px;padding:0 16px}
.slider-track img{
  flex:0 0 auto;
  width:85vw;max-width:420px;height:240px;
  object-fit:cover;border-radius:14px;
  box-shadow:0 6px 16px rgba(0,0,0,.2)
}

/* NAVBAR */
.navbar{background:#222;padding:10px;text-align:center}
.navbar a{color:#fff;margin:0 10px;text-decoration:none}

/* SECTION */
section{padding:40px 20px;text-align:center}
.gray{background:#f4f4f4}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}
.card{background:orange;padding:20px;font-weight:bold;border-radius:8px}

/* MAPS */
.maps-box{margin:18px auto 0;width:100%;max-width:900px;height:300px;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.maps-box iframe{width:100%;height:100%;border:0}

/* FOOTER */
footer{background:#222;color:#fff;padding:15px;text-align:center}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;bottom:18px;right:18px;width:55px;height:55px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 15px rgba(0,0,0,.3);z-index:999}
.wa-float img{width:30px}

/* MOBILE */
@media(max-width:600px){
  .hero{height:70vh}
  .hero h1{font-size:1.8rem;letter-spacing:1.2px}
  .hero p{font-size:.9rem;padding:0 18px}
  .slider-track img{width:88vw;height:200px}
  .maps-box{height:220px}
}