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

body{
font-family:'Inter',sans-serif;
background:linear-gradient(180deg,#3b82f6 0%,#1d4ed8 40%,#07142d 100%);
color:white;
overflow-x:hidden;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

.hero{
padding:90px 0;
min-height:100vh;
display:flex;
align-items:center;
}

.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.logo{
width:190px;
margin-bottom:25px;
}

.tag{
display:inline-block;
padding:10px 18px;
background:rgba(255,255,255,.12);
border-radius:999px;
margin-bottom:25px;
}

.hero h1{
font-size:4.3rem;
line-height:1.05;
font-weight:900;
margin-bottom:25px;
}

.hero p{
font-size:1.15rem;
line-height:1.9;
color:#dbeafe;
margin-bottom:35px;
}

.buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
}

.btn{
padding:16px 28px;
border-radius:18px;
text-decoration:none;
font-weight:700;
transition:.3s;
}

.primary{
background:white;
color:#1d4ed8;
}

.secondary{
border:1px solid rgba(255,255,255,.2);
color:white;
}

.mockup{
background:rgba(255,255,255,.08);
padding:14px;
border-radius:30px;
backdrop-filter:blur(10px);
}

.mockup img{
width:100%;
border-radius:20px;
display:block;
}

.services,.restaurant,.why,.certificate{
padding:110px 0;
}

.section-title{
text-align:center;
margin-bottom:60px;
}

.section-title h2{
font-size:3rem;
margin-bottom:15px;
}

.section-title p{
color:#dbeafe;
}

.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
}

.card{
background:rgba(255,255,255,.08);
padding:35px;
border-radius:28px;
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.12);
}

.card h3{
margin-bottom:14px;
}

.card p{
color:#dbeafe;
line-height:1.8;
}

.gallery{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.gallery img{
width:100%;
height:360px;
object-fit:cover;
border-radius:24px;
}

.gallery img:nth-child(2){
margin-top:40px;
}

.gallery img:nth-child(3){
margin-top:80px;
}

.cert{
background:rgba(255,255,255,.1);
padding:60px;
border-radius:36px;
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
}

.white{
background:white;
color:#1d4ed8;
}

footer{
padding:40px 0;
border-top:1px solid rgba(255,255,255,.1);
}

.footer{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:20px;
}

.footer-links{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.footer-links a{
color:#dbeafe;
text-decoration:none;
}

@media(max-width:900px){

.hero-grid,
.gallery{
grid-template-columns:1fr;
}

.hero{
text-align:center;
}

.hero h1{
font-size:3rem;
}

.buttons{
justify-content:center;
}

.gallery img:nth-child(2),
.gallery img:nth-child(3){
margin-top:0;
}

.cert,
.footer{
flex-direction:column;
text-align:center;
}
}


.restaurant .section-title p{
max-width:800px;
margin:auto;
line-height:1.9;
font-size:1.05rem;
}

.restaurant-details{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
margin-bottom:50px;
}

.restaurant-box{
background:rgba(255,255,255,.08);
padding:24px;
border-radius:22px;
border:1px solid rgba(255,255,255,.12);
backdrop-filter:blur(10px);
}

.restaurant-box h3{
margin-bottom:10px;
font-size:1.1rem;
}

.restaurant-box p{
color:#dbeafe;
line-height:1.7;
font-size:.95rem;
}

.gallery{
max-width:900px;
margin:auto;
align-items:center;
}

.gallery img{
height:280px !important;
max-width:260px;
margin:auto;
box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.gallery img:nth-child(2){
margin-top:25px;
}

.gallery img:nth-child(3){
margin-top:50px;
}

.cert{
align-items:center;
}

.cert .btn{
display:flex;
align-items:center;
justify-content:center;
min-width:260px;
height:60px;
}

@media(max-width:900px){

.gallery img,
.gallery img:nth-child(2),
.gallery img:nth-child(3){
margin-top:0;
max-width:100%;
height:320px !important;
}
}


.restaurant{
background:linear-gradient(180deg,rgba(7,20,45,.2),rgba(4,12,28,.8));
}

.restaurant-premium{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
margin-top:40px;
}

.restaurant-content h3{
font-size:2rem;
margin-bottom:25px;
}

.restaurant-list{
list-style:none;
padding:0;
margin:0;
}

.restaurant-list li{
margin-bottom:14px;
font-size:1.05rem;
}

.restaurant-images{
position:relative;
height:620px;
}

.restaurant-images img{
position:absolute;
border-radius:24px;
box-shadow:0 25px 60px rgba(0,0,0,.35);
border:1px solid rgba(255,255,255,.15);
background:#fff;
}

.img-mobile{
width:260px;
left:0;
top:0;
z-index:3;
}

.img-comandas{
width:300px;
right:30px;
top:120px;
z-index:2;
}

.img-pdv{
width:420px;
left:80px;
bottom:0;
z-index:1;
}

.restaurant-badges{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:25px;
}

.restaurant-badges span{
padding:10px 16px;
background:rgba(255,255,255,.08);
border-radius:999px;
}

.restaurant-stats{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:15px;
margin-top:40px;
}

.restaurant-stats div{
background:rgba(255,255,255,.08);
padding:18px;
text-align:center;
border-radius:18px;
}

@media(max-width:980px){
.restaurant-premium{grid-template-columns:1fr;}
.restaurant-images{height:auto;display:flex;flex-direction:column;gap:15px;}
.restaurant-images img{position:relative;width:100%!important;left:auto;right:auto;top:auto;bottom:auto;}
.restaurant-stats{grid-template-columns:repeat(2,1fr);}
}


/* ===== V6 Restaurante ===== */
.restaurant-images,
.gallery{
display:grid !important;
grid-template-columns:1fr !important;
gap:18px !important;
align-items:start !important;
}

.img-pdv,
.gallery img:last-child{
width:100% !important;
max-width:100% !important;
order:1;
}

.img-mobile,
.img-comandas{
width:48% !important;
}

.secondary-images{
display:flex !important;
gap:16px !important;
}

.restaurant,
.restaurant-section{
padding-top:80px !important;
}



.restaurant-v7{display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:start}
.restaurant-left{padding-top:40px}
.pdv-title,.mini-title{text-align:center;font-weight:700;margin-bottom:10px}
.pdv-main{width:100%;border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.restaurant-mini{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.restaurant-mini img{width:100%;border-radius:16px}
.restaurant-cta{margin-top:30px;padding:20px;border-radius:16px;background:rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}
.restaurant-cta a{background:#25D366;color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700}
@media(max-width:900px){
 .restaurant-v7{grid-template-columns:1fr}
 .restaurant-cta{flex-direction:column;gap:15px}
}