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/b803d8f1-87ed-425e-a47e-01fd10b5bee5/Dodot-Panales-Sensitive-Jumbo-Pack-T2-4-8-Kg-88-uds?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb803d8f1\u002D87ed\u002D425e\u002Da47e\u002D01fd10b5bee5\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb803d8f1\u002D87ed\u002D425e\u002Da47e\u002D01fd10b5bee5\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002Fdfee5926\u002D8fb8\u002D47f7\u002Dbfba\u002Da680447ac863\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdfee5926\u002D8fb8\u002D47f7\u002Dbfba\u002Da680447ac863\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002F4da42a45\u002D5e4e\u002D4885\u002D8fa7\u002Dc8e1052c6793\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F4da42a45\u002D5e4e\u002D4885\u002D8fa7\u002Dc8e1052c6793\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002F6ca77c79\u002D285e\u002D4609\u002D866a\u002D007030d9043b\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F6ca77c79\u002D285e\u002D4609\u002D866a\u002D007030d9043b\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002F49d47f94\u002Dd948\u002D472a\u002Db41a\u002De8d728cf3cd8\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F49d47f94\u002Dd948\u002D472a\u002Db41a\u002De8d728cf3cd8\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002Fb24a30ad\u002D59d8\u002D46c7\u002Dabe3\u002Dc906e7bd5434\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb24a30ad\u002D59d8\u002D46c7\u002Dabe3\u002Dc906e7bd5434\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002Fc0fffad6\u002D45ba\u002D4546\u002D8062\u002D576508b547fc\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fc0fffad6\u002D45ba\u002D4546\u002D8062\u002D576508b547fc\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002F5503eef1\u002D6e5c\u002D46dc\u002Daf4a\u002D76f6e762ba82\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F5503eef1\u002D6e5c\u002D46dc\u002Daf4a\u002D76f6e762ba82\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002Fde060f1c\u002Da95e\u002D4efe\u002D9156\u002D7b31fbe96b2a\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fde060f1c\u002Da95e\u002D4efe\u002D9156\u002D7b31fbe96b2a\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002F7c006d81\u002Dc569\u002D4842\u002Dac32\u002D90cfb063912b\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7c006d81\u002Dc569\u002D4842\u002Dac32\u002D90cfb063912b\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002Fcd93d5b6\u002D7a81\u002D4042\u002Dbeb6\u002Dc8607779edb7\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fcd93d5b6\u002D7a81\u002D4042\u002Dbeb6\u002Dc8607779edb7\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\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\u002Fb692d62a\u002D1f83\u002D415b\u002Dbf3f\u002Dd5d340e499ba\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb692d62a\u002D1f83\u002D415b\u002Dbf3f\u002Dd5d340e499ba\u002FDodot\u002DPanales\u002DSensitive\u002DJumbo\u002DPack\u002DT2\u002D4\u002D8\u002DKg\u002D88\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 11"
/>
chevron-left chevron-right