.diagro-units{--du-accent:#104e40;--du-highlight:#f58b1f;--du-surface:#fff;--du-ink:#193f36;--du-muted:#62776d;--du-map-height:570px;--du-list-height:570px;--du-radius:16px;--du-gap:24px;--du-map-width:62%;font-family:inherit;font-size:15px;line-height:1.5;color:var(--du-ink);width:100%;min-width:0}
.diagro-units *{box-sizing:border-box}.diagro-units button,.diagro-units input{font:inherit}.diagro-units button{cursor:pointer}.diagro-units button:focus-visible,.diagro-units a:focus-visible,.diagro-units input:focus-visible{outline:3px solid var(--du-highlight);outline-offset:3px}
.du-toolbar{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap}.du-filters{display:flex;gap:8px;flex-wrap:wrap}.diagro-units .du-filter{border:1px solid #d5e3d6;border-radius:24px;padding:10px 16px;color:var(--du-accent);background:var(--du-surface);font-size:.86em;font-weight:700;min-height:44px}.diagro-units .du-filter:hover,.diagro-units .du-filter[aria-pressed=true]{background:var(--du-accent);border-color:var(--du-accent);color:#fff}.du-search{flex:1;min-width:220px;max-width:310px}.diagro-units .du-search input{width:100%;min-height:44px;border:1px solid #d5e3d6;background:var(--du-surface);border-radius:8px;padding:10px 14px;color:var(--du-ink);font-size:.9em}.du-search input::placeholder{color:var(--du-muted)}
.du-layout{display:grid;grid-template-columns:minmax(0,var(--du-map-width)) minmax(0,1fr);gap:var(--du-gap);align-items:start}.du-map-wrap{position:relative;min-width:0;border-radius:var(--du-radius);overflow:hidden;background:#e4eee4;border:1px solid #dce7dc}.du-map{height:var(--du-map-height);width:100%;z-index:0}.du-map-fallback{position:absolute;top:35%;left:10%;right:10%;padding:20px;text-align:center;background:#fff;border-radius:8px;pointer-events:none}.du-map-ready .du-map-fallback{display:none}.diagro-units .du-reset{position:absolute;z-index:450;bottom:30px;left:14px;padding:10px 14px;min-height:44px;background:var(--du-surface);color:var(--du-accent);box-shadow:0 2px 12px #123b2826;border:1px solid #d5e3d6;border-radius:7px;font-size:.82em;font-weight:700}.du-directory{min-width:0}.du-count{font-size:.74em;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:0 0 12px!important;color:var(--du-muted)}.du-list{display:flex;flex-direction:column;gap:12px;max-height:calc(var(--du-list-height) - 30px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#b5cdbb transparent;padding:3px 6px 5px 3px;scrollbar-width:thin}.du-unit{border:1px solid #dce7dc;border-radius:var(--du-radius);background:var(--du-surface);padding:22px;min-width:0;transition:border-color .15s}.du-unit.du-active{border-color:var(--du-accent);box-shadow:0 0 0 1px var(--du-accent)}.du-unit[hidden],.du-empty[hidden]{display:none!important}.du-unit-top{display:flex;justify-content:space-between;gap:10px;font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--du-muted);margin-bottom:9px}.du-number{color:var(--du-accent)}.diagro-units .du-unit h3{font-size:1.35em;line-height:1.2;font-weight:700;margin:0 0 12px;color:var(--du-ink)}.diagro-units .du-select{border:0;background:transparent;color:var(--du-ink);padding:0;display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%;text-align:left;font-weight:700;font-size:20px;line-height:1.25;min-height:34px}.du-select span{font-size:22px;color:var(--du-accent)}.du-address{color:var(--du-muted);font-size:.9em;margin:0 0 14px!important;line-height:1.55}.du-contact{display:flex;flex-direction:column;gap:5px;font-size:.9em}.diagro-units .du-contact a{color:var(--du-accent);overflow-wrap:anywhere;text-decoration:none;padding:3px 0}.du-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.diagro-units .du-google,.diagro-units .du-whatsapp{display:inline-flex;gap:12px;align-items:center;justify-content:space-between;background:var(--du-accent);border-radius:5px;color:#fff;padding:11px 12px;font-size:.78em;font-weight:700;line-height:1.3;min-height:40px;text-decoration:none}.diagro-units .du-google:hover,.diagro-units .du-whatsapp:hover{background:var(--du-highlight);color:var(--du-ink)}.du-empty{padding:24px;background:var(--du-surface);border-radius:var(--du-radius)}
.du-pin{background:transparent;border:0}.du-pin span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--du-accent);box-shadow:0 2px 5px #123b2859}.du-pin b{font:700 11px Arial,sans-serif;color:#fff;transform:rotate(45deg)}.du-pin:hover span,.du-pin:focus span{background:var(--du-highlight)}.du-pin[data-type=branch] span{background:var(--du-branch,#487955)}.du-pin[data-type=central] span{background:var(--du-central,#bb6808)}.du-pin[data-type=seed] span{background:var(--du-seed,#7b6428)}.du-popup{font-family:Arial,sans-serif;color:var(--du-ink);font-size:14px}.du-popup h3{font-size:20px;margin:0 0 10px;color:var(--du-ink)}.du-popup .du-contact a{line-height:1.6}.du-popup .du-actions{margin-top:12px}.diagro-units .leaflet-popup-content{margin:22px;max-width:calc(100vw - 115px)}.diagro-units .leaflet-popup-content p{margin:0 0 10px}.diagro-units .leaflet-popup-content-wrapper{border-radius:12px}.diagro-units .leaflet-container a.leaflet-popup-close-button{width:32px;height:32px;line-height:32px;color:var(--du-ink)}.diagro-units .leaflet-control-zoom a{color:var(--du-accent)}.diagro-units .leaflet-control-attribution{font:10px/1.5 Arial,sans-serif}.diagro-units .leaflet-control-attribution a{color:#075843}
@media(max-width:1024px){.diagro-units{--du-map-width:55%}.du-search{max-width:none}.du-unit{padding:18px}}
@media(max-width:767px){.diagro-units{--du-map-height:390px;--du-list-height:480px;--du-radius:12px;--du-gap:20px;font-size:14px}.du-layout{grid-template-columns:minmax(0,1fr)}.du-filters{gap:7px}.diagro-units .du-filter{padding:9px 12px;font-size:12px}.du-toolbar{gap:14px}.du-search{width:100%;max-width:none}.du-list{max-height:var(--du-list-height)}.du-unit{padding:20px}.du-map .leaflet-control-zoom a{width:36px;height:36px;line-height:36px}.du-popup h3{font-size:18px}.diagro-units .du-contact a{min-height:32px}.diagro-units .du-google{min-height:44px}}