/* Reset */
*{box-sizing:border-box;margin:0;padding:0}

body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6;color:#333;background:#f9f9f9}

.container{max-width:1200px;margin:0 auto;padding:0 16px}

.site-header{background:#0b3d2e;color:#fff;padding:12px 0;position:sticky;top:0;z-index:1000}
.header-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{height:60px}
.main-nav a{margin-left:16px;color:#fff;text-decoration:none;font-weight:500;transition:color .3s}
.main-nav a:hover{color:#25d366}

.hero-slider{position:relative;overflow:hidden;height:70vh}
.hero-slider .slides{display:flex;width:300%;height:100%;transition:transform .8s ease}
.hero-slider .slides img{width:100%;height:100%;object-fit:cover}
.hero-slider .hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;background:rgba(0,0,0,.5);padding:20px 30px;border-radius:8px;max-width:90%}
.hero-slider .hero-text h1{font-size:clamp(32px,6vw,56px);margin-bottom:10px}
.hero-slider .hero-text p{font-size:clamp(16px,4vw,24px);margin-bottom:20px}
.cta-whatsapp{display:inline-block;background:#25d366;color:#fff;padding:12px 20px;border-radius:50px;text-decoration:none;font-weight:600;transition:background .3s}
.cta-whatsapp:hover{background:#1da851}

.product-section{padding:64px 0;background:#fff;margin-bottom:8px}
.product-section:nth-of-type(even){background:#f1f5f3}
.product-section h2{font-size:clamp(28px,5vw,36px);margin-bottom:24px;color:#0b3d2e;text-align:center}
.content{display:flex;gap:32px;flex-wrap:wrap;align-items:flex-start}
.content .text{flex:1 1 300px}
.content .text p{margin-bottom:16px}
.content .text ul{list-style:disc inside;margin-bottom:16px}
.content .text li{margin-bottom:8px}
.content .images{flex:1 1 300px;display:flex;flex-direction:column;gap:20px}
.content .images img{width:100%;border-radius:8px}

.cta-link{display:inline-block;background:#0b3d2e;color:#fff;padding:10px 18px;border-radius:4px;text-decoration:none;font-weight:600;transition:background .3s;margin-top:8px}
.cta-link:hover{background:#07301f}

.contact-section{padding:64px 0;background:#0b3d2e;color:#fff;text-align:center}
.contact-section h2{font-size:clamp(28px,5vw,36px);margin-bottom:16px}
.contact-section p{margin-bottom:20px;font-size:18px}
.contact-section .cta-whatsapp{background:#25d366;padding:14px 28px;border-radius:999px;font-size:18px}

.site-footer{background:#0b3d2e;color:#fff;padding:20px 0;text-align:center;font-size:14px}

@media(max-width:768px){
  .header-flex{flex-direction:column;align-items:flex-start}
  .main-nav{margin-top:8px}
  .main-nav a{margin-left:0;margin-right:16px;display:inline-block;margin-top:4px}
  .hero-slider{height:60vh}
  .content{flex-direction:column}
  .content .images{flex-direction:row;flex-wrap:wrap}
}