/* ===== FMG Brand (blanco/negro/amarillo) ===== */
:root{
  /* Amarillo FMG (ajústalo si quieres) */
  --fmg-yellow: #ffd200;
  --fmg-yellow-600: #e6bf00;
  --fmg-black: #000000;
  --fmg-white: #ffffff;

  /* Overwrite Bootstrap tokens principales */
  --bs-primary: var(--fmg-yellow);
  --bs-primary-rgb: 255,210,0;
  --bs-link-color: var(--fmg-yellow);
  --bs-link-hover-color: var(--fmg-yellow-600);
}

/* Tipografía y redondeos suaves */
body{font-feature-settings:"liga" 1,"calt" 1; background:#f7f7f7;}
.card, .bg-white{border-radius:12px}
.btn{border-radius:10px}

/* ===== Navbar ===== */
.navbar{box-shadow:0 2px 8px rgba(0,0,0,.06)}
/* Logo / marca a la izquierda */
.navbar-brand{letter-spacing:.3px}
/* Links de navegación */
.navbar-dark .navbar-nav .nav-link{
  color: #e9e9e9;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active{
  color: var(--fmg-yellow);
}

/* Botón “Entrar / Salir” de la navbar */
.navbar .btn{
  border-radius:8px;
  font-weight:600;
}

/* ===== Botones ===== */
.btn-primary{
  background-color: var(--fmg-yellow);
  border-color: var(--fmg-yellow);
  color: var(--fmg-black);
}
.btn-primary:hover{
  background-color: var(--fmg-yellow-600);
  border-color: var(--fmg-yellow-600);
  color: var(--fmg-black);
}
.btn-outline-primary{
  color: var(--fmg-yellow);
  border-color: var(--fmg-yellow);
}
.btn-outline-primary:hover{
  background-color: var(--fmg-yellow);
  color: var(--fmg-black);
  border-color: var(--fmg-yellow);
}

/* ===== Links / estados ===== */
a{color: var(--fmg-yellow);}
a:hover{color: var(--fmg-yellow-600);}
.badge.bg-primary{background-color: var(--fmg-yellow)!important; color: var(--fmg-black)}

/* ===== Formularios ===== */
.form-control:focus, .form-select:focus{
  border-color: var(--fmg-yellow);
  box-shadow: 0 0 0 .2rem rgba(255,210,0,.25);
}

/* ===== Tablas ===== */
.table thead th{border-bottom:2px solid #000}
.table-striped>tbody>tr:nth-of-type(odd)>*{background: #fafafa}

/* ===== Leaflet (controles) ===== */
.leaflet-control, .leaflet-bar a{
  border-color:#ddd;
}
.leaflet-bar a:hover{
  background: var(--fmg-yellow);
  color: var(--fmg-black);
}

/* ===== Tarjetas / títulos ===== */
h1,h2,h3,h4{color:#111}


/* --- Lugares dentro de la tarjeta general --- */
.grid-lugares .card {        /* mini-tarjeta */
  height: 100%;
  margin: 0;                 /* el gap ya lo da el row g-3 */
  display: flex;
  flex-direction: column;
}

/* Contenedor que centra la imagen en ambos ejes y da aire */
.img-wrap {
  height: 200px;              /* alto fijo del área reservada */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  border-bottom: 1px solid #eee;
  overflow: hidden;           /* recorta exceso si algo se sale */
  padding: 4px;               /* aire alrededor de la imagen */
}

.img-wrap img {
  max-width: 100%;            /* nunca más ancho que el contenedor */
  max-height: 100%;           /* nunca más alto que el contenedor */
  object-fit: contain;        /* mantiene proporción */
  display: block;
}

/* Footer siempre abajo y centrado */
.grid-lugares .card .card-footer{
  margin-top: auto;
  background: #fff;
  border-top: 0;
  text-align: center;
}