/* Página Descubra meu serviço ideal: seções em volta do questionário. */
body[data-page="descubra"] .dsh { position: relative; padding: clamp(96px, 12vw, 150px) 0 clamp(40px, 6vw, 80px); background: radial-gradient(60% 70% at 85% 10%, rgba(255,106,43,.14), transparent 70%), radial-gradient(50% 60% at 0% 100%, rgba(155,107,255,.10), transparent 70%); }
.dsh__in { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.dsh__txt { display: grid; gap: var(--s4); justify-items: start; }
.dsh__chip { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; border: 1px solid var(--line-d); background: rgba(255,255,255,.04); font-size: .8rem; color: #d6d6d6; }
.dsh__chip i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }
.dsh__t { font-family: var(--display); font-variation-settings: "wdth" 118; font-weight: 600; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1; letter-spacing: -0.04em; text-wrap: balance; }
.dsh__txt .lead { color: #cfcfcf; max-width: 52ch; }
.dsh__acts { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s2); }
.dsh__svc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s2); }
.dsh__svc li { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--c) 40%, transparent); border-radius: 16px; background: color-mix(in srgb, var(--c) 8%, #0a0a0a); font-size: .9rem; font-weight: 500; transition: transform .35s var(--ease), border-color .3s; }
.dsh__svc li:first-child { grid-column: span 2; }
.dsh__svc li:hover { transform: translateY(-3px); border-color: var(--c); }
.dsh__svc i { width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: 0 0 12px var(--c); flex: none; }
.dsx { padding: clamp(48px, 7vw, 96px) 0; border-top: 1px solid var(--line-d); }
.dsx__head { display: grid; gap: var(--s3); max-width: 62ch; margin-bottom: var(--s6); }
.dsx__head .lead { color: #b9b9b9; }
.dsx__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); }
.dsx__cards li { padding: var(--s5); border: 1px solid color-mix(in srgb, var(--c) 45%, transparent); border-radius: 22px; background: linear-gradient(180deg, color-mix(in srgb, var(--c) 9%, #0c0c0c), #0a0a0a); display: grid; gap: var(--s2); align-content: start; }
.dsx__dot { width: 12px; height: 12px; border-radius: 50%; background: var(--c); box-shadow: 0 0 14px var(--c); }
.dsx__cards h3 { font-family: var(--display); font-weight: 650; font-size: 1.2rem; }
.dsx__cards p { color: #bdbdbd; line-height: 1.6; }
.dss__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: var(--s3); }
.dss { padding: var(--s5); border: 1px solid var(--line-d); border-top: 3px solid var(--c); border-radius: 20px; background: #0b0b0b; display: grid; gap: var(--s2); align-content: start; }
.dss h3 { font-family: var(--display); font-weight: 650; font-size: 1.15rem; color: var(--c); }
.dss__tag { color: #d4d4d4; line-height: 1.5; }
.dss__k { margin-top: var(--s2); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--mute-d); }
.dss ul:not(.dss__chips) { display: grid; gap: 6px; }
.dss ul:not(.dss__chips) li { font-size: .88rem; color: #cfcfcf; padding-left: 14px; position: relative; }
.dss ul:not(.dss__chips) li::before { content: ""; position: absolute; left: 0; top: .6em; width: 5px; height: 5px; border-radius: 50%; background: var(--c); }
.dss__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.dss__chips li { font-size: .76rem; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--line-d); color: #e6e6e6; }
.dsc-tbl { overflow-x: auto; border: 1px solid var(--line-d); border-radius: 22px; background: #0a0a0a; }
.dsc-tbl table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: .9rem; }
.dsc-tbl thead th { padding: 16px 18px; text-align: center; font-weight: 600; color: var(--c, #fff); background: rgba(255,255,255,.03); }
.dsc-tbl thead th:first-child { text-align: left; color: var(--mute-d); font-weight: 500; }
.dsc-tbl thead i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--c); margin-right: 8px; }
.dsc-tbl tbody tr:nth-child(even) { background: rgba(255,255,255,.025); }
.dsc-tbl tbody th { padding: 14px 18px; text-align: left; font-weight: 500; }
.dsc-tbl tbody th small { display: block; margin-top: 2px; color: var(--mute-d); font-size: .76rem; font-weight: 400; }
.dsc-tbl td { text-align: center; padding: 10px; }
.dsc-ic { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; }
.dsc-ic svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
td.is-yes .dsc-ic { background: color-mix(in srgb, var(--c) 22%, transparent); color: var(--c); }
td.is-partial .dsc-ic { background: rgba(255,255,255,.08); color: #bdbdbd; }
td.is-no .dsc-ic { color: #5a5a5a; }
.dsc-leg { display: flex; flex-wrap: wrap; gap: var(--s4); margin-top: var(--s3); font-size: .8rem; color: var(--mute-d); }
.dsc-leg span { display: inline-flex; align-items: center; gap: 6px; }
.dsc-leg svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.dsc-leg .is-yes { color: #8fe28a; }
.dsp { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s3); margin-top: var(--s5); }
.dsp li { padding: var(--s5); border: 1px solid var(--line-d); border-radius: 20px; background: rgba(255,255,255,.03); display: grid; gap: var(--s2); align-content: start; transition: border-color .3s, transform .35s var(--ease); }
.dsp li:hover { border-color: rgba(255,106,43,.5); transform: translateY(-3px); }
.dsp__n { font: .74rem ui-monospace, Consolas, monospace; letter-spacing: .12em; color: var(--accent); }
.dsp h3 { font-family: var(--display); font-weight: 650; font-size: 1.1rem; }
.dsp p { color: #b9b9b9; font-size: .92rem; line-height: 1.55; }
.dsf { max-width: 860px; }
.dsf__l { margin-top: var(--s5); border: 1px solid var(--line-d); border-radius: 22px; overflow: hidden; background: #0a0a0a; }
.dsf__i + .dsf__i { border-top: 1px solid var(--line-d); }
.dsf__i summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: var(--s3); padding: 20px 24px; font-weight: 500; }
.dsf__i summary::-webkit-details-marker { display: none; }
.dsf__i summary i { width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; rotate: 45deg; transition: rotate .3s var(--ease); flex: none; margin-bottom: 4px; }
.dsf__i[open] summary { color: var(--accent); }
.dsf__i[open] summary i { rotate: 225deg; margin-bottom: -4px; }
.dsf__i p { padding: 0 24px 22px; color: #bdbdbd; line-height: 1.65; animation: dsf-in .35s var(--ease); }
@keyframes dsf-in { from { opacity: 0; translate: 0 -6px; } to { opacity: 1; translate: 0 0; } }
.dsc-cta { text-align: center; display: grid; gap: var(--s3); justify-items: center; padding: clamp(36px, 6vw, 72px); border: 1px solid rgba(255,106,43,.3); border-radius: 28px; background: radial-gradient(70% 100% at 50% 0%, rgba(255,106,43,.16), transparent 70%), #0a0a0a; }
.dsc-cta .h2 { max-width: 22ch; text-wrap: balance; }
.dsc-cta .lead { color: #bdbdbd; max-width: 54ch; }
.dsc-cta .dsh__acts { justify-content: center; }
body[data-page="descubra"] .dsc-wrap { padding-block: clamp(32px, 5vw, 64px); scroll-margin-top: 80px; }
@media (max-width: 900px) { .dsh__in, .dsx__cards { grid-template-columns: minmax(0, 1fr); } .dsp { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .dsp { grid-template-columns: minmax(0, 1fr); } .dsh__svc { grid-template-columns: minmax(0, 1fr); } .dsh__svc li:first-child { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { .dsh__svc li, .dsp li, .dsf__i p, .dsf__i summary i { transition: none; animation: none; } }