@media (max-width: 600px) {
  #page-header .l-subheader.at_top {
    display: block !important;
    height: auto !important;
    padding: 14px 14px 8px !important;
    background: #fff !important;
  }
  #page-header .l-subheader.at_top .l-subheader-h {
    display: flex !important;
    width: 100% !important;
  }
  #page-header .l-subheader.at_top .l-subheader-cell.at_left,
  #page-header .l-subheader.at_top .l-subheader-cell.at_center,
  #page-header .l-subheader.at_top .w-search,
  #page-header .l-subheader.at_top .w-nav,
  #page-header .l-subheader.at_top a.archi-call,
  #page-header .l-subheader.at_top .w-text {
    display: none !important;
  }
  #page-header .l-subheader.at_top .l-subheader-cell.at_right {
    display: flex !important;
    width: 100% !important;
    gap: 8px !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    float: none !important;
    margin: 0 !important;
  }
  #page-header .l-subheader.at_top a.w-btn.menu-reserva-horas,
  #page-header .l-subheader.at_top a.w-btn.menu-portal-pacientes {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    width: auto !important;
    position: static !important;
  }
  #page-header .l-subheader.at_top a.w-btn.menu-reserva-horas {
    flex: 1.4 1 0 !important;
    font-size: 15px !important;
    padding: 0 12px !important;
  }
  #page-header .l-subheader.at_top a.w-btn.menu-portal-pacientes {
    flex: 1 1 0 !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }
}

/* agenda-pro: quitar la clase agenda-pro del bloque devuelve el boton anterior */
.agenda-hora.agenda-pro{
  border-radius:24px !important;
  padding:16px 14px 14px !important;
  border:1px solid #E4EEE4 !important;
  box-shadow:0 18px 40px -16px rgba(11,85,0,.28) !important;
}
.agenda-hora.agenda-pro .agenda-row-simple{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  gap:10px !important;
}
.agenda-hora.agenda-pro .agenda-sucursal::before{
  content:"Sucursal";
  display:block;
  margin:0 2px 7px;
  font-family:"Instrument Sans","Segoe UI",sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#0C7A14;
}
.agenda-hora.agenda-pro select{
  height:54px !important;
  min-height:54px !important;
  border:1px solid #D5E4D6 !important;
  border-radius:14px !important;
  background:#F6F8F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%230B5500' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 7.5 10 12.5 15 7.5'/%3E%3C/svg%3E") no-repeat right 14px center !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  padding:0 42px 0 16px !important;
  font-family:"Instrument Sans","Segoe UI",sans-serif !important;
  font-size:16px !important;
  font-weight:600 !important;
  letter-spacing:-.011em !important;
  color:#132115 !important;
  box-shadow:none !important;
}
.agenda-hora.agenda-pro select:hover,
.agenda-hora.agenda-pro select:focus{
  border-color:#0C7A14 !important;
  background-color:#fff !important;
  box-shadow:0 0 0 3px rgba(12,122,20,.12) !important;
  outline:none !important;
}
.agenda-hora.agenda-pro .agenda-boton{
  height:54px !important;
  min-height:54px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#0B5500 0%,#168A32 100%) !important;
  box-shadow:0 12px 22px -12px rgba(11,85,0,.9) !important;
  font-family:"Bricolage Grotesque","Trebuchet MS",sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.09em !important;
}
.agenda-hora.agenda-pro .agenda-boton:hover{
  background:linear-gradient(135deg,#083F04 0%,#0C7A14 100%) !important;
  transform:translateY(-1px) !important;
}
@media (min-width:769px){
  .agenda-hora.agenda-pro .agenda-sucursal::before{display:none}
  .agenda-hora.agenda-pro{padding:12px !important}
}