.tnz-assistencia-tecnica .tnz-hero__copy p{max-width:56ch}
.tnz-at-hero__actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:6px;
}
.tnz-at-title{
margin:0 0 16px;
font-size:18px;
font-weight:900;
color:#000;
} .tnz-at-choices{padding:10px 0 18px}
.tnz-at-choices__grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px;
}
.tnz-at-choice{
background:#fff;
border:1px solid var(--tnz-line);
border-radius:var(--tnz-radius);
box-shadow:var(--tnz-shadow);
padding:14px;
display:flex;
flex-direction:column;
gap:12px;
overflow:hidden;
position:relative;
}
.tnz-at-choice__media{
height:120px;
border-radius:12px;
border:1px solid var(--tnz-line);
background:
radial-gradient(120px 80px at 20% 30%, rgba(254,215,0,.55), rgba(254,215,0,0) 60%),
radial-gradient(140px 90px at 80% 20%, rgba(15,23,42,.16), rgba(15,23,42,0) 65%),
linear-gradient(135deg, #ffffff, #f8fafc);
}
.tnz-at-choice--loja .tnz-at-choice__media{
background:
radial-gradient(120px 80px at 22% 32%, rgba(254,215,0,.62), rgba(254,215,0,0) 60%),
radial-gradient(140px 90px at 82% 22%, rgba(213,51,51,.14), rgba(213,51,51,0) 65%),
linear-gradient(135deg, #ffffff, #f8fafc);
}
.tnz-at-choice--dom .tnz-at-choice__media{
background:
radial-gradient(120px 80px at 22% 32%, rgba(254,215,0,.55), rgba(254,215,0,0) 60%),
radial-gradient(140px 90px at 82% 22%, rgba(2,132,199,.18), rgba(2,132,199,0) 65%),
linear-gradient(135deg, #ffffff, #f8fafc);
}
.tnz-at-choice__body{
display:flex;
flex-direction:column;
gap:10px;
padding:2px 4px 4px;
}
.tnz-at-choice__top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
}
.tnz-at-choice__price{
flex:0 0 auto;
border:1px solid #000;
background:var(--tnz-yellow);
color:#000;
font-weight:950;
padding:8px 12px;
border-radius:999px;
font-size:14px;
line-height:1;
white-space:nowrap;
box-shadow:0 10px 18px rgba(15,23,42,.12);
}
.tnz-at-choice h3{
margin:0;
font-size:16px;
font-weight:900;
color:#000;
}
.tnz-at-choice p{
margin:0;
font-size:12px;
color:#000;
max-width:70ch;
}
.tnz-at-choice .tnz-btn{align-self:flex-start}
.tnz-at-choice__bullets{
margin:0;
padding:0;
list-style:none;
display:flex;
gap:10px;
flex-wrap:wrap;
}
.tnz-at-choice__bullets li{
font-size:11px;
font-weight:800;
color:#000;
background:#fff;
border:1px solid var(--tnz-line);
border-radius:999px;
padding:6px 10px;
} .tnz-at-block{padding:14px 0 10px}
.tnz-at-block__grid{
display:grid;
grid-template-columns: 1.1fr .9fr;
gap:18px;
align-items:start;
}
.tnz-at-card{
background:#fff;
border:1px solid var(--tnz-line);
border-radius:var(--tnz-radius);
box-shadow:var(--tnz-shadow);
padding:18px;
}
.tnz-at-card__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.tnz-at-card__head h2{
margin:0;
font-size:18px;
font-weight:900;
color:#000;
}
.tnz-at-price{
flex:0 0 auto;
border:1px solid #000;
background:var(--tnz-yellow);
color:#000;
font-weight:900;
padding:10px 14px;
border-radius:999px;
font-size:15px;
line-height:1;
white-space:nowrap;
box-shadow:0 10px 18px rgba(15,23,42,.12);
}
.tnz-at-lead{
margin:0 0 12px;
font-size:12px;
color:#000;
max-width:78ch;
}
.tnz-at-bullets{
margin:0 0 14px;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:6px;
}
.tnz-at-bullets li{
display:flex;
gap:10px;
font-size:12px;
color:#000;
}
.tnz-at-bullets li::before{
content:"•";
font-weight:900;
width:16px;
display:inline-flex;
justify-content:center;
}
.tnz-at-card__actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.tnz-at-panel{
background:#fff;
border:1px solid var(--tnz-line);
border-radius:var(--tnz-radius);
box-shadow:var(--tnz-shadow);
padding:18px;
}
.tnz-at-panel h3{
margin:0 0 10px;
font-size:14px;
font-weight:900;
color:#000;
}
.tnz-at-eqgrid{
margin:0;
padding:0;
list-style:none;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
}
.tnz-at-eq{
display:flex;
gap:10px;
align-items:center;
padding:12px 12px;
border:1px solid var(--tnz-line);
border-radius:12px;
background:linear-gradient(180deg, #fff, #fafafa);
}
.tnz-at-eq--wide{
grid-column:1 / -1;
}
.tnz-at-eq__icon{
width:34px;
height:34px;
border-radius:10px;
border:1px solid var(--tnz-line);
background:
radial-gradient(14px 14px at 30% 30%, rgba(254,215,0,.55), rgba(254,215,0,0) 70%),
linear-gradient(135deg, #ffffff, #f1f5f9);
flex:0 0 auto;
}
.tnz-at-eq__label{
font-size:12px;
color:#000;
font-weight:800;
}
.tnz-at-list{
margin:0;
padding:0;
list-style:none;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px 14px;
}
.tnz-at-list--dense{
grid-template-columns:1fr;
gap:8px;
}
.tnz-at-list li{
display:flex;
gap:10px;
font-size:12px;
color:#000;
}
.tnz-at-list li::before{
content:"✓";
font-weight:900;
width:16px;
display:inline-flex;
justify-content:center;
} .tnz-at-info{padding:10px 0 18px}
.tnz-at-info__grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:16px;
align-items:start;
}
.tnz-at-info__card{
background:#fff;
border:1px solid var(--tnz-line);
border-radius:var(--tnz-radius);
box-shadow:var(--tnz-shadow);
padding:16px 16px 14px;
}
.tnz-at-info__card h3{
margin:0 0 10px;
font-size:14px;
font-weight:900;
color:#000;
display:flex;
align-items:center;
gap:10px;
}
.tnz-at-info__icon{
width:26px;
height:26px;
border-radius:10px;
border:1px solid var(--tnz-line);
background:
radial-gradient(12px 12px at 30% 30%, rgba(254,215,0,.62), rgba(254,215,0,0) 70%),
linear-gradient(135deg, #ffffff, #f1f5f9);
flex:0 0 auto;
} .tnz-at-btn[data-assistencia-popup]{} @media (max-width: 1024px){
.tnz-at-block__grid{
grid-template-columns:1fr;
}
.tnz-at-info__grid{
grid-template-columns:1fr;
}
}
@media (max-width: 640px){
.tnz-at-choices__grid{
grid-template-columns:1fr;
}
.tnz-at-eqgrid{grid-template-columns:1fr}
}