/* GAIA ATELIER · SIGNATURE / STRAPS v1
   Arquitectura editorial: imagen primero, texto en recipiente separado.
   No define producto, precio ni disponibilidad. */

.signature-straps{
  background:var(--paper);
  color:var(--ink);
}

.signature-straps-head{
  min-height:clamp(210px,24vw,340px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:clamp(56px,7vw,96px) 24px;
  text-align:center;
}

.signature-straps-kicker{
  margin:0 0 14px;
  font-size:11px;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
}

.signature-straps-head h2{
  margin:0;
  font-size:clamp(28px,3vw,42px);
  line-height:1.08;
  font-weight:400;
  letter-spacing:-.015em;
}

.signature-straps-subtitle{
  margin:10px 0 0;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted);
}

.signature-straps-pair{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  padding:0 12px;
}

.signature-strap{
  min-width:0;
  display:flex;
  flex-direction:column;
  margin:0;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}

.signature-strap:focus-visible{
  outline:1px solid currentColor;
  outline-offset:-1px;
}

.signature-strap-media{
  margin:0;
  position:relative;
  width:100%;
  aspect-ratio:4 / 5;
  overflow:hidden;
  background:transparent;
}

.signature-strap-media::before{
  content:"";
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:scale(1);
  filter:brightness(.62) saturate(.12) contrast(1.18) sepia(.06);
  transition:transform .8s cubic-bezier(.22,1,.36,1),filter .45s ease;
}

.signature-strap--acid .signature-strap-media::before{
  background-image:url("../media/signature/straps/acid/acid-ovino-signature-primary-v3.webp");
  background-position:center bottom;
}

.signature-strap--maisie .signature-strap-media::before{
  background-image:url("../media/signature/straps/maisie/maisie-natural-vintage-primary-v5.webp");
  background-position:center;
}

.signature-strap-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(.62) saturate(.12) contrast(1.18) sepia(.06);
  transition:transform .8s cubic-bezier(.22,1,.36,1),filter .45s ease;
}

.signature-strap:hover .signature-strap-media::before,
.signature-strap:hover .signature-strap-media img{
  transform:scale(1.015);
  filter:brightness(.68) saturate(.14) contrast(1.19) sepia(.06);
}

.signature-strap-caption{
  min-height:156px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px 20px 32px;
  text-align:center;
  background:var(--paper);
}

.signature-strap-caption h3{
  margin:0;
  font-size:clamp(21px,2vw,28px);
  line-height:1.12;
  font-weight:400;
  letter-spacing:-.01em;
}

.signature-strap-signature{
  margin:8px 0 0;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted);
}

.signature-strap-discover{
  display:inline-block;
  margin-top:14px;
  font-size:12px;
  line-height:1.3;
  text-decoration:underline;
  text-underline-offset:5px;
  color:var(--ink);
}

/* El tercer modelo (VOODOO II) entra después como módulo inferior propio.
   No reservar hueco visible antes de disponer de su material real. */

@media(max-width:760px){
  .signature-straps-head{
    min-height:190px;
    padding:48px 20px;
  }

  .signature-straps-pair{
    grid-template-columns:1fr;
    gap:0;
    padding:0;
  }

  .signature-strap-media{
    aspect-ratio:4 / 5;
  }

  .signature-strap-caption{
    min-height:138px;
    padding:22px 20px 30px;
  }
}

@media(prefers-reduced-motion:reduce){
  .signature-strap-media::before,
  .signature-strap-media img{transition:none}
  .signature-strap:hover .signature-strap-media::before,
  .signature-strap:hover .signature-strap-media img{transform:none}
}

/* Capa 1 · Natural Vintage / Classic: fotografía completa, incluso en hover. */
.signature-pieces-pair .signature-strap-media{
  margin:0;
}
.signature-pieces-pair .signature-strap-media::before{
  content:none;
}
.signature-pieces-pair .signature-strap-media img,
.signature-pieces-pair .signature-strap:hover .signature-strap-media img{
  object-fit:contain;
  transform:none;
}

/* SERIE E · vídeo completo de Capa 1. */
.signature-pieces-pair .signature-strap-media video{
  display:block;width:100%;height:100%;object-fit:contain;
  object-position:center;transform:none;
  filter:brightness(.62) saturate(.12) contrast(1.18) sepia(.06);
}
.signature-pieces-pair .signature-strap:hover .signature-strap-media video{
  filter:brightness(.68) saturate(.14) contrast(1.19) sepia(.06);
}