/* Estilos generales del footer */
.footer-custom {
  background-color: #B9A590;
  padding: 5vw 0;
  margin-top: 140px;
}

.footer-content {
  justify-content: space-around;
}

/* Tipografía */
.text-map,
.text-info-footer {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  color: #36302A;
  text-align: center;
  font-size: 2.1rem;
}

.info-content-footer {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  color: #36302A;
  text-align: center;
  font-size: 1.2rem;
}

/* Estilos del mapa */
.map {
  height: 78%;
}

iframe {
  border-radius: 3px;
  width: 35vw;
  height: 100%;
  box-shadow: 
  0 5px 8px rgba(0, 0, 0, 0.2), 
  0 8px 14px rgba(0, 0, 0, 0.15), 
  0 12px 20px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

iframe:hover {
  box-shadow: 
  0 8px 12px rgba(0, 0, 0, 0.25), 
  0 12px 18px rgba(0, 0, 0, 0.2), 
  0 16px 24px rgba(0, 0, 0, 0.15);
}

/* Media Queries Responsivas */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  iframe { width: 40vw; }
  .text-map, .text-info-footer { font-size: 1.9rem; }
  .info-content-footer { font-size: 1rem; }
}

@media (min-width: 991px) and (max-width: 1199.98px) {
  iframe { width: 42vw; }
  .text-map, .text-info-footer { font-size: 1.7rem; }
  .info-content-footer { font-size: 0.9rem; }
}

@media (min-width: 768px) and (max-width: 990.98px) {
  iframe { width: 43vw; }
  .text-map, .text-info-footer { font-size: 1.5rem; }
  .info-content-footer { font-size: 0.8rem; }
}

@media (min-width: 620px) and (max-width: 767.98px) {
  iframe { width: 43vw; }
  .text-map, .text-info-footer { font-size: 1.3rem; }
  .info-content-footer { font-size: 1rem; }
  .content-footer-min {
      display: flex;
      gap: 3vw;
  }
}

@media (min-width: 402px) and (max-width: 619.98px) {
  iframe { width: 80vw; }
  .text-map, .text-info-footer { font-size: 1.3rem; }
  .info-content-footer { font-size: 0.7rem; }
  .content-footer-min {
      display: flex;
      gap: 3vw;
  }
}

@media (max-width: 401.98px) {  
  iframe { width: 80vw; }
  .text-map, .text-info-footer { font-size: 1.2rem; }
  .info-content-footer { font-size: 0.6rem; }
  .content-footer-min {
      display: flex;
      gap: 3vw;
  }
}