.desafios { padding-block: clamp(40px, 6vw, 80px) var(--section-y); }
.desafios__grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 60px; align-items: start; }
.desafios__intro { position: sticky; top: 110px; }
.desafios__intro p { max-width: 360px; margin-top: var(--space-4); }

.desafio {
  display: grid; grid-template-columns: 1fr auto; gap: 6px 24px; align-items: center;
  padding: 26px 8px 26px 0; border-top: 1px solid var(--border-default);
  color: inherit; text-decoration: none;
  transition: padding var(--duration-slow) var(--ease-standard);
}
.desafio:last-child { border-bottom: 1px solid var(--border-default); }
.desafio strong { font: var(--fw-semibold) clamp(1.15rem, 1.05rem + 0.7vw, 1.45rem)/1.25 var(--font-display); letter-spacing: var(--ls-heading); transition: color var(--duration-base) var(--ease-standard); }
.desafio span { grid-column: 1; color: var(--text-faint); font-size: 0.9rem; }
.desafio span b { color: var(--accent-text); font-weight: var(--fw-semibold); }
.desafio i { grid-row: 1 / span 2; grid-column: 2; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--border-default); transition: box-shadow var(--duration-slow) var(--ease-standard), background-color var(--duration-slow); }
.desafio i img { width: 30px; height: auto; transition: transform 0.5s var(--ease-standard); }
.desafio:hover { padding-left: 18px; }
.desafio:hover strong { color: var(--accent-text); }
.desafio:hover i { box-shadow: inset 0 0 0 1.5px var(--accent); background: var(--wp-white); }
.desafio:hover i img { transform: rotate(-20deg) scale(1.15); }

@media (max-width: 980px) { .desafios__grid { grid-template-columns: 1fr; gap: 30px; } .desafios__intro { position: static; } }
@media (max-width: 560px) { .desafio i { width: 46px; height: 46px; } }