Descrição

@import url(‘https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Poppins:wght@300;400;500&display=swap’);
.toorx-desc { font-family: ‘Poppins’, sans-serif; color: #1C1512; font-size: 15px; line-height: 1.75; }
.toorx-desc * { box-sizing: border-box; margin: 0; padding: 0; }
.toorx-desc .eyebrow { font-size: 11px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: #c0392b; margin-bottom: .75rem; display: block; }
.toorx-desc h1 { font-family: ‘Orbitron’, sans-serif; font-size: clamp(1.3rem,3.5vw,1.9rem); font-weight: 700; line-height: 1.2; color: #1C1512; margin-bottom: 1.25rem; }
.toorx-desc h1 em { font-style: normal; color: #c0392b; }
.toorx-desc h2 { font-family: ‘Orbitron’, sans-serif; font-size: .9rem; font-weight: 500; color: #1C1512; margin-bottom: 1rem; letter-spacing: .05em; margin-top: 1.75rem; }
.toorx-desc h3 { font-size: 13px; font-weight: 500; color: #1C1512; margin-bottom: 2px; }
.toorx-desc .intro { font-size: 14px; font-weight: 300; color: #7A6F68; max-width: 640px; margin-bottom: 1.5rem; border-left: 3px solid #c0392b; padding-left: 1rem; }
.toorx-desc .divider { border: none; border-top: 1px solid #E0D8D0; margin: 1.5rem 0; }
.toorx-desc .pills { display: flex; gap: .6rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.toorx-desc .pill { font-size: 11px; font-weight: 500; background: #f5f5f5; color: #444; padding: 4px 11px; border-radius: 20px; }
.toorx-desc .pill-red { font-size: 11px; font-weight: 500; background: #fdecea; color: #c0392b; padding: 4px 11px; border-radius: 20px; }
.toorx-desc .bg { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: .85rem; margin-bottom: 1.5rem; }
.toorx-desc .bi { display: flex; gap: .65rem; align-items: flex-start; }
.toorx-desc .icon { width: 34px; height: 34px; border-radius: 50%; background: #c0392b; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.toorx-desc .icon svg { width: 16px; height: 16px; }
.toorx-desc .bi p { font-size: 12px; font-weight: 300; color: #7A6F68; line-height: 1.5; }
.toorx-desc .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }
.toorx-desc .specs-col h3 { font-size: 10px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #7A6F68; margin-bottom: .4rem; }
.toorx-desc table { width: 100%; border-collapse: collapse; font-size: 12px; }
.toorx-desc tr { border-bottom: 1px solid #E0D8D0; }
.toorx-desc td { padding: .45rem .4rem; }
.toorx-desc td:first-child { color: #7A6F68; font-weight: 300; width: 55%; }
.toorx-desc td:last-child { color: #1C1512; font-weight: 500; }
.toorx-desc .sku-box { font-size: 11px; color: #7A6F68; background: #f9f9f9; border: 1px solid #E0D8D0; border-radius: 6px; padding: .4rem .75rem; margin-bottom: 1.5rem; display: inline-block; }
.toorx-desc .dl-bar { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; padding:1rem 1.25rem; background:#f9f9f9; border:1px solid #E0D8D0; border-radius:10px; margin-bottom:1.5rem; }
.toorx-desc .dl-label { font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:#7A6F68; margin-right:.25rem; white-space:nowrap; }
.toorx-desc .dl-btns { display:flex; gap:.5rem; flex-wrap:wrap; }
.toorx-desc .dl-btn { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:500; padding:.5rem 1rem; border-radius:7px; text-decoration:none; transition:opacity .15s; white-space:nowrap; }
.toorx-desc .dl-btn:hover { opacity:.82; }
.toorx-desc .dl-btn-primary { background:#c0392b; color:#fff; }
.toorx-desc .dl-btn-secondary { background:#fff; color:#1C1512; border:1px solid #d0c8c0; }
.toorx-desc .cta { background: #1C1512; color: #fff; border-radius: 12px; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; }
.toorx-desc .cta p { font-family: ‘Orbitron’, sans-serif; font-size: .85rem; font-weight: 500; line-height: 1.4; max-width: 400px; }
.toorx-desc .cta p em { font-style: normal; color: #7A6F68; }
.toorx-desc .cta-btn { background: #c0392b; color: #fff; font-size: 12px; font-weight: 500; padding: .6rem 1.25rem; border-radius: 7px; text-decoration: none; white-space: nowrap; flex-shrink: 0; }

@media (max-width:580px) { .toorx-desc .specs-grid { grid-template-columns: 1fr; } }