@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
.cmp-button{position:relative;display:flex;align-items:center;width:100%;height:40px;border-radius:2px;background-color:#ece9e1;padding:12px 16px;cursor:pointer;transition:all .15s ease-in-out;border:0}
.cmp-button__text{width:100%;height:16px;text-align:center;color:#190f14;font-size:14px;line-height:16px;font-family:"SeatBold",sans-serif;font-weight:700;overflow:hidden;max-height:16px}
@media(hover:hover){.cmp-button:hover{opacity:.6;text-decoration:none}
}
.cmp-button:disabled{cursor:not-allowed;opacity:.4}
.mod__short-height-button .cmp-button{height:32px;padding:7px 16px 9px}
.mod__short-height-button .cmp-button__text{height:auto;line-height:1.33;font-size:12px}
@media(min-width:1016px){.cmp-button{height:48px;padding:13px 16px 15px}
.cmp-button__text{font-size:16px;line-height:20px;height:20px;max-height:20px}
}
.mod__primary-button .cmp-button{background-color:#190f14;border-radius:50px}
@media(hover:hover){.mod__primary-button .cmp-button:hover{opacity:.8}
}
.mod__primary-button .cmp-button__text{color:#ece9e1}
.mod__primary-button .cmp-button:disabled{background-color:#190f14}
.mod__light-primary-button .cmp-button{border-radius:50px}
.mod__secondary-button{border-radius:50px}
.mod__secondary-button .cmp-button{border:solid 1px #190f14;background-color:transparent;border-radius:50px}
.mod__secondary-button .cmp-button__text{color:#190f14}
@media(hover:hover) and (pointer:fine){.mod__secondary-button .cmp-button:hover{opacity:1;box-shadow:0 0 0 1px #190f14}
}
.mod__secondary-button .cmp-button:disabled{opacity:.2}
.mod__light-secondary-button{border-radius:50px}
.mod__light-secondary-button .cmp-button{border:solid 1px #f5f5f5;background-color:transparent;border-radius:50px}
.mod__light-secondary-button .cmp-button__text{color:#f5f5f5}
@media(hover:hover) and (pointer:fine){.mod__light-secondary-button .cmp-button:hover{opacity:1;box-shadow:0 0 0 1px #f5f5f5}
}
.mod__light-secondary-button .cmp-button:disabled{opacity:.2}
.mod__tertiary-button{position:relative;overflow:hidden}
.mod__tertiary-button .cmp-button{border:0;background:transparent;z-index:1}
.mod__tertiary-button .cmp-button__text{color:#f5f5f5}
.mod__tertiary-button .cmp-button:before,.mod__tertiary-button .cmp-button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease;z-index:-1}
.mod__tertiary-button .cmp-button:before{background:linear-gradient(90deg,#f31d57 50%,var(--color-brand-primary) 100%);border-radius:50px}
.mod__tertiary-button .cmp-button:after{background:linear-gradient(90deg,#c20a3c 50%,var(--color-brand-primary) 100%);border-radius:50px;opacity:0}
@media(hover:hover){.mod__tertiary-button .cmp-button:hover{opacity:1}
.mod__tertiary-button .cmp-button:hover:after{opacity:1}
}
.mod__tertiary-button .cmp-button:disabled{opacity:1;color:#e3e3e4}
.mod__tertiary-button .cmp-button:disabled:before{background:#b7b6b9}
.mod__link-button .cmp-button{padding:0;width:max-content;height:auto;text-decoration:none;border:0;background-color:transparent;display:inline-block}
.mod__link-button .cmp-button__text{font-family:"SeatRegular",sans-serif;font-weight:400;color:#190f14;font-size:14px;line-height:16px;height:auto}
.mod__link-button .cmp-button:after{content:'';position:absolute;width:100%;height:1px;bottom:0;left:0;transition:all .15s ease-in-out;background-color:#190f14}
@media(hover:hover){.mod__link-button .cmp-button:hover{border:0;text-decoration:none}
.mod__link-button .cmp-button:hover:after{opacity:.6}
}
@media(min-width:1016px){.mod__link-button .cmp-button__text{font-size:16px;line-height:20px}
}
.mod__light-link-button .cmp-button{padding:0;width:max-content;height:auto;text-decoration:none;border:0;background-color:transparent;display:inline-block}
.mod__light-link-button .cmp-button__text{font-family:"SeatRegular",sans-serif;font-weight:400;color:#ece9e1;font-size:14px;line-height:16px;height:auto}
.mod__light-link-button .cmp-button:after{content:'';position:absolute;width:100%;height:1px;bottom:0;left:0;transition:all .15s ease-in-out;background-color:#ece9e1}
@media(hover:hover){.mod__light-link-button .cmp-button:hover{border:0;text-decoration:none}
.mod__light-link-button .cmp-button:hover:after{opacity:.6}
}
@media(min-width:1016px){.mod__light-link-button .cmp-button__text{font-size:16px;line-height:20px}
}
.mod__arrow-button .cmp-button{border:0;background-color:transparent;width:auto;height:16px;justify-content:flex-start;padding:0}
.mod__arrow-button .cmp-button__text{width:auto;height:16px;text-align:start;color:#190f14;transition:none}
.mod__arrow-button .cmp-button:after{content:'';width:7px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/button-arrow-right-dark.svg");margin:6px 8px 6px 9px}
@media(min-width:1016px){.mod__arrow-button .cmp-button .cmp-button{height:20px}
.mod__arrow-button .cmp-button .cmp-button__text{height:20px}
}
.mod__arrow-left-button .cmp-button{border:0;background-color:transparent;width:auto;height:16px;justify-content:flex-start;padding:0}
.mod__arrow-left-button .cmp-button__text{width:auto;height:16px;text-align:start;color:#190f14;transition:none}
.mod__arrow-left-button .cmp-button:before{content:'';width:7px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/button-arrow-right-dark.svg");margin:6px 7px 6px 9px;transform:rotate(180deg)}
@media(min-width:1016px){.mod__arrow-left-button .cmp-button .cmp-button{height:20px}
.mod__arrow-left-button .cmp-button .cmp-button__text{height:20px}
}
.mod__light-arrow-button .cmp-button{border:0;background-color:transparent;width:auto;height:16px;justify-content:flex-start;padding:0}
.mod__light-arrow-button .cmp-button__text{width:auto;height:16px;text-align:start;color:#ece9e1;transition:none}
.mod__light-arrow-button .cmp-button:after{content:'';width:7px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/button-arrow-right-light.svg");margin:6px 8px 6px 9px}
@media(min-width:1016px){.mod__light-arrow-button .cmp-button .cmp-button{height:20px}
.mod__light-arrow-button .cmp-button .cmp-button__text{height:20px}
}
.mod__light-arrow-left-button .cmp-button{border:0;background-color:transparent;width:auto;height:16px;justify-content:flex-start;padding:0}
.mod__light-arrow-left-button .cmp-button__text{width:auto;height:16px;text-align:start;color:#ece9e1;transition:none}
.mod__light-arrow-left-button .cmp-button:before{content:'';width:7px;height:12px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/seat-website/components/clientlibs/resources/icons/button-arrow-right-light.svg");margin:6px 7px 6px 9px;transform:rotate(180deg)}
@media(min-width:1016px){.mod__light-arrow-left-button .cmp-button .cmp-button{height:20px}
.mod__light-arrow-left-button .cmp-button .cmp-button__text{height:20px}
}
.theme-default{--bg-color:var(--color-bg-02);--font-color:var(--color-font-03)}
.theme-ibiza{--bg-color:#100d47;--font-color:#ff76cb}
.theme-arona{--bg-color:#1b0f4d;--font-color:#55e4c0}
.theme-ateca{--bg-color:#20124a;--font-color:#ca8eff}
.theme-leon{--bg-color:#181632;--font-color:#7eff94}
.theme-leon-sp{--bg-color:#0a2b2f;--font-color:#7eff94}
.neutral-01{--bg-color:#f5f5f5;--font-color:var(--color-bg-02)}
.neutral-02{--bg-color:#ebe9e8;--font-color:var(--color-bg-02)}
.cmp-vehicle-highlights{background-color:var(--bg-color)}
.cmp-vehicle-highlights__container{padding:20px 16px 16px;display:flex;flex-flow:column;gap:16px}
.cmp-vehicle-highlights__items{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:37px}
.cmp-vehicle-highlights__items .item{width:118px}
.cmp-vehicle-highlights__items .item__eyebrow .cmp-text,.cmp-vehicle-highlights__items .item__eyebrow .cmp-text p{color:var(--color-font-06);font-family:"SeatRegular",sans-serif;font-weight:400;font-size:14px;line-height:1.25}
.cmp-vehicle-highlights__items .item__eyebrow .cmp-text a{color:var(--color-font-06);text-decoration:underline}
.cmp-vehicle-highlights__items .item__text .cmp-text,.cmp-vehicle-highlights__items .item__text .cmp-text p{color:var(--color-font-06);font-family:"SeatBold",sans-serif;font-weight:700;font-size:18px;line-height:1.875}
.cmp-vehicle-highlights__items .item__text .cmp-text a{color:var(--color-font-06);text-decoration:underline}
.cmp-vehicle-highlights__buttons{display:flex;flex-flow:column;flex-wrap:wrap;gap:34px;padding-top:16px}
.cmp-vehicle-highlights__buttons .mod__primary-button,.cmp-vehicle-highlights__buttons .mod__secondary-button{width:100%;text-align:center}
.cmp-vehicle-highlights__buttons .mod__primary-button .cmp-button{background-color:var(--color-bg-09)}
.cmp-vehicle-highlights__buttons .mod__primary-button .cmp-button__text{color:var(--color-font-01)}
.cmp-vehicle-highlights__buttons .mod__secondary-button .cmp-button{border-color:var(--color-ui-02)}
.cmp-vehicle-highlights__buttons .mod__secondary-button .cmp-button__text{color:var(--color-font-06)}
@media(min-width:764px){.cmp-vehicle-highlights__container{padding:40px 24px 20px;flex-flow:row;justify-content:space-between;align-items:flex-start}
.cmp-vehicle-highlights__buttons{padding:4px 0;flex-flow:row;min-width:392px;justify-content:flex-end;gap:32px}
.cmp-vehicle-highlights__buttons .mod__primary-button,.cmp-vehicle-highlights__buttons .mod__secondary-button{max-width:232px}
.cmp-vehicle-highlights__items{flex-grow:1;column-gap:unset;row-gap:20px;justify-content:center}
.cmp-vehicle-highlights__items .item{width:152px}
.cmp-vehicle-highlights__items .item__eyebrow .cmp-text,.cmp-vehicle-highlights__items .item__eyebrow .cmp-text p{font-size:16px}
.cmp-vehicle-highlights__items .item__eyebrow .cmp-text a{text-decoration:underline}
.cmp-vehicle-highlights__items .item__text .cmp-text,.cmp-vehicle-highlights__items .item__text .cmp-text p{font-size:24px}
.cmp-vehicle-highlights__items .item__text .cmp-text a{text-decoration:underline}
.cmp-vehicle-highlights__items:has(.item:first-child:last-child){justify-content:flex-start}
.cmp-vehicle-highlights__items:has(.item:first-child:last-child) .item{margin-left:24px}
}
@media(min-width:1016px){.cmp-vehicle-highlights__container{padding:32px}
.cmp-vehicle-highlights__items:has(.item:first-child:last-child) .item{margin-left:112px}
.cmp-vehicle-highlights__items.nocta{column-gap:24px;text-align:center}
.cmp-vehicle-highlights__buttons{padding:12px 0;min-width:412px}
}
@media(min-width:1436px){.cmp-vehicle-highlights__container{padding:24px 20px 10px}
.cmp-vehicle-highlights__buttons{padding:20px 30px;min-width:592px}
.cmp-vehicle-highlights__items{column-gap:76px}
.cmp-vehicle-highlights__items:has(.item:first-child:last-child) .item{margin-left:124px}
.cmp-vehicle-highlights__items.nocta .item{width:323px}
}