body{margin:0;font-family:Arial;background:#f3f6fb;color:#0b1f56}.container{width:92%;max-width:1400px;margin:auto}.hero{min-height:850px;background:url(images/hero-bg.png) center/cover}.overlay{min-height:850px;background:linear-gradient(90deg,rgba(2,19,56,.9)0%,rgba(2,19,56,.65)40%,rgba(2,19,56,0)70%)}nav{display:flex;justify-content:space-between;padding:30px 0;color:#fff}.menu{display:flex;gap:30px}.hero-content{max-width:650px;color:#fff;padding-top:100px}h1{font-size:88px}.btn{background:#1ed760;color:#fff;padding:18px 28px;border-radius:12px;text-decoration:none}.sec{background:transparent;border:2px solid #fff}.btns{display:flex;gap:20px}.features{margin-top:-60px;background:#fff;padding:35px;border-radius:25px;display:grid;grid-template-columns:repeat(6,1fr)}.title{text-align:center;font-size:48px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card,.box{background:#fff;height:260px;border-radius:18px;display:flex;align-items:center;justify-content:center}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cta{background:#fff;padding:40px;border-radius:24px;margin:40px 0;display:flex;justify-content:space-between}.wa{position:fixed;right:20px;bottom:20%;background:#25D366;color:#fff;padding:18px;border-radius:40px;text-decoration:none}@media(max-width:768px){h1{font-size:52px}.cards,.gallery,.features{grid-template-columns:1fr 1fr}} .card img,.box img{width:100%;height:220px;object-fit:cover;border-radius:18px 18px 0 0}.card,.box{display:block;overflow:hidden}.card h3,.box h3{text-align:center;padding:15px}
.whatsapp,.wa{animation:waPulse 2s infinite, waFloat 3s ease-in-out infinite !important;box-shadow:0 0 0 rgba(37,211,102,.7);} .whatsapp img,.wa img{width:46px;height:46px} .btn,.green,.catalog{animation:ctaPulse 2s infinite;} @keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 25px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}} @keyframes waFloat{50%{transform:translateY(-6px)}} @keyframes ctaPulse{0%{transform:scale(1)}70%{transform:scale(1.04);box-shadow:0 0 0 18px rgba(30,215,96,0)}100%{transform:scale(1)}}

img{max-width:100%;height:auto}
.container,.hero-content{width:100%;box-sizing:border-box}

@media (max-width:1024px){
h1{font-size:64px !important;}
.cards,.gallery{grid-template-columns:repeat(2,1fr)!important;}
}

@media (max-width:768px){
nav{flex-direction:column;gap:20px}
.menu{flex-wrap:wrap;justify-content:center}
h1{font-size:44px !important;line-height:1.1}
h2{font-size:26px !important}
.hero,.overlay{min-height:720px !important}
.hero-content{text-align:center;max-width:100%!important;padding-top:60px!important}
.btns,.actions{flex-direction:column!important}
.btn,.catalog{width:100%;box-sizing:border-box;text-align:center}
.features{grid-template-columns:repeat(2,1fr)!important;gap:15px}
.cards,.gallery{grid-template-columns:1fr!important}
.card,.box{height:auto!important}
.cta{flex-direction:column!important;text-align:center;gap:20px}
.whatsapp,.wa{width:68px!important;height:68px!important;right:15px!important;bottom:20px!important}
.whatsapp img,.wa img{width:36px!important;height:36px!important}
}

@media (max-width:480px){
body{overflow-x:hidden}
h1{font-size:36px !important}
.logo{font-size:28px!important}
.features{grid-template-columns:1fr!important}
}


/* ===== iPhone 15 Pro Max Mobile Layout ===== */
@media (max-width:768px){

body{overflow-x:hidden;}

nav,.navbar,.header{
flex-wrap:wrap;
padding:18px 20px !important;
}

.menu,.nav-menu{
display:none !important;
}

.hero,.overlay{
padding:30px 20px 0 !important;
text-align:center !important;
background-position:70% center !important;
}

.hero-content{
max-width:100% !important;
width:100% !important;
text-align:center !important;
}

.hero h1{font-size:48px !important;line-height:1.1 !important;}
.hero h2{font-size:28px !important;}

.btns,.hero-buttons,.actions{
display:flex !important;
flex-direction:column !important;
gap:15px !important;
}

.btn,.catalog{
width:100% !important;
box-sizing:border-box;
}

.features{
grid-template-columns:repeat(2,1fr) !important;
}

.cards,.products-grid{
display:flex !important;
flex-direction:column !important;
gap:15px !important;
}

.card,.product-card{
display:flex !important;
align-items:center !important;
height:auto !important;
padding:12px !important;
}

.card img,.product-card img{
width:110px !important;
height:90px !important;
object-fit:cover;
margin-right:15px;
border-radius:12px;
}

.gallery,.why-gallery{
display:flex !important;
flex-direction:column !important;
gap:15px !important;
}

.cta{
flex-direction:column !important;
text-align:center !important;
}

.footer-grid,.footer{
display:flex !important;
flex-direction:column !important;
text-align:center !important;
gap:25px !important;
}

.whatsapp,.wa{
width:68px !important;
height:68px !important;
}

}


/* FINAL MOBILE HERO */
@media (max-width:768px){
.hero,.hero-section,.banner,.hero-banner{
background-image:url('images/hero-mobile.jpg') !important;
background-size:cover !important;
background-position:center top !important;
background-repeat:no-repeat !important;
min-height:1000px !important;
}
}