@import url("./feed-login-preview.css");
.home-feed-preview{position:relative;min-width:0;color:#123e3b;isolation:isolate}
.cb2-section.home-feed-preview{padding-top:28px;padding-bottom:24px}
.home-feed-preview,.home-feed-preview *{box-sizing:border-box}
.home-feed-heading>div:first-child{min-width:0}
.home-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.home-feed-heading h2{font-size:1.6rem;font-weight:700;margin:0 0 6px;letter-spacing:-.035em}
.home-feed-heading p{margin:0;color:#5a716f;font-size:.9rem}
.home-feed-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.home-feed-actions a{font-size:.85rem;font-weight:600;color:#14634e;text-decoration:none;white-space:nowrap}
.home-feed-preview button:not(.cb2-outline-button):not(.hpj-icon-action){font:inherit;cursor:pointer;border-radius:9px;border:1px solid #d0e2da;color:#14634e;background:#f5faf7;padding:9px 14px}
.home-feed-preview button:disabled{opacity:.6;cursor:wait}
.home-feed-preview [hidden]{display:none!important}
.home-feed-preview :focus-visible{outline:3px solid #329d78;outline-offset:3px}
.home-feed-filter-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.8rem!important;padding:7px 10px!important}
.home-feed-filter-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.home-feed-filter-toggle [data-preview-filter-count]{border-radius:50%;min-width:18px;background:#14634e;color:#fff;font-size:.7rem}
.home-feed-filter-panel{position:absolute;right:0;top:70px;width:min(340px,100%);box-sizing:border-box;background:#fff;border:1px solid #d0e2da;border-radius:16px;padding:22px;box-shadow:0 18px 50px #123e3b29;z-index:5}
.home-feed-filter-panel h3{font-size:1rem;font-weight:700;margin:0 28px 18px 0}
.home-feed-filter-panel label{display:grid;gap:6px;font-size:.8rem;font-weight:600;margin-bottom:14px}
.home-feed-filter-panel input,.home-feed-filter-panel select{width:100%;min-width:0;border:1px solid #cbded6;border-radius:8px;padding:10px;color:#123e3b;background:#fff;font:inherit;box-sizing:border-box}
.home-feed-filter-close{position:absolute;right:12px;top:10px;font-size:1.3rem!important;padding:0 8px!important;background:transparent!important;border:0!important}
.home-feed-filter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.home-feed-filter-actions button:first-child{background:#14634e;color:#fff;border-color:#14634e}
.home-feed-filter-status{font-size:.8rem;margin:0}
.home-feed-viewport{max-height:380px;min-height:132px;overflow:auto;overscroll-behavior-y:auto;scrollbar-width:thin;border:1px solid #dce8e5;border-radius:var(--hpj-card-corner-radius,18px);background:#fff;padding:8px;scroll-padding:8px}
.home-feed-card{padding:0 calc((20px) * var(--hpj-card-padding-scale, 1)); padding-left: calc((20px) * var(--hpj-card-padding-left-scale, 1));margin-bottom:16px}
.home-feed-card-link{display:flex;gap:18px;align-items:center;padding:calc(18px * var(--hpj-card-padding-scale, 1)) 0;color:inherit;text-decoration:none;min-width:0}
.home-feed-card-image{width:108px;height:78px;flex:0 0 108px;background:#eaf4ef;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center;color:#467e6c}
.home-feed-card-image>img{width:100%;height:100%;object-fit:cover}
.home-feed-card[data-news-kind="Novo estabelecimento"] .home-feed-card-image>img{object-fit:contain;padding:4px}
.home-feed-card-image>svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5}
.home-feed-video{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 2px 6px #000;font-size:1.4rem;background:#0002}
.home-feed-card-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.home-feed-card-meta{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:.7rem;color:#658076}
.home-feed-card-meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-feed-card-meta time{white-space:nowrap}
.home-feed-card-copy>strong{font-size:1rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.home-feed-card-text{font-size:.85rem;color:#5a716f;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line}
.home-feed-card-copy>small{font-size:.7rem;color:#658076}
.home-feed-card-arrow{color:#14634e;font-size:1.2rem}
.home-feed-card-link:hover strong{text-decoration:underline}
.home-feed-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;min-height:44px}
.home-feed-footer p{font-size:.78rem;color:#658076;margin:0}
.home-feed-footer button{flex-shrink:0;font-size:.8rem}
.home-feed-empty,.home-feed-join{padding:24px;margin:0;color:#5a716f;font-size:.9rem}
.home-feed-join{background:#f1f8f4;border-radius:16px;line-height:1.6}
.home-feed-join a{color:#14634e;font-weight:600}
@media(max-width:600px){.home-feed-heading{align-items:start}.home-feed-heading h2{font-size:1.3rem}.home-feed-heading p{font-size:.8rem;max-width:215px}.home-feed-actions{gap:10px;flex-wrap:wrap;justify-content:end;max-width:120px}.home-feed-filter-panel{top:88px}.home-feed-card{padding:0 calc((12px) * var(--hpj-card-padding-scale, 1)); padding-left: calc((12px) * var(--hpj-card-padding-left-scale, 1))}.home-feed-card-link{gap:10px;padding:calc(14px * var(--hpj-card-padding-scale, 1)) 0}.home-feed-card-image{width:64px;height:64px;flex-basis:64px}.home-feed-card-copy>strong{font-size:.9rem}.home-feed-card-text{font-size:.78rem}.home-feed-card-meta{flex-wrap:wrap;gap:3px}.home-feed-card-arrow{display:none}.home-feed-footer{align-items:start}.home-feed-footer p{font-size:.72rem}.home-feed-viewport{max-height:380px}}

.home-feed-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:100%}.home-feed-footer-actions .cb2-outline-button{width:auto;min-width:0;max-width:100%;font-size:.8rem;padding-inline:14px;white-space:normal;text-align:center;min-height:44px;gap:6px}
@media(max-width:600px){.home-feed-preview .home-feed-footer{flex-wrap:wrap;gap:8px}.home-feed-preview .home-feed-footer>p{flex-basis:100%}.home-feed-preview .home-feed-footer-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.home-feed-preview .home-feed-footer-actions .cb2-outline-button{width:100%;max-width:none;padding:12px 14px}.home-feed-preview [data-preview-view-all] svg{flex-shrink:0}}

.home-feed-card-heading { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) 44px; align-items:start; gap:12px; }
.home-feed-card-heading > div:not(.home-feed-filter-panel) { min-width:0; }
.home-feed-preview .home-feed-heading-filter { grid-column:3; grid-row:1; position:relative; width:44px; height:44px; min-width:44px; padding:10px; }
.home-feed-heading-filter [data-preview-filter-count] { position:absolute; top:-5px; right:-5px; min-width:18px; border-radius:50%; background:#006b60; color:white; font-size:.7rem; text-align:center; }
.home-feed-preview .home-feed-filter-panel { position:absolute; top:calc(100% + 8px); right:0; margin:0; width:min(340px,100%); max-height:min(520px,70dvh); overflow-y:auto; z-index:20; }

.home-feed-join .cb2-soft-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; white-space:normal; }

.home-feed-card:has(> .home-feed-remove-tag) { position: relative; padding-inline-end: calc((44px) * var(--hpj-card-padding-scale, 1)); }
.home-feed-preview .home-feed-remove-tag { position: absolute; inset-block-start: 6px; inset-inline-end: 6px; width: 30px; min-width: 30px; height: 30px; padding: 0; }
.home-feed-remove-dialog { width: min(490px, calc(100vw - 30px)); }
.home-feed-remove-dialog .hpj-whatsapp-session-modal__body { min-height: 0; }
.home-feed-remove-dialog footer { flex-wrap: wrap; }