:root{--browse-sage: #5c8d74;--browse-terracotta: #c4957a;--browse-butter: #e8d5a3;--browse-mint: #bcd9c8;--browse-cream: #faf7f2;--browse-sand: #e8e2d8;--browse-taupe: #6b6560;--browse-ink: #312c28;--browse-border: rgba(107, 101, 96, .14);--browse-shadow: 0 24px 80px rgba(71, 58, 46, .14);--browse-shadow-soft: 0 14px 40px rgba(92, 76, 59, .12)}html,body{overflow-x:hidden}body[data-page=comercios]{margin:0;background:radial-gradient(circle at top left,rgba(188,217,200,.52),transparent 28%),radial-gradient(circle at top right,rgba(196,149,122,.2),transparent 22%),linear-gradient(180deg,#fcfaf5,#f6f0e7);color:var(--browse-ink);font-family:Manrope,Segoe UI,sans-serif}.comercios-page{position:relative;min-height:100svh;padding:12px 14px calc(var(--footer-height) + 42px);isolation:isolate}.comercios-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0}.comercios-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,247,242,.36) 0%,transparent 28%,transparent 72%,rgba(250,247,242,.46) 100%),linear-gradient(90deg,rgba(92,141,116,.06) 0%,transparent 24%,transparent 76%,rgba(123,156,173,.06) 100%)}.comercios-bloom{position:absolute;border-radius:999px;filter:blur(10px);opacity:.9}.comercios-bloom-a{top:20px;left:-40px;width:180px;height:180px;background:radial-gradient(circle,#bcd9c88c,#bcd9c800 72%)}.comercios-bloom-b{right:-70px;top:280px;width:220px;height:220px;background:radial-gradient(circle,#d48b8b2e,#7b9cad00 72%)}.comercios-shell{position:relative;z-index:1;width:min(1160px,100%);margin:0 auto}.comercios-topbar{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px;transform:translateY(-10px)}.comercios-logo{display:inline-flex;align-items:center;justify-content:center;width:min(404px,92vw)}.comercios-logo .msg-brand-lockup--horizontal{--msg-brand-gap: var(--brand-lockup-public-gap);--msg-brand-mark-width: var(--brand-lockup-public-logo-size)}.comercios-logo .msg-brand-lockup__letters{max-width:min(100%,330px)}.comercios-logo img{display:block;width:100%;height:auto}.comercios-hero{display:grid;gap:10px;margin-bottom:14px;transform:translateY(-10px)}.comercios-search-panel,.results-layout{border:1px solid var(--browse-border);background:linear-gradient(180deg,#faf7f2e6,#f5efe6d6);box-shadow:var(--browse-shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.results-eyebrow{margin:0 0 8px;color:var(--browse-sage);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.results-header h2{margin:0;color:var(--browse-ink);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,6vw,3.4rem);line-height:.94}.comercios-search-panel{padding:12px;border-radius:28px}.search-shell{display:grid;gap:10px}.search-label{color:var(--browse-ink);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.search-input-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:center}.search-input-wrapper{min-width:0}#searchComerciosInput,.filter-field select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid rgba(107,101,96,.12);border-radius:14px;background:#ffffffdb;color:var(--browse-ink);font-family:Manrope,Segoe UI,sans-serif;font-size:.88rem;box-shadow:inset 0 1px #ffffffa8}#searchComerciosInput{padding:0 14px}#searchComerciosInput::placeholder{color:#6b6560cc}#searchComerciosInput:focus,.filter-field select:focus{outline:none;border-color:#5c8d747a;box-shadow:0 0 0 4px #bcd9c847,inset 0 1px #ffffffb8}.search-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;min-height:44px;border:0;border-radius:14px;background:linear-gradient(180deg,var(--browse-sage) 0%,#486f5b 100%);color:var(--browse-cream);font-size:14px;box-shadow:0 8px 18px #5c8d7438;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.search-btn:hover,.search-btn:focus-visible{transform:translateY(-1px);box-shadow:0 12px 20px #5c8d7442}.filters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filter-field{display:grid;gap:6px}.filter-field span{color:var(--browse-taupe);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.filter-help{color:var(--browse-taupe);font-size:.72rem;line-height:1.4}.orden-filtros{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.orden-filtros::-webkit-scrollbar{display:none}.orden-filtros button{flex:0 0 auto;min-height:32px;padding:0 9px;border-radius:999px;border:1px solid rgba(107,101,96,.12);background:#ffffffb8;color:var(--browse-taupe);font-family:Manrope,Segoe UI,sans-serif;font-size:.7rem;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}.orden-filtros button:hover{transform:translateY(-1px)}.orden-filtros button.is-active{background:#5c8d742e;border-color:#5c8d7447;color:#2f5d46;box-shadow:0 8px 18px #5c8d7424}.results-layout{padding:18px 16px 20px;border-radius:30px}.results-header{display:grid;gap:12px;margin-bottom:16px}.results-header h2{font-size:clamp(1.75rem,5vw,2.6rem)}.results-meta{display:grid;gap:8px}.results-pill{display:inline-flex;align-items:center;min-height:38px;width:fit-content;max-width:100%;padding:0 14px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(107,101,96,.1);color:var(--browse-ink);font-size:.82rem;font-weight:700}.results-pill-muted{color:var(--browse-taupe)}.results-list{display:grid;gap:12px}.results-group{grid-column:1 / -1;margin:4px 0 0;padding:0 2px;color:#534d47;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.results-list .card-comercio,.results-list .card-ghost{padding:1rem 1rem .95rem;border-radius:24px;border:1px solid rgba(107,101,96,.1);background:linear-gradient(180deg,#ffffffe6,#faf7f2f5);box-shadow:0 14px 34px #614e3f14}.results-list .card-comercio:hover{border-color:#5c8d742e;box-shadow:0 18px 40px #614e3f1f}.results-list .card-comercio.level-comunidad,.results-list .card-ghost{border-color:#84756933;background:linear-gradient(180deg,#f9f5effa,#f0e8dffa);box-shadow:0 14px 34px #614e3f14,inset 0 1px #fff6}.results-list .card-header{gap:12px}.results-list .card-header-meta{gap:.42rem}.results-list .card-nombre{color:var(--browse-ink);font-family:Manrope,Segoe UI,sans-serif;font-size:1.08rem;font-weight:700;line-height:1.12;letter-spacing:-.02em}.results-list .btn-fav{color:#6b65606b}.results-list .btn-fav.is-active{color:var(--browse-butter);filter:drop-shadow(0 0 8px rgba(232,213,163,.5))}.results-list .card-badges{gap:.45rem;margin-top:.18rem}.results-list .card-rubro{margin-top:.1rem}.results-list .badge{min-height:29px;padding:0 11px;border-radius:999px;font-family:Manrope,Segoe UI,sans-serif;font-size:.68rem;font-weight:800;display:inline-flex;align-items:center;letter-spacing:.05em;box-shadow:inset 0 1px #ffffff3d}.results-list .badge-cert,.results-list .badge-certificado{background:linear-gradient(180deg,#7b9cad3d,#7b9cad29);color:#2f5468;border:1px solid rgba(123,156,173,.34);box-shadow:0 4px 10px #7b9cad24,inset 0 1px #ffffff4d}.results-list .badge-100{background:linear-gradient(180deg,#5c8d7438,#5c8d7424);color:#28523d;border:1px solid rgba(92,141,116,.28);box-shadow:0 4px 10px #5c8d7424,inset 0 1px #ffffff4d}.results-list .badge-opciones{background:linear-gradient(180deg,#c4957a42,#c4957a2e);color:#7f4d30;border:1px solid rgba(196,149,122,.34);box-shadow:0 4px 10px #c4957a24,inset 0 1px #ffffff4d}.results-list .badge-comunidad{background:linear-gradient(180deg,#6b65602e,#6b65601f);color:#514b45;border:1px solid rgba(107,101,96,.22);box-shadow:0 4px 10px #6b65601a,inset 0 1px #ffffff4d}.results-list .badge-structure{background:linear-gradient(180deg,#f1ece6f5,#e8e2d8db);color:#5f574f;border:1px solid rgba(107,101,96,.18);box-shadow:0 3px 8px #6b656014,inset 0 1px #ffffff47}.results-list .card-row-sub,.results-list .card-contexto{color:var(--browse-taupe)}.results-list .card-tipo{color:#635d57}.results-list .card-estado.abierto,.results-list .estado.abierto{background:#bcd9c838;color:#355441}.results-list .card-estado.cerrado,.results-list .estado.cerrado{background:#d48b8b29;color:#924949}.results-list .card-direccion{color:#544d48;font-size:.78rem;line-height:1.55}.results-list .card-contexto{border-top:1px solid rgba(107,101,96,.08);padding-top:.6rem}.results-list .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;align-items:stretch}.results-list .card-actions button{width:100%;min-width:0;min-height:42px;border-radius:999px;font-family:Manrope,Segoe UI,sans-serif;font-size:.74rem;font-weight:700;line-height:1.1;padding-inline:.55rem;white-space:nowrap}.results-list .btn-ver-mapa,.results-list .btn-como-llegar{background:#ffffffb8;color:#4e4943;border-color:#6b656024}.results-list .btn-ver-mapa:hover,.results-list .btn-como-llegar:hover{background:#e8e2d8b8;color:var(--browse-ink)}.results-list .btn-ver-comercio{background:linear-gradient(180deg,var(--browse-sage) 0%,#4b705d 100%);color:var(--browse-cream);box-shadow:0 10px 18px #5c8d7438}.results-list .btn-ver-comercio:hover{background:linear-gradient(180deg,#547f68,#446955);box-shadow:0 14px 24px #5c8d7447}.results-actions{display:flex;justify-content:center;margin-top:18px}#btnCargarMas{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(107,101,96,.12);background:#ffffffc7;color:var(--browse-ink);font-family:Manrope,Segoe UI,sans-serif;font-size:.84rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #473a2e14;transition:transform .18s ease,box-shadow .18s ease}#btnCargarMas:hover{transform:translateY(-1px);box-shadow:0 12px 24px #473a2e1f}.card-skeleton{box-sizing:border-box;min-height:150px;padding:1rem;border-radius:24px;border:1px solid rgba(107,101,96,.1);background:linear-gradient(180deg,#ffffffe0,#faf7f2f5);box-shadow:0 14px 34px #614e3f14;display:flex;flex-direction:column}.skeleton-title,.skeleton-line{background:linear-gradient(90deg,#e8e2d8cc 25%,#fffffff2 37%,#e8e2d8cc 63%);background-size:400% 100%;animation:shimmer 1.5s infinite linear;border-radius:999px}.skeleton-title{height:24px;width:65%;margin-bottom:24px}.skeleton-line{height:14px;width:100%;margin-bottom:12px}.skeleton-line.short{width:42%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state{grid-column:1 / -1;padding:30px 22px;border-radius:24px;background:#ffffff94;border:1px solid rgba(107,101,96,.08);text-align:center}.empty-title{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.7rem;color:var(--browse-ink)}.empty-sub{margin:8px 0 0;color:var(--browse-taupe)}body[data-page=comercios] .app-footer{z-index:960;pointer-events:auto}body[data-page=comercios] .footer-nav{left:0;right:0;bottom:0;width:100%;height:var(--footer-height);border:0;border-top:1px solid rgba(107,101,96,.12);border-radius:0;background:#faf7f2fa;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -8px 18px #58453714}body[data-page=comercios] .nav-btn{color:var(--browse-taupe);font-size:.68rem;font-weight:700}body[data-page=comercios] .nav-btn .icon{font-size:1rem}body[data-page=comercios] .nav-btn.active{color:var(--browse-sage)}body[data-page=comercios] .menu-mas{bottom:calc(var(--footer-height) + 12px);right:16px;max-width:210px;border:1px solid rgba(107,101,96,.1);border-radius:20px;background:#faf7f2f5;box-shadow:var(--browse-shadow-soft)}body[data-page=comercios] .menu-mas-item{padding:11px 14px;color:var(--browse-ink);font-size:.78rem}body[data-page=comercios] .menu-mas-item+.menu-mas-item{border-top-color:#6b656014}body[data-page=comercios] .menu-mas-item:active{background:#bcd9c82e}@media(min-width:768px){.comercios-page{padding:16px 22px calc(var(--footer-height) + 50px)}.comercios-search-panel{padding:14px}.results-meta{grid-template-columns:repeat(2,max-content);align-items:center}.results-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.comercios-hero{grid-template-columns:minmax(0,720px);justify-content:center}.results-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}.results-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.comercios-logo{width:min(500px,98vw)}.comercios-page{padding-inline:12px}.comercios-search-panel,.results-layout{border-radius:24px}.filter-field span{font-size:.7rem}.filter-field select{min-height:42px;font-size:.82rem}.results-list .card-actions{gap:.45rem}.results-list .card-actions button{font-size:.7rem;padding-inline:.45rem}}