calcPageSize())"
class="absolute inset-0 object-contain object-center m-auto"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="eager"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdc03b550\u002Ddf81\u002D43a2\u002Da8d3\u002Da9ce6a27ed7a\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fdc03b550\u002Ddf81\u002D43a2\u002Da8d3\u002Da9ce6a27ed7a\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F977ae699\u002D4441\u002D4020\u002Da741\u002D34f0070c9142\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F977ae699\u002D4441\u002D4020\u002Da741\u002D34f0070c9142\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7894475f\u002D0435\u002D434c\u002Daedf\u002D561cad55ae41\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7894475f\u002D0435\u002D434c\u002Daedf\u002D561cad55ae41\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7678c368\u002Da19b\u002D4d7e\u002D9ba5\u002D91932a2cde42\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F7678c368\u002Da19b\u002D4d7e\u002D9ba5\u002D91932a2cde42\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fddc8f36f\u002D58ba\u002D47fe\u002D9ceb\u002D61f80e41726d\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fddc8f36f\u002D58ba\u002D47fe\u002D9ceb\u002D61f80e41726d\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb1f10973\u002Da956\u002D4fbd\u002D86a4\u002D2715e088e68f\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fb1f10973\u002Da956\u002D4fbd\u002D86a4\u002D2715e088e68f\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0acb3f48\u002D52a5\u002D41cc\u002Daf3d\u002De7b68b0a0e88\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F0acb3f48\u002D52a5\u002D41cc\u002Daf3d\u002De7b68b0a0e88\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F36eaf975\u002D7283\u002D4e24\u002D8b4e\u002D7f536d41b43c\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002F36eaf975\u002D7283\u002D4e24\u002D8b4e\u002D7f536d41b43c\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\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"
:class="{
'cursor-pointer h-full': !fullscreen,
'max-h-screen-75 h-[500px]': fullscreen,
}"
:width="fullscreen ? 500 : 600"
:height="fullscreen ? 500 : 600"
loading="lazy"
:src="fullscreen ? 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa2d98a29\u002D9c5c\u002D4bdc\u002Dafd3\u002D7368abda0344\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A500,height\u003A500' : 'https\u003A\u002F\u002Fassets.atida.com\u002Ftransform\u002Fa2d98a29\u002D9c5c\u002D4bdc\u002Dafd3\u002D7368abda0344\u002FUriage\u002DBariesun\u002DSpray\u002DSolar\u002DRostro\u002Dy\u002DCuerpo\u002DSPF50\u002D200\u002Dml\u003Fio\u003Dtransform\u003Aextend,width\u003A600,height\u003A600'"
x-transition.opacity.duration.500ms
x-show="active === 8"
/>
chevron-left chevron-right