.ficha{
  position:relative;
  z-index:1100;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:start;
  padding:var(--cabeza-arriba) var(--lado) var(--v);
}

.ficha__foto{background:var(--tela);overflow:hidden;aspect-ratio:1}

.ficha__foto img{display:block;width:100%;height:100%;object-fit:cover}

.ficha__datos{position:sticky;top:calc(var(--nav-compacta) + 40px)}

.ficha__migas{font-size:13px;opacity:.55;margin-bottom:26px}

.ficha__migas a{color:var(--negro);text-decoration:none;border-bottom:1px solid var(--borde)}

.ficha__serie{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;opacity:.62}

.ficha__nombre{
  font-size:clamp(38px,4.4vw,68px);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.02em;
  margin:10px 0 18px;
}

.ficha__precio{font-size:20px;font-weight:500}

.ficha__precio span{font-size:15px;text-transform:uppercase;letter-spacing:.04em}

.ficha__texto{margin-top:22px;font-size:15.5px;line-height:1.62;max-width:52ch;opacity:.82}

.ficha__aviso{margin-top:16px;max-width:52ch;font-size:14.5px;line-height:1.6;opacity:.82}

.ficha__aviso a{color:inherit;text-underline-offset:3px}

.ficha__rotulo{
  margin:30px 0 12px;
  font-size:12px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.06em;
  opacity:.5;
}

.tamanos{display:flex;flex-wrap:wrap;gap:8px;list-style:none}

.tamano{
  font:inherit;
  font-size:13.5px;
  padding:10px 14px;
  border:1px solid var(--borde);
  background:var(--papel);
  color:var(--negro);
  cursor:pointer;
  transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease);
}

.tamano:hover{border-color:var(--negro)}

.tamano[aria-pressed="true"]{background:var(--negro);border-color:var(--negro);color:var(--papel)}

.comprar{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap}

.contador{display:flex;align-items:center;border:1px solid var(--negro);
  background:var(--papel)}

.contador button{
  width:42px;
  height:44px;
  font:inherit;
  font-size:16px;
  border:0;
  background:none;
  color:var(--negro);
  cursor:pointer;
}

.contador span{min-width:26px;text-align:center;font-size:14px}

.comprar .boton{flex:1 1 210px;height:44px;padding:0 28px}

.detalles{margin-top:34px;border-top:1px solid var(--negro);list-style:none}

.detalle{border-bottom:1px solid var(--borde)}

.detalle summary{
  padding:16px 0;
  font-size:14px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.03em;
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.detalle summary::-webkit-details-marker{display:none}

.detalle summary::after{content:'+';font-size:17px;font-weight:400}

.detalle[open] summary::after{content:'–'}

.detalle p{padding:0 0 18px;font-size:14.5px;line-height:1.6;opacity:.8;max-width:56ch}

.serie-mas{
  position:relative;
  z-index:1100;
  padding:var(--v) var(--lado);
  border-top:1px solid var(--negro);
}

.serie-mas__cabeza{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 30px;
  margin-bottom:var(--v-tit);
}

.serie-mas__titulo{font-size:clamp(24px,2.6vw,40px);font-weight:400;letter-spacing:-.015em}

.serie-mas__lista{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--hueco);list-style:none}

.pieza{display:flex;flex-direction:column;background:var(--papel);border:1px solid var(--negro)}

.pieza__foto{display:block;aspect-ratio:1;overflow:hidden;background:var(--tela)}

.pieza__foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)}

.pieza:hover .pieza__foto img{transform:scale(1.05)}

.pieza__cuerpo{display:flex;flex-direction:column;gap:5px;flex:1;padding:18px 20px 20px}

.pieza__enlace{color:var(--negro);text-decoration:none}

.pieza__serie{font-size:13px;opacity:.65}

.pieza__nombre{font-size:17px;font-weight:500;text-transform:uppercase;letter-spacing:.02em}

.pieza__precio{font-size:14px;font-weight:500;margin-top:12px}

.pieza__precio span{font-size:15px;text-transform:uppercase;letter-spacing:.04em}

@media (max-width:900px){
  .ficha{grid-template-columns:1fr;gap:30px;padding:var(--cabeza-arriba) var(--lado) var(--v)}
  .ficha__datos{position:static}
  .serie-mas__lista{grid-template-columns:repeat(2,1fr)}
  .comprar .boton{flex:1 1 100%}
}

@media (max-width:520px){
  .serie-mas__lista{grid-template-columns:1fr}
}