/* 07 · Quince en Flor — flor de autor en durazno, salvia y terracota.
   La flor está en capullo; al abrir el sobre se abre (capullo → flor), y el retrato queda en su centro.
   Con el scroll la flor gira apenas y se aleja; un pétalo (viajero) enmarca después las secciones. */

.c-xv-quince-en-flor { --nombre-color: #4A2E26; --flor: min(58vh, 52vw); --flor-y: 40vh; }

.c-xv-quince-en-flor .fl-flor { position: absolute; left: 50%; top: var(--flor-y); width: var(--flor); aspect-ratio: 1; transform: translate(-50%, -50%) rotate(calc(var(--p, 0) * 30deg)) scale(calc(1 + var(--p, 0) * .25)); opacity: calc(1 - var(--p, 0) * .55); }
.c-xv-quince-en-flor .fl-flor img { position: absolute; transition: transform 2.4s cubic-bezier(.34,1.2,.64,1), opacity 1.2s; }
.c-xv-quince-en-flor .fl-abierta { inset: 0; width: 100%; filter: drop-shadow(0 30px 40px rgba(170, 101, 84, .25)); }
.c-xv-quince-en-flor .fl-capullo { width: 78%; left: 11%; top: 10%; }
html:not(.b-abierto) .c-xv-quince-en-flor .fl-abierta { transform: scale(.18) rotate(-60deg); opacity: 0; }
html.b-abierto .c-xv-quince-en-flor .fl-capullo { transform: scale(.6) translateY(10%); opacity: 0; }
.c-xv-quince-en-flor .b-centro { padding-top: calc(var(--flor-y) - min(15vh, 12vw) + 12vh); align-self: start; }
html.con-fotos .c-xv-quince-en-flor .b-centro { padding-top: calc(var(--flor-y) - min(15vh, 12vw)); }
.c-xv-quince-en-flor .b-retrato { width: min(30vh, 24vw); border-radius: 50%; border: 6px solid #FFFBF4; margin-bottom: 9vh; }
html:not(.con-fotos) .c-xv-quince-en-flor .b-centro { padding-top: calc(var(--flor-y) + var(--flor) * .42); }
.c-xv-quince-en-flor .b-nombre { text-shadow: 0 0 30px #FAF3E7, 0 0 12px #FAF3E7; }

/* Entrada */
.c-xv-quince-en-flor .xv-entrada { background: radial-gradient(70% 60% at 50% 40%, #FFFBF4, #F5DCCB); }
.c-xv-quince-en-flor .en-capullo { position: absolute; width: min(24vw, 28vh); left: 50%; top: 5vh; transform: translateX(-50%); filter: drop-shadow(0 20px 30px rgba(170, 101, 84, .25)); }
.c-xv-quince-en-flor .en-follaje-izq, .c-xv-quince-en-flor .en-follaje-der { position: absolute; height: 90vh; top: 8vh; opacity: .9; }
.c-xv-quince-en-flor .en-follaje-izq { left: -4vw; }
.c-xv-quince-en-flor .en-follaje-der { right: -4vw; }
.c-xv-quince-en-flor .xv-entrada-contenido { margin-top: 22vh; }
.c-xv-quince-en-flor .xv-entrada .xv-monograma { display: none; }

/* Viajero: un pétalo que gira despacio. */
.c-xv-quince-en-flor .vj-petalo { width: 84px; transform: rotate(calc(var(--vm, 0) * 200deg)); filter: drop-shadow(0 10px 10px rgba(170, 101, 84, .25)); }

/* Secciones */
.c-xv-quince-en-flor .xv-titulo { font-weight: 300; }
.c-xv-quince-en-flor .b-claro { box-shadow: 0 30px 60px -50px rgba(170, 101, 84, .6); }
.c-xv-quince-en-flor .b-claro-fecha { background: radial-gradient(70% 80% at 50% 40%, #FFFBF4, rgba(249, 225, 211, .85)); }
.c-xv-quince-en-flor .b-orn { width: 90%; transform: rotate(calc(var(--p, 0) * 40deg)); }
.c-xv-quince-en-flor .b-cierre { background: radial-gradient(50% 50% at 50% 50%, rgba(233, 175, 149, .35), transparent 70%); }

@media (max-width: 760px) {
	.c-xv-quince-en-flor { --flor: 84vw; --flor-y: 34vh; }
	.c-xv-quince-en-flor .b-retrato { width: 42vw; margin-bottom: 7vh; }
	html.con-fotos .c-xv-quince-en-flor .b-centro { padding-top: calc(var(--flor-y) - 21vw); }
	.c-xv-quince-en-flor .en-capullo { width: 34vw; }
}
html.quieto .c-xv-quince-en-flor .fl-abierta { transform: none; opacity: 1; }
html.quieto .c-xv-quince-en-flor .fl-capullo { opacity: 0; }

/* Conserva las siluetas reales del follaje y libera la lectura central. */
.c-xv-quince-en-flor .en-follaje-izq { translate: -82% 0; }
.c-xv-quince-en-flor .en-follaje-der { translate: 82% 0; }
html:not(.con-fotos) .c-xv-quince-en-flor { --flor: min(48vh,46vw); --flor-y: 34vh; }
html:not(.con-fotos) .c-xv-quince-en-flor .b-centro { padding-top: calc(var(--flor-y) + var(--flor) * .55 + 20px); }
@media (max-width:760px) {
 .c-xv-quince-en-flor .en-follaje-izq { translate: -90% 0; }
 .c-xv-quince-en-flor .en-follaje-der { translate: 90% 0; }
 .c-xv-quince-en-flor .b-cerca-izq { left: -38vw; }
 .c-xv-quince-en-flor .b-cerca-der { right: -38vw; }
 html:not(.con-fotos) .c-xv-quince-en-flor { --flor:84vw; --flor-y:34vh; }
}

/* Segunda revisión: ancho real de pantalla sin desplazamiento lateral. */
.c-xv-quince-en-flor main { overflow-x:clip; }