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/4b3ee818-0dd9-45d9-bcd7-34494e69a267/Pantene-Pro-V-Miracles-Serum-Activo-8H-Reparador-Noche-70-ml?io=transform:extend,width:600,height:600"
width="600"
height="600"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F4b3ee818\u002D0dd9\u002D45d9\u002Dbcd7\u002D34494e69a267\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F4b3ee818\u002D0dd9\u002D45d9\u002Dbcd7\u002D34494e69a267\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\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\u002F00cf661a\u002D07db\u002D4046\u002D8e58\u002D3ebf122b33b2\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F00cf661a\u002D07db\u002D4046\u002D8e58\u002D3ebf122b33b2\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\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\u002Fe93f7d53\u002Deef4\u002D41c8\u002D80fd\u002D0fde9af8e382\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fe93f7d53\u002Deef4\u002D41c8\u002D80fd\u002D0fde9af8e382\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\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\u002F2a5dac79\u002D9a5f\u002D42a0\u002Dad1f\u002D6cc46b5576ab\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F2a5dac79\u002D9a5f\u002D42a0\u002Dad1f\u002D6cc46b5576ab\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\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\u002F3e6765a5\u002D5212\u002D4cd0\u002Dbb63\u002De762083ca838\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F3e6765a5\u002D5212\u002D4cd0\u002Dbb63\u002De762083ca838\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\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\u002F9b3f37df\u002Dbd20\u002D4b75\u002D9960\u002D2dfbed67562f\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F9b3f37df\u002Dbd20\u002D4b75\u002D9960\u002D2dfbed67562f\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\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\u002F425c769b\u002D0c9e\u002D4b27\u002Db170\u002D005b230e533d\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F425c769b\u002D0c9e\u002D4b27\u002Db170\u002D005b230e533d\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\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\u002Fac1cf88c\u002D3403\u002D46f3\u002Dbefa\u002D20c664303957\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fac1cf88c\u002D3403\u002D46f3\u002Dbefa\u002D20c664303957\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\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\u002F078f69d3\u002D1107\u002D47dd\u002Dac7d\u002D23086d209c89\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F078f69d3\u002D1107\u002D47dd\u002Dac7d\u002D23086d209c89\u002FPantene\u002DPro\u002DV\u002DMiracles\u002DSerum\u002DActivo\u002D8H\u002DReparador\u002DNoche\u002D70\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right