/* Trang chủ Vela: layout and images from the supplied 1440px Figma design. */
:root {
    --vela-navy: #012847;
    --vela-navy-dark: #012847;
    --vela-gold: #C8A561;
    --vela-font-heading: 'Blacker Sans Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --vela-font-serif: 'Blacker Sans Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.vela-container {max-width: 1440px;padding-inline: 70px;}
.section-main-title, .amenities-heading, .news-main-title, .room-card-title,
.about-heading, .footer-title { text-transform: none; letter-spacing: 0; }

/* The design uses a quiet three-part masthead, with navigation in the drawer. */
.site-header { height: 136px; padding: 15px 0; background: linear-gradient(#0007, transparent); }
.site-header.is-scrolled {height: 80px;padding: 8px 0;background: #012847;}
body.admin-bar .site-header { top: 32px; }
.header-inner { position: relative; align-items: flex-start; }
.header-left { gap: 24px; align-items: center; padding-top: 36px; }
.header-hotline { gap: 8px; font-family: var(--vela-font-body); font-size: 19px; letter-spacing: 0; line-height: 1.05; }
.header-hotline .icon-phone { display: none; }
.figma-phone-icon { width: 43px; height: 43px; flex: none; }
.header-hotline span {display: flex;flex-direction: column;white-space: nowrap;}
.header-hotline small {font-size: 15px;font-family: var(--vela-font-heading);display: block;margin-bottom: 6px;}
.btn-header-booking {height: 42px;justify-content: center;padding: 0 30px;background: var(--vela-gold);color: white;border: 0;font-family: var(--vela-font-body);font-size: 15px;letter-spacing: 0;font-weight: 500;text-transform: uppercase;}
.header-center { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 110px; }
.site-logo .logo-light { display: block; height: 118px; width: 107px; object-fit: contain; }
.site-header.is-scrolled .site-logo .logo-light { height: 66px; width: auto; }
.site-header .logo-dark { display: none; }
.header-right { gap: 28px; align-items: center; padding-top: 40px; }
.desktop-nav { display: none; }
.header-language { font-family: var(--vela-font-body); color: white; font-size: 18px; white-space: nowrap; }
.vela-language-switcher {display: flex;align-items: center;gap: 4px;white-space: nowrap;font-size: 16px;}
.vela-language-switcher a { color: inherit; text-decoration: none; opacity: .7; transition: opacity .2s, color .2s; }
.vela-language-switcher a:hover, .vela-language-switcher a[aria-current="page"] { color: var(--vela-gold); opacity: 1; }
.drawer-language-switcher { justify-content: center; margin-bottom: 18px; color: white; font-size: 16px; }
.menu-toggle { padding: 0; }
.menu-toggle .menu-label { display: none; }
.hamburger-box { width: 35px; gap: 6px; }
.hamburger-line { height: 2px; background: white; }
.hamburger-box::after { content: ''; display: block; width: 100%; height: 2px; background: white; }
.site-header.is-scrolled .header-left, .site-header.is-scrolled .header-right { padding-top: 12px; }

/* Hero */
.vela-hero-section { height: clamp(620px, 51vw, 780px); min-height: 0; padding: 130px 20px 40px; background-image: none !important; isolation: isolate; }
.vela-hero-section::before { display: none; }
.hero-slides { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.hero-slide { position: absolute; inset: 0; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity 1.2s ease; }
.hero-slide.is-active { opacity: 1; }
.hero-slider-dots { position: absolute; left: 50%; bottom: 22px; z-index: 3; display: flex; gap: 10px; transform: translateX(-50%); }
.hero-slider-dot { width: 10px; height: 10px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; transition: background .25s, transform .25s; }
.hero-slider-dot.is-active, .hero-slider-dot:hover { background: #fff; transform: scale(1.2); }
@media (prefers-reduced-motion: reduce) { .hero-slide { transition: none; } }
.hero-overlay {z-index: -1;background: linear-gradient(180deg, #000000c4 0%, #0001 63%, #0000 100%);}
.hero-content-wrap { max-width: 760px; }
.hero-title { margin-bottom: 8px; font-weight: 400; }
.hero-title-line1, .hero-title-line2 {color: white;font-family: var(--vela-font-heading);font-style: normal;font-size: clamp(43px, 4.3vw, 62px);font-weight: 600;letter-spacing: 0;line-height: 1.18;margin: 0;text-shadow: none;text-transform: none;font-size: 62px;text-shadow: 1px 1px 3px #000;}
.hero-desc {max-width: 670px;margin: 20px auto 30px;color: white;font-family: var(--vela-font-body);font-size: clamp(18px, 1.65vw, 24px);line-height: 1.25;font-weight: 400;/* text-shadow: 0 1px 5px #0006; */text-shadow: 1px 1px 3px #000;}
.btn-hero-explore {height: 48px;padding: 0 30px;background: #012847;border: 0;border-radius: 50px;box-shadow: none;font-family: var(--vela-font-body);font-size: 15px;font-weight: 400;letter-spacing: 0;text-shadow: 1px 1px 3px #000;}
.hero-scroll-indicator { display: none; }

/* Introduction */
.vela-about-section {min-height: 870px;padding: 60px 0 60px;background: white;}
.vela-about-section::before {content: '';position: absolute;top: 60px;right: 25%;width: 30%;height: 51%;background: var(--vela-home-about-background, url('../images/figma/imgRectangle3.png')) center/cover no-repeat;pointer-events: none;}
.about-grid { grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 0; align-items: start; }
.about-info-col {display: flex;flex-direction: column;align-items: center;text-align: center;padding-top: 58px;position: relative;}
.about-logo { width: 179px; height: 179px; object-fit: contain; }
.about-heading { margin: 10px 0 0; color: #232c41; font-size: clamp(31px, 3vw, 43px); font-weight: 400; line-height: 1.21; }
.about-heading span { display: block; color: var(--vela-gold); }
.about-visual-col { padding-top: 49px; }
.about-main-img { width: 100%; height: 361px; object-fit: cover; object-position: center 57%; }
.about-text-content {grid-column: 1 / -1;margin: 60px 0 0 330px;}
.about-text-content p {color: #585757;font-family: var(--vela-font-body);line-height: 1.55;margin: 0 0 14px;font-size: 16px;font-weight: 400;}
.about-text-content .about-quote {color: #002845;border: 0;padding: 0;font-style: normal;margin: 0;font-size: 18px;}
.about-cta-row {grid-column: 1 / -1;justify-content: center;margin-top: 30px;}
.about-cta-row .btn-vela-primary {height: 48px;padding: 0 30px;font-family: var(--vela-font-body);font-size: 15px;font-weight: 400;letter-spacing: 0;}

/* Facilities overlap the restaurant image in the reference. */
.vela-amenities-section {padding: 110px 0 90px;overflow: visible;background: transparent;}
.vela-amenities-section:before{content:"";position: absolute;background: var(--vela-home-amenities-background, url(../images/figma/imgRectangle10.png)) left center no-repeat;left: 0;top: 10%;bottom: 10%;width: 55%;background-size: cover;z-index: 3;}
.vela-amenities-section:after{content:"";}
.amenities-bg-texture { display: none; }
.amenities-layout-grid { display: block; }
.amenities-content-col {position: relative;z-index: 3;padding-bottom: 38px;}
.section-badge-gold { margin: 0; color: white; font-family: var(--vela-font-body); font-size: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.amenities-heading { max-width: 700px; margin: 0 0 43px; color: white; font-size: clamp(30px, 2.65vw, 38px); font-weight: 400; line-height: 1.25; text-transform: capitalize; }
.amenities-cards-grid { width: min(930px, 100%); grid-template-columns: repeat(4, 1fr); gap: 19px; }
.amenity-card { height: 200px; padding: 22px 14px; border: 0; border-radius: 5px; text-align: center; box-shadow: none; }
.amenity-icon-wrap {width: auto;height: 70px;margin: 0 auto 10px;background: none;border-radius: 0;}
.amenity-icon-wrap img {width: auto;max-width: 55px;height: 70px;object-fit: contain;}
.amenity-title {margin-bottom: 7px;color: #012847;font-size: 18px;line-height: 1.2;font-weight: 400;}
.amenity-desc {color: #585757;font-family: var(--vela-font-body);font-size: 14px;line-height: 1.35;}
.amenities-photo-col {position: absolute;z-index: 2;top: 0;width: 53%;right: 0;bottom: 0;}
.amenities-featured-img-wrap { height: 100%; border: 0; border-radius: 0; box-shadow: none; }
.amenities-featured-img { width: 100%; height: 100%; object-fit: cover; }

/* Rooms and testimonial share the light crystalline canvas. */
.vela-rooms-testimonials-wrap {position: relative;margin-top: -53px;background: var(--vela-home-rooms-testimonials-background, url('../images/figma/imgRectangle32.png')) center bottom/cover no-repeat;}
.vela-rooms-section {position: relative;padding: 125px 0 50px;background: transparent;overflow: hidden;}
.vela-rooms-section .section-header-center { max-width: 810px; margin-bottom: 52px; }
.sub-badge-serif { margin: 0; font-family: var(--vela-font-body); font-size: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.section-main-title { color: #012847; font-size: clamp(33px, 3vw, 43px); font-weight: 400; line-height: 1.2; margin: 0 0 12px; }
.section-desc-center {color: #585757;font-family: var(--vela-font-body);font-size: 16px;line-height: 1.45;}
.rooms-grid-container { gap: 38px 22px; }
.room-card { min-height: 503px; border: 1px solid var(--vela-gold); border-radius: 0; box-shadow: none; background: #ffffffb8; }
.room-card-media { height: 289px; flex: none; background: #e9edf0; }
.room-price-tag { display: none; }
.room-card-body {min-height: 213px;padding: 20px 20px 20px;}
.room-brand-tag { color: var(--vela-gold); font-family: var(--vela-font-body); font-size: 15px; font-weight: 400; text-transform: none; letter-spacing: 0; margin: 0; }
.room-card-title { color: #012847; font-size: clamp(25px, 2.2vw, 35px); font-weight: 400; margin-bottom: 8px; }
.room-card-excerpt {color: #012847;font-family: var(--vela-font-body);font-size: 14px;line-height: 1.4;margin-bottom: 12px;font-weight: 300;}
.room-card-footer { border-color: #c8a56180; padding-top: 7px; }
.room-meta-specs { color: #012847; font-family: var(--vela-font-body); font-size: 13px; }
.btn-room-arrow { width: 30px; height: 30px; border-color: #012847; color: #012847; }
.vela-testimonials-section {/* min-height: 570px; */padding: 40px 0 80px;background: transparent;}
.testimonial-box { max-width: 1080px; }
.testimonial-quote-icon {color: #012847;opacity: .12;font-size: 260px;line-height: .6;margin: 0 0 0px;line-height: 90px;margin-top: 30px;}
.testimonial-slider { max-width: 810px; min-height: 150px; margin: auto; }
.testimonial-text {color: #585757;font-family: var(--vela-font-body);font-size: 20px;font-style: normal;line-height: 1.5;font-weight: 300;}
.testimonial-author-name { color: #012847; font-size: 22px; font-weight: 400; letter-spacing: 0; }
.testimonial-author-role { color: #313131; font-family: var(--vela-font-body); font-size: 14px; }
.testimonial-footer-controls { margin-top: 24px; gap: 18px; }
.testimonial-arrow { position: absolute; top: 53%; width: 60px; height: 35px; border: 0; border-radius: 0; font-size: 30px; }
.testimonial-arrow.prev { left: 0; }
.testimonial-arrow.next { right: 0; }
.avatar-dot { width: 60px; height: 60px; border: 0; opacity: .7; }
.avatar-dot.active { width: 80px; height: 80px; opacity: 1; }

/* Seven-photo gallery, followed by editorial cards. */
.vela-gallery-section {padding: 40px 0 28px;background: #012847 var(--vela-home-gallery-background, url('../images/figma/imgRectangle9463.png')) center/cover no-repeat;padding-bottom: 250px;}
.vela-gallery-section .section-header-center { margin-bottom: 50px; }
.vela-gallery-section .sub-badge-gold { margin: 0; font-family: var(--vela-font-body); font-size: 18px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.gallery-masonry-grid { position: relative; width: 100%; height: 495px; display: block; }
.gallery-item { position: absolute; border: 1px solid white; border-radius: 0; }
.gallery-item.item-1 { left: 0; top: 127px; width: 14.24%; height: 247px; }
.gallery-item.item-2 { left: 15.4%; top: 59px; width: 19.45%; height: 148px; }
.gallery-item.item-3 { left: 15.4%; top: 218px; width: 19.45%; height: 225px; }
.gallery-item.item-4 { left: 35.8%; top: 0; width: 28.64%; height: 495px; }
.gallery-item.item-5 { left: 65.3%; top: 57px; width: 19.45%; height: 224px; }
.gallery-item.item-6 { left: 65.3%; top: 293px; width: 19.45%; height: 147px; }
.gallery-item.item-7 { left: 85.8%; top: 127px; width: 14.2%; height: 247px; }
.vela-news-section {padding: 0 0 43px;/* background: linear-gradient(#012847 0 215px, white 215px 100%); */margin-top: -200px;background-color: transparent;}
.news-section-header { margin-bottom: 33px; }
.news-main-title { color: white; font-size: 42px; font-weight: 400; }
.btn-news-all { height: 37px; padding: 0 20px; color: white; font-family: var(--vela-font-body); font-size: 15px; font-weight: 400; letter-spacing: 0; }
.news-cards-grid { gap: 25px; }
.news-card { overflow: visible; border-radius: 0; background: transparent; }
.news-card-media {height: 300px;overflow: hidden;margin-bottom: 6px;border-radius: 5px;}
.news-card-media img { border-radius: 5px; }
.news-category-badge {position: static;display: block;margin-bottom: 6px;padding: 0;background: none;color: var(--vela-gold);font-family: var(--vela-font-body);font-size: 15px;font-weight: 400;}
.news-card-title {color: #012847;font-size: 22px;font-weight: 400;line-height: 1.18;margin-bottom: 15px;}
.news-card-excerpt {color: #585757;font-family: var(--vela-font-body);font-size: 15px;line-height: 1.4;margin-bottom: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}
.news-read-more { color: #012847; font-family: var(--vela-font-body); font-size: 15px; font-weight: 400; }

/* Footer */
.site-footer { padding-top: 48px; background: #012847; }
.footer-top {padding-bottom: 30px;border: 0;}
.footer-grid { grid-template-columns: 1.5fr .85fr .85fr 1.15fr; gap: 50px; }
.footer-logo img {height: 100px;object-fit: contain;margin-bottom: 10px;}
.drawer-logo img { object-fit: contain; }
.footer-title {color: var(--vela-gold);font-family: var(--vela-font-body);font-size: 18px;font-weight: 400;text-transform: uppercase;margin-bottom: 15px;padding: 0;margin-top: 10px;}
.footer-title::after { display: none; }
.footer-links li {margin-bottom: 10px;}
.footer-links li a, .footer-contact-list {color: white;font-family: var(--vela-font-body);font-size: 16px;line-height: 1.45;font-weight: 300;}
.footer-contact-list li {margin-bottom: 12px;}
.footer-contact-list li a{color: #fff;}
.footer-links li a:before{content:"";width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 8px solid #ffffff;display: inline-block;margin-right: 10px;}
.footer-map-frame { border-radius: 4px; box-shadow: none; }
.footer-bottom { background: var(--vela-gold); color: #012847; }
.footer-bottom-inner {justify-content: center;}
.footer-extra-links { display: none; }
.copyright-text {color: #012847;font-family: var(--vela-font-body);font-size: 14px;}
.blog-archive-page .page-body-wrap { padding-top: 64px; padding-bottom: 96px; }

@media (max-width: 1100px) {
    .vela-container { padding-inline: 32px; }
    .about-text-content { margin-left: 24%; }
    .amenities-cards-grid { width: 78%; gap: 10px; }
    .amenity-card { padding-inline: 8px; }
    .footer-grid { gap: 22px; }
}

@media (max-width: 991px) {
    .vela-container { padding-inline: 24px; }
    .site-header { height: 105px; }
    .header-left { padding-top: 24px; gap: 10px; }
    .header-hotline { font-size: 14px; }
    .figma-phone-icon { width: 30px; height: 30px; }
    .btn-header-booking { min-width: 115px; height: 34px; font-size: 12px; }
    .site-logo .logo-light { height: 90px; width: auto; }
    .header-right { padding-top: 30px; }
    .header-language { display: none; }
    .vela-about-section { min-height: 0; padding: 70px 0; }
    .about-grid { grid-template-columns: 1fr 1fr; }
    .about-info-col { padding-top: 0; }
    .about-visual-col { padding-top: 0; }
    .about-main-img { height: 320px; }
    .about-text-content { margin: 34px 0 0; }
    .about-cta-row { margin-top: 30px; }
    .vela-amenities-section { height: auto; padding: 50px 0; overflow: hidden; }
    .vela-amenities-section:before{
    width: 100%;
    height: 68%;
    bottom: auto;
    top: 0;
    }
    .amenities-photo-col { position: relative; top: auto; right: auto; width: 100%; height: 340px; margin-top: 30px; }
    .amenities-cards-grid { width: 100%; }
    .rooms-grid-container:has(> :nth-child(5):last-child) { grid-template-columns: repeat(2, 1fr); }
    .rooms-grid-container:has(> :nth-child(5):last-child) .room-card { grid-column: auto; }
    .gallery-masonry-grid { height: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: none; gap: 10px; }
    .gallery-item, .gallery-item.item-1, .gallery-item.item-2, .gallery-item.item-3, .gallery-item.item-4, .gallery-item.item-5, .gallery-item.item-6, .gallery-item.item-7 { position: relative; left: auto; top: auto; width: auto; height: 190px; grid-column: auto; grid-row: auto; }
    .gallery-item.item-4 {grid-column: span 2;grid-row: span 2;/* height: 390px; */}
    .news-cards-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }
    .news-card-media { height: 210px; }
    .news-card-title { font-size: 20px; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    body.admin-bar .site-header { top: 46px; }
    .site-header { height: 78px; padding: 8px 0; }
    .header-left { display: flex; padding-top: 19px; }
    .header-left .header-hotline { display: none; }
    .btn-header-booking { min-width: 0; height: 34px; padding: 0 14px; font-size: 12px; white-space: nowrap; }
    .header-right { padding-top: 19px; }
    .site-logo .logo-light { height: 69px; width: auto; }
    .site-header.is-scrolled .header-left, .site-header.is-scrolled .header-right { padding-top: 16px; }
    .vela-hero-section { height: 650px; padding: 100px 16px 30px; }
    .hero-title-line1, .hero-title-line2 { font-size: 42px; }
    .hero-desc { font-size: 18px; line-height: 1.35; }
    .about-grid { display: flex; flex-direction: column; }
    .about-info-col, .about-visual-col, .about-text-content, .about-cta-row { width: 100%; }
    .about-info-col { order: 1; }
    .about-visual-col { order: 2; margin-top: 25px; }
    .about-text-content { order: 3; }
    .about-cta-row { order: 4; }
    .about-heading { font-size: 30px; }
    .about-main-img { height: 260px; }
    .amenities-heading { font-size: 30px; margin-bottom: 24px; }
    .amenities-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .amenity-card { min-height: 180px; height: auto; }
    .amenities-photo-col {height: 270px;}
    .vela-rooms-section { padding-top: 65px; }
    .rooms-grid-container:has(> :nth-child(5):last-child) { grid-template-columns: 1fr; }
    .room-card { min-height: 0; }
    .room-card-media { height: 250px; }
    .vela-testimonials-section { min-height: 430px; padding: 40px 0; }
    .testimonial-quote-icon { font-size: 160px; }
    .testimonial-slider { min-height: 205px; }
    .testimonial-text { font-size: 17px; }
    .testimonial-arrow { top: auto; bottom: 5px; }
    .gallery-masonry-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-item, .gallery-item.item-1, .gallery-item.item-2, .gallery-item.item-3, .gallery-item.item-4, .gallery-item.item-5, .gallery-item.item-6, .gallery-item.item-7 {/* height: 150px; */grid-column: auto;grid-row: auto;}
    .gallery-item.item-7 {grid-column: span 2;}
    .news-section-header {gap: 12px;/* align-items: flex-start; */display: block;}
    .news-main-title { font-size: 30px; }
    .btn-news-all { white-space: nowrap; font-size: 12px; }
    .news-cards-grid { grid-template-columns: 1fr; gap: 30px; }
    .news-card-media { height: 240px; }
    .vela-news-section {/* background: linear-gradient(#012847 0 130px, white 130px 100%); */}
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom-inner { text-align: center; }
}

/* Editorial copy entered in the WordPress page editor. */
.vela-page-story {padding: 50px 0 50px;background: #f8f7f4;text-align: center;}
.vela-page-story-inner { max-width: 890px; margin: 0 auto; color: var(--vela-gray-600); font-size: 16px; line-height: 1.85; }
.vela-page-story-inner h2,
.vela-page-story-inner h3 { color: var(--vela-navy); font-family: var(--vela-font-heading); line-height: 1.25; }
.vela-page-story-inner h2 { font-size: clamp(28px, 3vw, 39px); margin: 0 0 24px; }
.vela-page-story-inner h3 { font-size: 23px; margin: 30px 0 14px; }
.vela-page-story-inner p { margin: 0 0 18px; }
.vela-page-story-inner ul { margin: 0; padding-left: 24px; }
.vela-page-story-inner li { margin-bottom: 10px; }
.contact-page .vela-page-story {margin-top: 60px;border-radius: var(--vela-radius-md);display: none;}
.contact-page .vela-page-story .vela-container { width: 100%; }
.vela-room-guide {margin: 50px auto;text-align: center;}
.vela-room-guide h2 {color: var(--vela-navy);font-family: var(--vela-font-heading);font-size: clamp(28px, 3vw, 32px);margin: 0px 0 18px;line-height: 31px;text-align: center;}
.vela-room-guide > p {color: var(--vela-gray-600);line-height: 1.8;max-width: 790px;margin: 0px auto;}
.vela-room-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 32px 0 24px; }
.vela-room-guide-grid > div { padding: 25px; background: #f8f7f4; border: 1px solid var(--vela-gray-200); border-radius: var(--vela-radius-md); }
.vela-room-guide-grid h3 { color: var(--vela-navy); font-family: var(--vela-font-heading); font-size: 21px; margin: 0 0 10px; }
.vela-room-guide-grid p { color: var(--vela-gray-600); line-height: 1.7; margin: 0; }
.vela-room-guide .vela-room-guide-note {font-size: 14px;display: none;}
@media (max-width: 700px) { .vela-room-guide-grid { grid-template-columns: 1fr; } }


/* Shared CTA band (amenities, gallery) */
.vela-amenities-kicker{display:block;color:#c8a561;font:600 12px/1.5 var(--vela-font-body);letter-spacing:.21em;text-transform:uppercase}
.vela-amenities-cta{padding:100px 0;background:#12364f;color:#fff}
.vela-amenities-cta .vela-container{display:flex;align-items:center;justify-content:space-between;gap:50px}
.vela-amenities-cta h2{max-width:700px;margin:18px 0 14px;color:#fff;font-size: clamp(38px,3.7vw,48px);line-height:1.2}
.vela-amenities-cta p{max-width:580px;margin:0;color:#d8e1e5;font-size:16px;line-height:1.8}
.vela-amenities-cta-actions{display:flex;flex-direction:column;gap:12px;min-width:190px}
.vela-amenities-button{display:flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;text-decoration:none;font:600 13px var(--vela-font-body);letter-spacing:.05em;white-space:nowrap;transition:background .2s,color .2s;border-radius: 30px;}
.vela-amenities-button-outline{border:1px solid #d7b678;color:#fff}
.vela-amenities-button-outline:hover{background:#d7b678;color:#12364f}
.vela-amenities-button-gold{background:#c8a561;color:#12364f}
.vela-amenities-button-gold:hover{background:#e2c486;color:#12364f}
@media(max-width:767px){
    .vela-amenities-cta{padding: 50px 0;}
    .vela-amenities-cta .vela-container{display:block}
    .vela-amenities-cta h2{font-size: 32px;}
    .vela-amenities-cta-actions{margin-top:30px;width:100%}
}
.about-info-col:before{content:"";position: absolute;aspect-ratio: 1/1;width: 100%;border: 1px solid #cba568;border-radius: 50%;top: -25px;opacity: 0.4;z-index: 0;}
.vela-rooms-section:before{content:"";position: absolute;width: 30%;aspect-ratio: 1 / 1;border: 1px solid #cba568;border-radius: 50%;left: -17%;top: -10%;}
.vela-rooms-section:after{content:"";position: absolute;width: 30%;aspect-ratio: 1 / 1;border: 1px solid #cba568;border-radius: 50%;left: -19%;top: -4%;}