/* Rutas de libros (prueba): pin con la portada de la novela y su ficha. */

.portada-pin-caja { background: none; border: none; }
.portada-pin {
  position: relative;
  width: 46px; height: 68px;
  background-color: #ece3cf;
  background-size: cover;
  background-position: center;
  border: 2px solid #f4ede0;
  outline: 1px solid #2b2118;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
  transform: rotate(-3deg);
}
.portada-pin-num {
  position: absolute;
  top: -9px; left: -9px;
  min-width: 20px; height: 20px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 10px;
  background: #8b1a1a;
  color: #f4ede0;
  font: 600 12px/20px 'Inter', sans-serif;
  text-align: center;
}

/* Ficha horizontal: la portada a la izquierda y el texto a la derecha, para
   que sea bajita y no se corte contra la cabecera. */
.popup-card.popup-libro {
  width: 330px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.popup-libro .popup-portada {
  flex: 0 0 84px;
  width: 84px;
  border: 1px solid var(--ink);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
.popup-libro-texto { flex: 1; min-width: 0; }
.popup-libro .popup-name { font-size: 20px; }
.popup-libro .popup-author { margin-bottom: 4px; }
.popup-libro .popup-divider { margin: 6px 0 8px; }
.popup-libro-lugar { font-size: 13px; line-height: 1.35; color: var(--ink); }

@media (max-width: 720px) {
  .popup-card.popup-libro { width: 260px; gap: 10px; padding: 14px 14px 12px; }
  .popup-libro .popup-portada { flex-basis: 62px; width: 62px; }
  .popup-libro .popup-name { font-size: 17px; }
}

.ruta-avion { background: none; border: none; }
.ruta-avion svg { display: block; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4)); }