/* Estructura compartida de las páginas de colección */

/* Introducción equilibrada */
body[data-pagina="coleccion"] .catalogo-portada.rc-con-representativa {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;
  grid-template-rows:auto!important;
  grid-auto-flow:row;
  align-items:center;
  gap:clamp(24px,3vw,40px)!important;
  height:auto!important;
  min-height:0!important;
  margin-block:0!important;
  padding:24px 0 32px!important;
}

.rc-coleccion-copy {
  grid-column:1!important;
  grid-row:1!important;
  min-width:0;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.rc-coleccion-copy > div:not(.acciones) {
  width:100%;
  max-width:none;
  margin-inline:0;
  padding-inline:0;
}

.rc-coleccion-copy .eyebrow {
  margin:0 0 12px;
  color:#80643e;
  font:600 .65rem/1.5 Arial,sans-serif;
  letter-spacing:.19em;
}

.rc-coleccion-copy h1 {
  max-width:19ch;
  margin:0 0 16px;
  font-size:clamp(2.1rem,3.5vw,3.4rem);
  line-height:1.06;
  letter-spacing:-.04em;
  overflow-wrap:break-word;
  text-wrap:balance;
}

.rc-coleccion-copy p:not(.eyebrow) {
  max-width:54ch;
  margin:0;
  color:#59544e;
  font-size:1rem;
  line-height:1.65;
}

.rc-coleccion-copy .acciones {
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.rc-coleccion-copy .acciones a {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:12px 16px;
  border:1px solid var(--vino,#8b0b20);
  background:var(--vino,#8b0b20);
  color:#fffaf4!important;
  font:600 .85rem/1.4 Arial,sans-serif;
  text-align:center;
  text-decoration:none;
}

.rc-coleccion-copy .acciones a[href="#piezas"] {
  background:transparent;
  color:var(--vino,#8b0b20)!important;
}

.rc-coleccion-copy .acciones a[href="#piezas"]::after {
  content:"\2193";
  font-size:1.1rem;
}

/* La pieza destacada conecta visualmente con la descripción */
body[data-pagina="coleccion"] .rc-pieza-representativa {
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  grid-column:2!important;
  grid-row:1!important;
  align-items:center;
  gap:18px;
  width:100%;
  max-width:none!important;
  min-width:0;
  margin:0;
  padding:20px;
  border:1px solid #d8cec0;
  border-top:2px solid #ad9065;
  border-radius:3px;
  background:#fcfaf6;
  box-shadow:0 10px 30px rgba(40,30,18,.045);
}

body[data-pagina="coleccion"] .rc-pieza-representativa .catalogo-portada-foto {
  position:relative!important;
  inset:auto!important;
  float:none!important;
  display:block!important;
  grid-area:auto!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  background:#eee8df;
  border:0;
}

body[data-pagina="coleccion"] .rc-pieza-representativa .catalogo-portada-foto img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

.rc-representativa-ficha {
  min-width:0;
  margin:0;
}

.rc-pieza-representativa .rc-representativa-etiqueta {
  margin:0 0 9px;
  color:#80643e;
  font:600 .6rem/1.5 Arial,sans-serif;
  letter-spacing:.16em;
}

.rc-pieza-representativa .rc-representativa-nombre {
  margin:0;
  font:400 clamp(1.4rem,2vw,1.9rem)/1.12 var(--serif,Georgia,serif);
  letter-spacing:-.025em;
  overflow-wrap:break-word;
}

.rc-pieza-representativa .rc-representativa-descripcion {
  margin:12px 0 18px;
  color:#59544e;
  font-size:.86rem;
  line-height:1.6;
}

/* Botones consistentes y fáciles de reconocer */
.rc-pieza-representativa .rc-representativa-pedir,
body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza-cotizar {
  box-sizing:border-box;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  padding:12px 14px;
  border:1px solid var(--vino,#8b0b20);
  border-radius:2px;
  background:var(--vino,#8b0b20);
  color:#fffaf4!important;
  font:600 .85rem/1.4 Arial,sans-serif;
  text-align:center;
  text-decoration:none;
  white-space:normal;
}

.rc-pieza-representativa .rc-representativa-pedir:hover,
body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza-cotizar:hover {
  background:#650819;
  border-color:#650819;
}

.rc-coleccion-copy .acciones a:focus-visible,
.rc-pieza-representativa a:focus-visible,
body[data-pagina="coleccion"] #rc-seis-piezas a:focus-visible {
  outline:3px solid #ad9065;
  outline-offset:4px;
}

/* Entrada clara al catálogo */
body[data-pagina="coleccion"] #piezas {
  min-height:0!important;
  margin-top:0!important;
  padding-block:28px 56px!important;
  border-top:1px solid #d8cec0;
  scroll-margin-top:16px;
}

body[data-pagina="coleccion"] #piezas h2 {
  margin:0;
  font-size:clamp(1.75rem,2.6vw,2.3rem);
  line-height:1.15;
  letter-spacing:-.035em;
}

body[data-pagina="coleccion"] #piezas .catalogo-herramientas {
  margin:10px 0 20px!important;
  padding:0!important;
  border:0!important;
  color:#756a5c;
  font-size:.83rem;
}

body[data-pagina="coleccion"] #piezas .catalogo-herramientas a[href="#piezas"] {
  display:none;
}

/* Seis piezas con proporciones compartidas */
body[data-pagina="coleccion"] #rc-seis-piezas {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  margin:0!important;
}

body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #d8cec0;
  border-radius:3px;
  background:#fcfaf6;
  transition:border-color .2s,box-shadow .2s;
}

