/* v7 «revista»: composición editorial de dobles páginas. Lomo: 15 mm libres a cada lado del pliegue
   (en la página izquierda el lomo queda a la derecha; en la derecha, a la izquierda). */
.p6.der { --m-izq: 22mm; --m-der: 14mm; }
.p6.izq { --m-izq: 14mm; --m-der: 22mm; }

/* Escena más visible que en la v6: luz suave solo detrás de cada ancheta */
.velo7 { position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(rgba(255,250,240,.5), rgba(255,250,240,.18) 22%, rgba(255,250,240,.18) 78%, rgba(255,250,240,.55)); }
.item7 { position: absolute; z-index: 3; }
.item7 .foto6 { position: absolute; }
.texto7 { position: absolute; z-index: 4; }
/* Brillo crema difuminado detrás del texto (no es una caja) */
.texto7::before { content: ''; position: absolute; inset: -9mm -10mm; z-index: -1; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255,251,244,.97), rgba(255,251,244,.9) 62%, rgba(255,251,244,0)); }
.texto7 .nombre { font-size: 24pt; line-height: 1.05; margin-bottom: 3.5mm; }
.texto7 .etiqueta-precio { font-size: 26pt; }
.texto7 .antes { font-size: 15pt; }
.texto7 .precio-fila { margin-bottom: 3.5mm; }
.frase7 { font-family: var(--serif); font-style: italic; font-weight: 600; font-size: 15pt; line-height: 1.25; color: var(--pino); margin-bottom: 4.5mm; }
.botones7 { display: flex; flex-wrap: wrap; gap: 2.6mm; }
.btn-detalles, .btn-wa { display: inline-flex; align-items: center; gap: 1.8mm; border-radius: 999px; padding: 2.2mm 4.4mm 2.2mm 3.2mm; font-family: var(--sans); font-size: 13pt; font-weight: 600; line-height: 1; white-space: nowrap; }
.btn-detalles { background: var(--marfil); color: var(--pino); border: .45mm solid var(--pino); }
.btn-wa { background: #1E8E4E; color: #fff; border: .45mm solid #1E8E4E; }
.btn-detalles .ico, .btn-wa .ico { width: 5.6mm; height: 5.6mm; }
.btn-detalles:hover { background: var(--pino); color: var(--marfil); }

/* ---------- Página con dos anchetas ----------
   Ancheta 1: foto grande arriba hacia el borde exterior; texto al lado.
   Ancheta 2: foto más pequeña abajo hacia el lado contrario, un poco desplazada hacia arriba (se monta sobre la zona de la 1). */
.par7 .item7-1 { left: var(--m-izq); right: var(--m-der); top: 26mm; height: 128mm; }
.par7 .item7-2 { left: var(--m-izq); right: var(--m-der); top: 146mm; height: 120mm; }
.v7a .item7-1 .foto6 { left: 0; top: 0; }
.v7a .item7-1 .texto7 { left: 104mm; right: 0; top: 14mm; }
.v7a .item7-2 .foto6 { right: 0; top: -6mm; }
.v7a .item7-2 .texto7 { left: 0; right: 100mm; top: 24mm; }
.v7b .item7-1 .foto6 { right: 0; top: 0; }
.v7b .item7-1 .texto7 { left: 0; right: 104mm; top: 14mm; }
.v7b .item7-2 .foto6 { left: 0; top: -6mm; }
.v7b .item7-2 .texto7 { left: 100mm; right: 0; top: 24mm; }
.par7 .foto6 { display: block; }
/* Leve giro: parecen fotos puestas sobre la mesa */
.par7 .item7-1 .caja6 { transform: rotate(-1.4deg); }
.par7 .item7-2 .caja6 { transform: rotate(1.6deg); }
.v7b .item7-1 .caja6 { transform: rotate(1.4deg); }
.v7b .item7-2 .caja6 { transform: rotate(-1.6deg); }

/* ---------- Página completa (premium) ---------- */
.completa7 .foto6 { position: absolute; left: var(--m-izq); right: var(--m-der); top: 30mm; justify-content: center; display: flex; }
.completa7 .texto7 { left: calc(var(--m-izq) + 10mm); right: calc(var(--m-der) + 10mm); bottom: 30mm; text-align: center; }
.completa7 .texto7 .precio-fila, .completa7 .botones7 { justify-content: center; }
.completa7 .sello-premium { left: auto; right: calc(var(--m-der) + 2mm); top: 24mm; }
.completa7.izq .sello-premium { right: auto; left: calc(var(--m-izq) + 2mm); }

/* ---------- Presentación corta ---------- */
.intro7-cuerpo { position: absolute; left: 18mm; right: 24mm; top: 34mm; z-index: 3; }
.intro7 h2 { margin: 3mm 0 6mm; line-height: 1.02; }
.intro7 h2 .t-serif { display: block; font-family: var(--serif); font-weight: 700; font-size: 38pt; color: var(--pino); }
.intro7 h2 .t-cursiva { display: block; font-size: 30pt; color: var(--rojo); margin-top: 1mm; }
.intro7 .lead { font-family: var(--serif); font-size: 19pt; font-weight: 600; line-height: 1.3; color: var(--tinta); margin-bottom: 9mm; }
.intro7 .beneficios.en-rejilla { gap: 7mm 6mm; margin-bottom: 10mm; }
.intro7 .cta-whatsapp, .cierre6 .cta-whatsapp { display: inline-flex; color: var(--marfil); background: #1E8E4E; padding: 3mm 7mm 3mm 3mm; border-radius: 999px; font-size: 15pt; }

/* ---------- Índice ---------- */
.indice7-cab { position: absolute; left: 20mm; right: 20mm; top: 16mm; z-index: 3; text-align: center; }
.indice7-cab h2 { font-family: var(--serif); font-weight: 700; font-size: 32pt; letter-spacing: .12em; text-transform: uppercase; color: var(--pino); margin-top: 1mm; }
.indice7-cols { position: absolute; left: 22mm; right: 14mm; top: 44mm; bottom: 24mm; z-index: 3; column-count: 2; column-gap: 8mm; column-fill: auto; }
.bloque7 { break-inside: avoid-column; margin-bottom: 3.6mm; background: rgba(255,251,244,.88); border-radius: 3mm; padding: 2mm 3mm; box-shadow: 0 1mm 4mm rgba(40,20,10,.12); }
.bloque7-tit { display: flex; align-items: center; gap: 2mm; padding-bottom: 1.2mm; margin-bottom: 1.2mm; border-bottom: .3mm solid var(--oro); }
.bloque7-tit .sb-num { flex: none; width: 7mm; height: 7mm; border-radius: 50%; background: var(--rojo); color: var(--marfil); display: inline-flex; align-items: center; justify-content: center; font-family: var(--serif); font-weight: 700; font-size: 11pt; }
.bloque7-tit .t { flex: 1; font-family: var(--serif); font-weight: 700; font-size: 14pt; color: var(--pino); }
.bloque7-tit .pg { font-size: 11pt; font-weight: 700; color: var(--rojo); }
.fila7 { display: flex; align-items: baseline; gap: 1.2mm; font-size: 11pt; line-height: 1.15; margin-bottom: .7mm; color: var(--texto); }
.fila7 .n { flex: 0 1 auto; }
.fila7 .puntos { flex: 1 1 3mm; border-bottom: .25mm dotted var(--oro-hondo); transform: translateY(-.8mm); min-width: 2mm; }
.fila7 .p { white-space: nowrap; font-weight: 700; color: var(--pino); }
.fila7 .pg { flex: none; width: 6mm; text-align: right; font-weight: 700; color: var(--rojo); }
.fila7:hover .n { color: var(--rojo); text-decoration: underline; }

/* Panel «Ver detalles»: botón de WhatsApp grande */
.visor-info .btn-wa.en-visor { font-size: 18px; padding: 12px 20px 12px 14px; margin: 4px 0 18px; }
.visor-info .btn-wa .ico { width: 24px; height: 24px; }
/* Lista del celular */
.tarjeta-lista .texto7 { position: static; }
.tarjeta-lista .texto7::before { display: none; }
.tarjeta-lista .texto7 .nombre { font-size: 30px; }
.tarjeta-lista .frase7 { font-size: 19px; }
.tarjeta-lista .btn-detalles, .tarjeta-lista .btn-wa { font-size: 17px; padding: 10px 16px 10px 12px; }
.tarjeta-lista .btn-detalles .ico, .tarjeta-lista .btn-wa .ico { width: 22px; height: 22px; }
body.pdf .btn-detalles:empty { display: none; }

/* Índice en doble página: una fila por ancheta, una sola columna ancha (los nombres caben en una línea) */
.intro7-cuerpo { top: 22mm; left: var(--m-izq); right: var(--m-der); }
.intro7 h2 .t-serif { font-size: 34pt; }
.intro7 h2 .t-cursiva { font-size: 26pt; }
.intro7 .lead { font-size: 16pt; margin-bottom: 0; }
.indice7-lista { position: absolute; z-index: 3; left: var(--m-izq); right: var(--m-der); top: 40mm; bottom: 24mm;
  background: rgba(255,251,244,.9); border-radius: 3mm; padding: 3mm 4mm; box-shadow: 0 1mm 5mm rgba(40,20,10,.14); }
.indice7-lista.arriba { top: 104mm; }
.indice7-lista .bloque7-tit { margin-top: 2.2mm; }
.indice7-lista .bloque7-tit:first-child { margin-top: 0; }
.indice7-lista .fila7 { white-space: nowrap; margin-bottom: 1.1mm; font-size: 11.5pt; }
.indice7-lista .fila7 .n { overflow: hidden; text-overflow: ellipsis; }
.indice7-cab { top: 14mm; }
.indice7-cab h2 { font-size: 26pt; letter-spacing: .06em; }
/* Ajustes: índice página 2, brillo amplio en premium, sello premium a la izquierda (el de oferta va a la derecha) */
.indice7-lista.arriba { top: 84mm; }
.intro7-cuerpo { top: 18mm; }
.completa7 .texto7::before { inset: -12mm -34mm -8mm; background: radial-gradient(ellipse closest-side, rgba(255,251,244,.97), rgba(255,251,244,.95) 70%, rgba(255,251,244,0)); }
.completa7 .sello-premium, .completa7.izq .sello-premium { right: auto; left: calc(var(--m-izq) + 2mm); }

/* Bienvenida sin índice: botones de sección, beneficios y WhatsApp */
.intro7-extra { position: absolute; z-index: 3; left: var(--m-izq); right: var(--m-der); top: 92mm; }
.intro7-extra .k { font-size: 12pt; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--rojo); margin-bottom: 3mm; }
.intro7-extra .secciones-botones { margin-bottom: 9mm; }
.intro7-extra .beneficios.en-rejilla { margin-bottom: 9mm; }
/* Ajuste: más aire entre la ficha de arriba y la foto de abajo; aperturas de sección lejos del lomo */
.v7a .item7-1 .texto7, .v7b .item7-1 .texto7 { top: 4mm; }
.par7 .item7-2 { top: 154mm; }
.v7a .item7-2 .foto6, .v7b .item7-2 .foto6 { top: 2mm; }
.par7 .item7-2 .texto7 { top: 14mm; }
.divisor6 .muestras6 { left: 22mm; right: 22mm; gap: 5mm; }