.trio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.4rem;
}

.trio-card {
    background: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    padding: 1.8rem 1.6rem;
    box-shadow: var(--sombra-card);
    transition: transform .2s ease;
}
.trio-card:hover { transform: translateY(-4px); }

.trio-icono {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    font-size: 1.3rem;
}
.icono-verde { background: rgba(37, 211, 102, .14); color: #1FA855; }
.icono-coral { background: var(--c-coral-suave); color: var(--c-coral); }
.icono-azul { background: rgba(74, 121, 176, .14); color: var(--c-info); }
:root[data-theme="dark"] .icono-coral { background: rgba(255, 107, 107, .16); }

.trio-titulo { font-size: 1.12rem; font-weight: 700; margin-top: 1rem; }
.trio-texto { margin-top: .5rem; font-size: .94rem; color: var(--texto-suave); }

@media (max-width: 991.98px) {
    .trio-grid { grid-template-columns: 1fr; max-width: 480px; margin-inline: auto; }
}