@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

.wpcb-shell{
  font-family:"Montserrat",Arial,sans-serif !important;
  margin:0px 0 !important;
}
.wpcb-title{
  margin:0 0 12px !important;
  font-size:32px !important;
  line-height:1.15 !important;
  color:#3f2b8c !important;
}
.wpcb-top-search{
  display:flex !important;
  gap:10px !important;
  justify-content:flex-start !important;
  margin-bottom:12px !important;
  align-items:stretch !important;
}
.wpcb-input-wrap{
  position:relative !important;
  flex:1 1 auto !important;
  width:100% !important;
}
.wpcb-input-icon{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:18px !important;
  line-height:1 !important;
  pointer-events:none !important;
  opacity:.85 !important;
}
.wpcb-top-search input{
  flex:1 1 auto !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:12px 12px 12px 46px !important;
  border:1px solid #d0d7de !important;
  border-radius:14px !important;
  font-size:14px !important;
  background:#fff !important;
  color:#000 !important;
    height: 48px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 8px rgba(0, 0, 0, 0.25);
}
.wpcb-top-search input::placeholder{
  color:#000 !important;
  opacity:1 !important;
}
.wpcb-top-search input::-webkit-input-placeholder{
  color:#000 !important;
  opacity:1 !important;
}
.wpcb-top-search input::-moz-placeholder{
  color:#000 !important;
  opacity:1 !important;
}
.wpcb-top-search input:-ms-input-placeholder{
  color:#000 !important;
}

#wpcb-direccion,
#wpcb-direccion.wpcb-search-input{
  color:#000000 !important;
  -webkit-text-fill-color:#000000 !important;
}
#wpcb-direccion::placeholder,
#wpcb-direccion.wpcb-search-input::placeholder{
  color:#000000 !important;
  opacity:1 !important;
}
#wpcb-direccion::-webkit-input-placeholder,
#wpcb-direccion.wpcb-search-input::-webkit-input-placeholder{
  color:#000000 !important;
  opacity:1 !important;
}
#wpcb-direccion::-moz-placeholder,
#wpcb-direccion.wpcb-search-input::-moz-placeholder{
  color:#000000 !important;
  opacity:1 !important;
}
#wpcb-direccion:-ms-input-placeholder,
#wpcb-direccion.wpcb-search-input:-ms-input-placeholder{
  color:#000000 !important;
}
#wpcb-buscar,
#wpcb-mi-ubicacion{
  flex:0 0 auto !important;
  padding:0 24px !important;
  border:none !important;
  border-radius:14px !important;
  background:#0b57d0 !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:600 !important;
  cursor:pointer !important;
  min-width:160px !important;
  height:47px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
#wpcb-buscar:hover,
#wpcb-mi-ubicacion:hover{ background:#0848ad !important; }

.wpcb-search-wrap{
  display:grid !important;
  grid-template-columns:550px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
}
.wpcb-controls,.wpcb-map-col{min-width:0 !important;}

.wpcb-lista{
  max-height:640px !important;
  min-height:96px !important;
  overflow:auto !important;
  border:1px solid #cfe3f2 !important;
  border-radius:18px !important;
  background:#ecf8ff !important;
  box-shadow:0 16px 34px rgba(15,23,42,.22) !important;
  padding:15px !important;
}
.wpcb-panel-title{
  font-size:15px !important;
  font-weight:600 !important;
  color:#0f4c81 !important;
  margin-bottom:12px !important;
}
.wpcb-empty-message{
  font-size:13px !important;
  color:#52708a !important;
  line-height:1.5 !important;
}


.wpcb-intro-media{
  margin-top:0px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #cfe3f2 !important;
  box-shadow:0 10px 24px rgba(15,76,129,.08) !important;
}
.wpcb-intro-media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}
.wpcb-intro-actions{
  margin-top:16px !important;
  display:flex !important;
  justify-content:center !important;
}
.wpcb-intro-cta{
  appearance:none !important;
  border:0 !important;
  border-radius:12px !important;
  background: #0b57d0 !important;
  color:#ffffff !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1 !important;
  padding:12px 18px !important;
  min-width:170px !important;
  text-align:center !important;
  box-shadow:0 10px 20px rgba(11,78,162,.18) !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
}
.wpcb-intro-cta:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 14px 24px rgba(11,78,162,.22) !important;
}


