:root{--purpura: #6B21A8;--purpura-medio: #7C3AED;--purpura-claro: #F3E8FF;--purpura-borde: #DDD6FE;--turquesa: #0891B2;--turquesa-claro: #E0F2FE;--turquesa-borde: #BAE6FD;--azul: #1D4ED8;--azul-claro: #DBEAFE;--dorado: #D97706;--dorado-claro: #FEF3C7;--dorado-borde: #FDE68A;--texto: #1A1A1A;--texto-suave: #6B7280;--borde: #E5E7EB;--fondo: #F9FAFB;--blanco: #FFFFFF;--rojo: #DC2626;--wapp: #25D366;--tab-h: 64px;--header-h: 56px;--radio: 12px;--sombra: 0 2px 12px rgba(107,33,168,.08);--sombra-dorada: 0 2px 12px rgba(217,119,6,.15)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--blanco);position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--purpura-borde);border-radius:4px}.btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radio);border:none;cursor:pointer;font-size:15px;font-weight:600;transition:all .15s;text-decoration:none}.btn-verde{background:linear-gradient(135deg,var(--purpura) 0%,var(--purpura-medio) 100%);color:#fff;box-shadow:0 2px 8px #6b21a840}.btn-verde:active{background:var(--purpura);transform:scale(.98);box-shadow:none}.btn-wapp{background:var(--wapp);color:#fff}.btn-wapp:active{transform:scale(.98)}.btn-outline{background:transparent;color:var(--turquesa);border:2px solid var(--turquesa)}.btn-outline:hover{background:var(--turquesa-claro)}.btn-full{width:100%}.card{background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden;border:1px solid var(--borde)}.input{width:100%;padding:12px 14px;border:2px solid var(--borde);border-radius:var(--radio);font-size:16px;background:var(--blanco);outline:none;transition:border .15s,box-shadow .15s;color:var(--texto)}.input:focus{border-color:var(--purpura-medio);box-shadow:0 0 0 3px var(--purpura-claro)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.01em}.badge-vende{background:var(--turquesa-claro);color:var(--turquesa)}.badge-compra{background:var(--azul-claro);color:var(--azul)}.badge-empleo{background:var(--dorado-claro);color:var(--dorado)}.badge-servicio{background:var(--purpura-claro);color:var(--purpura)}.badge-comunidad{background:#ffe4e6;color:#9f1239}.badge-varios{background:var(--fondo);color:var(--texto-suave)}.precio{font-size:20px;font-weight:800;color:var(--dorado);letter-spacing:-.02em}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;background:var(--fondo);border:2px solid var(--borde);cursor:pointer;transition:all .15s;color:var(--texto-suave);font-weight:500}.chip:hover{border-color:var(--purpura-borde);color:var(--purpura);background:var(--purpura-claro)}.chip.activo{background:var(--purpura-claro);border-color:var(--purpura-medio);color:var(--purpura);font-weight:700}.spinner{width:36px;height:36px;border:3px solid var(--borde);border-top-color:var(--purpura-medio);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;padding:60px 20px;gap:12px;text-align:center}.empty-icon{font-size:48px}.empty p{color:var(--texto-suave);font-size:15px}.divider-dorado{height:2px;background:linear-gradient(90deg,transparent,var(--dorado-borde),transparent);border:none;margin:0}