/* Landing World — estilos da seção "mundo" (LW-L2). Só tokens --pop-*; sem HEX. Pressupõe pop.css. */
.lw-mundo { padding: 64px 16px 0; max-width: 1200px; margin: 0 auto; }
.lw-mundo-topo { margin-bottom: 28px; }
.lw-mundo-topo h2 { margin: 12px 0; }
.lw-mundo-topo p { font-size: var(--pop-t-corpo); max-width: 56ch; margin: 0; }
.lw-mundo-grade { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 24px; }
.lw-mundo-card { display: flex; flex-direction: column; gap: 8px; min-height: 230px; padding: 24px; height: 100%; box-sizing: border-box; text-decoration: none; color: inherit; transition: transform .15s; }
a.lw-mundo-card:hover, a.lw-mundo-card:focus-visible { transform: rotate(-1.5deg) translateY(-4px); }
.lw-mundo-card h3 { margin: 0; }
.lw-mundo-ico { display: block; line-height: 1; }
.lw-mundo-ico img { display: block; width: 100%; height: auto; max-width: 17rem; margin-inline: auto; }
.lw-mundo-rodape { margin-top: auto; font-weight: 700; }
.lw-mundo-card--breve > :not(.lw-mundo-ico) { opacity: .75; }   /* a arte fica com a cor cheia; só o texto "apaga" */
.lw-mundo-card { overflow-wrap: anywhere; }
@media (min-width: 1920px) { .lw-mundo { max-width: 1440px; } }
@media (prefers-reduced-motion: reduce) { .lw-mundo-card { transition: none; } a.lw-mundo-card:hover, a.lw-mundo-card:focus-visible { transform: none; } }
