:root { /* Brand Traube — verde-padure rafinat + bordo wine + auriu Saxon */ --vm-primary: #2d5a3f; --vm-primary-d: #1f4d35; --vm-primary-darker: #0a3219; --vm-accent: #7a1d4a; --vm-accent-d: #5a153a; --vm-gold: #c89b4a; --vm-gold-d: #a87f35; --vm-text: #3d2e1f; --vm-text-l: #6b5440; --vm-bg: #f7f3ec; --vm-bg-alt: #ede5d4; --vm-bg-subtle: #e8dfca; --vm-dark: #0a3219; --vm-white: #ffffff; /* RGB pentru rgba() helpers */ --vm-primary-rgb: 45, 90, 63; --vm-accent-rgb: 122, 29, 74; --vm-gold-rgb: 200, 155, 74; --vm-text-rgb: 61, 46, 31; --vm-dark-rgb: 10, 50, 25; } /* Astra global colors remap → brand Traube */ :root, body { --ast-global-color-0: var(--vm-primary); --ast-global-color-1: var(--vm-primary-d); --ast-global-color-2: var(--vm-text); --ast-global-color-3: var(--vm-text-l); --ast-global-color-4: var(--vm-white); --ast-global-color-5: var(--vm-bg); --ast-global-color-8: var(--vm-bg-alt); } /* Fallback font metric-matched ca sa nu avem CLS */ @font-face { font-family: 'Heading Fallback'; src: local('Georgia'); size-adjust: 105%; ascent-override: 92%; descent-override: 31%; } @font-face { font-family: 'Body Fallback'; src: local('Arial'); size-adjust: 107%; ascent-override: 90%; } body, p, li, button, input, textarea, select, .wp-block-button__link, .ast-button, .entry-content :where(p, li, td, blockquote), .uagb-desc-text, .uagb-ifb-desc { font-family: 'Inter', 'Body Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; color: var(--vm-text); } h1, h2, h3, h4, .uagb-heading-text, .uagb-ifb-title, .entry-title, .site-title, .entry-content :where(h1, h2, h3, h4) { font-family: 'Playfair Display', 'Heading Fallback', Georgia, 'Times New Roman', serif !important; color: var(--vm-text); letter-spacing: -0.005em; } h5, h6 { font-family: 'Inter', 'Body Fallback', -apple-system, sans-serif !important; } h1 { font-weight: 700; line-height: 1.1; } h2 { font-weight: 600; line-height: 1.2; } h3, h4 { font-weight: 600; line-height: 1.3; } h5 { font-weight: 600; line-height: 1.4; } h6 { font-weight: 600; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.06em; font-size: 13px; color: var(--vm-text-l); } /* Eyebrow style helper (.vm-eyebrow class pe element) */ .vm-eyebrow { font-family: 'Inter', sans-serif !important; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--vm-accent); margin-bottom: 12px; display: inline-block; } /* Fix Astra .ast-container flex pe ast-no-sidebar — pastreaza block flow pentru injectii la astra_content_top */ body.ast-no-sidebar .site-content > .ast-container { display: block !important; } /* Hide duplicate entry-header pe pagini cu hero Spectra deja in continut */ body.ast-page-builder-template .entry-header:not(.ast-no-title):not(.ast-header-without-markup) { display: none !important; } body.ast-page-builder-template #primary { padding-top: 0 !important; margin-top: 0 !important; } /* Logo limitat */ .site-header img.custom-logo, .site-header .ast-builder-header-logo img { max-height: 56px !important; width: auto !important; } /* Site title font + culoare */ .site-header .site-title, .site-header .site-title a { font-family: 'Playfair Display', Georgia, serif !important; font-weight: 700 !important; font-size: 24px !important; letter-spacing: -0.005em !important; color: var(--vm-primary-darker) !important; } /* Menu items typography */ .site-header .menu-item > a, .site-header .menu-link { font-family: 'Inter', sans-serif !important; font-weight: 500 !important; font-size: 15px !important; letter-spacing: 0.005em !important; } /* Hover state pe menu */ .site-header .menu-item:hover > .menu-link, .site-header .menu-link:hover, .site-header .menu-item.current-menu-item > .menu-link { color: var(--vm-accent) !important; } /* Buton CTA in header — gold cu text dark, autenticitate Saxon */ .site-header .ast-button, .site-header .ast-custom-button, .site-header .wp-block-button__link { background-color: var(--vm-gold) !important; color: var(--vm-primary-darker) !important; border-color: var(--vm-gold) !important; font-weight: 600 !important; letter-spacing: 0.02em !important; border-radius: 4px !important; } .site-header .ast-button:hover, .site-header .ast-custom-button:hover, .site-header .wp-block-button__link:hover { background-color: var(--vm-gold-d) !important; border-color: var(--vm-gold-d) !important; } /* Dedup buton Astra HFB (emite menu-link gol pe langa custom-button) */ .site-header .ast-builder-button-wrap a.menu-link:not(.ast-custom-button-link), .site-header [data-section="section-hb-button-1"] a.menu-link:not(.ast-custom-button-link) { display: none !important; } /* Fix bg-attachment fixed pe mobile (iOS bug) */ [class^="uagb-block-"][class*="hero"] { background-attachment: scroll !important; } /* Body background warm cream cu o textura subtila prin gradient */ body { background-color: var(--vm-bg) !important; } /* ============================================================ VM TRAUBE — Components stylesheet Prefix vm-* pentru izolare. Folosește variabilele din Layout 01. ============================================================ */ /* Generic utilities */ .vm-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } .vm-section { padding: 80px 0; } .vm-section-sm { padding: 48px 0; } .vm-text-center { text-align: center; } .vm-mt-0 { margin-top: 0 !important; } .vm-mb-0 { margin-bottom: 0 !important; } /* Section eyebrow + title pattern */ .vm-section-header { text-align: center; max-width: 720px; margin: 0 auto 56px; } .vm-section-header .vm-eyebrow { color: var(--vm-accent); } .vm-section-header h2 { margin: 8px 0 16px; } .vm-section-header p { color: var(--vm-text-l); font-size: 17px; line-height: 1.6; } /* ============================================================ ROOM CARDS (.vm-room-card + .vm-camere-grid) Used on: /camere/ index, /acasa/ rooms section ============================================================ */ .vm-camere-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 40px 0; } @media (max-width: 920px) { .vm-camere-grid { grid-template-columns: 1fr; gap: 24px; } } .vm-room-card { background: var(--vm-white); border: 1px solid rgba(var(--vm-text-rgb), 0.08); border-radius: 6px; overflow: hidden; transition: all .35s cubic-bezier(.2,.8,.2,1); display: flex; flex-direction: column; } .vm-room-card:hover { transform: translateY(-4px); border-color: var(--vm-gold); box-shadow: 0 16px 36px rgba(0,0,0,0.10); } .vm-room-card-image { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--vm-bg-alt); } .vm-room-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; } .vm-room-card:hover .vm-room-card-image img { transform: scale(1.05); } .vm-room-card-body { padding: 24px 24px 28px; flex: 1; display: flex; flex-direction: column; } .vm-room-card-body h3 { margin: 0 0 8px; font-size: 22px; } .vm-room-card-meta { color: var(--vm-text-l); font-size: 14px; margin-bottom: 12px; display: flex; gap: 12px; flex-wrap: wrap; } .vm-room-card-meta span:not(:last-child)::after { content: "·"; margin-left: 12px; color: var(--vm-text-l); } .vm-room-card-desc { color: var(--vm-text-l); font-size: 15px; line-height: 1.6; margin-bottom: 20px; flex: 1; } .vm-room-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 16px; border-top: 1px solid rgba(var(--vm-text-rgb), 0.08); } .vm-room-card-price { font-size: 18px; font-weight: 600; color: var(--vm-primary); font-family: 'Playfair Display', serif; } .vm-room-card-price small { font-size: 13px; color: var(--vm-text-l); font-weight: 400; font-family: 'Inter', sans-serif; } .vm-room-card-cta { font-size: 14px; font-weight: 600; color: var(--vm-primary); text-decoration: none; } .vm-room-card-cta:hover { color: var(--vm-accent); } .vm-room-card-cta::after { content: " →"; transition: transform .3s; display: inline-block; } .vm-room-card-cta:hover::after { transform: translateX(4px); } /* ============================================================ ROOM STATS GRID (single room pages) ============================================================ */ .vm-room-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 40px 0; background: var(--vm-bg-alt); border-radius: 6px; padding: 32px; } @media (max-width: 640px) { .vm-room-stats { grid-template-columns: repeat(2, 1fr); padding: 24px; } } .vm-room-stat { text-align: center; } .vm-room-stat-icon { font-size: 32px; margin-bottom: 8px; color: var(--vm-primary); } .vm-room-stat-value { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; color: var(--vm-text); } .vm-room-stat-label { font-size: 13px; color: var(--vm-text-l); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 4px; } /* ============================================================ CELLAR / CRAMA CARD (Traube-specific — wine cellar) ============================================================ */ .vm-cellar-feature { background: linear-gradient(135deg, rgba(var(--vm-accent-rgb), 0.04) 0%, rgba(var(--vm-primary-rgb), 0.04) 100%); border-left: 4px solid var(--vm-accent); border-radius: 4px; padding: 32px; margin: 32px 0; } .vm-cellar-feature .vm-eyebrow { color: var(--vm-accent); } .vm-cellar-feature h3 { margin: 0 0 12px; } .vm-cellar-feature p { margin: 0; color: var(--vm-text); } /* ============================================================ POI CARDS (.vm-poi-card + .vm-poi-grid) — Mediaș obiective ============================================================ */ .vm-poi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 40px 0; } @media (max-width: 920px) { .vm-poi-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 540px) { .vm-poi-grid { grid-template-columns: 1fr; } } .vm-poi-card { background: var(--vm-white); border: 1px solid rgba(var(--vm-text-rgb), 0.08); border-radius: 6px; padding: 24px; transition: all .35s cubic-bezier(.2,.8,.2,1); } .vm-poi-card:hover { transform: translateY(-3px); border-color: var(--vm-gold); box-shadow: 0 12px 28px rgba(0,0,0,0.08); } .vm-poi-card-distance { font-size: 12px; font-weight: 600; color: var(--vm-accent); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; } .vm-poi-card h4 { margin: 0 0 12px; font-size: 18px; } .vm-poi-card p { margin: 0; font-size: 14px; color: var(--vm-text-l); line-height: 1.6; } /* ============================================================ TIMELINE (history) ============================================================ */ .vm-timeline { position: relative; max-width: 800px; margin: 40px auto; padding: 20px 0; } .vm-timeline::before { content: ""; position: absolute; left: 30px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--vm-gold) 0%, var(--vm-primary) 50%, var(--vm-accent) 100%); } .vm-timeline-item { position: relative; padding: 0 0 40px 80px; } .vm-timeline-item::before { content: ""; position: absolute; left: 22px; top: 8px; width: 18px; height: 18px; border-radius: 50%; background: var(--vm-gold); border: 3px solid var(--vm-bg); box-shadow: 0 0 0 2px var(--vm-primary); } .vm-timeline-year { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 700; color: var(--vm-primary); line-height: 1; margin-bottom: 8px; } .vm-timeline-title { font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; color: var(--vm-text); margin: 0 0 6px; } .vm-timeline-text { color: var(--vm-text-l); font-size: 15px; line-height: 1.6; margin: 0; } /* ============================================================ TESTIMONIAL CARDS ============================================================ */ .vm-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 40px 0; } @media (max-width: 920px) { .vm-testimonial-grid { grid-template-columns: 1fr; } } .vm-testimonial { background: var(--vm-white); border-radius: 6px; padding: 32px 28px; position: relative; border-top: 3px solid var(--vm-gold); box-shadow: 0 4px 16px rgba(0,0,0,0.04); } .vm-testimonial::before { content: "”"; position: absolute; top: 8px; right: 24px; font-family: 'Playfair Display', serif; font-size: 80px; line-height: 1; color: rgba(var(--vm-primary-rgb), 0.08); } .vm-testimonial-text { font-style: italic; color: var(--vm-text); margin: 0 0 20px; font-size: 16px; line-height: 1.7; } .vm-testimonial-meta { display: flex; align-items: center; gap: 12px; } .vm-testimonial-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--vm-primary); color: var(--vm-white); display: grid; place-items: center; font-weight: 600; font-family: 'Playfair Display', serif; } .vm-testimonial-author { font-weight: 600; color: var(--vm-text); font-size: 14px; } .vm-testimonial-source { font-size: 12px; color: var(--vm-text-l); } /* ============================================================ CTA STRIP (verde gradient, full width) ============================================================ */ .vm-cta-strip { background: linear-gradient(135deg, var(--vm-primary) 0%, var(--vm-primary-d) 100%); color: var(--vm-white); padding: 48px 24px; text-align: center; } .vm-cta-strip-inner { max-width: 800px; margin: 0 auto; } .vm-cta-strip h2, .vm-cta-strip h3 { color: var(--vm-white); margin: 0 0 12px; } .vm-cta-strip p { color: rgba(255,255,255,0.85); margin: 0 0 24px; font-size: 17px; } .vm-cta-strip a.vm-cta-btn { display: inline-block; background: var(--vm-gold); color: var(--vm-primary-darker); padding: 14px 32px; border-radius: 4px; text-decoration: none; font-weight: 600; letter-spacing: 0.02em; transition: all .3s; } .vm-cta-strip a.vm-cta-btn:hover { background: var(--vm-white); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); } /* ============================================================ RATING BANNER (homepage strip) ============================================================ */ .vm-rating-banner { background: var(--vm-bg-alt); border-bottom: 1px solid rgba(var(--vm-text-rgb), 0.06); padding: 14px 24px; text-align: center; } .vm-rating-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; font-size: 14px; } .vm-rating-item { display: inline-flex; align-items: center; gap: 8px; } .vm-rating-stars { color: var(--vm-gold); font-size: 16px; letter-spacing: 1px; } .vm-rating-score { font-family: 'Playfair Display', serif; font-weight: 600; color: var(--vm-primary-darker); } .vm-rating-source { color: var(--vm-text-l); font-size: 13px; } /* ============================================================ GALLERY GRID ============================================================ */ .vm-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0; } @media (max-width: 920px) { .vm-gallery-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 540px) { .vm-gallery-grid { grid-template-columns: 1fr; } } .vm-gallery-item { aspect-ratio: 4/3; overflow: hidden; border-radius: 4px; } .vm-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .vm-gallery-item:hover img { transform: scale(1.05); } /* ============================================================ FAQ ACCORDION (native details/summary) ============================================================ */ .vm-faq { max-width: 800px; margin: 32px auto; } .vm-faq details { background: var(--vm-white); border: 1px solid rgba(var(--vm-text-rgb), 0.08); border-radius: 4px; margin-bottom: 12px; padding: 0; overflow: hidden; } .vm-faq details[open] { border-color: var(--vm-gold); } .vm-faq summary { padding: 20px 24px; font-weight: 600; cursor: pointer; list-style: none; position: relative; font-family: 'Playfair Display', serif; font-size: 17px; color: var(--vm-text); padding-right: 50px; } .vm-faq summary::-webkit-details-marker { display: none; } .vm-faq summary::after { content: "+"; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 24px; color: var(--vm-primary); font-weight: 300; transition: transform .3s; } .vm-faq details[open] summary::after { content: "−"; } .vm-faq-body { padding: 0 24px 20px; color: var(--vm-text-l); line-height: 1.7; } .vm-faq-body p:first-child { margin-top: 0; } .vm-faq-body p:last-child { margin-bottom: 0; } /* ============================================================ THREE-PILLARS GRID (homepage) ============================================================ */ .vm-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 40px 0; } @media (max-width: 920px) { .vm-pillars-grid { grid-template-columns: 1fr; } } .vm-pillar { text-align: center; padding: 32px 24px; background: var(--vm-white); border-radius: 6px; border: 1px solid rgba(var(--vm-text-rgb), 0.06); } .vm-pillar-icon { width: 60px; height: 60px; margin: 0 auto 20px; background: var(--vm-primary); color: var(--vm-gold); border-radius: 50%; display: grid; place-items: center; font-size: 28px; } .vm-pillar h3 { margin: 0 0 12px; font-size: 20px; } .vm-pillar p { margin: 0; color: var(--vm-text-l); font-size: 15px; line-height: 1.7; } /* ============================================================ BLOCKQUOTE — stilizat heritage pentru citate George Togan ============================================================ */ .entry-content blockquote, .vm-quote { background: var(--vm-bg-alt); border-left: 4px solid var(--vm-gold); padding: 28px 32px; margin: 32px 0; font-family: 'Playfair Display', serif; font-size: 19px; font-style: italic; line-height: 1.6; color: var(--vm-text); position: relative; } .entry-content blockquote cite, .vm-quote-cite { display: block; margin-top: 16px; font-family: 'Inter', sans-serif; font-size: 13px; font-style: normal; font-weight: 600; color: var(--vm-accent); text-transform: uppercase; letter-spacing: 0.06em; } .entry-content blockquote cite::before, .vm-quote-cite::before { content: "— "; } { "@context": "https://schema.org", "@type": ["Hotel", "LodgingBusiness", "LocalBusiness"], "@id": "https://traube.getvizual.ro/#hotel", "name": "Hotel Traube Mediaș", "alternateName": ["Hotel Strugure", "Traube"], "description": "Clădire-monument din ~1800 în centrul istoric al Mediașului. 15 camere de inspirație săsească, restaurant, cramă cu somelieri și grădină de vară. Rezervări directe fără comision.", "url": "https://traube.getvizual.ro", "telephone": "+40369434010", "email": "office@hoteltraube.ro", "image": [ "https://traube.getvizual.ro/wp-content/uploads/traube-hero-fatada.jpg" ], "priceRange": "$$", "currenciesAccepted": "RON, EUR", "paymentAccepted": "Cash, Credit Card", "address": { "@type": "PostalAddress", "streetAddress": "Piața Regelui Ferdinand I, nr. 16", "addressLocality": "Mediaș", "addressRegion": "Sibiu", "postalCode": "551002", "addressCountry": "RO" }, "geo": { "@type": "GeoCoordinates", "latitude": "46.164072", "longitude": "24.350107" }, "checkinTime": "14:00", "checkoutTime": "11:00", "numberOfRooms": 15, "starRating": { "@type": "Rating", "ratingValue": "3", "bestRating": "5" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "9.2", "bestRating": "10", "reviewCount": "200" }, "amenityFeature": [ {"@type": "LocationFeatureSpecification", "name": "Free WiFi", "value": true}, {"@type": "LocationFeatureSpecification", "name": "Restaurant", "value": true}, {"@type": "LocationFeatureSpecification", "name": "Bar", "value": true}, {"@type": "LocationFeatureSpecification", "name": "Wine cellar", "value": true}, {"@type": "LocationFeatureSpecification", "name": "Conference room", "value": true}, {"@type": "LocationFeatureSpecification", "name": "Pets allowed", "value": true}, {"@type": "LocationFeatureSpecification", "name": "Garden", "value": true}, {"@type": "LocationFeatureSpecification", "name": "Satellite TV", "value": true} ], "petsAllowed": true, "sameAs": [ "https://www.facebook.com/331531243624299", "https://hotel-traube-9.pynbooking.direct/" ], "founder": { "@type": "Person", "name": "Daniel Kartmann" }, "foundingDate": "1925-09-23" } /* High-specificity override pentru sub-menu — in paleta noastra, default Astra inheriteaza --ast-global-color-3 (text-light) care e maro-light si apare faded pe alb */ html body .site-header .sub-menu, html body .site-header ul.sub-menu, html body .site-header .menu-item .sub-menu { background: var(--vm-white, #ffffff) !important; border: 1px solid rgba(0,0,0,0.08) !important; border-radius: 4px !important; box-shadow: 0 12px 28px rgba(0,0,0,0.10) !important; padding: 8px 0 !important; } html body .site-header .sub-menu li > a, html body .site-header ul.sub-menu li > a, html body .site-header .sub-menu .menu-item > a { color: var(--vm-text, #3d2e1f) !important; font-weight: 500 !important; font-size: 14px !important; padding: 10px 18px !important; background: transparent !important; transition: all .2s !important; } html body .site-header .sub-menu li > a:hover, html body .site-header .sub-menu .menu-item:hover > a, html body .site-header .sub-menu .current-menu-item > a { color: var(--vm-primary, #2d5a3f) !important; background: var(--vm-bg-alt, #ede5d4) !important; }
/* Show doar pe homepage */ body:not(.home) .vm-rating-banner { display: none !important; } .vm-rating-banner { margin: 0 !important; }
★★★★★ 9.2/10 Booking.com
★★★ Hotel 3 stele clasificare oficială
Recomandat pentru călători de afaceri
welcome to

Sea Scape Hotel San Fransisco

Gravida maecenas mi iaculis non, posuere mattis urna, ac risus sit porta nunc nibh dictum proin leo dolor sed bibendum mi vitae mattis ipsum, in odio vitae purus pellentesque integer at ac.

Get Comfy in The Near of San Fransisco shoreline

Purus mattis massa, ut nulla eu facilisi nascetur eu risus sed dolor auctor arcu turpis elementum, nam venenatis nibh fusce pellentesque habitant donec consequat.

Cursus tempus, tincidunt quis sem sapien id non eget sed in consequat tellus phasellus orci in semper elit porttitor eget metus, aliquet egestas aliquet erat congue eget urna diam, tellus at leo, enim eu enim, in nisl, facilisi volutpat lacus.

Years of Service
SQ. METER AREA
nice rooms
HAPPY VISITORS

How to Reach

Nibh tempor euismod nulla risus, elementum sed volutpat

Facilities

Interdum curabitur platea turpis orci auctor in scelerisque ac ut eleifend at at leo laoreet at ut semper eget laoreet vestibulum a elementum nec

Free Parking
Free Wi-fi
Pet Friendly
Minibar
24-Hours Front Desk
Shuttle Bus Service
Bicycle Rental
Downtown Location

Best of San Francisco

Alcatraz Island

Ornare accumsan congue nunc id facilisis tincidunt ridiculus congue consequat ultrices in mollis netus pellentesque lectus.

Fisherman’s Wharf

Augue donec sit vestibulum amet luctus cras sagittis, ac rutrum tincidunt accumsan at posuere urna.

Golden Gate Park

Suspendisse at sodales morbi urna, ut diam dignissim ante tellus vitae venenatis maecenas nullam pretium mattis.

Queen Wilhelmina Tulip Garden

Placerat vel laoreet purus, mattis id neque convallis nunc, tincidunt massa at.

Ocean Beach

Risus facilisis porttitor lacus venenatis felis scelerisque lorem ut cras mi venenatis viverra diam sed dui.

Dutch Windmill

Neque ut et velit dictum molestie at pellentesque aliquet magna ut tincidunt ullamcorper mauris mi et.

Special Offers

Stay 3 Nights & Save!

Amet elementum vitae ultrices accumsan est nunc, ut mattis enim leo sed dolor ultrices habitant lacus auctor lectus sagittis.

Mobile Only Discount​

Dolor rhoncus malesuada amet, purus mollis adipiscing sit bibendum in odio a, iaculis eget dui odio mi, dictumst sem viverra.

What Our Guests Say

Neque ut et velit dictum molestie at pellentesque aliquet magna ut tincidunt ullamcorper mauris mi et.

“Pharetra ut commodo dui at consequat, vitae imperdiet id quisque faucibus erat erat nulla a amet.”

MORGAN JONATHAN

“Proin vestibulum ultrices semper arcu facilisis vitae ultrices!”

JULIE ROBINSON

4.6

Out of 5

1920 Ratings
960 Ratings
1024 Likes

„Proin nulla mauris et volutpat adipiscing suspendisse vehicula blandit sagittis orci etiam morbi elit etiam semper eu lacus pretium hac nisl leo amet ullamcorper.”

EMILY HUNT

“Pharetra ut commodo dui at consequat, vitae imperdiet id quisque faucibus erat erat nulla a amet.”

JAMES BROOK

Hotel Information

Hotel Alert

Some hotel features, including vitae, varius ipsum ultrices adipiscing senectus turpis non due to COVID-19.

check-in

04:00 PM

check-out

11:00 AM

Phone number

(415) 123-4567

Fax number

(415) 234-5678

no smoking

100% Smoke Free

pet policy

Pet Allowed: Yes

Gallery

HOTEL RESERVATION

Extra Perks When You Book Directly With Us

CALL US NOW:

+1-123 456 890

/* Hide Astra default footer complet ca sa-l inlocuim cu al nostru */ .site-footer, .ast-footer-overlay, .site-below-footer-wrap, .footer-sml-section-1, .footer-sml-section-2, .site-primary-footer-section-1, .site-primary-footer-section-2, .site-primary-footer-section-3, .site-primary-footer-section-4, .site-primary-footer-wrap, .site-above-footer-wrap { display: none !important; } body { margin-bottom: 0 !important; } .vm-footer { margin-top: 0 !important; } .vm-footer { background: linear-gradient(180deg, var(--vm-text, #3d2e1f) 0%, var(--vm-dark, #0a3219) 100%); color: rgba(247, 243, 236, 0.85); font-family: 'Inter', sans-serif; font-size: 14px; } .vm-footer a { color: inherit; text-decoration: none; transition: color .2s; } .vm-footer a:hover { color: var(--vm-gold, #c89b4a); } /* CTA strip top */ .vm-footer-cta-strip { background: linear-gradient(135deg, var(--vm-primary, #2d5a3f) 0%, var(--vm-primary-d, #1f4d35) 100%); padding: 28px 24px; } .vm-footer-cta-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 24px; justify-content: space-between; flex-wrap: wrap; } .vm-footer-cta-text { color: #fff; font-size: 17px; flex: 1; min-width: 280px; } .vm-footer-cta-text strong { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 600; } .vm-footer-cta-text span { opacity: 0.85; } .vm-footer-cta-btn { background: var(--vm-gold, #c89b4a); color: var(--vm-primary-darker, #0a3219) !important; padding: 14px 28px; border-radius: 4px; font-weight: 600; letter-spacing: 0.02em; transition: all .3s; white-space: nowrap; } .vm-footer-cta-btn:hover { background: #fff; color: var(--vm-primary-darker, #0a3219) !important; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); } /* Main 4-col grid */ .vm-footer-main { padding: 64px 24px 48px; } .vm-footer-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 48px; } @media (max-width: 920px) { .vm-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } } @media (max-width: 540px) { .vm-footer-grid { grid-template-columns: 1fr; gap: 28px; } } .vm-footer-brand .vm-footer-title { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 4px; } .vm-footer-brand .vm-footer-tagline { font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--vm-gold, #c89b4a); margin-bottom: 16px; } .vm-footer-brand p { font-size: 14px; line-height: 1.7; margin: 0 0 20px; } .vm-footer-social { display: flex; gap: 10px; } .vm-footer-social a { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; display: grid; place-items: center; font-weight: 600; font-size: 14px; transition: all .25s; } .vm-footer-social a:hover { background: var(--vm-gold, #c89b4a); color: var(--vm-primary-darker, #0a3219); border-color: var(--vm-gold, #c89b4a); } .vm-footer-col h4 { font-family: 'Playfair Display', serif; font-size: 17px; color: #fff; margin: 0 0 16px; font-weight: 600; } .vm-footer-col ul { list-style: none; padding: 0; margin: 0; } .vm-footer-col li { padding: 4px 0; line-height: 1.6; } .vm-footer-col li span { color: var(--vm-gold, #c89b4a); margin-right: 6px; font-size: 12px; } .vm-footer-col li small { color: rgba(247, 243, 236, 0.5); margin-left: 4px; } /* Bottom row */ .vm-footer-bottom { background: rgba(0,0,0,0.25); padding: 18px 24px; border-top: 1px solid rgba(255,255,255,0.06); } .vm-footer-bottom-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12px; color: rgba(247, 243, 236, 0.55); } .vm-footer-bottom a { color: var(--vm-gold, #c89b4a); } .vm-footer-bottom a:hover { color: #fff; }
.vm-cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99998; background: rgba(10, 16, 12, 0.97); backdrop-filter: saturate(140%) blur(8px); color: var(--vm-bg, #f7f3ec); padding: 20px 24px calc(20px + env(safe-area-inset-bottom, 0px)); transform: translateY(110%); transition: transform .5s cubic-bezier(.2,.8,.2,1); font-family: 'Inter', sans-serif; } .vm-cookie-bar.vm-show { transform: translateY(0); } .vm-cookie-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; justify-content: space-between; } .vm-cookie-text { flex: 1 1 400px; font-size: 14px; line-height: 1.6; } .vm-cookie-text strong { color: var(--vm-gold, #c89b4a); } .vm-cookie-text a { color: var(--vm-gold, #c89b4a); text-decoration: underline; } .vm-cookie-actions { display: flex; gap: 12px; flex-shrink: 0; } .vm-cookie-btn { padding: 11px 22px; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: 'Inter', sans-serif; transition: all .3s; border: none; } .vm-cookie-accept { background: var(--vm-gold, #c89b4a); color: var(--vm-primary-darker, #0a3219); } .vm-cookie-accept:hover { background: var(--vm-white, #fff); transform: translateY(-1px); } .vm-cookie-refuse { background: transparent; color: var(--vm-bg, #f7f3ec); border: 1px solid rgba(255, 255, 255, 0.3); } .vm-cookie-refuse:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.5); } @media (max-width: 640px) { .vm-cookie-inner { flex-direction: column; align-items: stretch; } .vm-cookie-actions { justify-content: stretch; } .vm-cookie-actions .vm-cookie-btn { flex: 1; } } (function() { var KEY = 'vm_cookie_consent'; var DAYS = 180; function getCookie(n) { var v = document.cookie.match('(^|;)\s*' + n + '\s*=\s*([^;]+)'); return v ? v.pop() : ''; } function setCookie(n, v, d) { var dt = new Date(); dt.setTime(dt.getTime() + d * 86400000); document.cookie = n + '=' + v + ';expires=' + dt.toUTCString() + ';path=/;SameSite=Lax'; } var bar = document.getElementById('vm-cookie-bar'); if (!bar) return; if (!getCookie(KEY)) setTimeout(function() { bar.classList.add('vm-show'); }, 800); function dismiss(v) { setCookie(KEY, v, DAYS); window.vmConsent = v; bar.classList.remove('vm-show'); setTimeout(function() { bar.style.display = 'none'; }, 500); if (v === 'accepted') { window.dispatchEvent(new CustomEvent('vmConsentAccepted')); } } var acceptBtn = document.getElementById('vm-cookie-accept-btn'); var refuseBtn = document.getElementById('vm-cookie-refuse-btn'); if (acceptBtn) acceptBtn.addEventListener('click', function() { dismiss('accepted'); }); if (refuseBtn) refuseBtn.addEventListener('click', function() { dismiss('essential'); }); })(); .vm-whatsapp-fab { position: fixed; bottom: calc(28px + env(safe-area-inset-bottom, 0px)); left: 24px; z-index: 9997; width: 58px; height: 58px; border-radius: 50%; background: #25D366; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 28px rgba(37, 211, 102, 0.4); text-decoration: none; animation: vm-wa-pulse 2.4s ease-in-out infinite; transition: transform .3s; } .vm-whatsapp-fab:hover { transform: scale(1.08); background: #20BD5C; } @keyframes vm-wa-pulse { 0%, 100% { box-shadow: 0 8px 28px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(37, 211, 102, 0.4); } 50% { box-shadow: 0 8px 28px rgba(37, 211, 102, 0.5), 0 0 0 16px rgba(37, 211, 102, 0); } } /* Auto-hide while cookie consent visible */ body:has(.vm-cookie-bar.vm-show) .vm-whatsapp-fab { opacity: 0 !important; pointer-events: none !important; } @media (max-width: 540px) { .vm-whatsapp-fab { width: 52px; height: 52px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); left: 16px; } }