@charset "UTF-8";.page-shell{flex:1;padding:1.5rem 1rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.page-hdr{text-align:center;margin-bottom:1.5rem}.page-hdr .page-hdr-icon{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem;background:var(--teal-pale, #E6F5F5)}.page-hdr .page-hdr-icon svg{width:28px;height:28px;stroke:var(--teal, #00898B);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.page-hdr h2{font-size:1.5rem;font-weight:800;color:var(--text-primary, #1A2B2B);margin:0 0 .25rem;font-family:var(--font-display)}.page-hdr p{color:var(--text-muted, #7A9898);margin:0;font-size:.9rem}.filter-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1.5px solid var(--border, #D8ECEC);background:var(--surface, #fff);color:var(--text-secondary, #4A6363);cursor:pointer;transition:all .2s;white-space:nowrap;text-transform:capitalize}.chip.active,.chip[aria-pressed=true]{background:var(--teal, #00898B);color:#fff;border-color:var(--teal, #00898B)}.card-list{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.card-list{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1024px){.card-list{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.card{background:var(--surface, #fff);border-radius:var(--radius-md, 16px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06));border:1px solid var(--border, #D8ECEC);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08))}.card-img{width:100%;height:180px;object-fit:cover;display:block;cursor:pointer}.card-img-placeholder{width:100%;height:180px;background:linear-gradient(135deg,var(--teal-pale, #E6F5F5),var(--bg2, #F4F7F7))}.card-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card-tag-row{display:flex;justify-content:space-between;align-items:start;gap:.75rem}.card-title{font-size:1.05rem;font-weight:700;color:var(--text-primary, #1A2B2B);margin:0;flex:1;cursor:pointer}.tag{display:inline-block;font-size:.72rem;font-weight:700;padding:.2rem .7rem;border-radius:20px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px;background:var(--teal-pale, #E6F5F5);color:var(--teal-dark, #006B6D)}.tag-blue{background:#e3f2fd;color:#1565c0}.tag-green{background:#e8f5e9;color:#2e7d32}.tag-yellow{background:#fff8e1;color:#f57f17}.tag-pink{background:#fce4ec;color:#c62828}.tag-orange{background:var(--orange-pale, #FFF3EB);color:var(--orange-dark, #D9650D)}.tag-purple{background:#ede7f6;color:#4527a0}.tag-teal{background:var(--teal-pale, #E6F5F5);color:var(--teal-dark, #006B6D)}.card-desc{color:var(--text-secondary, #4A6363);font-size:.88rem;line-height:1.55;margin:0}.card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.82rem;color:var(--text-muted, #7A9898);align-items:center}.card-meta span{display:inline-flex;align-items:center;gap:.3rem}.card-meta svg{width:16px;height:16px;stroke:var(--text-muted, #7A9898);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:var(--radius-sm, 12px);text-decoration:none;font-weight:600;font-size:.85rem;cursor:pointer;border:2px solid transparent;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn svg{width:18px;height:18px;flex-shrink:0}.btn:active{transform:scale(.97)}.btn-primary{background:var(--teal, #00898B);color:#fff;border-color:var(--teal, #00898B)}.btn-primary:hover{background:var(--teal-dark, #006B6D);border-color:var(--teal-dark, #006B6D)}.btn-primary svg{stroke:#fff;fill:none}.btn-ghost{background:var(--bg2, #F4F7F7);color:var(--text-secondary, #4A6363);border-color:var(--border, #D8ECEC)}.btn-ghost:hover{background:var(--border, #D8ECEC)}.btn-ghost svg{stroke:var(--text-secondary, #4A6363);fill:none}.btn-secondary{background:var(--surface, #fff);color:var(--teal, #00898B);border-color:var(--teal, #00898B)}.btn-secondary:hover{background:var(--teal-pale, #E6F5F5)}.btn-secondary svg{stroke:var(--teal, #00898B);fill:none}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-color:transparent}.btn-whatsapp:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.btn-whatsapp svg{stroke:#fff;fill:none}.btn-sm{height:36px;padding:0 .75rem;font-size:.8rem}.sort-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:auto;padding:.65rem 1.5rem;border-radius:var(--radius-sm, 12px);background:var(--surface, #fff);color:var(--teal, #00898B);border:2px solid var(--teal, #00898B);font-weight:600;font-size:.88rem;cursor:pointer;margin-bottom:1.25rem;transition:all .2s}.sort-btn:hover{background:var(--teal-pale, #E6F5F5)}.sort-btn svg{width:18px;height:18px;stroke:var(--teal, #00898B);fill:none;stroke-width:2}.info-box{background:var(--teal-pale, #E6F5F5);border-left:4px solid var(--teal, #00898B);border-radius:var(--radius-sm, 12px);padding:1rem 1.25rem;color:var(--text-secondary, #4A6363);font-size:.9rem;line-height:1.5}.loading,.error,.empty{text-align:center;padding:2rem;color:var(--text-muted, #7A9898)}.error{color:#e53935}*,*:before,*:after{box-sizing:border-box}:root{--teal: #00898B;--teal-dark: #006B6D;--teal-light: #00AEAF;--teal-pale: #E6F5F5;--orange: #FA7C20;--orange-dark: #D9650D;--orange-light: #FFB07A;--orange-pale: #FFF3EB;--bg: #FCFCFC;--bg2: #F4F7F7;--surface: #FFFFFF;--text-primary: #1A2B2B;--text-secondary: #4A6363;--text-muted: #7A9898;--border: #D8ECEC;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--primary-color: #00898B;--secondary-color: #006B6D;--accent-color: #FA7C20;--teal-color: #00898B;--light-green: #E6F5F5;--bg-color: #FCFCFC;--card-bg: #FFFFFF;--text-color: #1A2B2B;--text-light: #4A6363;--border-color: #D8ECEC;--shadow: 0 4px 12px rgba(0, 137, 139, .1);--shadow-hover: 0 8px 24px rgba(0, 137, 139, .18);--badge-bg: #00898B;--badge-text: #fff;--notes-bg: #E6F5F5;--splash-bg: linear-gradient(135deg, #00898B 0%, #E6F5F5 50%, #FA7C20 100%)}html,body{margin:0;padding:0;height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{font-family:inherit}.skip-link{position:absolute;top:-40px;left:0;background:var(--teal);color:#fff;padding:8px 16px;z-index:10000;font-weight:600;border-radius:0 0 var(--radius-sm) 0;transition:top .2s}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}