/* ══════════════════════════════════════════════════════════
   RP Colección · estilos propios (aislados en .rpc-coleccion)
   Recolorable: cambia los tokens --rpc-* de abajo.
   Escala: móvil 375 en :root, desktop ≥1024 en el media.
   ══════════════════════════════════════════════════════════ */
.rpc-coleccion{
  /* color — paleta por defecto (estilo Rebeca Pal) */
  --rpc-oro:        #B9AE5E;
  --rpc-oro-txt:    #7D6C3E;
  --rpc-vino:       #55191B;
  --rpc-hueso:      #F8F8F6;
  --rpc-ciruela:    #3D192E;
  --rpc-blanco:     #FFFFFF;
  --rpc-nota-txt:   #432A37;

  /* tipografía */
  --rpc-font-sans:  "Manrope", sans-serif;
  --rpc-font-serif: "Lora", serif;
  --rpc-font-mano:  "Nanum Pen Script", cursive;

  /* escala móvil */
  --rpc-libro-size: 20px;
  --rpc-meta-size: 15px;  --rpc-meta-ls: 1.4px;
  --rpc-btn-size: 18px;   --rpc-btn-h: 38px;   --rpc-btn-px: 25px;

  --rpc-t-rapida: .2s ease;
  --rpc-t-suave:  .35s ease;
}

/* ───────────── carrusel (una tarjeta a la vez) ───────────── */
.rpc-coleccion .rp-carrusel,
.rpc-coleccion .rp-carrusel > .elementor-container{
  list-style:none; margin:0; padding:0;
  display:grid; grid-auto-flow:column; grid-auto-columns:100%;
  overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none; -ms-overflow-style:none;
  scroll-behavior:smooth; scroll-snap-stop:always;
  padding-block:14px; /* la rotación de las notas no se recorta */
}
.rpc-coleccion .rp-carrusel::-webkit-scrollbar{ display:none; }
.rpc-coleccion .rp-carrusel > *,
.rpc-coleccion .rp-carrusel > .elementor-container > *{
  scroll-snap-align:start; min-width:0;
}

