/* Primera muestra: portada y páginas 8–9. El resto conserva el diseño v7. */
#p1 .brillo-rojo, #p8 .fondo6, #p9 .fondo6 {
  background-image: url('../fondos/fondo-premium-navidad.png') !important;
  background-repeat: no-repeat;
}
#p1 .brillo-rojo { background-size: auto 100%; background-position: center; }
#p1 .bolas-portada { display: none; }
#p1 .velo-portada { background: linear-gradient(180deg, rgba(8,23,14,.18), rgba(5,19,12,.46) 52%, rgba(7,16,10,.48)); }
#p1 .marco6 { border-color: rgba(242,215,157,.85); box-shadow: inset 0 0 0 1.8mm transparent, inset 0 0 0 2mm rgba(242,215,157,.32); }
#p1 .sello-logo { box-shadow: 0 0 0 .5mm #ddc28d, 0 0 0 1.5mm #fdf8ed, 0 3mm 10mm rgba(0,0,0,.3); }
#p1 .centro6 { color: #fff9eb; text-shadow: 0 1mm 3mm rgba(0,0,0,.65); }
#p1 .centro6 .h1-a, #p1 .centro6 .script { color: #f5dcaa; }
#p1 .marca6 { color: #fff7e8; }
#p8 .fondo6, #p9 .fondo6 { background-size: 420mm 297mm; }
#p8 .fondo6 { background-position: left center; }
#p9 .fondo6 { background-position: right center; }
#p8 .velo7, #p9 .velo7 { background: rgba(8,25,16,.46); }
#p8 .texto7::before, #p9 .texto7::before { display: none; }
#p8 .texto7 .nombre, #p9 .texto7 .nombre { color: #fff9ed; text-shadow: 0 .6mm 2mm rgba(0,0,0,.85); font-weight: 600; }
#p8 .frase7, #p9 .frase7 { color: #f2dfba; text-shadow: 0 .4mm 1.5mm #000; }
#p8 .cab6, #p9 .cab6 { background: linear-gradient(rgba(7,23,13,.82), transparent); color: #f8ead0; }
#p8 .cab6 .rango, #p9 .cab6 .rango { color: #f3d398; }
#p8 .pie6, #p9 .pie6 { background: linear-gradient(transparent, rgba(7,23,13,.86)); color: #f8ead0; }
#p8 .pie6 .volver, #p9 .pie6 .volver, #p8 .pie6 .num, #p9 .pie6 .num { color: #f3d398; }
#p8 .par7 .caja6, #p9 .par7 .caja6 { transform: none; }
#p8 .objeto6 img, #p9 .objeto6 img {
  border-radius: 0;
  box-shadow: none;
  -webkit-mask-image: radial-gradient(ellipse 76% 75% at center, #000 75%, transparent 100%);
  mask-image: radial-gradient(ellipse 76% 75% at center, #000 75%, transparent 100%);
}
#p8 .sombra6, #p9 .sombra6 { opacity: .5; }
#p8 .btn-detalles, #p9 .btn-detalles { color: #fff7e8; background: rgba(26,46,31,.94); border-color: #e4c88b; }
#p8 .btn-detalles:hover, #p9 .btn-detalles:hover { color: #21311f; background: #f4dfb2; }
#p8 .btn-wa, #p9 .btn-wa { background: #237849; border-color: #237849; color: #fff; }
#p8 .btn-detalles:focus-visible, #p9 .btn-detalles:focus-visible, #p8 .btn-wa:focus-visible, #p9 .btn-wa:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; } }

/* La foto abre la ficha de producto. */
.boton-foto { cursor: pointer; }

/* Diseño editorial: los productos conservan sus fotografías completas. */
body.web {
  background-color: #430d1c;
  background-image: radial-gradient(ellipse at 50% 20%, #792137 0%, #4c1020 58%, #2d0d17 100%);
}
.barra { background: #142a1c; border-bottom-color: rgba(217,185,124,.6); }
.pagina.par7 .fondo6, .pagina.completa7 .fondo6 {
  background-image: url('../fondos/fondo-premium-navidad.png') !important;
  background-size: 420mm 297mm;
  background-repeat: no-repeat;
}
.pagina.par7.izq .fondo6, .pagina.completa7.izq .fondo6 { background-position: left center; }
.pagina.par7.der .fondo6, .pagina.completa7.der .fondo6 { background-position: right center; }
.pagina.par7 .velo7, #p8 .velo7, #p9 .velo7,
.pagina.completa7 .velo-oscuro { background: rgba(9, 27, 18, .72); }
.pagina.par7 .cab6, .pagina.completa7 .cab6,
.pagina.par7 .pie6, .pagina.completa7 .pie6,
#p8 .cab6, #p9 .cab6, #p8 .pie6, #p9 .pie6 {
  color: #f7efdf; text-shadow: none;
  background: transparent;
}
.pagina.par7 .cab6 .rango, .pagina.completa7 .cab6 .rango,
.pagina.par7 .pie6 .volver, .pagina.completa7 .pie6 .volver,
.pagina.par7 .pie6 .num, .pagina.completa7 .pie6 .num { color: #e9c991; }
.pagina.par7 .cab6, .pagina.completa7 .cab6 { border-bottom: .25mm solid rgba(225,195,143,.35); }
.pagina.par7 .pie6, .pagina.completa7 .pie6 { border-top: .25mm solid rgba(225,195,143,.28); }
.pagina.par7 .item7::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1mm;
  border-bottom: .25mm solid rgba(229,202,155,.3); pointer-events: none;
}
.pagina.par7 .item7-2::after { display: none; }
.pagina.par7 .caja6 { transform: none !important; }
.pagina.par7 .objeto6 img, .pagina.completa7 .objeto6 img {
  border-radius: 1.5mm; box-shadow: none;
  -webkit-mask-image: none; mask-image: none;
  outline: .3mm solid rgba(226,200,154,.55); outline-offset: .8mm;
}
.pagina.par7 .sombra6, .pagina.completa7 .sombra6 { display: none; }
.pagina.par7 .texto7::before, .pagina.completa7 .texto7::before { display: none; }
.pagina.par7 .texto7 .nombre, .pagina.completa7 .texto7 .nombre,
#p8 .texto7 .nombre, #p9 .texto7 .nombre {
  color: #fffaf0; text-shadow: 0 .4mm 1mm rgba(0,0,0,.42);
  font-weight: 600; line-height: 1.05;
}
.pagina.par7 .frase7, .pagina.completa7 .frase7 { display: none; }
.pagina.par7 .etiqueta-precio, .pagina.completa7 .etiqueta-precio {
  color: #f4d5a1; background: transparent; padding: 0; clip-path: none;
  font-family: var(--serif); font-weight: 700;
}
.pagina.par7 .etiqueta-precio .ojal, .pagina.completa7 .etiqueta-precio .ojal { display: none; }
.pagina.par7 .antes, .pagina.completa7 .antes { color: #e4ddcf; }
.pagina.par7 .precio-fila, .pagina.completa7 .precio-fila { margin-top: 3mm; margin-bottom: 5mm; }
.pagina.par7 .btn-detalles, .pagina.completa7 .btn-detalles,
#p8 .btn-detalles, #p9 .btn-detalles { color: #fff9ed; background: rgba(16,42,28,.9); border-color: #d6b77b; }
.pagina.par7 .btn-wa, .pagina.completa7 .btn-wa,
#p8 .btn-wa, #p9 .btn-wa { background: #246f48; border-color: #246f48; color: #fff; }
.pagina.par7 .sello-oferta, .pagina.completa7 .sello-oferta {
  background: #8c2031; box-shadow: none; transform: none;
}
.pagina.par7 .sello-oferta::before, .pagina.completa7 .sello-oferta::before { border-style: solid; border-color: #e9c991; }
/* La lista conserva controles grandes y fotos completas en pantallas pequeñas. */
body.modo-lista .lista-movil { background: #f5f0e6; }
.tarjeta-lista { border-color: #d3bf9b; box-shadow: 0 7px 24px rgba(30,36,26,.09); }
.tl-foto { cursor: pointer; background: #173022; }
.tarjeta-lista .frase7 { display: none; }
@media (min-width: 761px) {
  .escenario { align-items: flex-start; overflow: auto; padding: 4px 6px 12px; }
  .libro { flex: 0 0 auto; }
  .barra-nav .btn.icono { width: 42px; height: 42px; margin-top: -21px; font-size: 26px; background: rgba(18,48,31,.92); }
  #anterior { left: 5px; }
  #siguiente { right: 5px; }
}
@media (max-width: 760px) {
  .escenario { align-items: flex-start; padding: 4px 4px 50px; }
}
body.barra-quieta:not(.visor-abierto):not(.modo-lista) .barra { opacity: 1; }
@media (max-width: 760px) {
  body.modo-lista .lista-movil { padding: 10px 10px 32px; background: #e9e1d3; }
  .tarjeta-lista { background: #fffbf2; border: 1px solid #ccba98; border-radius: 9px; margin-bottom: 16px; }
  .tl-foto { background: #142d20; }
  .tl-foto img { max-height: 53vh; width: 100%; height: auto; object-fit: contain; }
  .tl-texto { padding: 15px 17px 20px; }
  .tl-rango { color: #85283a; font-size: 12px; letter-spacing: .13em; }
  .tarjeta-lista .texto7 .nombre { color: #193426; font-size: 25px; line-height: 1.1; margin-bottom: 10px; }
  .tarjeta-lista .etiqueta-precio { color: #80273a; background: none; padding: 0; clip-path: none; font-family: var(--serif); font-size: 28px; }
  .tarjeta-lista .etiqueta-precio .ojal { display: none; }
  .tarjeta-lista .precio-fila { margin-bottom: 14px; }
  .tarjeta-lista .btn-detalles, .tarjeta-lista .btn-wa { font-size: 15px; padding: 10px 14px; }
  .tarjeta-lista .btn-wa { background: #246f48; border-color: #246f48; }
}

/* Cada hoja completa cabe en la ventana; se avanza pasando páginas. */
.escenario { align-items: center; justify-content: center; overflow: hidden; }
@supports (height: 100dvh) {
  .escenario { bottom: auto; height: calc(100dvh - var(--barra)); }
}
@media (max-width: 760px) {
  .escenario { padding-bottom: calc(50px + env(safe-area-inset-bottom, 0px)); }
  .barra-nav .btn.icono { bottom: calc(3px + env(safe-area-inset-bottom, 0px)); }
  .contador { bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
}
/* Separadores de precio con una fotografía protagonista, íntegra y enlazada. */
.divisor6.protagonista .fondo6 { background-image: url('../fondos/fondo-premium-navidad.png') !important; background-size: cover; background-position: center; }
.divisor6.protagonista .velo6.seccion { background: rgba(7, 26, 17, .72); }
.divisor6.protagonista .div6-centro { top: 22mm; left: 12mm; right: 12mm; }
.divisor6.protagonista .div6-centro .script { color: #e8c991; font-size: 34pt; }
.divisor6.protagonista .div6-centro h2 { color: #fff9ed; font-size: 36pt; letter-spacing: .015em; margin: 3mm 0 3mm; }
.divisor6.protagonista .div6-centro .cuenta { color: #f4e9d5; }
.divisor6.protagonista .div6-centro .cuenta b { color: #e8c991; }
.divisor6.protagonista .muestra-protagonista { position: absolute; z-index: 3; top: 102mm; bottom: 24mm; left: 22mm; right: 22mm; }
.divisor6.protagonista .boton-protagonista { width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #f9ead0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3mm; cursor: pointer; font: 600 13pt var(--sans); letter-spacing: .06em; }
.divisor6.protagonista .boton-protagonista img { display: block; max-width: 100%; max-height: calc(100% - 10mm); width: auto; height: auto; object-fit: contain; outline: .3mm solid rgba(230,204,159,.7); outline-offset: 1mm; }
.divisor6.protagonista .boton-protagonista span { text-transform: uppercase; }
.divisor6.protagonista .boton-protagonista:focus-visible { outline: .8mm solid #f7e6bb; outline-offset: 2mm; }
.divisor6.protagonista .pie6 { color: #f7efdf; background: transparent; border-top: .25mm solid rgba(225,195,143,.28); }
.divisor6.protagonista .pie6 .volver, .divisor6.protagonista .pie6 .num { color: #e9c991; }