/* ===========================================================
   VARIABLES & FONTS
=========================================================== */
/* ===========================================================
   GLOBAL SETTINGS
=========================================================== */
html,
body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  position: relative;
  /* Necesario en iOS para que respete el hidden */
}
.mapa_guia_1906 {
  background-color: #000;
  color: #fff;
  /* ---------------------------------------------------------
     HERO BANNER
  --------------------------------------------------------- */
  /* ---------------------------------------------------------
     ABOUT SECTION
  --------------------------------------------------------- */
  /* ---------------------------------------------------------
     MAP SECTION
  --------------------------------------------------------- */
  /* ---------------------------------------------------------
     CERVEZAS SECTION
  --------------------------------------------------------- */
}
.mapa_guia_1906 .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.mapa_guia_1906 .hentry,
.mapa_guia_1906 .wp-block-image {
  margin-bottom: 0;
}
.mapa_guia_1906 .espaciado-cabecera {
  display: none;
}
.mapa_guia_1906 .entry-header,
.mapa_guia_1906 .img-mobile {
  display: none;
}
@media (max-width: 767px) {
  .mapa_guia_1906 .img-mobile {
    display: block;
  }
  .mapa_guia_1906 .img-desktop {
    display: none;
  }
  .mapa_guia_1906 .wp-block-columns {
    flex-direction: column;
  }
  .mapa_guia_1906 .wp-block-columns .wp-block-column {
    width: 100%;
  }
}
.mapa_guia_1906 .hero_guia_1906 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.mapa_guia_1906 .hero_guia_1906::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.mapa_guia_1906 .hero_guia_1906 figure {
  margin: 0;
  width: 100%;
  height: 100%;
}
.mapa_guia_1906 .hero_guia_1906 figure img {
  width: 100%;
  height: 100%;
  max-height: 600px;
  object-fit: cover;
  display: block;
}
.mapa_guia_1906 .hero_guia_1906 h1.wp-block-heading {
  position: absolute;
  z-index: 2;
  color: #fff;
  font-family: 'titling-gothic-fb-extended', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  padding: 0 20px;
  max-width: 600px;
}
.mapa_guia_1906 .about_guia_1906 {
  background-color: #fff !important;
  padding-top: 80px;
  padding-bottom: 80px;
}
.mapa_guia_1906 .about_guia_1906 .container {
  max-width: 900px;
}
.mapa_guia_1906 .about_guia_1906 .pre_title {
  font-size: 16px !important;
  letter-spacing: 2.8px;
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}
.mapa_guia_1906 .about_guia_1906 .wp-block-image img.logo,
.mapa_guia_1906 .about_guia_1906 img.logo {
  max-width: 200px;
  margin-bottom: 10px;
  display: block;
}
.mapa_guia_1906 .about_guia_1906 p.wp-block-paragraph {
  color: #000;
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
}
.mapa_guia_1906 .mapa_section,
.mapa_guia_1906.mapa_guia_1906 {
  background-color: #F8ECBB;
  padding-top: 80px;
  padding-bottom: 80px;
}
.mapa_guia_1906 .mapa_section h2.wp-block-heading,
.mapa_guia_1906.mapa_guia_1906 h2.wp-block-heading {
  font-family: 'titling-gothic-fb-extended', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #E30613 !important;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.mapa_guia_1906 .cervezas_guia_1906 {
  background-color: #000 !important;
  padding-top: 80px;
  padding-bottom: 80px;
}
.mapa_guia_1906 .cervezas_guia_1906 h2.wp-block-heading {
  font-family: 'titling-gothic-fb-wide', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .mapa_guia_1906 .cervezas_guia_1906 h2.wp-block-heading {
    font-size: 20px !important;
  }
}
.mapa_guia_1906 .cervezas_guia_1906 > .container > p.wp-block-paragraph {
  color: #fff;
  font-family: 'Norman', sans-serif !important;
  font-size: 18px !important;
  max-width: 900px;
  margin: 0 auto 12px;
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  margin-top: 32px !important;
}
@media (max-width: 767px) {
  .mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 12px !important;
    margin-top: 24px !important;
  }
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column {
  width: 100% !important;
  display: flex;
  flex-direction: column;
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column figure {
  margin: 0 0 15px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column figure img {
  width: 100%;
  object-fit: contain;
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column p.wp-block-paragraph {
  color: #fff;
  font-family: 'titling-gothic-fb', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  font-size: 20px !important;
  margin-bottom: 12px;
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column .wp-block-buttons {
  margin-top: auto;
  display: flex;
  width: 100%;
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button {
  width: 50%;
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button .wp-block-button__link {
  display: inline-block;
  border: 2px solid #E30613 !important;
  background: transparent !important;
  color: #E30613 !important;
  text-transform: uppercase;
  font-family: 'titling-gothic-fb-compressed', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 12px 24px;
  border-radius: 0 !important;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button .wp-block-button__link:hover {
  background-color: #E30613 !important;
  color: #fff !important;
}
@media (max-width: 1300px) {
  .mapa_guia_1906 .cervezas_guia_1906 .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button {
    width: 100% !important;
  }
}
.wpgmza-marker-listing-category-filter.wpgmza-dropdown {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  font-family: inherit;
}
.wpgmza-marker-listing-category-filter.wpgmza-dropdown label {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #111111;
  margin: 0;
  white-space: nowrap;
}
.wpgmza-marker-listing-category-filter.wpgmza-dropdown select[name="wpgmza_filter_select"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 10px auto;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 10px 40px 10px 14px;
  font-size: 16px;
  font-weight: 500;
  color: #111111;
  cursor: pointer;
  min-width: 180px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wpgmza-marker-listing-category-filter.wpgmza-dropdown select[name="wpgmza_filter_select"]:hover {
  border-color: #888888;
}
.wpgmza-marker-listing-category-filter.wpgmza-dropdown select[name="wpgmza_filter_select"]:focus {
  outline: none;
  border-color: #000000;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .wpgmza-marker-listing-category-filter.wpgmza-dropdown {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .wpgmza-marker-listing-category-filter.wpgmza-dropdown select[name="wpgmza_filter_select"] {
    width: 100%;
  }
}
/* ===========================================================
   WP GO MAPS
=========================================================== */
.wpgmza-address {
  display: none !important;
}
.wpgmza-panel-info-window {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  background-color: #fff !important;
  padding: 0 !important;
  box-shadow: none !important;
  /* Estilo opcional para que los enlaces (Web y Teléfono) se vean corporativos */
}
.wpgmza-panel-info-window > * {
  order: 99;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.wpgmza-panel-info-window .wpgmza-description,
.wpgmza-panel-info-window .wpgmza-description > div {
  display: contents !important;
}
.wpgmza-panel-info-window .wpgmza-description img {
  order: 2 !important;
  max-width: 140px !important;
  margin-left: 30px !important;
  margin-bottom: 15px !important;
  display: block !important;
}
.wpgmza-panel-info-window .wpgmza-description p {
  order: 4 !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  font-family: 'Norman', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
  margin-bottom: 0 !important;
}
.wpgmza-panel-info-window .wpgmza-description p:last-of-type {
  margin-bottom: 20px !important;
}
.wpgmza-panel-info-window .wpgmza-title {
  order: 3 !important;
  font-family: 'titling-gothic-fb-wide', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  color: #000 !important;
  margin-bottom: 15px !important;
}
.wpgmza-panel-info-window .wpgmza-gallery-container {
  order: 1 !important;
  position: relative !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 25px !important;
}
.wpgmza-panel-info-window .wpgmza-gallery-container::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 80px !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
.wpgmza-panel-info-window .wpgmza-panel-actions {
  order: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 0 !important;
  z-index: 999999 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}
.wpgmza-panel-info-window .wpgmza-panel-actions svg.wpgmza-close {
  position: absolute !important;
  top: 15px !important;
  left: 15px !important;
  z-index: 999999 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.8)) !important;
}
.wpgmza-panel-info-window .wpgmza-panel-actions svg.wpgmza-clear {
  display: none !important;
}
.wpgmza-panel-info-window .wpgmza-panel-actions svg.wpgmza-close,
.wpgmza-panel-info-window .wpgmza-panel-actions svg.wpgmza-close *,
.wpgmza-panel-info-window .wpgmza-panel-actions svg.wpgmza-clear,
.wpgmza-panel-info-window .wpgmza-panel-actions svg.wpgmza-clear * {
  fill: #fff !important;
  stroke: #fff !important;
  color: #fff !important;
}
.wpgmza-panel-info-window .wpgmza-panel-actions-right {
  display: contents !important;
}
.wpgmza-panel-info-window .wpgmza-custom-fields > div {
  order: 6 !important;
  display: block !important;
  position: relative !important;
  /* El margen izquierdo deja un hueco vacío donde flotará el icono */
  padding-left: 26px !important;
  font-family: 'Norman', sans-serif !important;
  font-size: 15px !important;
  margin-bottom: 16px !important;
  color: #333333 !important;
  line-height: 1.4 !important;
}
.wpgmza-panel-info-window .wpgmza-custom-fields i.wpgmza-custom-field {
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  /* Alinea el icono con la primera línea de texto */
  width: 16px !important;
  font-size: 16px !important;
  text-align: center !important;
  color: #666666 !important;
  margin: 0 !important;
}
.wpgmza-panel-info-window .wpgmza-custom-fields span.custom-field-label {
  /* Transformar el <span> en bloque obliga al texto que viene después a caer a la siguiente línea */
  display: block !important;
  /* Le damos un poco de estilo al título para que destaque */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 4px !important;
  color: #111111 !important;
}
.wpgmza-panel-info-window .wpgmza-custom-fields a {
  color: #E30613 !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}
.wpgmza-panel-info-window .wpgmza-custom-fields a:hover {
  color: #000 !important;
}
.wpgmza-panel-info-window .wpgmza-categories,
.wpgmza-panel-info-window .wpgmza-distance-from-location,
.wpgmza-panel-info-window .wpgmza-rating-container,
.wpgmza-panel-info-window .wpgmza-action-buttons {
  display: none !important;
}
.wpgmza_map .leaflet-left {
  right: 10px !important;
  left: auto !important;
  top: 30px !important;
}
.wpgmza_map .leaflet-control-zoom {
  margin-top: 40px !important;
}
@media screen and (max-width: 768px) {
  .wpgmza_map {
    height: 50vh !important;
    min-height: 50vh !important;
    max-height: 50vh !important;
    margin-bottom: 50vh !important;
    overflow: visible !important;
    position: relative !important;
    transition: none !important;
    box-sizing: border-box !important;
    clip-path: inset(0px 0px -100vh 0px) !important;
  }
  .wpgmza_map .wpgmza-map-node,
  .wpgmza_map .leaflet-container {
    height: 50vh !important;
    max-height: 50vh !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    /* Aquí es donde matamos el exceso de mapa */
    position: relative !important;
  }
  .wpgmza_map .wpgmza-inner-stack > .grouping {
    width: 100% !important;
  }
  .wpgmza_map .leaflet-map-pane,
  .wpgmza_map .leaflet-container {
    transition: none !important;
  }
  .wpgmza_map .leaflet-top {
    position: absolute !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
  }
  .wpgmza_map .wpgmza-gesture-overlay,
  .wpgmza_map .wpgmza-touch-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
  .wpgmza_map .leaflet-control-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    pointer-events: none !important;
  }
  .wpgmza_map .leaflet-control-container .leaflet-control {
    pointer-events: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .wpgmza-inner-stack.left,
  .wpgmza-inner-stack.viewport-grouping {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 50vh !important;
    z-index: 999 !important;
    background-color: #f7eed7 !important;
    border-top: 2px solid #e0d6bd !important;
    transform: none !important;
    transition: none !important;
    box-sizing: border-box !important;
  }
  .wpgmza-inner-stack .grouping,
  .wpgmza-inner-stack .wpgmza-panel {
    height: 100% !important;
    overflow-y: auto !important;
  }
  .wpgmza-gallery .wpgmza-gallery-stage .wpgmza-gallery-item {
    max-height: 200px !important;
  }
  .wpgmza-inner-stack .grouping-handle {
    display: none !important;
  }
  .wpgmza-filter-widgets,
  .wpgmza-marker-listing-category-filter {
    position: relative !important;
    z-index: 1000 !important;
    background-color: #f7eed7 !important;
  }
  .leaflet-bottom {
    bottom: 0 !important;
    margin-bottom: 10px !important;
  }
  .wpgmza-panel-info-window .wpgmza-panel-actions-right {
    display: none !important;
  }
}