/* home */
/* banner */
#banner,
.banner-item,
.banner-content,
.banner-pics,
.banner-img {
    --shade: from var(--color-base) h s l;
    width: 100%;
    height: 95dvh;
    background: linear-gradient(to right, hsl(var(--shade) / .5), hsl(var(--shade) / 0));
}

#banner .flickity-page-dots {
    bottom: 2em;
}

#banner .flickity-page-dot {
    background: hsl(from var(--color-white) h s l / .4);
}

#banner .flickity-page-dot.is-selected {
    background: var(--color-white);
}

.banner-content {
    position: absolute;
    inset: 0;
    padding-block: 16px;
}

.banner-infos {
    height: 100%;
    padding-inline: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

.banner-title,
.banner-text {
    text-align: center;
    color: var(--color-white);
    text-shadow: 0 0 8px var(--color-black);
}

.banner-btns {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* end - banner */

/* feat */
#feat {
    position: relative;
    padding-top: 112px;
}

#feat::before,
#feat::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
}

#feat::before {
    inset: 0 auto auto 0;
    width: 248px;
    height: 428px;
    background-image: url(../img/leaves-few.webp);
    background-size: contain;
    background-position: left top;
    transform: translateY(-150px);
    z-index: 3;
    display: none;
}

#feat::after {
    inset: 0;
    background-image: url(../img/mountain.webp);
    background-size: auto 20%;
    background-position: right top;
    transform: translateY(-120px);
}

.feat-content {
    position: relative;
    z-index: 2;
}

.feat-header {
    background: var(--color-base);
}

.feat-title {
    text-align: center;
    /* text-shadow: 0 0 8px var(--color-light); */
    color: var(--color-accent);
}

.feat-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: clamp(16px, 13.3333px + 0.8333vw, 24px);
    background: var(--color-base);
    box-shadow: 0 0 24px hsl(from var(--color-base) h s l / .25);
}

.feat-card-link,
.feat-card-link:is(:hover, :active, :focus) {
    color: var(--color-light);
}

.feat-card-link:nth-child(n + 3) {
    display: none;
}

.feat-card-link:hover .feat-card-img {
    transform: scale(1.025);
}

.feat-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feat-card-preview {
    width: 100%;
    height: clamp(380px, 293.3333px + 27.0833vw, 640px);
    overflow: hidden;
}

.feat-card-img {
    transition: .25s ease;
}

.feat-card-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    padding-bottom: 16px;
    padding-inline: clamp(0px, -8px + 2.5vw, 24px);
}

.feat-card-infos {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.feat-card-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
}

.feat-card-btn {
    padding: 0;
}

.feat-card-btn i {
    font-size: 32px;
}

.feat-footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-title {
    text-align: center;
    font-weight: 700;
    font-style: normal;
}

.feat-items {
    display: flex;
    justify-content: center;
    gap: clamp(24px, 21.3333px + 0.8333vw, 32px);
    padding-inline: 16px;
}

.feat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1;
    max-width: fit-content;
}

.feat-item-icon {
    height: 48px;
    aspect-ratio: 1;
    object-fit: contain;
    filter: drop-shadow(0 0 16px hsl(from var(--color-base) h s l / .25));
}

.feat-item-title {
    text-align: center;
    hyphens: auto;
}

/* end - feat */

/* motel */
#motel {
    padding-top: 232px;
    background-image: url(../img/bg-motel-gradient.svg);
    background-size: auto 100%;
    position: relative;
}

#motel::before,
#motel::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
}

#motel::before {
    inset: auto auto 76vw 0;
    height: 33vw;
    aspect-ratio: .580 / 1;
    background-image: url(../img/leaves-few.webp);
    background-size: contain;
    background-position: left top;
}

#motel::after {
    inset: 0 0 auto auto;
    width: 160px;
    height: 224px;
    background-image: url(../img/leaves-many.webp);
    background-size: contain;
    background-position: right top;
    z-index: 1;
}


.motel-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.motel-content::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 15dvw;
    background: linear-gradient(transparent, var(--color-light));
}

