@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-car-offer-details{background:var(--color-bg-02);padding:20px 16px 45px;display:flex;flex-direction:column}
.cmp-car-offer-details__hero{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cmp-car-offer-details__title .cmp-title__text{color:var(--color-font-01);font-family:'CupraRegular',sans-serif;font-weight:400;text-transform:capitalize;font-size:24px;line-height:28px;margin:0;word-break:break-word}
.cmp-car-offer-details__description .cmp-text p{color:var(--color-font-02);font-family:'CupraRegular',sans-serif;font-size:16px;line-height:20px}
.cmp-car-offer-details__description .cmp-text p>a{color:var(--color-font-02);text-decoration:underline}
.cmp-car-offer-details__cta-container{display:flex;flex-direction:column;width:100%;align-items:center}
.cmp-car-offer-details__primary-button{width:182px}
.cmp-car-offer-details__price-container{display:flex;flex-direction:column;gap:2px;margin:18px 0 32px;align-items:center;align-self:center}
.cmp-car-offer-details__tae{margin:8px 0 0;max-width:706px}
.cmp-car-offer-details__tae .cmp-text p{color:var(--color-font-01);font-family:'CupraLight',sans-serif;font-size:14px;line-height:20px}
.cmp-car-offer-details__tae .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-car-offer-details__month-container{display:flex;flex-direction:column;align-items:center;gap:8px;align-self:center}
.cmp-car-offer-details .text p{margin-bottom:0}
.cmp-car-offer-details__from{display:flex;flex-direction:row;gap:8px}
.cmp-car-offer-details__total .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:24px;line-height:30px}
.cmp-car-offer-details__total .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-car-offer-details__prefix,.cmp-car-offer-details__tag{display:flex;align-items:flex-end;vertical-align:text-bottom}
.cmp-car-offer-details__prefix .cmp-text p,.cmp-car-offer-details__tag .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:16px;line-height:24px}
.cmp-car-offer-details__prefix .cmp-text p>a,.cmp-car-offer-details__tag .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-car-offer-details__price .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:22px;line-height:28px}
.cmp-car-offer-details__price .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-car-offer-details__separator{width:2px;height:2px;background-color:var(--color-ui-01)}
.cmp-car-offer-details__price-month{display:flex;flex-direction:row;align-items:center}
.cmp-car-offer-details__month-text{display:flex;flex-direction:row;align-items:flex-end}
.cmp-car-offer-details__icon{margin-left:10px;display:inline-block;width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-info.svg")}
@media(min-width:764px){.cmp-car-offer-details{padding:16px 32px 24px}
.cmp-car-offer-details__hero{gap:16px;margin-bottom:24px}
.cmp-car-offer-details__title .cmp-title__text{font-size:30px;line-height:36px;margin:0;word-break:break-word}
.cmp-car-offer-details__price-container{margin-top:24px}
.cmp-car-offer-details__total .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:30px;line-height:34px}
.cmp-car-offer-details__total .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-car-offer-details__prefix .cmp-text p,.cmp-car-offer-details__tag .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:16px;line-height:24px}
.cmp-car-offer-details__prefix .cmp-text p>a,.cmp-car-offer-details__tag .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-car-offer-details__price .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:24px;line-height:32px}
.cmp-car-offer-details__price .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
}
@media(min-width:1016px){.cmp-car-offer-details{padding:16px 32px 32px}
.cmp-car-offer-details__hero{margin-bottom:32px}
.cmp-car-offer-details__title .cmp-title__text{font-size:48px;line-height:52px;margin:0;word-break:break-word}
.cmp-car-offer-details__price-container{margin-top:32px}
}
@media(min-width:1436px){.cmp-car-offer-details{max-width:1436px;align-self:center;padding:0 32px 32px;margin-left:auto;margin-right:auto}
.cmp-car-offer-details__total .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:40px;line-height:48px}
.cmp-car-offer-details__total .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-car-offer-details__prefix .cmp-text p,.cmp-car-offer-details__tag .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:16px;line-height:30px}
.cmp-car-offer-details__prefix .cmp-text p>a,.cmp-car-offer-details__tag .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-car-offer-details__price .cmp-text p{color:var(--color-font-01);font-family:'CupraMedium',sans-serif;font-size:30px;line-height:40px}
.cmp-car-offer-details__price .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
}