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: #2d6a2d; 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: #2d6a2d; }
.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 #2d6a2d; 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-green { font-size: 11px; font-weight: 500; background: #eafaf1; color: #2d6a2d; 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: #2d6a2d; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; margin-top: 2px; }
.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 .compat-box { background: #f0f7f0; border: 1px solid #b2d8b2; border-radius: 8px; padding: .85rem 1rem; margin-bottom: 1.5rem; font-size: 12px; color: #2d6a2d; }
.toorx-desc .compat-box strong { display: block; margin-bottom: .3rem; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.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: #2d6a2d; 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; } }