:root{
--tnz-yellow:#fed700;
--tnz-red:#d53333;
--tnz-text:#0f172a;
--tnz-muted:#6b7280;
--tnz-bg:#ffffff;
--tnz-line:#e5e7eb;
--tnz-radius:14px;
--tnz-shadow:0 10px 24px rgba(15,23,42,.14);
--tnz-max:1180px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
color:var(--tnz-text);
background:var(--tnz-bg);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto;display:block}
.tnz-container{
width:min(var(--tnz-max), calc(100% - 48px));
margin-inline:auto;
}
.tnz-mt-32{margin-top:32px} .tnz-hero{
padding:44px 0 24px;
}
.tnz-hero__grid{
display:grid;
grid-template-columns: 1fr 1.15fr;
gap:36px;
align-items:center;
}
.tnz-hero__copy h1{
margin:0 0 14px;
font-weight:900;
letter-spacing:.2px;
line-height:1.02;
font-size:46px;
}
.tnz-hero__copy p{
margin:0 0 16px;
color:#111827;
max-width:44ch;
font-size:14px;
}
.tnz-hero__media{
margin:0;
border-radius:4px;
overflow:hidden;
}
.tnz-hero__media img{
width:100%;
aspect-ratio: 16/9;
object-fit:cover;
background:#f3f4f6;
}
.tnz-hero__media.is-missing{
outline:1px dashed var(--tnz-line);
}
.tnz-hero__media.is-missing::after{
content:"(troca o src da imagem do hero)";
display:block;
padding:12px;
color:var(--tnz-muted);
font-size:12px;
background:#fafafa;
} .tnz-main{padding-bottom:40px}
.tnz-info{
padding:14px 0 10px;
}
.tnz-info__grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap:64px;
align-items:start;
}
.tnz-info h2{
margin:22px 0 10px;
font-size:18px;
font-weight:800;
}
.tnz-checklist{
margin:0;
padding:0;
list-style:none;
}
.tnz-checklist li{
display:flex;
gap:10px;
padding:3px 0;
font-size:12px;
color:#111827;
}
.tnz-checklist li::before{
content:"✓";
color:#111827;
font-weight:900;
width:16px;
display:inline-flex;
justify-content:center;
} .tnz-steps{
margin:10px 0 0;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:14px;
}
.tnz-steps li{
display:grid;
grid-template-columns: 38px 1fr;
gap:12px;
align-items:start;
}
.tnz-step__n{
width:26px;height:26px;
border-radius:999px;
background:var(--tnz-yellow);
color:#111827;
font-weight:900;
display:grid;
place-items:center;
font-size:12px;
margin-top:2px;
}
.tnz-steps h3{
margin:0 0 4px;
font-size:13px;
font-weight:900;
}
.tnz-steps p{
margin:0;
font-size:12px;
color:#111827;
} .tnz-cta{
padding:22px 0 26px;
}
.tnz-cta__card{
background:#fff;
border:1px solid var(--tnz-line);
border-radius:var(--tnz-radius);
box-shadow:var(--tnz-shadow);
padding:24px 26px;
max-width:720px;
margin-inline:auto;
text-align:center;
}
.tnz-cta__card h2{
margin:0 0 14px;
font-size:18px;
font-weight:900;
}
.tnz-cta__row{
display:flex;
align-items:center;
justify-content:center;
gap:14px;
flex-wrap:wrap;
}
.tnz-cta__or{
font-weight:700;
color:#111827;
font-size:12px;
}
.tnz-cta__phone{
text-align:left;
font-size:12px;
}
.tnz-cta__phone small{color:var(--tnz-muted)} .tnz-btn{
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
border-radius:4px;
font-weight:800;
line-height:1;
padding:10px 16px;
font-size:12px;
border:1px solid transparent;
}
.tnz-btn--primary{
background:var(--tnz-yellow);
color:#111827;
}
.tnz-btn--primary:hover{filter:brightness(.98)}
.tnz-btn--outline{
background:var(--tnz-yellow);
color:#111827;
border:1px solid #111827;
padding:8px 14px;
font-weight:900;
} .tnz-products{
padding:22px 0 26px;
}
.tnz-products--red{
background:var(--tnz-red);
} .tnz-products__head{
display:block;
width:100%;
gap:14px;
margin: 0 0 14px; }
.tnz-products__head h2{
margin:0;
color:#fff; font-size:18px;
font-weight:900;
} .tnz-products__head .tnz-btn--outline{
background: var(--tnz-yellow);
color:#111827;
border:1px solid #111827;
padding:8px 14px;
font-weight:900;
white-space: nowrap; }
.tnz-grid--products{
display:grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap:18px;
}
.tnz-card{
background:#fff;
border-radius:8px;
padding:10px 10px 12px;
box-shadow:0 8px 18px rgba(0,0,0,.18);
display:flex;
flex-direction:column;
min-height:240px;
}
.tnz-card__img{
height:110px;
display:grid;
place-items:center;
margin-bottom:8px;
}
.tnz-card__img img{
max-height:110px;
object-fit:contain;
}
.tnz-card__price{
font-size:11px;
color:#111827;
margin-bottom:6px;
}
.tnz-price-old{
text-decoration:line-through;
color:#9ca3af;
margin-right:6px;
}
.tnz-card__title{
font-size:10px;
font-weight:900;
color:#111827;
margin-bottom:10px;
min-height:34px;
}
.tnz-card__btn{
margin-top:auto;
display:block;
text-align:center;
text-decoration:none;
background:var(--tnz-yellow);
color:#111827;
font-weight:900;
padding:8px 10px;
border-radius:999px;
font-size:11px;
} @media (max-width: 960px){
.tnz-hero__grid{grid-template-columns:1fr}
.tnz-hero{padding-top:0}
.tnz-hero__media{order:-1}
.tnz-hero__copy{padding-top:14px; text-align:center}
.tnz-hero__copy p{margin-inline:auto}
.tnz-info__grid{grid-template-columns:1fr; gap:18px}
.tnz-cta__card{max-width:520px}
.tnz-grid--products{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 520px){
.tnz-container{width:min(var(--tnz-max), calc(100% - 28px))}
.tnz-hero__copy h1{font-size:30px}
.tnz-products__head h2{font-size:16px}
} .tnz-products{
position: relative;
padding: 18px 0 28px; background: transparent !important; }
.tnz-products--red::before{
content:"";
position:absolute;
left:0; right:0; top:0;
height: 170px; background: var(--tnz-red);
z-index:0;
} .tnz-products--red > .tnz-container{
position: relative;
z-index: 1;
} @media (max-width: 960px){
.tnz-products--red::before{ height: 190px; }
}