/* Widget: Negocios recomendados. Cards reuse widget-search-results.css. */

.wgt-rec {
    margin: 0 auto var(--space-8, 64px);
    /* Móvil: cards al 96% del viewport (2% de margen por orilla). */
    padding: 0 2%;
    max-width: 960px;
}

@media (min-width: 768px) {
    .wgt-rec {
        padding: 0 var(--space-4, 16px);
    }
}

.wgt-rec__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    margin-bottom: var(--space-5, 24px);
}

.wgt-rec__head-text { min-width: 0; }

.wgt-rec__kicker {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #94a3b8;
    margin: 0 0 3px;
}

.wgt-rec__title {
    font-family: var(--font-display, var(--font-sans));
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--c-text, #1f252b);
    margin: 0;
    line-height: 1.3;
}

.wgt-rec__more {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--c-primary, #3a5568);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: opacity 0.15s;
}
.wgt-rec__more:hover { opacity: 0.75; }

.wgt-rec__grid,
.wgt-rec__grid--wide {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-4, 16px);
}

/* Sin botón CTA: tarjeta horizontal tipo resultados */
.wgt-rec__grid .wgt-sr__parent {
    grid-template-columns: 52px minmax(0, 1fr);
}

@media (min-width: 768px) {
    .wgt-rec { padding: 0; }
    .wgt-rec__title { font-size: 1.25rem; }
    .wgt-rec__grid .wgt-sr__parent {
        grid-template-columns: 64px minmax(0, 1fr);
    }
}

@media (min-width: 1024px) {
    .wgt-rec__grid .wgt-sr__parent {
        grid-template-columns: 72px minmax(0, 1fr);
    }
}