calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="high"
src="https://assets.atida.com/transform/e9be7cd4-f6d9-4b8d-b081-7dc0d6dfef84/Dodot-Panales-Sensitive-Jumbo-Pack-T1-2-5-Kg-90-uds?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe9be7cd4\u002Df6d9\u002D4b8d\u002Db081\u002D7dc0d6dfef84\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe9be7cd4\u002Df6d9\u002D4b8d\u002Db081\u002D7dc0d6dfef84\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 0"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fbce470bf\u002D422d\u002D435b\u002D8cae\u002D1fc2fc6b6068\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fbce470bf\u002D422d\u002D435b\u002D8cae\u002D1fc2fc6b6068\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 1"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9c3464d0\u002D5af0\u002D400f\u002Db689\u002D7fd268e7ef55\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9c3464d0\u002D5af0\u002D400f\u002Db689\u002D7fd268e7ef55\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 2"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fab7a6f3c\u002Da172\u002D43ac\u002Db6f6\u002D3e94233ab928\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fab7a6f3c\u002Da172\u002D43ac\u002Db6f6\u002D3e94233ab928\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 3"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F834f1ae2\u002D7930\u002D4b88\u002D800a\u002D11b93da54848\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F834f1ae2\u002D7930\u002D4b88\u002D800a\u002D11b93da54848\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 4"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8c6c8d2c\u002Dd9d3\u002D45c3\u002Dad78\u002D83f7ded98507\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F8c6c8d2c\u002Dd9d3\u002D45c3\u002Dad78\u002D83f7ded98507\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 5"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6d55c460\u002Dee87\u002D49d7\u002Daa44\u002D52641b1670e6\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6d55c460\u002Dee87\u002D49d7\u002Daa44\u002D52641b1670e6\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 6"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F508451a3\u002Dc398\u002D453a\u002Dae44\u002D4a4b7b0aff7d\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F508451a3\u002Dc398\u002D453a\u002Dae44\u002D4a4b7b0aff7d\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 7"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff306c904\u002D7523\u002D45e9\u002D8353\u002D044fd5b7c6ba\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Ff306c904\u002D7523\u002D45e9\u002D8353\u002D044fd5b7c6ba\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe3048805\u002D19ec\u002D4fc0\u002Db4cf\u002Db1f7005b76b2\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe3048805\u002D19ec\u002D4fc0\u002Db4cf\u002Db1f7005b76b2\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 9"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc81608e7\u002Dec10\u002D4677\u002Db65b\u002Dea81b8cf8e89\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc81608e7\u002Dec10\u002D4677\u002Db65b\u002Dea81b8cf8e89\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 10"
/>
calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto h-full"
:class="{
'cursor-pointer': !fullscreen,
'max-h-screen-75 !h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
fetchpriority="low"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa2b67204\u002Dea23\u002D4019\u002D90bc\u002Df9bd1425f904\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa2b67204\u002Dea23\u002D4019\u002D90bc\u002Df9bd1425f904\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT1\u002D2\u002D5\u002DKg\u002D90\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 11"
/>
chevron-left chevron-right