#sucursales.stores-modern{position:relative;padding:84px 24px 96px;background:linear-gradient(180deg,#f7f8ff 0%,#fff 52%);color:#35405f;overflow:hidden}
#sucursales.stores-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#001f8f 0 55%,#6848c9 55% 82%,#f21f46 82%)}
#sucursales .stores-modern-head{max-width:720px;margin:0 auto 42px;padding:0;text-align:center}
#sucursales .stores-kicker{display:flex;align-items:center;gap:8px;width:max-content;margin:0 auto 14px;padding:8px 15px;border-radius:999px;background:#eeeaff;color:#5b43b1;font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
#sucursales .stores-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#f21f46}
#sucursales .stores-modern-head h2{display:block;width:100%;margin:0 0 14px;color:#001f8f;font-size:clamp(40px,4.5vw,56px);line-height:1;font-weight:900;letter-spacing:-1.7px}
#sucursales .stores-lead{display:block;color:#626b87;font-size:18px;line-height:1.55}
#sucursales .stores-shell{position:relative;max-width:1380px;margin:0 auto;border:1px solid #dfe2f5;border-radius:26px;background:#fff;box-shadow:0 22px 58px rgba(30,28,105,.13);overflow:hidden}
#sucursales .stores-filter{position:relative;padding:24px 28px;background:#fff;text-align:left;border-bottom:1px solid #e5e7f4}
#sucursales .stores-filter:before{content:"Encuentra tu tienda m\00E1s cercana";display:block;margin-bottom:17px;color:#001f8f;font-size:18px;font-weight:900}
#sucursales .stores-filter .row{margin:0}
#sucursales .stores-filter .col-12{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) 150px;align-items:end;gap:14px;max-width:800px;padding:0}
#sucursales .str-filter-state,#sucursales .str-filter-county,#sucursales .str-filter-button{display:block;width:100%;max-width:none;margin:0}
#sucursales .store-filter-label{display:block;margin:0 0 7px;color:#4d5674;font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
#sucursales .stores-filter .form-control{width:100%;height:48px;padding:10px 40px 10px 14px;border:1px solid #dfe2ef;border-radius:11px;background-color:#f8f9fd;color:#273254;font-size:14px;font-weight:700;box-shadow:none}
#sucursales .stores-filter .form-control:focus{border-color:#6848c9;background-color:#fff;box-shadow:0 0 0 4px rgba(104,72,201,.12)}
#sucursales .str-filter-button .boton-blue{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;margin:0;padding:0 20px;border:0;border-radius:11px;background:#001f8f;color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 19px rgba(0,31,143,.2);transition:background .2s ease,transform .2s ease}
#sucursales .str-filter-button .boton-blue:hover,#sucursales .str-filter-button .boton-blue:focus{background:#6848c9;transform:translateY(-2px)}
#sucursales .stores-filter .popup-error-ajax-2{margin-top:10px;font-size:13px;font-weight:700}
#sucursales #main_map{position:relative;width:100%;min-height:560px;background:#eef0f6}
#sucursales #main_map #map{height:560px!important}
#sucursales .stores-map-caption{display:flex;align-items:center;gap:11px;padding:14px 28px;background:#fff;color:#68708a;font-size:13px;border-top:1px solid #e5e7f4}
#sucursales .stores-map-caption i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#eeeaff;color:#6848c9}
#sucursales>.br-6{display:none}
@media(max-width:767px){#sucursales.stores-modern{padding:62px 14px 72px}#sucursales .stores-modern-head{margin-bottom:30px}#sucursales .stores-modern-head h2{font-size:40px}#sucursales .stores-lead{font-size:16px}#sucursales .stores-shell{border-radius:20px}#sucursales .stores-filter{padding:22px 18px}#sucursales .stores-filter .col-12{grid-template-columns:1fr;gap:13px;max-width:none}#sucursales .str-filter-button{margin-top:3px}#sucursales #main_map,#sucursales #main_map #map{min-height:440px;height:440px!important}#sucursales .stores-map-caption{align-items:flex-start;padding:14px 18px}}
