/* Quitar botón "Obtener del mapa" */
.btn.map.btn-with-image.custom {
  display: none !important;
}

/* Ocultar cualquier mapa Leaflet (OpenStreetMap) */
div.leaflet-container,
div.leaflet-pane,
div.leaflet-map-pane,
div.leaflet-tile-pane,
div.leaflet-control-container {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* Ocultar el contenedor del mapa entero */
#map,
.map,
.sb-location-map,
div[id*="map"],
section[id*="map"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* 1) Carga una alternativa a Gotham (Nunito) */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap');

/* 2) Define la pila de fuentes con detección local de Gotham si estuviera instalada */
:root{
  --gsd-font: "Gotham Rounded", "Gotham", "Nunito", "Avenir Next",
              "Montserrat", "Segoe UI", Roboto, system-ui, -apple-system,
              "Helvetica Neue", Arial, sans-serif;
}

/* 3) Aplica la fuente a toda la app (con !important para vencer al tema) */
html, body,
.sb-wrapper, .sb-content, .sb-page, .sb-booking, .sb-modal,
.sb-step, .sb-container, .page-wrapper, .container {
  font-family: var(--gsd-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.1px;
}

/* 4) Jerarquía de títulos */
h1, h2, h3,
.sb-title, .sb-header-title,
.service-item-title, .provider-item-title {
  font-weight: 800 !important;
  letter-spacing: 0.2px;
}

/* 5) Texto normal y etiquetas */
p, li, label, .sb-text, .sb-description, .sb-label {
  font-weight: 400 !important;
}

/* 6) Botones y CTAs */
button, .btn, .sb-btn, .sb-primary-btn, .sb-secondary-btn,
.time-slot button, .sb-time button {
  font-family: var(--gsd-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
}

/* 7) Inputs y selects */
input, select, textarea,
.sb-input, .sb-select, .sb-form-control {
  font-family: var(--gsd-font) !important;
  font-weight: 600;
}

/* 8) Migas, tabs y navegación */
.sb-breadcrumbs, .sb-nav, .sb-tabs .sb-tab {
  font-family: var(--gsd-font) !important;
  font-weight: 600;
}

/* 9) Calendario y horas (por si el tema usa clases distintas) */
[class*="calendar"], [class*="time"], [class*="slot"] {
  font-family: var(--gsd-font) !important;
}
