/* Directorio público de negocios por giro (/negocios.html) */
.dir-hero { padding: 34px 0 6px; }
.dir-hero h1 { margin: 8px 0 10px; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 24px; }
.chips .chip { border: 1.5px solid rgba(0,29,94,.28); background: #fff; color: #001D5E; padding: 8px 15px; border-radius: 999px; font-weight: 600; font-size: 14px; cursor: pointer; font-family: inherit; }
.chips .chip small { opacity: .6; font-weight: 500; margin-left: 2px; }
.chips .chip:hover { border-color: #001D5E; }
.chips .chip.active { background: #001D5E; color: #fff; border-color: #001D5E; }
.chips .chip.active small { color: #70DA0C; opacity: 1; }
.dir-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); gap: 16px; }
.biz-card { background: #fff; border: 1px solid #e3e8f2; border-radius: 16px; padding: 18px; text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 4px 18px rgba(0,29,94,.06); transition: transform .15s ease, border-color .15s ease; }
.biz-card:hover { border-color: #70DA0C; transform: translateY(-2px); }
.biz-logo { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; background: #001D5E; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 21px; letter-spacing: .5px; }
.biz-name { font-size: 17px; font-weight: 700; color: #1c2333; line-height: 1.25; }
.biz-cat { align-self: flex-start; background: #eef7e4; color: #001D5E; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.biz-cta { margin-top: auto; color: #001D5E; font-weight: 700; font-size: 14px; }
.dir-cta { margin: 40px 0 8px; background: #001D5E; color: #fff; border-radius: 18px; padding: 26px 22px; }
.dir-cta h2 { margin: 0 0 6px; font-size: 21px; }
.dir-cta p { margin: 0 0 14px; opacity: .88; }
.dir-cta .button-dark { background: #70DA0C; color: #001D5E; }