/* Diseñador del vinilado del fotomatón corporativo (cabina.js y cabina3d.js). */

/* Plano del vinilo: sin el papel blanco de la tira, ocupa todo el ancho. */
.fmd-lienzo--cabina {
  width: 100%; height: auto; max-height: none; background: transparent; border-radius: 0; box-shadow: none;
  touch-action: none; cursor: default;
}
.fmd-lienzo--cabina.is-arrastrando { cursor: grabbing; }
.fmd-lienzo--cabina[hidden] { display: none; }
.fmd-vista__papel--cabina { flex-direction: column; min-height: 300px; }
.fmd-vista__papel--cabina.is-3d { padding: 10px; }
@media (max-width: 900px) { .fmd-lienzo--cabina { width: 100%; } }

/* Interruptor 3D / plano. */
.fmd-seg--cab-modo { justify-content: center; }
.fmd-seg--cab-modo button { min-width: 150px; justify-content: center; }

/* Vista 3D. */
.fmd-cab3d { position: relative; width: 100%; min-width: 0; }
.fmd-pagina--cabina .fmd-vista { min-width: 0; }
.fmd-cab3d[hidden] { display: none; }
.fmd-cab3d__marco { width: 100%; min-width: 0; border-radius: 14px; overflow: hidden; background: #2b1d3a; }
.fmd-cab3d__lienzo { display: block; width: 100%; height: auto; touch-action: none; cursor: grab; }
.fmd-cab3d__lienzo:active { cursor: grabbing; }
.fmd-cab3d__barra { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; margin-top: 12px; }
.fmd-cab3d__grupo { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.fmd-cab3d__barra .fmd-btn--linea { background: rgba(255, 255, 255, .92); }
.fmd-cab3d__barra [aria-pressed="true"] { background: var(--fmd-tinta); color: #fff; box-shadow: none; }
.fmd-cab3d__cargando { margin: 0; padding: 140px 16px; text-align: center; color: rgba(255, 255, 255, .85); }

/* Miniaturas de las plantillas: el frente del mueble. */
.fmd-plantillas--cabina .fmd-plantilla { width: 84px; }
.fmd-plantillas--cabina .fmd-plantilla canvas { width: 30px; box-shadow: none; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .35)); }