/* [project]/src/components/voces/hero/voces-hero-ambient.css [app-client] (css) */
.voces-hero-ambient {
  z-index: 2;
  pointer-events: none;
  --ambient-intensity: 1;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.voces-ambient-sun-rays {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.voces-ambient-sun-ray {
  transform-origin: 100% 0;
  opacity: 0;
  filter: blur(14px);
  transform: rotate(var(--ray-rotate, -12deg));
  animation: vocesSunRayPulse var(--ray-duration, 21s) ease-in-out infinite;
  animation-delay: var(--ray-delay, 0s);
  will-change: transform, opacity;
  background: linear-gradient(112deg, #ffd28200 0%, #ffc86e8c 28%, #ffb95a59 52%, #ffaa5014 72%, #ffa04600 100%);
  position: absolute;
}

@keyframes vocesSunRayPulse {
  0%, 100% {
    opacity: calc(var(--ray-peak-opacity, .06) * .45 * var(--ambient-intensity, 1));
    transform: rotate(calc(var(--ray-rotate, -12deg) - .6deg)) scaleX(.96);
  }

  35% {
    opacity: calc(var(--ray-peak-opacity, .06) * .85 * var(--ambient-intensity, 1));
    transform: rotate(calc(var(--ray-rotate, -12deg) + .4deg)) scaleX(1.02);
  }

  65% {
    opacity: calc(var(--ray-peak-opacity, .06) * var(--ambient-intensity, 1));
    transform: rotate(calc(var(--ray-rotate, -12deg) + .8deg)) scaleX(1.04);
  }
}

.voces-ambient-particles {
  position: absolute;
  inset: 0;
}

.voces-ambient-particle {
  opacity: 0;
  animation: vocesGoldenParticleDrift var(--particle-duration, 16s) ease-in-out infinite;
  animation-delay: var(--particle-delay, 0s);
  will-change: transform, opacity;
  background: radial-gradient(circle at 35% 35%, #ffe4aaf2 0%, #ffc8788c 45%, #ffb96400 100%);
  border-radius: 50%;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

@keyframes vocesGoldenParticleDrift {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0)scale(.85);
  }

  12% {
    opacity: calc(var(--particle-peak, .2) * .6 * var(--ambient-intensity, 1));
  }

  45% {
    opacity: calc(var(--particle-peak, .2) * var(--ambient-intensity, 1));
    transform: translate3d(calc(var(--particle-drift-x, -8px) * .5),
      calc(var(--particle-drift-y, -16px) * .45),
      0) scale(1);
  }

  78% {
    opacity: calc(var(--particle-peak, .2) * .55 * var(--ambient-intensity, 1));
    transform: translate3d(var(--particle-drift-x, -8px),
      var(--particle-drift-y, -16px),
      0) scale(.92);
  }

  100% {
    opacity: 0;
    transform: translate3d(calc(var(--particle-drift-x, -8px) * 1.1),
      calc(var(--particle-drift-y, -16px) * 1.15),
      0) scale(.8);
  }
}

.voces-ambient-leaves {
  position: absolute;
  inset: 0;
}

.voces-ambient-leaf {
  opacity: 0;
  transform: rotate(var(--leaf-rotate-start, 0deg));
  animation: vocesLeafFloat var(--leaf-duration, 15s) ease-in-out infinite;
  animation-delay: var(--leaf-delay, 0s);
  will-change: transform, opacity;
  position: absolute;
}

@keyframes vocesLeafFloat {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) rotate(var(--leaf-rotate-start, 0deg));
  }

  8% {
    opacity: calc(.42 * var(--ambient-intensity, 1));
  }

  50% {
    opacity: calc(.55 * var(--ambient-intensity, 1));
    transform: translate3d(calc(var(--leaf-end-x, 10vw) * .55),
      calc(var(--leaf-end-y, 30vh) * .5),
      0) rotate(calc((var(--leaf-rotate-start, 0deg) + var(--leaf-rotate-end, 60deg)) * .5));
  }

  88% {
    opacity: calc(.28 * var(--ambient-intensity, 1));
  }

  100% {
    opacity: 0;
    transform: translate3d(var(--leaf-end-x, 10vw),
      var(--leaf-end-y, 30vh),
      0) rotate(var(--leaf-rotate-end, 60deg));
  }
}

@media (max-width: 767px) {
  .voces-hero-ambient {
    --ambient-intensity: .55;
  }

  .voces-ambient-sun-ray {
    filter: blur(20px);
    animation-duration: calc(var(--ray-duration, 21s) * 1.35);
  }

  .voces-ambient-particle {
    animation-duration: calc(var(--particle-duration, 16s) * 1.2);
  }

  .voces-ambient-leaf {
    animation-duration: calc(var(--leaf-duration, 15s) * 1.15);
  }
}

@media (prefers-reduced-motion: reduce) {
  .voces-hero-ambient {
    display: none;
  }
}

/* [project]/src/components/voces/hero/voces-hero.css [app-client] (css) */
.voces-hero {
  position: relative;
  overflow: hidden;
}

.voces-hero-bg {
  z-index: 0;
  background-image: url("/images/voces/hero-voces.png");
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.voces-hero-shade {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #140c06e0 0%, #140c06cc 18%, #140c068c 38%, #140c0633 60%, #0000 80%);
  position: absolute;
  inset: 0;
}

.voces-hero-vignette {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#140c0659 0%, #0000 18% 80%, #140c0666 100%);
  position: absolute;
  inset: 0;
}

.voces-hero-light-overlay {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.voces-hero-foliage-light {
  mix-blend-mode: overlay;
  opacity: .32;
  background-image: url("/images/voces/foliage-warm-light.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  inset: -15% -10% -15% 25%;
}

.voces-hero-foliage-shadow {
  opacity: .78;
  mix-blend-mode: multiply;
  filter: blur(4px);
  background-image: url("/images/voces/foliage-shadows.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  inset: -12% -8% -12% 22%;
}

@media (max-width: 767px) {
  .voces-hero-foliage-light {
    opacity: .15;
  }

  .voces-hero-foliage-shadow {
    opacity: .3;
    filter: blur(6px);
  }
}

/* [project]/src/app/(public)/voces/voces-community.css [app-client] (css) */
.voces-pub-card {
  -webkit-backdrop-filter: blur(10px);
  background: #faf8f5d1;
  border: 1px solid #e0d4c4a6;
  transition: background .28s, box-shadow .28s, transform .28s;
  box-shadow: 0 2px 14px #2c1f140f;
}

.voces-pub-card:hover {
  background: #faf8f5f5;
  transform: translateY(-2px);
  box-shadow: 0 6px 22px #2c1f1417;
}

.voces-pub-card .voces-pub-image {
  transition: transform .45s;
}

.voces-pub-card:hover .voces-pub-image {
  transform: scale(1.012);
}

.voces-link-accent {
  color: #8b6b52;
  transition: color .2s;
}

.voces-link-accent:hover {
  color: #6b4f3a;
}

.voces-btn-primary {
  color: #faf8f5;
  background-color: #8b6b52;
  border-radius: .75rem;
  align-items: center;
  gap: .375rem;
  padding: .625rem 1.25rem;
  font-size: .875rem;
  font-weight: 600;
  transition: opacity .2s;
  display: inline-flex;
}

.voces-btn-primary:hover {
  opacity: .85;
}

.voces-btn-cta {
  padding: .75rem 1.375rem;
  font-size: .9375rem;
}

.voces-btn-secondary {
  color: #6b4f3a;
  background: #faf8f599;
  border: 1px solid #c4a88273;
  border-radius: .75rem;
  align-items: center;
  padding: .625rem 1.25rem;
  font-size: .875rem;
  font-weight: 500;
  transition: background .2s;
  display: inline-flex;
}

.voces-btn-secondary:hover {
  background: #8b6b521a;
}

.voces-reacciones {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  display: flex;
}

.voces-reacciones--full {
  background: #f0e8dc59;
  border: 1px solid #e0d4c48c;
  border-radius: .75rem;
  margin-top: 1.25rem;
  padding: .625rem .875rem;
}

.voces-reacciones--compact {
  gap: .25rem;
}

.voces-reaccion-btn {
  color: #6b4f3a;
  cursor: not-allowed;
  opacity: .72;
  background: #faf8f5bf;
  border: 1px solid #e0d4c48c;
  border-radius: 9999px;
  align-items: center;
  gap: .25rem;
  padding: .25rem .625rem;
  font-size: .6875rem;
  font-weight: 500;
  transition: background .18s, opacity .18s;
  display: inline-flex;
}

.voces-reacciones--full .voces-reaccion-btn {
  padding: .375rem .75rem;
  font-size: .75rem;
}

.voces-reaccion-label {
  letter-spacing: .01em;
}

.voces-reaccion-count {
  opacity: .75;
  font-size: .625rem;
}

.voces-conversacion-puente {
  background: #f0e8dc66;
  border: 1px solid #e0d4c48c;
}

.voces-sidebar-panel {
  background: #faf8f5e0;
  border: 1px solid #e0d4c4a6;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 14px #2c1f140d;
}

.voces-sidebar-section + .voces-sidebar-section {
  border-top: 1px solid #e0d4c48c;
}

.voces-sidebar-link {
  border-radius: .625rem;
  padding: .3125rem .4375rem;
  transition: background .18s, color .18s;
  display: block;
}

.voces-sidebar-link:hover {
  background: #f0e8dca6;
}

.voces-sidebar-link:hover .voces-sidebar-link-title {
  color: #6b4f3a;
}

.voces-stats-bar {
  margin-bottom: .25rem;
}

@media (prefers-reduced-motion: reduce) {
  .voces-pub-card, .voces-pub-card .voces-pub-image {
    transition: none;
  }

  .voces-pub-card:hover {
    transform: none;
  }
}

/*# sourceMappingURL=src_00ckhyt._.css.map*/