/* puntos */
.rpc-coleccion .rp-puntos{ display:flex; justify-content:center; gap:6.5px; }
.rpc-coleccion .rp-puntos button{
  width:7px; height:7px; padding:0; border:0; border-radius:50%;
  background:#CFCBCB; cursor:pointer;
  transition:transform var(--rpc-t-rapida), background-color var(--rpc-t-rapida);
}
.rpc-coleccion .rp-puntos button:hover{ transform:scale(1.25); }
.rpc-coleccion .rp-puntos button[aria-current="true"]{ background:#8C8489; }

/* ───────────── tarjeta de libro ───────────── */
.rpc-coleccion .rp-libro-card{
  text-align:center;
  display:flex; flex-direction:column;
}
.rpc-coleccion .rp-libro-card__media{
  display:block; width:202px; margin:0 auto 8px;
}
.rpc-coleccion .rp-libro-card__media img{
  width:100%; aspect-ratio:202/298; object-fit:cover; display:block;
  transition:transform var(--rpc-t-suave);
}
.rpc-coleccion .rp-libro-card:hover .rp-libro-card__media img{ transform:scale(1.03); }
.rpc-coleccion .rp-libro-titulo{
  font-family:var(--rpc-font-serif);
  font-weight:700; font-size:var(--rpc-libro-size);
  letter-spacing:0;
  line-height:1.2; text-transform:uppercase;
  color:var(--rpc-oro-txt);
  min-height:2.4em; /* 2 líneas reservadas: metas y botones alineados */
  text-wrap:balance;
}
.rpc-coleccion .rp-libro-titulo a{ text-decoration:none; color:inherit; }
.rpc-coleccion .rp-libro-meta{
  margin:13px 0 16px;
  font-family:var(--rpc-font-sans);
  font-weight:700;
  font-size:var(--rpc-meta-size); letter-spacing:var(--rpc-meta-ls); line-height:1.1;
  color:var(--rpc-oro-txt);
}
.rpc-coleccion .rp-libro-meta p{ margin:0; }

/* ───────────── botones ───────────── */
.rpc-coleccion .rp-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.45em;
  height:var(--rpc-btn-h);
  padding-inline:var(--rpc-btn-px);
  font-family:var(--rpc-font-sans);
  font-weight:600;
  font-size:var(--rpc-btn-size);
  letter-spacing:0; line-height:1;
  border:0; border-radius:8px;
  text-decoration:none; cursor:pointer;
  transition:filter var(--rpc-t-rapida), background-color var(--rpc-t-rapida), color var(--rpc-t-rapida);
}
.rpc-coleccion .rp-btn:hover{ filter:brightness(1.15); }
.rpc-coleccion .rp-btn--vino{ background:var(--rpc-vino); color:var(--rpc-blanco); }
.rpc-coleccion .rp-btn--hueso{ background:#F4EFE9; color:var(--rpc-ciruela); }

/* ───────────── nota de frase ───────────── */
.rpc-coleccion .rp-nota{
  position:relative;
  width:212px;            /* móvil: caja más contenida */
  margin-inline:auto;
  transform:rotate(var(--rot, 0deg));
}
.rpc-coleccion .rp-nota img.rp-nota-img{ width:100%; display:block; }
.rpc-coleccion .rp-nota > .elementor-container{ width:100%; max-width:100%; }
.rpc-coleccion .rp-nota .elementor-widget-wrap{
  position:relative;
  padding:0;
  container-type:inline-size; /* habilita las unidades cqw */
}
.rpc-coleccion .rp-nota-texto{
  position:absolute;
  inset:36% 11% 10%;            /* área útil del papel, bajo la pinza */
  display:flex; align-items:center; justify-content:center; text-align:center;
  font-family:var(--rpc-font-mano);
  font-weight:400;
  font-size:7.3cqw;             /* = 22px cuando la nota mide 302px */
  letter-spacing:1.02cqw;
  line-height:1.05;
  overflow-wrap:break-word;
  color:var(--rpc-nota-txt);
}
.rpc-coleccion .rp-nota-texto p{ margin:0; }
.rpc-coleccion .rp-nota--vino .rp-nota-texto{ color:var(--rpc-hueso); }
.rpc-coleccion .rp-nota--1{ --rot:6.07deg; }
.rpc-coleccion .rp-nota--2{ --rot:-1.68deg; }
.rpc-coleccion .rp-nota--3{ --rot:3.5deg; }

/* ───────────── escritorio · referencia 1280 ───────────── */
@media (min-width: 768px){
  .rpc-coleccion .rp-carrusel,
  .rpc-coleccion .rp-carrusel > .elementor-container{
    grid-auto-flow:column; grid-auto-columns:333px; column-gap:20px;
  }
  .rpc-coleccion .rp-nota{ width:100%; margin-inline:0; }
  .rpc-coleccion .rp-libro-card{ text-align:left; }
  .rpc-coleccion .rp-libro-card__media{
    width:100%; padding:35px 55px; background:var(--rpc-hueso); margin:0 0 27px;
  }
  .rpc-coleccion .rp-libro-card__media img{ aspect-ratio:222/342; }
  .rpc-coleccion .rp-libro-card .rp-btn{ margin-top:auto; }
}

/* ───────────── accesibilidad ───────────── */
.rpc-coleccion a:focus-visible,
.rpc-coleccion button:focus-visible{
  outline:2px solid var(--rpc-vino);
  outline-offset:3px;
  border-radius:2px;
}
@media (prefers-reduced-motion: reduce){
  .rpc-coleccion .rp-carrusel,
  .rpc-coleccion .rp-carrusel > .elementor-container{ scroll-behavior:auto; }
  .rpc-coleccion .rp-btn,
  .rpc-coleccion .rp-libro-card__media img,
  .rpc-coleccion .rp-puntos button{ transition:none; }
}