.wpcb-item{
  padding:14px 14px !important;
  border:1px solid #cfe3f2 !important;
  border-radius:16px !important;
  margin-bottom:12px !important;
  cursor:pointer !important;
  background:linear-gradient(180deg,#ffffff 0%,#eef8ff 100%) !important;
  box-shadow:0 10px 24px rgba(15,76,129,.10) !important;
  transition:all .2s ease !important;
}
.wpcb-item:hover{
  background:linear-gradient(180deg,#ffffff 0%,#e1f4ff 100%) !important;
  border-color:#8dc7e8 !important;
  box-shadow:0 16px 30px rgba(15,76,129,.14) !important;
}
.wpcb-card-type{
  font-size:11px !important;
  line-height:1.2 !important;
  color:#0b76b7 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-weight:800 !important;
  margin-bottom:6px !important;
}
.wpcb-card-name{
  font-size:13px !important;
  font-weight:700 !important;
  color:#0f4c81 !important;
  line-height:1.3 !important;
  margin-bottom:6px !important;
}
.wpcb-card-address,
.wpcb-card-schedule{
  font-size:12px !important;
  color:#35566f !important;
  line-height:1.45 !important;
  margin-bottom:5px !important;
  text-transform: uppercase!important;
  font-weight: 500!important;
}
.wpcb-card-section{
  margin-bottom:3px !important;
}
.wpcb-card-label{
  font-size:12px !important;
  font-weight:700 !important;
  color:#5b7c97 !important;
  margin-bottom:4px !important;
}
.wpcb-card-vaccines--text{color:#35566f !important;font-size:13px !important;line-height:1.45 !important;}
.wpcb-card-schedule-flags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:8px 0 10px !important;
}
.wpcb-card-vaccines{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:0 !important;
}

.wpcb-vaccines-box{
  background:#e4f2fa !important;
  border-radius:14px !important;
  padding:8px 10px !important;
  margin:0px 0 0px !important;
}
.wpcb-vaccines-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:3px !important;
}
.wpcb-vaccines-title{
  font-size:11px !important;
  font-weight:700 !important;
  color:#557792 !important;
  letter-spacing:.08em !important;
}
.wpcb-vaccines-count{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  background:#dff3ff !important;
  color:#0f4c81 !important;
  border:1px solid #a8d6ee !important;
  border-radius:999px !important;
  padding:1px 5px !important;
  font-size:13px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.wpcb-chip{
  align-items:center !important;
  padding:5px 7px !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:500 !important;
  border:1px solid transparent !important;
}
.wpcb-chip.schedule{
  padding:6px 12px !important;
  font-weight:700 !important;
}
.wpcb-chip.schedule.habitual{background:#2f3542 !important;color:#cbd5e1 !important;border-color:#3e4658 !important;}
.wpcb-chip.schedule.extendido{background:#4b3412 !important;color:#fcd34d !important;border-color:#7c5a1c !important;}
.wpcb-chip::before{
  content:'' !important;
  width:6px !important;
  height:6px !important;
  border-radius:999px !important;
  margin-right:6px !important;
  background:currentColor !important;
  opacity:.9 !important;
  display:none!important;
}
.wpcb-chip.covid{background:#dceeff !important;color:#0f4c81 !important;border-color:#8dc7e8 !important;}
.wpcb-chip.influenza{background:#d7f4ff !important;color:#0f6fa3 !important;border-color:#8fd7f5 !important;}
.wpcb-chip.vrs{background:#4c1d95 !important;color:#c4b5fd !important;border-color:#6b34bf !important;}
.wpcb-chip.neumococo{background:#e5f7ef !important;color:#167a57 !important;border-color:#9ad7bf !important;}
.wpcb-chip.coqueluche{background:#7c2d12 !important;color:#fdba74 !important;border-color:#a64823 !important;}
.wpcb-card-distance{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:11px !important;
  color:#0f6fa3 !important;
  font-weight:500 !important;
  margin-top:2px !important;
}
.wpcb-distance-icon{
  line-height:1 !important;
}
.wpcb-card-actions{
  display:none !important;
  margin-top:10px !important;
}
.wpcb-mini-route-btn{
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:600 !important;
  background:#0b57d0 !important;
  color:#fff !important;
  white-space:nowrap !important;
  line-height:1 !important;
  min-height:30px !important;
}
.wpcb-mini-route-btn:hover{
  background:#0848ad !important;
  color:#fff !important;
}

.wpcb-map-error{
  padding:12px 14px !important;
  background:#fff3cd !important;
  border:1px solid #ffec99 !important;
  border-radius:10px !important;
  margin-bottom:12px !important;
  color:#5c4a00 !important;
}

#wpcb-map{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:640px !important;
  min-height:640px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
  background:#eef3f8 !important;
}

.leaflet-container{
  font-family:"Montserrat",Arial,sans-serif !important;
}
.leaflet-control-attribution{
  font-size:11px !important;
}
.leaflet-popup-content-wrapper{
  padding:0 !important;
  border-radius:20px !important;
  box-shadow:0 18px 40px rgba(15,23,42,.22) !important;
}
.leaflet-popup-content{
  margin:0 !important;
}
.leaflet-popup-tip{
  box-shadow:none !important;
}
.leaflet-popup-close-button{
  top:10px !important;
  right:10px !important;
  font-size:20px !important;
  color:#5f6368 !important;
}
.leaflet-popup-close-button:hover{
  color:#1f1f1f !important;
}

.wpcb-info{
  width:400px !important;
  max-width:400px !important;
  padding:0 !important;
  font-family:"Montserrat",Arial,sans-serif !important;
  box-sizing:border-box !important;
}
.wpcb-info-inner{
  background:linear-gradient(180deg,#ffffff 0%,#eef8ff 100%) !important;
  border-radius:18px !important;
  padding:14px 14px 10px !important;
  box-shadow:0 16px 34px rgba(15,76,129,.14) !important;
  border:1px solid #cfe3f2 !important;
  color:#35566f !important;
}
.wpcb-info-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:10px !important;
}
.wpcb-badge{
  display:inline-flex !important;
  align-items:center !important;
  background:transparent !important;
  color:#0b76b7 !important;
  font-size:11px !important;
  font-weight:800 !important;
  padding:0 !important;
  border-radius:0 !important;
  margin-bottom:8px !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}
.wpcb-status-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  background:#e8f7ff !important;
  color:#0f6fa3 !important;
  border:1px solid #a8d6ee !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-size:12px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.wpcb-status-badge::before{content:'' !important;width:7px !important;height:7px !important;border-radius:999px !important;background:currentColor !important;}
.wpcb-info h3{
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  margin:0 0 0px !important;
  color:#0f4c81 !important;
  letter-spacing:-0.02em !important;
}
.wpcb-info-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  border-top:1px solid #d7ebf7 !important;
  border-bottom:1px solid #d7ebf7 !important;
  margin:10px -14px 10px !important;
}
.wpcb-info-col{
  padding:14px !important;
}
.wpcb-info-col + .wpcb-info-col{
  border-left:1px solid #d7ebf7 !important;
}
.wpcb-info-kicker{
  font-size:11px !important;
  font-weight:700 !important;
  color:#5b7c97 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin-bottom:8px !important;
}
.wpcb-info-text{
  font-size:12px !important;
  line-height:1.45 !important;
  color:#35566f !important;
}
.wpcb-info-subtle{
  font-size:10px !important;
  line-height:1.5 !important;
  color:#5b7c97 !important;
  margin-top:6px !important;
}
.wpcb-popup-vaccines{
  display:none !important;
}
.wpcb-info-actions{
  margin-top:10px !important;

  display:flex !important;
  gap:10px !important;
  justify-content:flex-start !important;
}
.wpcb-route-btn,.wpcb-map-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:6px !important;
  padding:0 14px !important;
  border-radius:12px !important;
  text-decoration:none !important;
  font-size:12px !important;
  font-weight:500 !important;
  flex:0 0 auto !important;
  width:auto !important;
}
.wpcb-route-btn{
  align-self:flex-start !important;
}
.wpcb-map-btn{
  background:#eff9ff !important;
  color:#0f4c81 !important;
  border:1px solid #cfe3f2 !important;
}
.wpcb-route-btn{
  background:#0b57d0 !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(15,111,163,.18) !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
}
.wpcb-route-btn:hover,.wpcb-map-btn:hover{
  opacity:.95 !important;
  color:#fff !important;
}

.wpcb-map-btn{display:none !important;}

.wpcb-pin-wrap,
.wpcb-user-icon-wrap{
  background:transparent !important;
  border:none !important;
}
.wpcb-pin{
  position:relative !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  background:#ef5da8 !important;
  color:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:1 !important;
  text-align:center !important;
  border:3px solid #fff !important;
  box-shadow:0 6px 14px rgba(239,93,168,.35), 0 2px 8px rgba(0,0,0,.14) !important;
}
.wpcb-pin::after{
  display:none !important;
}
.wpcb-pin span{display:none !important;}
.wpcb-pin-wrap-highlight{z-index:650 !important;}
.wpcb-pin-highlight{
  width:30px !important;
  height:30px !important;
  background:#c92728 !important;
  box-shadow:0 8px 18px rgba(47,191,113,.38), 0 2px 8px rgba(0,0,0,.16) !important;
}
.wpcb-user-icon{
  position:relative !important;
  width:34px !important;
  height:34px !important;
  border-radius:12px 12px 10px 10px !important;
  background:linear-gradient(180deg,#5dc2ec 0%,#1691c8 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 18px rgba(15,111,163,.26), 0 0 0 4px rgba(15,111,163,.12) !important;
  border:3px solid #fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.wpcb-user-icon::after{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  bottom:-8px !important;
  width:12px !important;
  height:12px !important;
  background:#1691c8 !important;
  border-right:3px solid #fff !important;
  border-bottom:3px solid #fff !important;
  transform:translateX(-50%) rotate(45deg) !important;
  border-bottom-right-radius:2px !important;
  z-index:-1 !important;
}
.wpcb-user-icon span{
  position:relative !important;
  z-index:2 !important;
  font-size:16px !important;
  line-height:1 !important;
}

#wpcb-featured,
.wpcb-featured{
  display:none !important;
}

@media (max-width:980px){
  .wpcb-top-search{flex-direction:column !important;}
  .wpcb-search-wrap{grid-template-columns:1fr !important;}
  .wpcb-map-col{order:1 !important;}
  .wpcb-controls{order:2 !important;}
  #wpcb-map{height:420px !important;min-height:420px !important;}
  .wpcb-lista{max-height:none !important;}
  .wpcb-info,
  .wpcb-info-inner{width:auto !important;max-width:none !important;}
  .wpcb-info h3{font-size:24px !important;}
}

@media (max-width:768px){
  .wpcb-map-col{order:1 !important;}
  .wpcb-controls{order:2 !important;}

  .wpcb-info h3{font-size:14px !important;}

  #wpcb-buscar,
  #wpcb-mi-ubicacion{
    width:100% !important;
    min-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 16px !important;
    height:48px !important;
    min-height:48px !important;
    line-height:1 !important;
    border-radius:14px !important;
    margin:0 !important;
  }

  .wpcb-card-actions{
    display:block !important;
  }

  .wpcb-mini-route-btn{
    display:inline-flex !important;
  }

  .wpcb-info{
    width:340px !important;
    max-width:340px !important;
  }
  .wpcb-info-inner{
    padding:14px 16px 16px !important;
  }

  .wpcb-info-text {
  font-size: 12px !important;
  line-height: 1.20 !important;
  color: #35566f !important;
}

.wpcb-vaccines-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #557792 !important;
  letter-spacing: .08em !important;
  line-height: 16px!important;
}

}

@media (max-width:480px){
  .wpcb-card-actions{
    display:block !important;
  }
  .wpcb-mini-route-btn{
    margin-left:auto !important;
  }
  .wpcb-info{
    width:300px !important;
    max-width:300px !important;
  }

  .wpcb-lista{
  padding:10px !important;
}

}

.wpcb-location-status{
  margin:0 0 12px !important;
  padding:10px 14px !important;
  border:1px solid #27415f !important;
  background:#142033 !important;
  color:#dbeafe !important;
  border-radius:12px !important;
  font-size:14px !important;
  line-height:1.4 !important;
}
.wpcb-location-status.is-warning{
  border-color:#66511b !important;
  background:#2b2112 !important;
  color:#fcd34d !important;
}


.wpcb-summary-row{
  display:none !important;
 /* display:flex !important;*/
  gap:12px !important;
  margin-bottom:9px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}

.wpcb-summary-card{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  background:#eef7fb !important;
  border:1px solid #b8d9ea !important;
  border-radius:16px !important;
  padding:8px 12px !important;
  /*min-height:50px !important;*/
}

.wpcb-summary-label{
  font-size:13px !important;
  font-weight:500 !important;
  color:#5d7f99 !important;
}
.wpcb-summary-value{
  font-size:13px !important;
  font-weight:600 !important;
  color:#0f4c81 !important;
}
.wpcb-top-search input,
.wpcb-top-search input:focus,
.wpcb-top-search input:active{
  color:#111827 !important;
}
.wpcb-top-search input::placeholder{
  color:#6b7280 !important;
}
@media (max-width: 768px){
  .wpcb-summary-row{
    flex-direction:column !important;
  }
}

.wpcb-shell,
.wpcb-shell *:not(.leaflet-container):not(.leaflet-container *) ,
.wpcb-popup,
.wpcb-popup *{
  font-family:"Montserrat",Arial,sans-serif !important;
}