/* Simulador de tamanho de TV — só no post blog/qual-o-tamanho-ideal-de-tv.html (prefixo tvs-) */
.tvs{--tvs-r:18px;margin:0 auto;max-width:var(--largura);color:var(--tinta)}
.tvs [hidden]{display:none!important}
.tvs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tvs-palco{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:start}
.tvs-cena{border-radius:var(--tvs-r);overflow:hidden;box-shadow:var(--sombra-forte);background:#e8eef1;line-height:0}
.tvs-cena svg{width:100%;height:auto;display:block}
.tvs-cena .tvs-tv{transition:all .35s ease}
.tvs-painel{background:#fff;border:1px solid var(--borda);border-radius:var(--tvs-r);padding:20px;box-shadow:var(--sombra)}
.tvs-ctl{margin-bottom:16px}
.tvs-lab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:700;font-size:.95rem;margin-bottom:6px}
.tvs-lab output{font-family:Archivo,Inter,sans-serif;font-size:1.25rem;color:var(--azul-2)}
.tvs input[type=range]{width:100%;height:30px;accent-color:var(--azul);cursor:pointer}
.tvs input[type=number],.tvs select{width:100%;padding:10px 12px;border:1.5px solid var(--borda);border-radius:10px;font:inherit;color:var(--tinta);background:#fff}
.tvs-esc{display:flex;justify-content:space-between;font-size:.75rem;color:var(--tinta-suave)}
.tvs-chips{display:flex;flex-wrap:wrap;gap:6px}
.tvs-chip{padding:7px 12px;border:1.5px solid var(--borda);border-radius:99px;background:#fff;font:600 .85rem Inter,sans-serif;color:var(--tinta);cursor:pointer;transition:background .15s,border-color .15s}
.tvs-chip:hover{border-color:var(--azul)}
.tvs-chip[aria-pressed=true]{background:var(--azul-escuro);border-color:var(--azul-escuro);color:#fff}
.tvs-sz{min-width:48px;padding:6px 8px;text-align:center}
.tvs :focus-visible{outline:3px solid var(--ambar);outline-offset:2px}
.tvs-rec{margin-top:18px;padding:18px;border-radius:14px;background:linear-gradient(135deg,var(--azul-escuro),#0b4560);color:#fff;scroll-margin-top:90px}
.tvs-rec .tvs-k{color:#7fe0ff}
.tvs-k{margin:0 0 4px;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--azul-2)}
.tvs-big{margin:0;font:800 3.2rem/1 Archivo,Inter,sans-serif}.tvs-big small{font-size:1rem;font-weight:700;opacity:.8}
.tvs-faixa{margin:8px 0;font-size:.92rem;color:#cfe6ee}
.tvs-ok{margin:6px 0;font-weight:700;color:#7ff0bf}
.tvs-painel .tvs-ok,.tvs-quiz .tvs-ok{color:var(--sucesso)}
.tvs-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0}
.tvs-dl div{padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.08)}
.tvs-dl dt{font-size:.74rem;opacity:.8}.tvs-dl dd{margin:2px 0 0;font-weight:800}
.tvs-obj{margin:12px 0 0;font-size:.86rem;color:#cfe6ee}
.tvs-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border:0;border-radius:10px;background:var(--azul);color:#fff;font:700 .95rem Inter,sans-serif;cursor:pointer}
.tvs-btn:hover{background:var(--azul-2)}
.tvs-btn-sec{background:#fff;color:var(--azul-escuro)}
.tvs-link{display:block;margin-top:10px;padding:4px 0;border:0;background:none;color:var(--azul-2);font:700 .9rem Inter,sans-serif;cursor:pointer}
.tvs-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tvs-acoes .btn{flex:1 1 220px;justify-content:center;text-align:center}
.tvs .btn-ghost{background:#fff;border:2px solid var(--azul-escuro);color:var(--azul-escuro)}
.tvs-ver{display:none}
.tvs-faixa2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:22px;align-items:center}
.tvs-topo{background:#fff;border:1px solid var(--borda);border-radius:var(--tvs-r);padding:12px}
.tvs-topo svg{width:100%;height:auto;display:block}
.tvs-class{font-size:.98rem}
.tvs-tag{display:inline-block;margin-right:6px;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:800;color:#fff}
.tvs-menos{background:#6f8a99}.tvs-equil{background:var(--sucesso)}.tvs-imers{background:var(--azul-2)}.tvs-muito{background:var(--ambar-2)}
.tvs-legenda{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.8rem}
.tvs-quizbox{margin-top:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:22px;align-items:start}
.tvs-quiz{background:#fff;border:2px solid var(--azul);border-radius:var(--tvs-r);padding:22px}
.tvs-quiz h3{margin:6px 0 14px;outline:0}
.tvs-barra{height:6px;border-radius:9px;background:#e3eef3;overflow:hidden}.tvs-barra i{display:block;height:100%;background:var(--azul)}
.tvs-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tvs-op{padding:12px 14px;border:1.5px solid var(--borda);border-radius:12px;background:#fff;text-align:left;font:600 .93rem Inter,sans-serif;color:var(--tinta);cursor:pointer}
.tvs-op:hover{border-color:var(--azul);background:#f0fafd}
.tvs-2c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.tvs-rel{background:#fff;border:1px solid var(--borda);border-radius:var(--tvs-r);padding:22px;box-shadow:var(--sombra);scroll-margin-top:90px}
.tvs-rel h3{margin:0 0 12px}
.tvs-rel .tvs-dl div{background:var(--fundo)}
.tvs-lista{margin:12px 0 0;padding-left:20px}.tvs-lista li{margin-bottom:6px}
.tvs-lab2{margin-top:30px}
.tvs-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px}
.tvs-tabs [role=tab]{flex:none;padding:10px 15px;border:1.5px solid var(--borda);border-radius:99px;background:#fff;font:700 .9rem Inter,sans-serif;color:var(--tinta);cursor:pointer}
.tvs-tabs [role=tab][aria-selected=true]{background:var(--azul);border-color:var(--azul);color:#fff}
.tvs-pn{background:#fff;border:1px solid var(--borda);border-radius:var(--tvs-r);padding:22px}
.tvs-pn h3{margin-top:0}
.tvs-g2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.tvs-pn svg{width:100%;height:auto;display:block}
.tvs-pn .tvs-dl div{background:var(--fundo)}
.tvs-msg{margin:12px 0 0;padding:12px 14px;border-radius:12px;border-left:4px solid;font-size:.93rem}
.tvs-msg strong{display:block;margin-bottom:2px}
.tvs-msg.tvs-ok{background:var(--sucesso-claro);border-color:var(--sucesso);color:var(--tinta)}
.tvs-msg.tvs-aviso{background:#fff5e6;border-color:var(--ambar);color:var(--tinta)}
.tvs-msg.tvs-nao{background:#fdecea;border-color:#d9483b;color:var(--tinta)}
.tvs-mini{margin:8px 0 0;font-size:.8rem;color:var(--tinta-suave)}
.tvs-tab{width:100%;border-collapse:collapse;font-size:.9rem}
.tvs-tab th,.tvs-tab td{padding:9px 10px;border-bottom:1px solid var(--borda);text-align:left}
.tvs-tab thead th{background:var(--fundo)}
.tvs-tab tr.tvs-on td{background:#e6f6fc;font-weight:700}
.tvs-tabwrap{overflow-x:auto}
.tvs-tabwrap thead button{border:0;background:none;font:inherit;font-weight:800;color:var(--tinta);cursor:pointer;padding:0;text-align:left}
.tvs-tabwrap thead button::after{content:" ⇅";color:var(--tinta-suave);font-weight:400}
.tvs-tabwrap tbody tr{cursor:pointer}.tvs-tabwrap tbody tr:hover td{background:#f0fafd}
.tvs-cv{width:100%;max-width:360px;height:auto;border-radius:12px;image-rendering:pixelated;display:block;border:4px solid #111418}
.tvs-tecs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tvs-tec{position:relative;padding:16px;border:1px solid var(--borda);border-radius:14px;background:#fff}
.tvs-tec h4{margin:0 0 4px;font-size:1.05rem}.tvs-tec p{margin:0 0 6px;font-size:.88rem;color:var(--tinta-suave)}
.tvs-tec .tvs-tipo{display:inline-block;margin-bottom:6px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--azul-2)}
.tvs-tec.tvs-destaque{border:2px solid var(--azul);box-shadow:var(--sombra)}
.tvs-tecsel{display:block;font-size:.8rem;font-weight:800;color:var(--ambar-2)}
.tvs-sint{margin-top:10px}
@media(max-width:980px){.tvs-palco,.tvs-faixa2,.tvs-quizbox,.tvs-g2{grid-template-columns:minmax(0,1fr)}.tvs-tecs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tvs-ver{display:flex;position:sticky;bottom:12px;z-index:5;width:100%;margin-top:12px;box-shadow:var(--sombra-forte)}}
@media(max-width:600px){.tvs-painel,.tvs-pn,.tvs-quiz,.tvs-rel{padding:16px}.tvs-ops,.tvs-2c,.tvs-tecs{grid-template-columns:minmax(0,1fr)}.tvs-big{font-size:2.6rem}.tvs-sz{min-width:44px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.tvs *{transition:none!important;scroll-behavior:auto!important}}
