/* V27b · «Recomiéndenos» after the directory results. Warm, light panel so it never competes with the navy «Publicar» one. */
.lbe-directory-page .lbe-invite { container-type: inline-size; display: grid; gap: var(--sp-5, 24px); margin: 8px 0 0; padding: clamp(24px, 3.2vw, 40px); border: 1px solid var(--c-gold-200, #f6da8e); border-radius: var(--r-l, 20px); background: var(--c-gold-50, #fdf6e3); color: var(--c-text, #14243a); }
.lbe-directory-page .lbe-invite-inner { display: grid; gap: var(--sp-5, 24px); align-items: end; }
.lbe-directory-page .lbe-invite-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px; color: var(--c-gold-ink, #7a5605); font-size: var(--t-small, .875rem); font-weight: 750; letter-spacing: .01em; }
.lbe-directory-page .lbe-invite-eyebrow::before { content: ""; width: 12px; height: 12px; border: 2.5px solid var(--c-gold, #ebad17); border-radius: 50%; background: var(--c-gold-50, #fdf6e3); box-shadow: 14px 0 0 -2.5px var(--c-gold, #ebad17); margin-right: 14px; }
.lbe-directory-page .lbe-invite h2 { margin: 0 0 12px; max-width: 24ch; color: var(--c-ink, #14243a); font: 750 clamp(1.35rem, 1.1rem + .8vw, 1.8rem)/1.15 var(--f-display); letter-spacing: -.025em; text-wrap: balance; }
.lbe-directory-page .lbe-invite-copy p:not(.lbe-invite-eyebrow) { margin: 0; max-width: 52ch; color: var(--c-text-2, #44566a); }
.lbe-directory-page .lbe-invite-actions { display: grid; gap: 10px; }
.lbe-directory-page .lbe-invite-primary { width: 100%; }
.lbe-directory-page .lbe-invite-primary svg { width: 20px; height: 20px; }
.lbe-directory-page .lbe-invite-more { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.lbe-directory-page .lbe-invite-more li { display: flex; flex: 1 1 auto; margin: 0; }
.lbe-directory-page .lbe-invite-more li > * { flex: 1; justify-content: center; }
.lbe-directory-page .lbe-invite-more li[hidden] { display: none; }
.lbe-directory-page .lbe-invite-more :is(a, button) { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--c-line-strong, #c4cfd8); border-radius: var(--r-pill, 999px); background: var(--c-white, #fff); color: var(--c-ink, #14243a); font: inherit; font-size: var(--t-small, .875rem); font-weight: 650; text-decoration: none; cursor: pointer; transition: border-color var(--dur-2, .2s) ease; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.lbe-directory-page .lbe-invite-more :is(a, button):hover { border-color: var(--c-ink, #14243a); }
.lbe-directory-page .lbe-invite-more svg { width: 18px; height: 18px; color: var(--c-deep, #153c59); }
.lbe-directory-page .lbe-invite :is(a, button):focus-visible { outline: 3px solid var(--c-ink, #14243a); outline-offset: 2px; }
.lbe-directory-page .lbe-invite-foot { display: grid; gap: 4px; padding-top: var(--sp-4, 16px); border-top: 1px solid var(--c-gold-200, #f6da8e); }
.lbe-directory-page .lbe-invite-own { margin: 0; color: var(--c-ink, #14243a); font-weight: 650; }
.lbe-directory-page .lbe-invite-own .text-arrow { min-height: 44px; }
.lbe-directory-page .lbe-invite-note { margin: 0; color: var(--c-text-3, #5b6b7d); font-size: var(--t-micro, .8125rem); }
@container (min-width: 680px) {
  .lbe-directory-page .lbe-invite-inner { grid-template-columns: minmax(0, 1fr) 272px; gap: 40px; }
  .lbe-directory-page .lbe-invite-foot { grid-template-columns: auto 1fr; align-items: center; gap: 24px; }
  .lbe-directory-page .lbe-invite-note { text-align: right; }
}
@media print { .lbe-directory-page .lbe-invite { display: none; } }