/* ============================================================
   SELLO 4ª EDICIÓN — Posicionamiento y animación
   Prácticas Energéticas de Sanación Cuántica — David Moreno
   v1.0.0
   ============================================================ */

/* ── Sello en el Hero ── */
.sello-edicion {
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 20;
  width: 140px;
  height: 140px;
  pointer-events: none;
  filter: drop-shadow(0 8px 24px rgba(201, 168, 76, 0.45));
  animation: sello-float 4s ease-in-out infinite;
}

.sello-edicion img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Animación suave de flotación */
@keyframes sello-float {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50%       { transform: translateY(-8px) rotate(-3deg); }
}

/* ── Sello en la tarjeta de evento ── */
.sello-edicion--card {
  position: absolute;
  top: -18px;
  right: -14px;
  width: 90px;
  height: 90px;
  z-index: 15;
  pointer-events: none;
  filter: drop-shadow(0 4px 12px rgba(201, 168, 76, 0.5));
  animation: sello-float-card 4s ease-in-out infinite;
}

@keyframes sello-float-card {
  0%, 100% { transform: rotate(8deg) translateY(0); }
  50%       { transform: rotate(8deg) translateY(-5px); }
}

/* ── Sello junto al precio en sección reserva ── */
.sello-edicion--precio {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 100px;
  height: 100px;
  z-index: 10;
  pointer-events: none;
  filter: drop-shadow(0 6px 18px rgba(201, 168, 76, 0.55));
  animation: sello-float-precio 4s ease-in-out infinite 0.5s;
}

@keyframes sello-float-precio {
  0%, 100% { transform: rotate(-5deg) translateY(0); }
  50%       { transform: rotate(-5deg) translateY(-6px); }
}

/* Asegurar position relative en el contenedor del precio */
.pricing-highlight {
  position: relative;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  /* Hero: más pequeño y reposicionado para no solapar el texto */
  .sello-edicion {
    width: 90px;
    height: 90px;
    top: 16px;
    right: 16px;
  }

  /* Tarjeta: ligeramente más pequeño */
  .sello-edicion--card {
    width: 72px;
    height: 72px;
    top: -12px;
    right: -8px;
  }

  /* Precio: más pequeño */
  .sello-edicion--precio {
    width: 80px;
    height: 80px;
    top: -16px;
    right: -12px;
  }
}

@media (max-width: 480px) {
  .sello-edicion {
    width: 72px;
    height: 72px;
    top: 10px;
    right: 10px;
  }

  .sello-edicion--card {
    width: 60px;
    height: 60px;
  }

  .sello-edicion--precio {
    width: 68px;
    height: 68px;
    top: -12px;
    right: -8px;
  }
}