.mcgeo-swiper{padding:8px 0}
.mcgeo-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;
  padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:10px;
  background:#211a2b;text-decoration:none}
.mcgeo-flag{width:160px;aspect-ratio:4/3;background:#0f0b14;border-radius:8px;
  display:flex;align-items:center;justify-content:center}
  .mcgeo-card .mcgeo-flag img {
    width: 120px;     /* o el tamaño que quieras */
    height: 100px;
    object-fit: contain; /* evita distorsiones */
    display: block;
    margin: 0 auto 8px auto;
    border-radius: 4px;
    box-shadow: 0 1px 3px #0001;
  }
  .mcgeo-card .mcgeo-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    max-width: 100%;
    font-size: 0.96rem;
    font-family: 'Oswald';
  }
  .mcgeo-empty {
    color: #fff;
    text-align: center;
    padding: 16px;
    margin: 20px;
} 
.mcgeo-flag img{width:100%;height:100%;object-fit:contain;display:block}
.mcgeo-name{color:#fff;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-align:center}
@media (max-width:768px){.mcgeo-flag{width:120px}}
.mcgeo-nav{display:flex;gap:.5rem;justify-content:flex-end;margin-top:8px}
.mcgeo-nav button{cursor:pointer;border:1px solid #f5c34d;background:#2a2334;color:#f5c34d;border-radius:8px;padding:.25rem .5rem}
.mcgeo-nav button:hover{background:#f5c34d;color:#2a2334}


@media (max-width: 1100px) {
  .mcgeo-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 900px) {
  .mcgeo-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 650px) {
  .mcgeo-swiper .swiper-wrapper { gap: 0 !important; }
  .mcgeo-swiper .swiper-slide {
    min-width: 50% !important;
    max-width: 50% !important;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
  .mcgeo-flag { width: 37vw !important; }
  .mcgeo-card .mcgeo-flag img { width: 35vw !important; height: auto !important; }
}


@media (max-width: 500px) {
  .swiper-slide { min-width: 100% !important; max-width: 100% !important; }
  .mcgeo-grid { grid-template-columns: 1fr; }
  .mcgeo-flag { width: 37vw !important; }
  .mcgeo-card .mcgeo-flag img { width: 60vw !important; height: auto !important; }
}
@media (max-width: 420px) {
  .mcgeo-grid { grid-template-columns: 1fr; }
  .mcgeo-flag { width: 56px; }
  .mcgeo-card .mcgeo-flag img { width: 40px; height: 32px; }
  .mcgeo-card .mcgeo-name { font-size: 0.77rem; }
}


.mcgeo-swiper-responsive { display: none !important; }
.mcgeo-grid-responsive   { display: grid !important; }
@media (max-width: 650px) {
  .mcgeo-swiper-responsive { display: block !important; }
  .mcgeo-grid-responsive   { display: none !important; }
}

@media (max-width: 650px) {
  .mcgeo-swiper .swiper-wrapper { gap: 0 !important; }
  .mcgeo-swiper .swiper-slide {
    min-width: 50% !important;
    max-width: 50% !important;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
   .mcgeo-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  .mcgeo-flag { width: 37vw !important; }
  .mcgeo-card .mcgeo-flag img { width: 35vw !important; height: auto !important; }
}