/* Título opcional */
.tly-books-title{
  margin: 0 0 18px 0;
  font-size: 34px;
  font-weight: 900;
  letter-spacing: .2px;
}

/* Grid */
.tly-books-grid{
  width:100%;
  margin: 10px 0 24px 0;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
  align-items:start;
}

@media (max-width: 980px){
  .tly-books-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
}
@media (max-width: 620px){
  .tly-books-grid{ grid-template-columns: 1fr; gap: 22px; }
}

.tly-book-card{ text-align:center; }

/* Portada uniforme (2:3) */
.tly-book-cover{
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  background: #0b0b0b;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
  aspect-ratio: 2 / 3;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
}

.tly-cover-img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.tly-cover-fallback{
  width:100%;
  height:100%;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));
}

.tly-book-subtitle{
  margin: 14px 0 10px 0;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: .15px;
}

/* Botones ícono */
.tly-store-row{
  display:flex;
  justify-content:center;
  gap: 16px;
  margin-top: 10px;
  flex-wrap:wrap;
}

.tly-store-btn{
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 26px rgba(0,0,0,.10);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

.tly-store-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0,0,0,.16);
  filter: brightness(1.02);
}
.tly-store-btn:active{ transform: translateY(0); }

.tly-store-btn svg{ width: 30px; height: 30px; display:block; }

.tly-store-icon{
  width: 30px !important;
  height: 30px !important;
  object-fit: contain;
  display:block;
}

.tly-store-btn--amazon{
  background:#ffffff;
  border-color: rgba(0,0,0,.08);
  color: #111111;
}
/* Quitar cualquier fondo o caja del IMG del ícono */
.tly-store-icon{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Si el botón tiene overflow visible, el ícono no debe “heredar” caja */
.tly-store-btn{
  overflow: hidden; /* evita bordes raros si el ícono trae fondo */
}

/* WordPress Navigation Block: hide the Books item when the current language has no books. */
.tly-nav-book-hidden { display: none !important; }