.motel-infos {
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.motel-card {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
}

.motel-card-title,
.motel-card-text {
    text-shadow: 0 0 8px hsl(from var(--color-base) h s l / .5);
}

.motel-card-title {
    font-weight: 900;
    font-style: normal;
    color: var(--color-accent);
}

.motel-card-text {
    text-wrap: balance;
    color: var(--color-light);
}

.motel-img {
    aspect-ratio: 1.192 / 1;
}

/* end - motel */

/* gastro */
.gastro-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(16px, 10.6667px + 1.6667vw, 32px);
}

.gastro-card {
    height: 100%;
    position: relative;
    background: var(--color-base);
}

.gastro-card:is(:nth-child(1), :nth-child(2)) {
    grid-column: span 2;
    height: 296px;
}

.gastro-card:is(:nth-child(1)) {
    --grid-gap: clamp(16px, 10.6667px + 1.6667vw, 32px);
    width: 95%;
    margin-inline: auto;
    margin-bottom: calc(-1 * (80px + var(--grid-gap)));
    z-index: 1;
}

.gastro-card:is(:nth-child(n + 5)) {
    display: none;
}

.gastro-card-infos {
    position: absolute;
    inset: 0;
    padding: min(32px, 5%);
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    /* background: hsl(from var(--color-black) h s l / .25); */
}

.gastro-card-title,
.gastro-card-text {
    color: var(--color-light);
}

.gastro-card-text {
    --shade: 0, 0, 0;
    --alpha: .25;

    max-height: 100%;
    overflow-y: auto;

    background:
        /* Shadow covers */
        linear-gradient(var(--color-base) 30%, rgba(255, 255, 255, 0)),
        linear-gradient(rgba(255, 255, 255, 0), var(--color-base) 70%) 0 100%,

        /* Shadows */
        radial-gradient(50% 0, farthest-side, rgba(var(--shade), var(--alpha)), transparent),
        radial-gradient(50% 100%, farthest-side, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
    background:
        /* Shadow covers */
        linear-gradient(var(--color-base) 30%, rgba(255, 255, 255, 0)),
        linear-gradient(rgba(255, 255, 255, 0), var(--color-base) 70%) 0 100%,

        /* Shadows */
        radial-gradient(farthest-side at 50% 0, rgba(var(--shade), var(--alpha)), transparent),
        radial-gradient(farthest-side at 50% 100%, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
    background-repeat: no-repeat;
    background-color: var(--color-base);
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;

    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}

.gastro-card-btn {
    margin-top: auto;
}

/* end - gastro */

/* promos */
#promos .flickity-button {
    top: calc(100%);
    border-color: transparent;
    color: var(--color-base);
    z-index: 1;
}

#promos .flickity-button:is(:hover, :active, :focus) {
    background: transparent;
}

#promos .flickity-button svg {
    display: none;
}

#promos .flickity-button.previous {
    left: var(--space);
}

#promos .flickity-button.next {
    right: var(--space);
}

#promos .flickity-button:is(.previous, .next)::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

#promos .flickity-button.previous::before {
    content: '\f060';
}

#promos .flickity-button.next::before {
    content: '\f061';
}

#promos .flickity-page-dots {
    bottom: 0;
    transform: translateY(45%);
}

.promos-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.promos-content>* {
    flex: 1;
}

.promos-header {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
}

.promos-header-btn {
    margin-top: 24px;
}

.promos-slider {
    margin-right: -5dvw;
}

.promos-slide {
    display: inline-block;
    max-width: 432px;
    width: 80%;
    margin-right: 16px;
    overflow: hidden;
    aspect-ratio: 1;
}

.promos-slide:hover .promos-img {
    transform: scale(1.025);
}

.promos-img {
    transition: .25s ease;
}

.promos-footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

/* end - promos */

