/* Variables */

:root{
	
	--main-color: rgba(2, 51, 69, 1);
	--accent-color: rgba(1, 20, 35, 1);
	
}

/* Fonts */

@font-face{
	
	src: url("../assets/fonts/HighVoltageRough.ttf");
	font-family: 'High Voltage Rough';
	
}

@font-face{
	
	src: url("../assets/fonts/ITCAvantGardeStd-Bold.ttf");
	font-family: 'ITC Avant Garde';
	font-weight: 700;
	
}

@font-face{
	
	src: url("../assets/fonts/ITCAvantGardeGothicPro-Medium.otf");
	font-family: 'ITC Avant Garde';
	font-weight: 400;
	
}

/* Default Behavior */

body, html{margin: 0; font-family: 'ITC Avant Garde', sans-serif;}

h1, h2, h3{font-family: 'High Voltage Rough', sans-serif; color: var(--main-color); font-weight: 400;}
h3{font-size: 3rem;}
h4{color: var(--accent-color); font-weight: 500; font-size: 0.875rem;}

a{text-decoration: none; color: inherit;}

img,
svg{max-width: 100%; vertical-align: bottom;}

select, input{appearance: none; padding: 12px; background-color: rgba(243, 243, 247, 1); width: 100%; font-weight: 700; border-radius: 16px; font-family: 'ITC Avant Garde', sans-serif; font-size: 0.875rem;}
label:has(select){position: relative;}
label:has(select):after{content: ''; position: absolute; right: 12px; bottom: 50%; translate: 0 50%; pointer-events: none; width: 14px; height: 14px; background: url("../assets/svgs/chevron-down.svg") no-repeat center / cover;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}

