.pie { background: #3a3237; color: #e9e1e6; padding: 3rem 0 1.5rem; }
.pie-mapa { border-radius: 10px; overflow: hidden; height: 300px; margin-bottom: 3rem; }
.pie-mapa iframe { width: 100%; height: 100%; border: 0; display: block; }
.pie-marca { display: inline-flex; align-items: center; gap: .75rem; text-decoration: none; color: #fff; }
.pie .pie-marca img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.pie-marca span { font-family: "Josefin Sans", sans-serif; font-size: 1.5rem; letter-spacing: .04em; }
.pie-lema { margin: 1rem 0 0; max-width: 300px; color: #cbbfc6; font-size: .95rem; line-height: 1.6; }
.pie h4 { font-family: "Josefin Sans", sans-serif; font-size: 1.05rem; font-weight: 700; color: #fff; margin-bottom: 1rem; }
.pie ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.pie ul a, .pie-llegar { color: #cbbfc6; text-decoration: none; font-size: .95rem; transition: color 150ms ease; }
.pie ul a:hover, .pie-llegar:hover { color: #fff; }
.pie-direccion { color: #cbbfc6; font-size: .95rem; line-height: 1.6; margin-bottom: .6rem; }
.pie-llegar { text-decoration: underline; text-underline-offset: 4px; }
.pie-legal {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem;
  border-top: 1px solid rgba(255, 255, 255, .12);
  margin-top: 3rem; padding-top: 1.25rem;
  font-size: .82rem; color: #a99ea5;
}
@media (max-width: 575.98px) {
  .pie { padding-top: 2rem; }
  .pie-mapa { height: 240px; margin-bottom: 2rem; }
}