/* La carta de producto (assets/js/carta.js): portada y ficha. Sobre el mundo oscuro. */
.carta { display: flex; flex-direction: column; background: rgba(244, 239, 231, 0.035); border: 1px solid var(--linea); }
.carta__foto { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; }
.carta__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 6%; transition: transform 0.6s var(--curva); }
.carta:hover .carta__foto img { transform: scale(1.04); }
.carta__texto { display: flex; flex-direction: column; flex: 1; padding: 1rem 1.1rem 1.1rem; gap: 0.35rem; }
.carta__nombre { font-family: var(--serif); font-weight: 400; font-size: 1.55rem; line-height: 1.1; margin: 0; }
.carta__nombre a { color: var(--tinta); }
.carta__linea { font-family: var(--sans); font-size: 0.88rem; line-height: 1.45; color: var(--tinta); opacity: 0.7; margin: 0; flex: 1; }
.carta__precio { font-family: var(--sans); font-size: 1.1rem; color: var(--tinta); margin: 0.4rem 0 0.6rem; }
.carta__anadir { padding-top: 0.85rem; padding-bottom: 0.85rem; }
.carta__nota { font-family: var(--sans); font-size: 0.85rem; opacity: 0.6; margin: 0; }


/* En el móvil la carta va más baja: la foto del estuche es apaisada. */
@media (max-width: 760px) {
  .carta--estuche .carta__foto { aspect-ratio: 4 / 3; }
  .carta__anadir { letter-spacing: 0.1em; font-size: 0.8rem; white-space: nowrap; padding-left: 0.5rem; padding-right: 0.5rem; }
}