/* ============================================================
   CARTA — la plantilla fija del sistema original (card-template.css
   de Nico), portada para armar la carta en cualquier idioma sobre la
   ilustración original sin texto. Medidas de diseño: 500 × 875 px
   (4:7, la proporción de impresión 8 × 14 cm). El marco escala la
   carta al ancho disponible sin que el texto se reacomode.
   ============================================================ */

.me-marco {
  position: relative; width: 100%; aspect-ratio: 4 / 7; overflow: hidden;
  border-radius: calc(26px * var(--k, 1)); container-type: inline-size;
}
.me-carta {
  --papel-c: #f4efe2; --tinta-c: #1c2b49; --oro-c: #b6903f; --acento: #1c2b49;
  position: absolute; top: 0; left: 0; width: 500px; height: 875px;
  transform: scale(var(--k, 1)); transform-origin: top left;
  background: var(--papel-c); border-radius: 26px; overflow: hidden;
  font-family: Georgia, "Times New Roman", "Noto Serif", serif; color: var(--tinta-c);
  -webkit-font-smoothing: antialiased;
}
.me-carta .c-borde {
  position: absolute; inset: 12px; z-index: 20; pointer-events: none;
  border: 1.5px dashed rgba(28, 43, 73, .35); border-radius: 18px;
}
.me-carta .c-imagen {
  position: relative; margin: 12px 12px 0; height: 455px;
  border-radius: 16px 16px 0 0; overflow: hidden; background: var(--papel-c);
}
.me-carta .c-imagen img { width: 100%; height: 100%; object-fit: cover; display: block; }
.me-carta .c-imagen::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to top, var(--papel-c) 0%, rgba(244, 239, 226, 0) 42%);
}
.me-carta .c-numero {
  position: absolute; top: 24px; left: 24px; z-index: 25; width: 92px; height: 92px;
  display: flex; align-items: center; justify-content: center;
}
.me-carta .c-numero img {
  position: absolute; top: 50%; left: 50%; width: 108%; height: 108%; object-fit: contain;
  transform: translate(-50%, -50%) rotate(-6deg); pointer-events: none;
}
.me-carta .c-numero span {
  position: relative; color: #fff; font-size: 43px; letter-spacing: 1px;
  transform: translate(-2px, -2px) scaleY(1.2);
}
.me-carta .c-numero i {
  position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); z-index: 26;
  width: 20px; height: 20px; border-radius: 50%; background: var(--papel-c); color: var(--oro-c);
  font-style: normal; font-size: 15px; display: flex; align-items: center; justify-content: center;
}
.me-carta .c-cuerpo {
  height: 314px; padding: 0 34px; display: flex; flex-direction: column;
  justify-content: center; text-align: center; overflow: hidden;
}
.me-carta .c-titulo {
  font-size: 32px; font-weight: 400; margin: 4px 0 8px; letter-spacing: 1px;
  text-transform: uppercase; line-height: 1.15; color: var(--tinta-c);
}
.me-carta .c-divisor {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 45%; margin: 0 auto 14px; color: var(--oro-c);
}
.me-carta .c-divisor span { flex: 1; height: 1px; background: var(--oro-c); }
.me-carta .c-divisor i { font-style: normal; font-size: 13.6px; }
.me-carta .c-mensaje { font-style: italic; font-size: 16.8px; line-height: 1.4; margin: 0 0 16px; }
.me-carta .c-etiqueta {
  display: inline-block; align-self: center; background: var(--acento); color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif; font-size: 11.2px; font-weight: 700;
  letter-spacing: 2px; padding: 6px 16px; border-radius: 20px; margin-bottom: 12px;
}
.me-carta .c-pregunta { font-size: 17.9px; line-height: 1.4; margin: 0; }
.me-carta .c-cinta { position: absolute; left: 60px; right: 60px; bottom: 24px; height: 70px; }
.me-carta .c-cinta img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; }
.me-carta .c-cinta > i {
  position: absolute; top: -6px; left: 50%; transform: translateX(-50%); z-index: 2;
  color: var(--oro-c); font-style: normal; font-size: 17.6px;
}
.me-carta .c-cinta-texto {
  position: absolute; inset: 0; z-index: 2; padding: 0 40px; gap: 2px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.me-carta .c-cinta-et {
  font-family: "Helvetica Neue", Arial, sans-serif; font-size: 10.4px; letter-spacing: 3px;
  color: var(--oro-c); font-weight: 700;
}
.me-carta .c-cinta-cat {
  font-size: 17.6px; color: #fff; letter-spacing: 1px; text-transform: uppercase;
  text-align: center; line-height: 1.2; white-space: nowrap;
}
/* Ajuste para textos largos (otros idiomas): se achica en pasos, nunca se corta. */
.me-carta.ajuste-1 .c-mensaje { font-size: 15.6px; }
.me-carta.ajuste-1 .c-pregunta { font-size: 16.6px; }
.me-carta.ajuste-2 .c-titulo { font-size: 28px; }
.me-carta.ajuste-2 .c-mensaje { font-size: 14.6px; margin-bottom: 12px; }
.me-carta.ajuste-2 .c-pregunta { font-size: 15.6px; }
.me-carta.ajuste-3 .c-titulo { font-size: 25px; }
.me-carta.ajuste-3 .c-mensaje { font-size: 13.6px; line-height: 1.35; }
.me-carta.ajuste-3 .c-pregunta { font-size: 14.6px; line-height: 1.35; }
.me-carta.ajuste-cinta .c-cinta-cat { font-size: 14.5px; }