.diptico-product{--folleto-animation-stops:4}
/* Page layout, toolbar and cotas remain common AME/WPA components. */
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #viewport,:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #viewport canvas,:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #plan{position:absolute;inset:0;width:100%;height:100%;display:block}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #plan{background:#fff}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) [hidden]{display:none!important}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #loading{position:absolute;inset:0;background:#f8f7f5f5;z-index:60;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #error:empty{display:none}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #editorial-status:empty{display:none}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #error{font-size:11px;line-height:1.4;margin:7px 0 0}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) .flyer-measure-title{font-size:12px;font-weight:600;margin:0 0 7px}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #animation #play{width:auto;min-width:75px;font-size:12px;border-radius:7px;padding:8px}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) .triptico-animation-stops{display:grid;grid-template-columns:repeat(var(--folleto-animation-stops,3),minmax(0,1fr));text-align:center}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) .triptico-animation-stops button{white-space:normal}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #plan-controls{position:absolute;top:12px;left:16px;z-index:2;font-size:12px}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #plan-controls select{margin-left:6px}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #plan-controls{max-width:calc(100% - 32px);background:#fff;padding:6px;border-radius:6px}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #plan-controls label{display:block}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #plan-controls button{font-size:12px;margin-top:6px;padding:8px 12px}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #plan-controls p{font-size:11px;margin:4px 0}
:is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #template-file{display:block;font-size:11px}
@media(max-width:700px){
 :is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) .triptico-viewer-frame{grid-template-columns:1fr}
 :is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) .triptico-views{flex-direction:row}
 :is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) .triptico-views button{flex:1}
 :is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) .triptico-views svg{height:36px;width:42px}
 :is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #animation{gap:8px;left:8px;right:8px;padding:10px 8px}
 :is(.flyer-product,.diptico-product,.carpetas-product,.binder-product,.movil-product,.saliente-product,.cenefa-product) #animation #play{min-width:0;max-width:80px;padding:6px;font-size:11px}
}