/* ==========================================================================
   Diseñador de photocall: vista 3D (three.js, como el Vogue) y plano de
   impresión. El visor reutiliza .fmv-3d y .fmv-tabs de disenador.css.
   ========================================================================== */

.fpc-papel { flex-direction: column; }
.fpc-3d { height: min(60vh, 600px); }
@media (max-width: 900px) { .fpc-3d { height: 86vw; min-height: 330px; max-height: 560px; } }
/* Los botones de vista, en una fila: con left 50 % el ancho se quedaba en la mitad y se apilaban encima del modelo. */
.fpc-3d .fmv-3d__vistas { width: max-content; max-width: calc(100% - 16px); }
@media (max-width: 600px) { .fpc-3d .fmv-3d__vistas { gap: 4px; bottom: 8px; } .fpc-3d .fmv-3d__vistas .fmd-btn { padding: 6px 9px; font-size: .78rem; } }
.fpc-caja-plano { display: flex; justify-content: center; align-items: center; width: 100%; }
@media (min-width: 901px) { .fpc-caja-plano { min-height: min(50vh, 460px); } }
.fpc-caja-plano[hidden], .fpc-3d[hidden] { display: none; }
.fpc-plano { display: block; max-width: 100%; height: auto; border-radius: 4px; box-shadow: 0 22px 50px -18px rgba(0, 0, 0, .7); }
.fpc-plantilla canvas { width: 72px; }