/* local */
#local {
    --bg-height: 14dvw;
    background-image:
        linear-gradient(transparent var(--bg-height), var(--color-dark) var(--bg-height)),
        url(../img/bg-local-gradient.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.local-content {
    padding-top: calc(var(--bg-height) + var(--padd));
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-shadow: 0 0 8px hsl(from var(--color-dark) h s l / .5);
}

.local-col {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 16px;
    text-align: center;
    color: var(--color-light);
}

.local-map {
    height: 224px;
}

.local-footer {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.local-contacts {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.local-link,
.local-link:is(:hover, :active, :focus) {
    display: flex;
    align-items: center;
    gap: 16px;
    color: inherit;
}

.local-icon {
    max-width: 48px;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

/* end - local */
/* end - home */

/* ------------------------------------------------------------------------------------------ */

/* inner */
/* inner header global */
#in-header {
    --bg-wave-height: 10dvw;
    background: linear-gradient(var(--color-base) calc(100% - var(--bg-wave-height)),
            transparent calc(100% - var(--bg-wave-height)));
}

#in-header::after {
    content: '';
    display: block;
    height: var(--bg-wave-height);
    margin-top: -2px;
    background-image: url(../img/bg-inner-header.svg);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#in-header .in-header-wrap {
    padding-block: 64px;
}

#in-header .in-header-title {
    font-size: clamp(48px, 37.3333px + 3.3333vw, 80px);
    /* line-height: 85%; */
    text-shadow: 0 0 .5em var(--color-black);
    color: var(--color-accent);
}

/* end - inner header global */

/* inner signup */
#in-signup form {
    max-width: 768px;
    margin-inline: auto;
}

#in-signup form input {
    border-radius: 0;
    accent-color: var(--color-secondary);
}

#in-signup form ::placeholder {
    text-transform: uppercase;
}

#in-signup form [for="ckMailing"],
#in-signup form [for="ckIdade"],
#in-signup form :is([for="ckPolitica"], [for="ckPolitica"] a) {
    font-weight: 400;
    /* color: var(--color-base); */
}

/* end - inner signup */

/* inner our-suites */
#in-our-suites .in-our-suites-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: clamp(16px, 13.3333px + 0.8333vw, 24px);
    background: var(--color-base);
    box-shadow: 0 0 24px hsl(from var(--color-base) h s l / .25);
}

#in-our-suites .in-our-suites-card-link,
#in-our-suites .in-our-suites-card-link:is(:hover, :active, :focus) {
    color: var(--color-light);
}

#in-our-suites .in-our-suites-card-link:hover .in-our-suites-card-img {
    transform: scale(1.025);
}

#in-our-suites .in-our-suites-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#in-our-suites .in-our-suites-card-preview {
    width: 100%;
    height: clamp(380px, 293.3333px + 27.0833vw, 640px);
    overflow: hidden;
}

#in-our-suites .in-our-suites-card-img {
    transition: .25s ease;
}

#in-our-suites .in-our-suites-card-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    padding-bottom: 16px;
    padding-inline: clamp(0px, -8px + 2.5vw, 24px);
}

#in-our-suites .in-our-suites-card-infos {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#in-our-suites .in-our-suites-card-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
}

#in-our-suites .in-our-suites-card-btn {
    padding: 0;
}

#in-our-suites .in-our-suites-card-btn i {
    font-size: 32px;
}

/* end - inner our-suites */

/* inner suite slider */
#in-suite .in-suite-slider-item {
    max-width: 750px;
    width: 95%;
    margin-right: 1em;
    aspect-ratio: 3/2;
    overflow: hidden;
}

#in-suite #in-suite-slider .flickity-viewport {
    overflow: visible;
}

#in-suite #in-suite-slider .flickity-page-dots {
    bottom: -40px;
}

/* end - inner suite slider */

/* inner items & infos */
#in-suite #in-suite-infos {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#in-suite .in-suite-card {
    flex: 1;
}

#in-suite .in-suite-card-title {
    margin-bottom: 8px;
}

#in-suite .in-suite-infos-divider {
    height: 1px;
    background: var(--color-light);
}

/* end - inner items & infos */

/* inner others suites */
#in-suite-others .in-suite-others-content {
    display: flex;
    flex-direction: column;
    gap: clamp(48px, 42.6667px + 1.6667vw, 64px);
}

#in-suite-others .in-suite-others-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#in-suite-others .in-suite-others-infos {
    max-width: 768px;
}

#in-suite-others .in-suite-others-items {
    margin-top: 1em;
}

#in-suite-others .in-suite-others-slider {
    height: fit-content;
}

