/* ==========================================================================
   Solé Studio — Proyectos Carousel (shortcode [proyectos_carousel])
   Deriva continua tipo editorial de lujo (no pasos discretos), loop
   infinito sin costuras, arrastrable (mouse/touch) y con trackpad
   horizontal. Gap fijo de 16px.
   ========================================================================== */

.pc-wrapper {
  --pc-ink: #1A1714;
  --pc-ink-soft: #8C8578;
  --pc-bg: #f4f0eb;
  position: relative;
  width: 100%;
  padding: 3vh 0 5vh;
  box-sizing: border-box;
  background: var(--pc-bg);
}

.pc-progress-rail {
  width: 100%;
  height: 1px;
  background: rgba(26, 23, 20, 0.15);
  margin-bottom: 5vh;
  overflow: hidden;
}

.pc-progress-bar {
  height: 100%;
  width: 0%;
  background: var(--pc-ink);
}

.pc-viewport {
  overflow: hidden;
  width: 100%;
}

.pc-track {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: max-content;
  will-change: transform;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

.pc-track.is-dragging {
  cursor: grabbing;
}

.pc-item {
  position: relative;
  flex-shrink: 0;
  border-radius: 2px;
  opacity: 0;
  height: 400px;
  background: var(--pc-bg);
}

.pc-item .pc-content {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  clip-path: inset(0);
  transition: clip-path 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.pc-item:hover .pc-content {
  clip-path: inset(40px 0);
}

.pc-item::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
  z-index: 1;
}

.pc-item:hover::after {
  opacity: 1;
}

.pc-item .pc-item-number,
.pc-item .pc-item-name {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  z-index: 3;
  pointer-events: none;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.pc-item .pc-item-number {
  top: 0;
  color: #b7aea5;
  font-family: "freight-display-pro", serif;
  font-weight: 300;
  font-size: 34px;
  line-height: 1;
  transform: translateY(-100%);
}

.pc-name{
	font-family: "clarendon-urw-extra-narrow", serif!important;
	font-size:11px;
	text-transform:uppercase;
}
.pc-item .pc-item-name {
  bottom: 0;
  color: #f8f5f1;
  font-family: "clarendon-urw-extra-narrow", Sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(100%);
}

.pc-item:hover .pc-item-number,
.pc-item:hover .pc-item-name {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 900px) {
  .pc-item .pc-item-name {
    font-size: 11px;
  }
}