.ficha-card {
  position: relative;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.43;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	background-color:#2b282e;
	padding:10px;
	border-radius: 10px;
}

a {
  color: var(--color-typography);
  text-decoration: none;
}

.ficha-grid {
  display: grid;
  grid-template-columns: 1fr 80px;
  gap: 0.625rem;
}

.ficha-imagen-principal {
  /* width: 190px;*/
	width: 100%;
  height: 280px;
  border-radius: 10px;
  overflow: hidden;
  /* background-color: #e3e0da; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.ficha-imagen-principal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.ficha-column-thumbs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ficha-column-thumbs > div {
  width: 100%;
  height: 30%;
  border-radius: 10px;
  overflow: hidden;
}

.ficha-thumbnail {
  width: 80px;
  height: 85px;
  border-radius: 10px;
  overflow: hidden;
  /* background-color: #e3e0da; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.ficha-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Solo para la última miniatura con overlay */
.ficha-thumb-wrap {
  position: relative;
  width: 100%;
  height: 30%;
  /* background-color: #e3e0da;*/
  border-radius: 10px;
  overflow: hidden;
}

.ficha-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  z-index: 2;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

.ficha-info {
  margin-top: 0.5rem;
}

.ficha-titulo {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
/* color: #0593bf !important; */
color: #d3d9db !important;  
}


.ficha-descripcion p {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
	/* color: #ced4da; */
	color: #989b9d;
}

.ficha-descripcion i {color: #ced4da;}
/* cambia la vista a las imagenes abajo */
@media (max-width: 992px) {
  .ficha-grid {
    grid-template-columns: 1fr;
  }

  .ficha-imagen-principal {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1; /* hace la imagen cuadrada */
  }

  .ficha-column-thumbs {
    margin-top: 0.5rem;
    flex-direction: row;
    gap: 0.5rem;
  }

  .ficha-column-thumbs > div,
  .ficha-thumb-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .ficha-thumbnail {
    width: 100%;
    height: 100%;
  }

  .ficha-thumbnail img {
    object-fit: cover;
  }
}

/* para los planes free */

/* Fichas dentro de .gd-post-pkg-3 */
 .ficha-card {
  font-size: 0.8rem;
  /* padding: 0.5rem 0; */
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

/* Cambiar layout a vertical */
 .ficha-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Imagen principal más pequeña, arriba */
.ficha-imagen-principal {
  width: 100%;
  max-width: 220px;
  height: 280px;
  aspect-ratio: 1 / 1;
  margin-bottom: 0.5rem;
}



/* Mostrar miniaturas en fila horizontal debajo */
 .ficha-column-thumbs {
  flex-direction: row;
  gap: 0.5rem;
  justify-content: center;
}

/* Miniaturas cuadradas */
 .ficha-column-thumbs > div,
 .ficha-thumb-wrap {
  width: 50px;
  height: 50px;
  aspect-ratio: 1 / 1;
}

/* Ajustar imagen miniatura */
 .ficha-thumbnail {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

/* Overlay más pequeño */
 .ficha-overlay {
  font-size: 1rem;
}

.location {
position: absolute;
  top: 265px;
  left: 15px;
  background: rgba(0, 0, 0, 0.38);
  color: #fff;
  font-size: 0.75rem;
  padding: 3px 4px 3px 3px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  z-index: 2;}
.location i {  font-size: 0.65rem; }



/* BADGES GOLD SILVER */

/* Contenedor de badges (opcional, por si quieres ordenarlo mejor) */
.card-media-badges {
	position: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
background-color:transparent;
padding: 0px;
}

/* Badge común */
.badge-package-diamond {
  padding: 0.15rem 0.35rem;
  font-size: 0.65rem;
  font-weight: 400;
  border-radius: 6px;
  text-transform: uppercase;
  margin-left: auto;
	 background-color: #d2e4e9;
	margin-bottom: 4px;
color:#2b282e;
}
.badge-package-gold {
  padding: 0.15rem 0.35rem;
  font-size: 0.65rem;
  font-weight: 400;
  border-radius: 6px;
  text-transform: uppercase;
  margin-left: auto;
	 background-color: #e9deb3;
	margin-bottom: 4px;
color:#2b282e;
}


.badge-package-silver {
  padding: 0.15rem 0.35rem;
  font-size: 0.65rem;
  font-weight: 400;
  border-radius: 6px;
  text-transform: uppercase;
  margin-left: auto;
	 background-color: #d6d4d4;
	margin-bottom: 4px;
	color:#2b282e;
}

/* planes */
/*Diamond*/
/* Fondo para los paquetes */
.gd-post-pkg-8 .ficha-card,
.gd-post-pkg-9 .ficha-card
{
  background-color: #356f81 !important;
}

/* Color del título */
.gd-post-pkg-8 .ficha-titulo,
.gd-post-pkg-9 .ficha-titulo
 {
  color: #fff !important;
}
.gd-post-pkg-8 .ficha-descripcion p,
.gd-post-pkg-9 .ficha-descripcion p
 {
  color: #cfe3e9 !important;
}


/*gold*/
/* Fondo para los paquetes */
.gd-post-pkg-7 .ficha-card,
.gd-post-pkg-6 .ficha-card
{
  background-color: #64592f !important;
}

/* Color del título */
.gd-post-pkg-7 .ficha-titulo,
.gd-post-pkg-6 .ficha-titulo
 {
  color: #f4f1e8  !important;
}

/* Color de la descripción */
.gd-post-pkg-7 .ficha-descripcion p,
.gd-post-pkg-6 .ficha-descripcion p,
.gd-post-pkg-7 .ficha-descripcion i,
.gd-post-pkg-6 .ficha-descripcion i
{
  color: #d8d0b1  !important;
}
/* silver */
/* Fondo para los paquetes */
.gd-post-pkg-5 .ficha-card,
.gd-post-pkg-4 .ficha-card,
.gd-post-pkg-12 .ficha-card,
.gd-post-pkg-13 .ficha-card,
.gd-post-pkg-20 .ficha-card,
.gd-post-pkg-21 .ficha-card {
  background-color: #4e4e4e !important;
}

/* Color del título */
.gd-post-pkg-5 .ficha-titulo,
.gd-post-pkg-4 .ficha-titulo,
.gd-post-pkg-12 .ficha-titulo,
.gd-post-pkg-13 .ficha-titulo,
.gd-post-pkg-20 .ficha-titulo,
.gd-post-pkg-21 .ficha-titulo {
  color: #e1dfe3 !important;
}

/* Color de la descripción */
.gd-post-pkg-5 .ficha-descripcion p,
.gd-post-pkg-4 .ficha-descripcion p,
.gd-post-pkg-12 .ficha-descripcion p,
.gd-post-pkg-13 .ficha-descripcion p,
.gd-post-pkg-20 .ficha-descripcion p,
.gd-post-pkg-21 .ficha-descripcion p,
.gd-post-pkg-5 .ficha-descripcion i,
.gd-post-pkg-4 .ficha-descripcion i,
.gd-post-pkg-12 .ficha-descripcion i,
.gd-post-pkg-13 .ficha-descripcion i,
.gd-post-pkg-20 .ficha-descripcion i,
.gd-post-pkg-21 .ficha-descripcion i {
  color: #b4adbb !important;
}


/* new badge */
.card-media-new {
position: absolute;
  top: 10px;
  left: 10px;
  padding: 8px;
  transition: background-color 0.3s;
  background-color: rgba(183, 88, 245, 0.71);
  color: #fff9fc;
  font-size: 10px;
  border-top-left-radius: 9px;
  border-bottom-right-radius: 5px; }