input[type="radio"]{box-shadow: 0px 3px 5px 0px #2E2E4214;}
input[type="radio"]:checked{box-shadow: 0 0 0 5px #fff inset, 0 0 0 20px #034A5D inset;}

*{box-sizing: border-box; margin: 0; border: 0; background-color: initial;}

/* Helper Classes */

.content{width: 1080px; max-width: 90vw; margin: auto;}

.row,
.grid,
.column{display: flex; gap: inherit;}
.column{flex-direction: column;}
.grid{display: grid;}

wm-slider{--indexed-element-amount: 1.4;}
wm-slider:not([auto-slide], [dragging]){scroll-behavior: smooth; scroll-snap-type: x mandatory;}
wm-slider > *{scroll-snap-align: center;}

main{overflow: hidden;}

:is(wm-slider-trigger, button)[disabled]{pointer-events: none; opacity: .5;}

/* TopBar */

#topbar{position: absolute; left: 0; right: 0; top: 0; overflow: hidden;}
#topbar svg{width: 156vw; height: 32vw; margin-left: -28vw; margin-top: -10vw; max-width: initial;}

/* Header */

header#mainHeader{width: 95vw; margin: 20px auto; background-color: rgba(0, 10, 12, 0.4); box-shadow: 3px 6px 12px 0px rgba(49, 36, 80, 0.15); backdrop-filter: blur(30px); padding: 6px 20px; border-radius: 24px;}
header#mainHeader .visible{align-items: center; justify-content: space-between;}
header#mainHeader nav{align-items: end; gap: 24px; font-family: 'Cantarell'; color: #fff; padding-bottom: 14px;}
header#mainHeader nav > a{padding: 12px;}
header#mainHeader nav .row{align-self: stretch; justify-content: space-between; align-items: center;}
header#mainHeader nav .row .socials{align-items: center; gap: 34px;}
header#mainHeader nav .cart-link{position: relative; display: inline-flex;}
header#mainHeader nav .cart-link.has-items::after{content: attr(data-count); position: absolute; top: 2px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #ff3b6b; color: #fff; font-size: 11px; font-weight: 700; font-family: 'Cantarell'; line-height: 18px; text-align: center; box-sizing: border-box;}
header#mainHeader .wrapper{height: 346px; overflow: hidden; transition: all .5s ease;}
header#mainHeader .wrapper:has(input#menuTrigger:not(:checked)){height: 0;}

/* Footer */

footer#mainFooter .socials{gap: 24px 50px; align-items: center; background: url("../assets/svgs/deposition-bg.svg") no-repeat center / cover; padding: 60px 10px; border-radius: 50px 50px 0 0;}
footer#mainFooter .socials .row{align-items: center;}
footer#mainFooter .socials a.logo svg{width: 96px; height: 96px;}
footer#mainFooter .copy{padding: 20px 0; gap: 20px; align-items: center; background-color: rgba(2, 51, 69, 1); color: #fff; font-family: 'Cantarell'}
footer#mainFooter .copy > p{font-size: 1.125rem; font-weight: 500;}
footer#mainFooter .copy .mfw{align-items: center; gap: 6px;}
footer#mainFooter .copy .mfw p{font-size: 0.75rem;}

/* Home */
	/* Banner */

main#index wm-slider#banner:before,
main#index wm-slider#banner:after{display: none;}
main#index wm-slider#banner{--indexed-element-amount: 1;}
main#index wm-slider#banner .row{padding: 20px; align-items: center; }
main#index wm-slider#banner .row img{width: 100%; aspect-ratio: 355/257; border-radius: 24px;}

	/* Filters */

main#index section#filters h3{font-size: 2rem;}
main#index section#filters .content{padding: 24px 0; gap: 6px;}
main#index section#filters form{grid-template-columns: 3fr 3fr 2fr;}

	/* Events */

main#index section#events{padding: 24px 0;}
main#index section#events .content{gap: 40px;}
main#index section#events .content header{gap: 0px;}
main#index section#events .content .eventList{grid-template-columns: repeat(2, 1fr); gap: 20px;}
main#index section#events .content .eventList article{border-radius: 33px; background: var(--gradient), linear-gradient(180deg, rgba(0, 0, 0, 0) 29.17%, rgba(0, 0, 0, 0.4) 100%); gap: 0; background-blend-mode: multiply; color: #fff; outline: 1px solid var(--outline-color); outline-offset: 1px;}
main#index section#events .content .eventList a:nth-child(2n - 1) article{--outline-color: var(--main-color); --gradient: linear-gradient(0deg, #0E7C99, #0E7C99); --btn-color: #0E7C99;}
main#index section#events .content .eventList a:nth-child(2n){--outline-color: hsla(343, 92%, 57%, 1); --gradient: linear-gradient(0deg, hsla(343, 92%, 47%, 1), hsla(343, 92%, 57%, 1)); --btn-color: #F62E67;}
main#index section#events .content .eventList a:nth-child(4n - 1){--outline-color: hsla(166, 100%, 36%, 1); --gradient: linear-gradient(0deg, hsla(166, 100%, 26%, 1), hsla(166, 100%, 36%, 1)); --btn-color: #00B98F;}
main#index section#events .content .eventList a:nth-child(4n){--outline-color: hsla(55, 87%, 49%, 1); --gradient: linear-gradient(0deg, hsla(55, 87%, 39%, 1), hsla(55, 87%, 49%, 1)); --btn-color: #EAD810;}
main#index section#events .content .eventList article .img{aspect-ratio: 166 / 137; gap: 6px; flex-wrap: wrap; align-content: flex-start; background: var(--bg-img) no-repeat center / cover; border-radius: inherit; padding: 14px 5px;}
main#index section#events .content .eventList article .img span{color: #fff; padding: 3px 6px; background-image: linear-gradient(90.96deg, rgba(30, 28, 28, 0.6) 11.75%, rgba(30, 28, 28, 0.468) 41.64%, rgba(30, 28, 28, 0.45) 65.8%, rgba(30, 28, 28, 0.582) 83.13%); backdrop-filter: blur(3px); box-shadow: 0px 3.58px 3.58px 0px rgba(0, 0, 0, 0.25); font-size: 0.75rem; font-weight: 500; border-radius: 100vw;}
main#index section#events .content .eventList article .eventBody{gap: 24px; padding: 12px 6px;}
main#index section#events .content .eventList article .eventBody h5{font-size: 1rem; font-weight: 700;}
main#index section#events .content .eventList article .eventBody .info{gap: 12px;}
main#index section#events .content .eventList article .eventBody .info .grid{grid-template-columns: max-content 1fr; gap: 6px; font-size: 0.875rem;}
main#index section#events .content .eventList article .eventBody p.desc{font-size: 0.75rem;}
main#index section#events .content .eventList article .eventBody button{margin: 0 14px; text-align: center; background-color: var(--btn-color); padding: 12px 24px; border-radius: 16px; font-size: 0.875rem; font: inherit; color: inherit;}

	/* About */

main#index section#about{padding: 75px 0 48px;}
main#index section#about .content.column{gap: 34px;}
main#index section#about img{border-radius: 24px;}
main#index section#about .column{gap: 12px;}
main#index section#about .column h4{font-size: 1.375rem; color: rgba(2, 51, 69, 1);}
main#index section#about .column p{font-size: 0.75rem;}

	/* Depositions */

main#index section#depositions{gap: 50px; padding-bottom: 60px;}
main#index section#depositions header{text-align: center; gap: 10px;}
main#index section#depositions header h3{font-size: 2.25rem;}
main#index section#depositions .articleWrapper{padding: 0 10px;}
main#index section#depositions .articleWrapper article{font-family: 'Cantarell', sans-serif; padding: 40px 20px; gap: 10px; align-items: center; background: url("../assets/svgs/deposition-bg.svg") no-repeat center / cover; box-shadow: 3px 6px 12px 0px rgba(49, 36, 80, 0.15); backdrop-filter: blur(30px); border-radius: 24px; color: #fff; transition: all .5s ease;}
main#index section#depositions article img{width: 64px; height: 64px; object-fit: cover; border-radius: 50%;}
main#index section#depositions article h5{font-size: 1rem;}

main#index section#depositions wm-slider{background: url("../assets/svgs/decoration.svg") no-repeat top center / 260% 75%;}

/* Event */

main#evento article#eventBody .content{gap: 24px;}

	/* Banner */

main#evento article#eventBody img#banner{aspect-ratio: 355 / 257; object-fit: cover;}

	/* Header */

main#evento article#eventBody header#eventHeader h1{font-size: 3rem; border-bottom: 1px solid var(--main-color);}
main#evento article#eventBody header#eventHeader p{font-size: 0.875rem; color: var(--accent-color);}
main#evento article#eventBody header#eventHeader .infoList{gap: 28px;}
main#evento article#eventBody header#eventHeader .infoList .grid{grid-template-columns: 32px 1fr; align-items: center; color: var(--main-color); gap: 12px;}

	/* Faq */

main#evento article#eventBody section#faq details{background-color: rgba(232, 232, 232, 1); box-shadow: 3px 6px 12px 0px rgba(49, 36, 80, 0.15); backdrop-filter: blur(50px); border-radius: 24px; color: var(--main-color); user-select: none;}
main#evento article#eventBody section#faq details summary{list-style: none; display: grid; grid-template-columns: 1fr max-content; align-items: center; padding: 24px 12px;}
main#evento article#eventBody section#faq details summary:after{content: url("../assets/svgs/big-chevron-down.svg"); pointer-events: none;}
main#evento article#eventBody section#faq details p{padding: 0 12px 24px;}

	/* Boxes */

main#evento section#boxes{gap: 36px; padding: 96px 0;}
main#evento section#boxes > article{--bg-color: #0E7C99; --outline-color: rgba(3, 74, 93, 1); gap: 0; color: #fff; background: var(--bg-color) linear-gradient(180deg, rgba(0, 0, 0, 0) 29.17%, rgba(0, 0, 0, 0.68) 100%); background-blend-mode: multiply; border-radius: 34px; overflow: hidden; outline: 5px solid var(--outline-color); outline-offset: 3px;}
main#evento section#boxes > article > h5{padding: 9px 0; text-align: center; background-color: var(--main-color); font-size: 2rem; font-family: 'High Voltage Rough'; font-weight: 400;}
main#evento section#boxes > article > .column{padding: 6px 20px 20px;}
main#evento section#boxes > article article{gap: 12px; padding: 24px 12px;}
main#evento section#boxes > article article header{justify-content: space-between; align-items: center;}
main#evento section#boxes > article article header h5{font-size: 1rem;}
main#evento section#boxes > article article header h6{font-size: 1rem;}
main#evento section#boxes > article article .column{padding: 0; gap: 0;}

	/* Atractions */

main#evento section#atractions wm-slider .wrapper{scroll-snap-align: start; padding-right: 10px;}
main#evento section#atractions wm-slider img{border-radius: 24px;}

	/* Form */

main#evento wm-slider#formSlider{--indexed-element-amount: 1; padding-bottom: 96px; --traveler-count: attr(data-travelers); counter-reset: travelerInfo; gap: 10px; overflow: hidden; align-items: end; transition: all .5s ease; scroll-snap-type: initial; scroll-behavior: initial;}
main#evento wm-slider#formSlider:before,
main#evento wm-slider#formSlider:after{display: none;}

main#evento form{padding: 40px 10px; background: rgba(232, 232, 232, 1); border-radius: 24px; color: rgba(3, 74, 93, 1); gap: 24px; scroll-snap-align: center;}
main#evento form h3{font-size: 2.25rem;}
main#evento form h6{font-size: 1rem;}
main#evento form wm-slider{gap: 12px; --indexed-element-amount: 1.2;}

main#evento form :is(select, input:not([type="radio"])){color: rgba(253, 84, 46, 1); padding: 12px 16px; background-color: transparent; border: 1px solid rgba(3, 74, 93, 1);}

main#evento form section .column{gap: 10px;}
main#evento form section :is(label, [role="label"]){font-size: 1.5rem; font-weight: 700;}
main#evento form section small{font-size: 1rem; font-weight: 700;}
main#evento form section :is(select, input:not([type="radio"])){padding: 20px;}
main#evento form section label:has(select):after{right: 20px; background: var(--main-color); -webkit-mask-image: url(../assets/svgs/chevron-down.svg); mask-image: url(../assets/svgs/chevron-down.svg);}

main#evento form section#date wm-slider#dateList:empty:before{content: 'Selecione uma data';}

main#evento form section#package{font-family: 'Cantarell'; gap: 10px; counter-reset: travelers;}
main#evento form section#package h5{font-size: 1.1rem;}
main#evento form section#package .traveler{counter-increment: travelers;}
main#evento form section#package .traveler h6:after{content: ' ' counter(travelers);}

main#evento form label[role="article"]{padding: 20px; border: 1px solid #034A5D; border-radius: 24px; scroll-snap-align: start; font-size: initial; transition: all .3s ease; font-family: 'Cantarell'; font-size: 1rem;}
main#evento form label[role="article"]:has(input:checked){border-color: #FD542E; background-color: #FD542E1A;}
main#evento form label[role="article"] header{justify-content: space-between; align-items: center;}
main#evento form label[role="article"] h5{font-size: 1rem;}
main#evento form label[role="article"] p.price{text-wrap: nowrap; color: #FD542E; font-weight: 700;}
main#evento form label[role="article"] ul{padding-left: 1em; list-style: '\2713';}
main#evento form label[role="article"] ul li{padding-left: 10px;}
main#evento form label[role="article"] ul li::marker{color: #FD542E; font-size: 1.2em;}

main#evento form section#quantity .row{align-items: center; gap: 12px;}
main#evento form section#quantity button{width: 30px; height: 30px; background-color: #FD542E; border-radius: 24px; color: #fff; font-size: 1rem; font-weight: 700;}
main#evento form section#quantity input{width: 5em; padding: 20px 0; appearance: none; text-align: center; color: #034A5D;}

main#evento form hr{width: 100%; border: 1px solid #1E1E1E;}

main#evento form section.totals{font-size: 1.5rem;}
main#evento form section.totals .row{justify-content: space-between;}
main#evento form section.totals .row:has(p.total){font-weight: 700;}

main#evento form .controls{justify-content: space-between;}
main#evento form :is(wm-slider-trigger, button.nextStep){padding: 12px 24px; background-color: #034A5D; border-radius: 16px; font-weight: 700; font-family: 'ITC Avant Garde', sans-serif; color: #fff; width: fit-content; align-self: center; font-size: 1rem;}
main#evento form .controls wm-slider-trigger[slide-to="left"]{color: #01000E; border: 1px solid #01000E; background-color: transparent;}

main#evento form.travelerInfo .controls wm-slider-trigger.nextStep:empty:before{content: 'Próximo Viajante';}
main#evento form.travelerInfo:nth-last-child(2) .controls wm-slider-trigger.nextStep:empty:before{content: 'Continuar';}

main#evento form #paymentOptions{gap: 5px; align-items: center;}
main#evento form #paymentOptions .row{align-items: center;}
main#evento form #paymentOptions .row p{font-size: 0.875rem;}

main#evento form.travelerInfo h5{font-size: 1.5rem; font-weight: 400;}
main#evento form.travelerInfo h5 .type:before{content: '(';}
main#evento form.travelerInfo h5 .type:after{content: ')';}

main#evento form header{gap: 0;}
main#evento form header p.counter{align-self: end;}
main#evento form header p.counter:before{content: counter(travelerInfo)'/';}
main#evento form header p.counter:after{content: var(--traveler-count);}

main#evento form.travelerInfo header p.counter{counter-increment: travelerInfo;}
main#evento form.travelerInfo .labeled{gap: 15px;}
main#evento form.travelerInfo .labeled:has(input[name="isResp"][disabled]){opacity: 0.5;}

main#evento form.travelerInfo .grid{grid-template-columns: repeat(2, 1fr); gap: 10px;}
main#evento form.travelerInfo .grid label.grid{grid-template-columns: max-content 1fr; align-items: center;}

main#evento form.confirmation h3{font-family: 'Cantarell', sans-serif; font-weight: 700;}

main#evento form.confirmation article.travelerArticleInfo{font-family: 'Cantarell'; padding: 10px; border-radius: 24px; border: 1px solid #023345; gap: 10px; grid-template-columns: 75% 1fr; font-size: 1rem;}
main#evento form.confirmation article.travelerArticleInfo .controls p{font-size: 0.75rem; font-style: italic; text-align: center;}
main#evento form.confirmation article.travelerArticleInfo .controls button{text: inherit; font: inherit; color: inherit;}
main#evento form.confirmation article.travelerArticleInfo .controls wm-slider-trigger[role="edit"]{font-weight: 700; padding: 0; background: initial; border-radius: 0; color: #034a5d; font-weight: 400; margin: auto;}
main#evento form.confirmation article.travelerArticleInfo .controls button[role="delete"]{color: #FD542E;}

main#evento form.confirmation section{gap: 10px;}
main#evento form.confirmation label[role="article"]{justify-content: center;}
main#evento form.confirmation .controls button[role="submit"]{color: #fff; padding: 12px 24px; background-color: #034A5D; border-radius: 16px; font-weight: 700; font-family: 'ITC Avant Garde', sans-serif; width: fit-content; font-size: 1rem;}

main#evento section#boxes > article:nth-child(2n){--bg-color: rgba(246, 46, 103, 1); --outline-color: var(--bg-color);}
main#evento section#boxes > article:nth-child(2n) > h5{background-color: rgba(184, 22, 68, 1);}

/* Responsive */

@media(max-width: 900px){
	
	.desktop{display: none;}
	
}

@media(min-width: 901px){
	
	.mobile{display: none;}
	
	header#mainHeader{flex-direction: row; align-items: center; justify-content: space-between; padding: 6px 100px; background-color: #034A5D;}
	header#mainHeader .wrapper:has(input#menuTrigger:not(:checked)){height: auto;}
	header#mainHeader nav{flex-direction: row; padding: 0;}
	header#mainHeader nav .row{flex-direction: row-reverse;}
	header#mainHeader nav .row .socials{gap: 10px;}
	
	footer#mainFooter .grid{grid-template-columns: repeat(3, 1fr); color: #fff; gap: 30px 20px; align-items: center; background: url(../assets/svgs/deposition-bg.svg) no-repeat center / cover; padding: 50px 70px; border-radius: 50px 50px 0 0;}
	footer#mainFooter .grid .socials{padding: 0; background: initial; width: fit-content;}
	footer#mainFooter .column{gap: 14px 20px;}
	footer#mainFooter .column h5{font-size: 1.5rem; font-family: 'Cantarell'; text-transform: uppercase;}
	footer#mainFooter .column .column{gap: 14px 20px;}
	footer#mainFooter .column .column a{align-items: center;}
	footer#mainFooter .copy{flex-direction: row; justify-content: space-around; padding: 10px;}
	
	main#index wm-slider#banner{--indexed-element-amount: 1;}
	main#index wm-slider#banner .row img{aspect-ratio: 1080/393; width: 100%;}
	
	main#index section#filters{display: none;}
	
	main#index section#about .content.column{display: grid; grid-template-areas: "title title" "img txt"; grid-template-columns: repeat(2, 1fr);}
	main#index section#about .content.column h3{grid-area: title;}
	main#index section#about .content.column img{grid-area: img;}
	main#index section#about .content.column .column{grid-area: txt;}
	main#index section#about .content.column .column h4{font-size: 1.625rem;}
	main#index section#about .content.column .column p{font-size: 0.875rem;}
	
	main#index section#events wm-slider{gap: 40px;}
	main#index section#events .content .eventList{grid-template-columns: repeat(4, 1fr);}
	
	main#index section#events article{border-radius: 24px; font-family: 'Cantarell', sans-serif; align-items: stretch; scroll-snap-align: start; user-select: none;}
	main#index section#events .content .eventList article .eventBody{gap: 24px 12px; padding: 24px 20px;}
	main#index section#events article .column h5{font-size: 1.25rem;}
	main#index section#events article .column .info{grid-template-columns: repeat(2, 1fr);}
	main#index section#events article .column .info .row{gap: 6px;}
	main#index section#events article .column .info .row svg path{fill: #011423;}
	main#index section#events article .column .tags{justify-content: center;}
	main#index section#events article .column .tags span{padding: 6px 12px; background-color: #FD542E; color: #fff; border-radius: 100vw;}
	main#index section#events .content .eventList article .eventBody button{margin: 0;}
	main#index section#events article img{border-radius: inherit; pointer-events: none;}
	
	main#index section#depositions{padding: 24px 98px; width: 1080px; margin: 150px auto; background-color: #E8E8E8; border-radius: 24px; box-shadow: 3px 6px 12px 0px #31245026; backdrop-filter: blur(50px); gap: 24px; user-select: none;}
	main#index section#depositions:before{content: ''; display: block; position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; top: 0; bottom: 0; background: url(../assets/svgs/decoration.svg) no-repeat center / 100% 100%; z-index: -1;}
	main#index section#depositions header{width: 100%;}
	main#index section#depositions header h4{display: none;}
	main#index section#depositions .column{align-items: center;}
	main#index section#depositions .column wm-slider{--indexed-element-amount: 3; --clip-unreachable-element: true; scroll-snap-type: initial; scroll-behavior: initial; background: initial;}
	main#index section#depositions .column wm-slider article{background: #000A0C66;}
	main#index section#depositions .grid{grid-template-columns: repeat(2, 1fr); width: fit-content; gap: 24px;}
	main#index section#depositions .grid wm-slider-trigger{width: 50px; height: 50px; display: grid; align-items: center; justify-content: center; background-color: #034A5D; border-radius: 50%; color: #fff; font-weight: 700;}
	main#index section#depositions:has(wm-slider#depositionSlider .articleWrapper[active]:first-child) .grid wm-slider-trigger:first-child,
	main#index section#depositions:has(wm-slider#depositionSlider .articleWrapper[active]:nth-last-child(3)) .grid wm-slider-trigger:last-child{pointer-events: none; opacity: .5;}
	
	main#evento article#eventBody picture img{aspect-ratio: 1034/359; width: 100%; object-fit: cover; border-radius: 24px;}
	
	main#evento article#eventBody .desktopDisposition{grid-template-columns: 3fr 1fr; grid-template-areas: "desc prog""faq prog"; padding-top: 46px;}
	main#evento article#eventBody .desktopDisposition header#eventHeader{grid-area: desc;}
	main#evento article#eventBody .desktopDisposition section#faq{grid-area: faq;}
	main#evento article#eventBody .desktopDisposition section#boxes{grid-area: prog; padding-top: 0;}
	main#evento article#eventBody .desktopDisposition section#boxes article{border-radius: 24px;}
	main#evento article#eventBody .desktopDisposition section#boxes > article > .column{font-size: 0.875rem;}
	main#evento article#eventBody .desktopDisposition section#boxes article > h5{color: #fff;}
	main#evento article#eventBody .desktopDisposition section#boxes > article article{padding: 24px 0px;}
	
	main#evento section#atractions wm-slider{--indexed-element-amount: 4; --clip-unreachable-element: true;}
	main#evento section#atractions wm-slider img{pointer-events: none;}
	
	main#evento form{padding: 40px;}
	main#evento form button{cursor: pointer;}
	main#evento form wm-slider{--indexed-element-amount: 3.3; user-select: none;}
	main#evento form wm-slider label{cursor: grab;}
	main#evento form.confirmation article.travelerArticleInfo{grid-template-columns: 1fr max-content;}
	main#evento form.confirmation section.payOptions .column{display: grid; grid-template-columns: repeat(4, 1fr);}
	main#evento form.confirmation section.payOptions .column label{cursor: pointer;}
	
}