/* Only the acaballado's viewer controls; page structure comes from producto-ame.css. */
.acaballado-product #viewport,.acaballado-product #viewport canvas,.acaballado-product #plan{position:absolute;inset:0;width:100%;height:100%;display:block}
.acaballado-product #plan{background:#fff}
.acaballado-product [hidden]{display:none!important}
.acaballado-product .triptico-views button{padding-inline:2px;overflow-wrap:normal}
.acaballado-product #format{position:absolute;top:15px;left:16px;border-radius:7px;background:#ffffffe8;padding:8px 12px;font-size:12px}
.acaballado-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}
.acaballado-product #animation #play{width:auto;min-width:75px;font-size:12px;border-radius:7px;padding:8px}
.acaballado-product .triptico-animation-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center}
.acaballado-product .triptico-animation-stops button{white-space:normal}
.acaballado-product #error:empty{display:none}
.acaballado-product #error{font-size:11px;line-height:1.4;margin:7px 0 0}
.acaballado-product #editorial-status:empty{display:none}
.acaballado-product .triptico-config-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.acaballado-product .acaballado-specification{padding:12px 15px;margin:0}
.acaballado-product #quantity-dropdown[inert]{opacity:.7}
@media(max-width:700px){
 .acaballado-product .triptico-viewer-frame{grid-template-columns:1fr}
 .acaballado-product .triptico-views{flex-direction:row}
 .acaballado-product .triptico-views button{flex:1}
 .acaballado-product .triptico-views svg{height:36px;width:42px}
 .acaballado-product #format{font-size:11px;left:10px;top:10px;padding:7px}
 .acaballado-product #animation{gap:8px;left:8px;right:8px;padding:10px 8px}
 .acaballado-product #animation #play{min-width:0;max-width:80px;padding:6px;font-size:11px}
}

.acaballado-product #plan-controls{position:absolute;top:12px;left:16px;z-index:2;max-width:calc(100% - 32px);display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#fff;padding:6px;border-radius:6px;font-size:12px}
.acaballado-product #plan-controls button,.acaballado-product #plan-controls a{font-size:12px;padding:8px 12px}