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/444ced43-2b44-4386-86de-732ae2705811/Dodot-Pants-Panales-Braguita-Activity-Extra-Jumbo-Pack-T5-12-17-Kg-38-uds?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F444ced43\u002D2b44\u002D4386\u002D86de\u002D732ae2705811\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F444ced43\u002D2b44\u002D4386\u002D86de\u002D732ae2705811\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002Fa8317f4b\u002De4f3\u002D4c76\u002Da14e\u002Dfe42dcf7cbea\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa8317f4b\u002De4f3\u002D4c76\u002Da14e\u002Dfe42dcf7cbea\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002F7799d19b\u002D5d8a\u002D4f09\u002Db901\u002D7738fec73e2a\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7799d19b\u002D5d8a\u002D4f09\u002Db901\u002D7738fec73e2a\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002F2a8c3e24\u002D965c\u002D47ec\u002D9d5a\u002D3bd494296a4b\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F2a8c3e24\u002D965c\u002D47ec\u002D9d5a\u002D3bd494296a4b\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002F0e162f10\u002D7645\u002D4f58\u002D94e6\u002Df81b7767e5ba\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0e162f10\u002D7645\u002D4f58\u002D94e6\u002Df81b7767e5ba\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002F712aa081\u002D9e21\u002D43d8\u002Daf48\u002D28b7b65144e2\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F712aa081\u002D9e21\u002D43d8\u002Daf48\u002D28b7b65144e2\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002F09f043df\u002Dba79\u002D4624\u002Db511\u002Ddeabc8ba7aaa\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F09f043df\u002Dba79\u002D4624\u002Db511\u002Ddeabc8ba7aaa\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002F06b55422\u002D6d91\u002D4d6c\u002D9b36\u002Dbfad687c2a9a\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F06b55422\u002D6d91\u002D4d6c\u002D9b36\u002Dbfad687c2a9a\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002F707f427d\u002D3050\u002D44c4\u002D8dce\u002Dff1bab709967\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F707f427d\u002D3050\u002D44c4\u002D8dce\u002Dff1bab709967\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002Fbf040d5d\u002D16d3\u002D4ea0\u002Db692\u002D7afb1293ba07\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fbf040d5d\u002D16d3\u002D4ea0\u002Db692\u002D7afb1293ba07\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002F24154de3\u002D94f8\u002D4d58\u002D8119\u002Defdee67ff2d1\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F24154de3\u002D94f8\u002D4d58\u002D8119\u002Defdee67ff2d1\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\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\u002Fae73b986\u002Ddf67\u002D4812\u002D9498\u002D1ef95c46473a\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fae73b986\u002Ddf67\u002D4812\u002D9498\u002D1ef95c46473a\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 11"
/>
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\u002Fb5e8da64\u002D74fa\u002D4037\u002D9717\u002Dcff0ec246a59\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb5e8da64\u002D74fa\u002D4037\u002D9717\u002Dcff0ec246a59\u002FDodot\u002DPants\u002DPanales\u002DBraguita\u002DActivity\u002DExtra\u002DJumbo\u002DPack\u002DT5\u002D12\u002D17\u002DKg\u002D38\u002Duds\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 12"
/>
chevron-left chevron-right