#in-suite-others .in-suite-others-slider .flickity-viewport {
    overflow: visible;
}

#in-suite-others .in-suite-others-card-link,
#in-suite-others .in-suite-others-card-link:is(:hover, :active, :focus) {
    width: 95%;
    display: inline-block;
    color: var(--color-light);
    margin-right: 16px;
}

#in-suite-others .in-suite-others-card-link:hover .in-suite-others-card-img {
    transform: scale(1.025);
}

#in-suite-others .in-suite-others-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 0 0 8px 8px;
    background: var(--color-base);
}

#in-suite-others .in-suite-others-card-preview {
    width: 100%;
    height: clamp(380px, 346.6667px + 10.4167vw, 480px);
    overflow: hidden;
}

#in-suite-others .in-suite-others-card-img {
    transition: .25s ease;
}

#in-suite-others .in-suite-others-card-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    padding-bottom: 16px;
    padding-inline: clamp(16px, 13.3333px + 0.8333vw, 24px);
}

#in-suite-others .in-suite-others-card-infos {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#in-suite-others .in-suite-others-card-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
}

#in-suite-others .in-suite-others-card-btn {
    padding: 0;
}

#in-suite-others .in-suite-others-card-btn i {
    font-size: 32px;
}

/* end - inner others suites */

/* inner discounts */
#in-discount {
    columns: 360px;
}

#in-discount .in-discount-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 16px;
    break-inside: avoid;
    background: var(--color-base);
    box-shadow: 0 0 16px hsl(from var(--color-light) h s l / .4);
}

#in-discount .in-discount-card-title {
    text-align: center;
    color: var(--color-light);
}

#in-discount :is(.in-discount-card-text, p) {
    color: var(--color-light);
}

#in-discount :is(.in-discount-card-text, p)::first-letter {
    text-transform: uppercase;
}

/* end - inner discounts */

/* inner coupons */
#in-coupon {
    columns: 360px;
}

#in-coupon .in-coupon-card {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 16px;
    break-inside: avoid;
    background: var(--color-base);
    box-shadow: 0 0 16px hsl(from var(--color-light) h s l / .4);
}

#in-coupon .in-coupon-card-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#in-coupon .in-coupon-card-title {
    text-align: center;
    color: var(--color-light);
}

#in-coupon :is(.in-coupon-card-text, p) {
    color: var(--color-light);
}

#in-coupon :is(.in-coupon-card-text, p)::first-letter {
    text-transform: uppercase;
}

/* end - inner coupons */

/* inner motel */
.in-motel-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.in-motel-infos {
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.in-motel-card {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
}

/* .in-motel-card-title,
.in-motel-card-text {
    text-shadow: 0 0 8px hsl(from var(--color-base) h s l / .5);
} */

.in-motel-card-title {
    font-weight: 900;
    font-style: normal;
    /* color: var(--color-accent); */
}

.in-motel-card-text {
    text-wrap: balance;
    /* color: var(--color-light); */
}

.in-motel-img {
    aspect-ratio: 1.192 / 1;
    filter: drop-shadow(0 0 16px hsl(from var(--color-base) h s l / .25));
}

/* end - inner motel */

/* inner local */

.in-local-content {
    /* padding-top: calc(var(--bg-height) + var(--padd)); */
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* text-shadow: 0 0 8px hsl(from var(--color-dark) h s l / .5); */
}

.in-local-col {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 16px;
    text-align: center;
    color: var(--color-base);
}

.in-local-map {
    height: 224px;
}

.in-local-footer {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.in-local-contacts {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.in-local-link,
.in-local-link:is(:hover, :active, :focus) {
    display: flex;
    align-items: center;
    gap: 16px;
    color: inherit;
}

.in-local-icon {
    max-width: 48px;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

/* end - inner local */

/* inner bookings */
#in-booking {
    columns: 360px;
}

#in-booking .in-booking-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 290px;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 16px;
    break-inside: avoid;
    background: var(--color-secondary);
    box-shadow: 0 0 16px hsl(from var(--color-base) h s l / .4);
    transition: .25s;
}

#in-booking .in-booking-card:hover {
    transform: scale(1.025);
}

#in-booking .in-booking-card-icon {
    font-size: clamp(32px, 29.3333px + 0.8333vw, 40px);
    text-align: center;
    margin-bottom: 16px;
    color: var(--color-light);
}