body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza:hover,
body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza:focus-within {
  border-color:#ad9065;
  box-shadow:0 8px 24px rgba(40,30,18,.07);
}

body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza-foto {
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1!important;
  margin:0;
  overflow:hidden;
  background:#eee8df;
}

body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza-foto img {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza-numero {
  position:absolute;
  inset:12px auto auto 12px;
  z-index:2;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  background:#fcfaf6;
  border:1px solid #d8cec0;
  color:#80643e;
  font-size:.7rem;
}

body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza-ficha {
  display:flex;
  flex:1;
  flex-direction:column;
  gap:16px;
  padding:18px!important;
}

body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza-nombre {
  margin:0;
  font-size:1.5rem;
  line-height:1.18;
  overflow-wrap:break-word;
}

body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza-cotizar {
  margin-top:auto!important;
}

/* Tablet */
@media(max-width:1000px) {
  body[data-pagina="coleccion"] #rc-seis-piezas {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:900px) {
  body[data-pagina="coleccion"] .catalogo-portada.rc-con-representativa {
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
  }

  body[data-pagina="coleccion"] .rc-pieza-representativa {
    grid-column:1!important;
    grid-row:2!important;
    grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  }

  body[data-pagina="coleccion"] .rc-pieza-representativa .catalogo-portada-foto {
    max-width:240px!important;
    margin-inline:auto!important;
  }

  .rc-coleccion-copy h1 {
    max-width:24ch;
    font-size:clamp(2rem,5vw,3rem);
  }

  .rc-coleccion-copy p:not(.eyebrow) {
    max-width:68ch;
  }
}

/* Móvil */
@media(max-width:600px) {
  body[data-pagina="coleccion"] .catalogo-portada.rc-con-representativa {
    padding-block:16px 24px!important;
    gap:20px!important;
  }

  .rc-coleccion-copy h1 {
    margin-bottom:12px;
    font-size:clamp(1.9rem,7.5vw,2.5rem);
  }

  .rc-coleccion-copy p:not(.eyebrow) {
    font-size:.94rem;
    line-height:1.6;
  }

  .rc-coleccion-copy .acciones {
    margin-top:18px;
  }

  .rc-coleccion-copy .acciones a {
    flex:1 1 auto;
    padding-inline:12px;
    font-size:.8rem;
  }

  body[data-pagina="coleccion"] .rc-pieza-representativa {
    grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);
    gap:14px;
    padding:14px;
  }

  .rc-pieza-representativa .rc-representativa-nombre {
    font-size:1.4rem;
  }

  .rc-pieza-representativa .rc-representativa-descripcion {
    margin:10px 0 14px;
    font-size:.82rem;
    line-height:1.55;
  }

  body[data-pagina="coleccion"] #piezas {
    padding-block:24px 40px!important;
  }

  body[data-pagina="coleccion"] #rc-seis-piezas {
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  body[data-pagina="coleccion"] #rc-seis-piezas .rc-pieza {
    transition:none;
  }
}