/* ============================================================
   EYUB' - tienda.css
   ============================================================ */

/* ---------- Portal a EYUB.GT ---------- */
.portal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  overflow: hidden;
  padding: clamp(2.4rem, 5vw, 4rem) clamp(1.6rem, 4vw, 3.5rem);
  border-radius: var(--radio-lg);
  border: 1px solid var(--borde-fuerte);
  background:
    radial-gradient(760px 380px at 22% 0%, rgba(1, 28, 89, .30), transparent 66%),
    linear-gradient(140deg, rgba(11, 61, 145, .45), rgba(6, 27, 58, .28));
  transition: transform var(--normal) var(--ease), box-shadow var(--normal) var(--ease);
}

.portal:hover { transform: translateY(-4px); box-shadow: 0 26px 64px rgba(1, 28, 89, .28); }

.portal__contenido { position: relative; z-index: 2; max-width: 560px; }
.portal__contenido h2 {
  font-size: clamp(2.4rem, 6vw, 3.8rem);
  letter-spacing: -.04em;
  margin: .8rem 0 .9rem;
}
.portal__contenido .lede { margin-bottom: 1.8rem; }

.portal__orbe {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  color: rgba(255, 255, 255, .16);
  filter: drop-shadow(0 0 40px rgba(1, 28, 89, .5));
  animation: flotar-orbe 7s var(--ease) infinite;
}
@keyframes flotar-orbe {
  0%, 100% { transform: translateY(-10px) rotate(-4deg); }
  50%      { transform: translateY(10px) rotate(4deg); }
}
@media (max-width: 820px) { .portal__orbe { display: none; } }

/* ---------- Categorias ---------- */
.categoria { display: flex; flex-direction: column; }
.categoria p { flex: 1; margin-bottom: 1rem; }