#in-booking .in-booking-card-title {
    margin-bottom: 16px;
    text-align: center;
    color: var(--color-light);
}

#in-booking .in-booking-card-text {
    text-align: center;
    color: var(--color-light);
}

#in-booking .in-booking-card-text::first-letter {
    text-transform: uppercase;
}

/* end - inner bookings */

/* inner gastro */
.in-gastro-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(16px, 10.6667px + 1.6667vw, 32px);
}

.in-gastro-card {
    height: 100%;
    position: relative;
    background: var(--color-base);
}

.in-gastro-card:is(:nth-child(1), :nth-child(2)) {
    grid-column: span 2;
    height: 296px;
}

.in-gastro-card:is(:nth-child(1)) {
    --grid-gap: clamp(16px, 10.6667px + 1.6667vw, 32px);
    width: 95%;
    margin-inline: auto;
    margin-bottom: calc(-1 * (80px + var(--grid-gap)));
    z-index: 1;
}

.in-gastro-card:is(:nth-child(n + 5)) {
    display: none;
}

.in-gastro-card-infos {
    position: absolute;
    inset: 0;
    padding: min(32px, 5%);
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    /* background: hsl(from var(--color-black) h s l / .25); */
}

.in-gastro-card-title,
.in-gastro-card-text {
    color: var(--color-light);
}

.in-gastro-card-text {
    --shade: 0, 0, 0;
    --alpha: .25;

    max-height: 100%;
    overflow-y: auto;

    background:
        /* Shadow covers */
        linear-gradient(var(--color-base) 30%, rgba(255, 255, 255, 0)),
        linear-gradient(rgba(255, 255, 255, 0), var(--color-base) 70%) 0 100%,

        /* Shadows */
        radial-gradient(50% 0, farthest-side, rgba(var(--shade), var(--alpha)), transparent),
        radial-gradient(50% 100%, farthest-side, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
    background:
        /* Shadow covers */
        linear-gradient(var(--color-base) 30%, rgba(255, 255, 255, 0)),
        linear-gradient(rgba(255, 255, 255, 0), var(--color-base) 70%) 0 100%,

        /* Shadows */
        radial-gradient(farthest-side at 50% 0, rgba(var(--shade), var(--alpha)), transparent),
        radial-gradient(farthest-side at 50% 100%, rgba(var(--shade), var(--alpha)), transparent) 0 100%;
    background-repeat: no-repeat;
    background-color: var(--color-base);
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;

    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}

.in-gastro-card-btn {
    margin-top: auto;
}

/* end - inner gastro */

/* inner vip */
.in-vip-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
}

.in-vip-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
    gap: 16px;
}

.in-vip-card {
    display: flex;
    flex-direction: column;
    border: 2px solid var(--color-base);
    border-radius: 8px;
    color: var(--color-base);
}

.in-vip-card > * {
    flex: 1;
}

.in-vip-card-title,
.in-vip-card-subtitle {
    text-align: center;
    text-transform: uppercase;
}

.in-vip-card-title {
    max-height: fit-content;
    font-family: var(--font-body);
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .06em;
    padding: 8px;
    border-bottom: 2px dashed var(--color-base);
}

.in-vip-card-infos {
    display: flex;
}

.in-vip-card-infos > * {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 16px;
}

.in-vip-card-subtitle {
    font-size: 32px;
    font-weight: 900;
    border-right: 2px dashed var(--color-base);
    color: var(--color-accent);
}

.in-vip-card-text {
    hyphens: auto;
}

.in-vip-signup {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.in-vip-signup-btns {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.in-vip-footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.in-vip-footer-links,
.in-vip-footer-notes {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.in-vip-footer-link,
.in-vip-footer-link:is(:hover, :active, :focus) {
    color: var(--color-base);
    text-decoration: underline;
}

.in-vip-footer-link,
.in-vip-footer-note {
    width: fit-content;
}
/* end - inner vip */

/* end - inner */