:root{font-family:Arial,sans-serif;color:#FFF;background:#f7f6f2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2876d7;outline-offset:2px}.map-app{height:100vh;height:100dvh;display:grid;grid-template-columns:370px 1fr;grid-template-rows:92px 1fr;overflow:hidden}.brand{grid-column:1;display:flex;align-items:center;gap:14px;background:#191713;color:white;padding:14px 22px}.brand img{width:76px;height:64px;object-fit:contain}.brand h1{font-size:21px;margin:0 0 6px}.brand p{font-size:12px;color:#ead9c4;margin:0}.explorer{grid-column:1;grid-row:2;padding:18px;display:flex;flex-direction:column;min-height:0;background:#000;z-index:500;box-shadow:3px 0 15px #0001}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #ddd;border-radius:28px;padding:0 16px;box-shadow:0 2px 7px #0001; background-color: #FFF;}.search-box span{font-size:30px;color:#86602b}.search-box input{border:0;background:#FFF;min-width:0;width:100%;height:48px;font-size:14px;outline-offset:0}.filters{display:flex;gap:8px;margin-top:12px}.filters select{min-width:0;flex:1;border:1px solid #ddd;border-radius:20px;padding:10px;font-size:12px;background:white}.filters button{border:0;border-radius:20px;background:#fff0da;color:#67400c;padding:10px 12px;font-size:12px;font-weight:bold;white-space:nowrap}.filters button:disabled{opacity:.6}.results-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.results-heading h2{font-size:18px;margin:0}.results-heading button{background:none;border:0;color:#925708;font-size:12px;padding:8px}#estado-mapa{font-size:12px;line-height:1.5;color:#666;margin:8px 0 12px}#lista-locales{overflow:auto;min-height:0}.local-card{border-bottom:1px solid #ece9e2;padding:14px 2px}.local-card.active{background:#fff5e5;border-radius:12px;padding:14px 12px}.local-select{border:0;background:none;text-align:left;width:100%;padding:0;color:inherit}.local-select strong{display:block;font-size:15px;margin-bottom:6px; color:#F7F7F7;}.local-select span{display:block;font-size:12px;line-height:1.5;color:#646464}.directions{display:inline-block;color:#925708;font-size:12px;font-weight:bold;text-decoration:none;margin-top:10px;padding:7px 11px;border:1px solid #e8d6bb;border-radius:20px}#map{grid-column:2;grid-row:1 / 3;min-height:0;background:#e4e8dc}.store-pin{background:none;border:0}.store-pin span{display:flex;align-items:center;justify-content:center;background:#f5a340;border:3px solid white;width:32px;height:32px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);box-shadow:0 2px 7px #0005}.store-pin b{transform:rotate(45deg);font-size:15px;color:#35230e}.leaflet-popup-content{font:14px/1.5 Arial,sans-serif}.leaflet-control-attribution{font-size:10px!important}.empty{padding:12px 0;font-size:14px;line-height:1.6;color:#666}@media(max-width:700px){.map-app{grid-template-columns:1fr;grid-template-rows:68px minmax(220px,1fr) auto}.brand{grid-row:1;padding:6px 16px;gap:10px}.brand img{width:58px;height:52px}.brand h1{font-size:18px}.brand p{font-size:11px}#map{grid-column:1;grid-row:2}.explorer{grid-column:1;grid-row:3;padding:12px 16px max(12px,env(safe-area-inset-bottom));max-height:43dvh;border-radius:20px 20px 0 0;margin-top:-16px;box-shadow:0 -3px 16px #0002}.search-box input{height:42px}.filters{margin-top:8px}.results-heading{margin-top:8px}.results-heading h2{font-size:15px}#estado-mapa{margin:3px 0 6px;font-size:11px}.local-card{padding:10px 2px}.leaflet-bottom{bottom:18px}}