/* 01 · Editorial Quince — portada de revista de moda: estudio marfil, luz lateral y una forma cereza.
   Allura cruza el espacio libre; Manrope arma los titulares con contraste de escala. */

.c-xv-editorial-quince { --nombre-color: #202020; --radio: 4px; --radio-foto: 2px; --boton-radio: 2px; --titulo-peso: 800; }
.c-xv-editorial-quince .xv-titulo { text-transform: none; letter-spacing: -.035em; }
.c-xv-editorial-quince .xv-titulo .xv-script { font-size: 1.45em; letter-spacing: 0; }

/* Portada: la escena de estudio queda detrás; sin retrato, la ventana muestra la forma cereza y un «XV» de revista. */
.c-xv-editorial-quince .r-arte { background: linear-gradient(170deg, #F3E6E2, #E9CED2); }
.c-xv-editorial-quince .r-arte-forma { position: absolute; height: 74vh; width: auto; right: calc(var(--v0r) + 4vw); bottom: calc(var(--v0b) - 1vh); transform: translateY(calc(var(--p, 0) * -4%)); filter: drop-shadow(0 30px 40px rgba(120, 30, 50, .25)); }
.c-xv-editorial-quince .r-xv { position: absolute; left: calc(var(--v0l) + 1.5vw); top: 12vh; opacity: .55; font-family: var(--sans); font-weight: 800; font-size: clamp(9rem, 20vw, 20rem); line-height: .8; letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 1.5px #B52C45; }
.c-xv-editorial-quince .r-nombre { text-shadow: 0 2px 30px rgba(245, 241, 233, .55); }
html.con-fotos .c-xv-editorial-quince .r-ventana-in::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(32,32,32,.12), transparent 40%); }
.c-xv-editorial-quince .r-evento { font-size: clamp(.95rem, 1.5vw, 1.2rem); font-weight: 800; letter-spacing: .38em; }

/* Entrada: hoja de revista marfil con la forma cereza y una línea de tinta. */
.c-xv-editorial-quince .en-forma { position: absolute; height: min(70vh, 640px); width: auto; right: 6vw; bottom: 0; opacity: .95; }
.c-xv-editorial-quince .en-linea { position: absolute; left: 8vw; bottom: 14vh; width: 22vw; height: 2px; background: #202020; }
.c-xv-editorial-quince .xv-entrada .xv-monograma { border-radius: 0; border-width: 2px; color: #B52C45; }

/* Secciones: titulares negros, acentos cereza en líneas finas y números. */
.c-xv-editorial-quince .r-bienvenida { background: linear-gradient(180deg, transparent, rgba(233, 206, 210, .25)); }
.c-xv-editorial-quince .r-dia { font-weight: 800; letter-spacing: -.07em; }
.c-xv-editorial-quince .r-mes { font-family: var(--script); font-size: clamp(3.4rem, 8vw, 6.4rem); color: #B52C45; text-transform: none; line-height: .9; }
.c-xv-editorial-quince .r-reticula { border-top-width: 2px; }
.c-xv-editorial-quince .xv-lugar .xv-kicker { color: #B52C45; }
.c-xv-editorial-quince .r-orn { width: auto; max-height: 520px; filter: drop-shadow(0 30px 40px rgba(181, 44, 69, .18)); }
.c-xv-editorial-quince .xv-num { font-weight: 300; }
.c-xv-editorial-quince .r-cuenta { --tam: clamp(2.6rem, 5vw, 4rem); }
.c-xv-editorial-quince .r-cierre { background: radial-gradient(60% 50% at 50% 60%, rgba(233, 206, 210, .55), transparent 70%); }
.c-xv-editorial-quince .xv-superficie { background: #FBF8F3; }

/* La escultura acompaña la composición; la lectura conserva su espacio. */
.c-xv-editorial-quince .en-forma { right: -18vw; opacity: .32; }
.c-xv-editorial-quince .xv-entrada-contenido { isolation: isolate; }
.c-xv-editorial-quince .xv-entrada-contenido::before { content: ""; position: absolute; inset: -28px -24px; z-index: -1; background: #F5F1E9; opacity: .96; }
@media (max-width:760px) {
 .c-xv-editorial-quince .r-arte-forma { height: 37vh; right: 9vw; bottom: 8vh; }
 .c-xv-editorial-quince .r-xv { top: 56vh; left: 7vw; font-size: 26vw; opacity: .3; }
}
