/* Encabezado azul y distribución compacta, solo en Comercio. */
body[data-page=comercio] .app-header{background:var(--background,#142b49);border-bottom:1px solid #9ec8ef26;box-shadow:0 4px 15px #00132a17}
body[data-page=comercio] .app-header .header-inner{min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;max-width:1240px}
body[data-page=comercio] .app-header .brand{position:static;transform:none;grid-column:2;grid-row:1;justify-self:center;width:117px}
body[data-page=comercio] .app-header .brand img{max-height:50px;object-fit:contain}
body[data-page=comercio] .app-header .menu{grid-column:1;grid-row:1;width:40px;height:40px;padding:10px;border-color:#a0c5e66e}
body[data-page=comercio] .app-header .menu span{background:#eef8ff}
body[data-page=comercio] .app-header .header-contact{grid-column:3;grid-row:1;color:#e5f5ff;min-height:38px;padding:8px 11px}
body[data-page=comercio] .app-header .header-cta{display:none}
body[data-page=comercio] .app-header #main-navigation{top:58px}
body[data-page=comercio] main.wrap{max-width:1260px;padding-top:17px;padding-bottom:22px}
.distribution-toolbar{margin-bottom:16px;gap:14px}.distribution-eyebrow{font-size:7px}.distribution-toolbar h1{font-size:clamp(25px,2.6vw,34px);margin:7px 0}.distribution-toolbar p{font-size:11px;line-height:1.4}.distribution-demo-badge{font-size:7px;padding:7px 10px}
.distribution-layout{grid-template-columns:220px minmax(270px,1fr) 250px;gap:12px}.distribution-glass{border-radius:14px}.distribution-cities{padding:13px 12px}.distribution-cities h2{font-size:16px;margin-bottom:12px}.distribution-cities>label{font-size:9px;margin-bottom:8px}.distribution-cities select{height:35px;font-size:11px;padding:7px 9px;margin-top:4px}
#city-search-form{margin:0 0 9px}.distribution-search-label{display:block;font-size:9px;color:#d3e5f7;margin:0 0 5px}.city-search-box{display:flex;align-items:stretch;background:#f4faff;border:1px solid #b8d6ec;border-radius:8px;overflow:hidden}.distribution-cities .city-search-box input[type=search]{margin:0;border:0;border-radius:0;min-width:0;width:100%;height:38px;padding:8px 9px;background:transparent;font-size:11px}.city-search-box button{display:grid;place-items:center;min-width:40px;min-height:38px;padding:0;border:0;border-left:1px solid #a7c4dc;background:#246eb4;color:white}.city-search-box button:hover{background:#3584d1}.city-search-box svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.city-search-feedback{font-size:9px;line-height:1.4;color:#d6edff;margin:6px 0 0}.city-search-feedback:empty{display:none}.distribution-list-toolbar{padding:3px 0 7px;font-size:9px}#city-list{max-height:190px}.distribution-city-option{font-size:10px;padding:7px 6px;margin-bottom:2px;gap:7px}.distribution-city-option small{font-size:8px;margin-top:2px}
.distribution-map-top{padding:9px 12px;font-size:11px}.distribution-map-controls button{min-width:30px;min-height:30px;padding:2px 8px}.distribution-map-controls #map-reset{font-size:9px}.distribution-map-canvas{height:278px}.distribution-map-caption{font-size:10px;padding:7px 10px;min-height:29px}.distribution-map-legend{padding:6px 9px 10px;font-size:8px;gap:14px}.distribution-district.active,.distribution-district.active:hover{fill:#197bff;stroke:#98cdff;stroke-width:1.2}.distribution-district:focus-visible{stroke:#d4ecff}
.distribution-seller{padding:15px 14px;min-height:0}.seller-empty{padding:35px 5px}.seller-empty h2{font-size:20px}.seller-empty p{font-size:11px}.seller-empty-icon{font-size:34px}.seller-demo-label{font-size:7px}.distribution-seller h2{font-size:23px;margin:9px 0 4px}.seller-department{font-size:10px}.seller-profile{margin:15px 0 12px;gap:9px}.seller-avatar{width:34px;height:34px;font-size:12px}.seller-profile h3{font-size:15px}.seller-profile p{font-size:9px;margin-top:3px}.seller-route{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.seller-route div{padding:9px 0}.seller-route dt{font-size:8px;margin-bottom:3px}.seller-route dd{font-size:10px}.seller-extra{font-size:9px;color:#c4e0f7;margin:10px 0}.seller-extra summary{cursor:pointer;padding:3px 0}.seller-demo-contact{margin:6px 0}.seller-demo-contact span,.seller-demo-contact p{font-size:9px}.distribution-seller .btn{font-size:10px;min-height:38px;padding:9px 11px}.seller-disclaimer{font-size:8px;line-height:1.45;margin-top:9px}.distribution-bottom-note{margin-top:10px;font-size:9px}.distribution-bottom-note p{font-size:9px}
@media(max-width:1050px){.distribution-layout{grid-template-columns:210px minmax(250px,1fr)}.distribution-seller{grid-column:1/-1}.seller-route{grid-template-columns:repeat(3,minmax(0,1fr))}.seller-empty{padding:6px 12px}.seller-empty-icon{display:none}.distribution-seller .btn{width:auto}}
@media(max-width:700px){body[data-page=comercio] main.wrap{padding-top:14px}.distribution-toolbar{margin-bottom:13px}.distribution-toolbar h1{font-size:27px}.distribution-demo-badge{margin-top:8px}.distribution-layout{grid-template-columns:1fr;gap:11px}.distribution-cities{padding:12px}.distribution-cities #city-list{max-height:140px}.distribution-city-option{min-height:36px}.distribution-cities .city-search-box input[type=search],.distribution-cities select{font-size:16px}.city-search-box button{min-width:44px;min-height:40px}.distribution-map-canvas{height:285px}.distribution-map-controls button{min-width:36px;min-height:36px}.distribution-seller{grid-column:auto}.seller-route{grid-template-columns:1fr 1fr}.distribution-seller .btn{width:100%}.distribution-map-legend{font-size:9px}}