/* Sección CSS consolidada */
:root{--ink:#3e4144;--soft:#a9a9a9;--sand:#f5f5f3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}button{font:inherit}.utility{height:44px;background:#aaa;color:#fff;display:flex;justify-content:flex-end;align-items:center;gap:28px;padding:0 max(5vw,35px);font-size:10px;letter-spacing:1.4px}.utility span{opacity:.78}.site-header{height:82px;padding:0 max(6vw,34px);display:flex;align-items:center;justify-content:space-between;background:#f9fafb;box-shadow:0 5px 18px #00000009;position:relative;z-index:5}.brand{display:flex;flex-direction:column;color:#929495;line-height:.9;min-width:128px}.brand span{font-size:35px;font-weight:300;letter-spacing:-2px}.brand small{font-size:11px;letter-spacing:.8px;font-weight:700;margin-top:5px}.site-header nav{display:flex;gap:clamp(15px,2.1vw,30px);align-items:center}.site-header nav a{font-size:14px;white-space:nowrap}.site-header nav a:hover,.text-link:hover{color:#999}.header-cta,.button{border-radius:8px;display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 26px;font-size:12px;font-weight:700;letter-spacing:1.4px;transition:transform .2s,background .2s}.header-cta{background:#a5a5a5;color:#fff;white-space:nowrap}.header-cta:hover,.button:hover{transform:translateY(-2px)}.menu-toggle,.reserve-mobile{display:none!important}.hero{height:min(750px,76vh);min-height:560px;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.08) 78%),url('assets/hero-bg.jpg') center center/cover no-repeat;display:flex;align-items:center;color:white}.hero-content{max-width:760px;margin-left:max(5.2vw,34px);padding:35px 10px}.eyebrow,.section-label{font-size:12px;font-weight:600;letter-spacing:3px}.hero h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(42px,4vw,64px);line-height:1.08;margin:20px 0}.hero p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:520px}.hero-actions{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap}.filled{background:#a6a6a6}.outline{border:1px solid #ffffff9c;background:#ffffff20;backdrop-filter:blur(4px)}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:110px 7%}.intro-photo{height:480px;overflow:hidden}.intro-photo img,.feature-image img{width:100%;height:100%;object-fit:cover}.intro-copy{max-width:510px}.section-label{color:#a9a9a9}.intro h2,.feature h2,.links-section h2{font-size:clamp(34px,3.3vw,52px);line-height:1.14;margin:20px 0}.intro-copy p,.feature-copy p{color:#777;line-height:1.9;font-size:16px}.text-link{display:inline-block;margin-top:22px;border-bottom:1px solid #aaa;padding-bottom:8px;font-size:12px;letter-spacing:1.4px;font-weight:700}.links-section{background:#f7f7f5;text-align:center;padding:100px 6% 115px}.links-section h2{margin:18px 0 48px}.quick-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.quick-card{position:relative;min-height:245px;text-align:left;background:white;padding:26px 22px 25px;box-shadow:0 5px 20px #00000009;transition:transform .2s,box-shadow .2s}.quick-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #00000013}.quick-card .number{font-size:11px;color:#aaa;letter-spacing:2px}.quick-card h3{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:34px 0 9px}.quick-card p{color:#777;font-size:13px;line-height:1.6}.quick-card .arrow{position:absolute;bottom:20px;right:22px;font-size:23px;color:#aaa}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:490px}.feature-image{height:490px;background:#111}.feature-copy{padding:9% 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#fff}.dark{background:#a7a7a7;color:#fff;margin-top:25px}footer{background:#343638;color:#d9d9d9}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:60px;padding:85px 8%}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-brand{color:#eee;margin-bottom:10px}.footer-brand span{font-size:42px}.footer-label{font-size:11px;letter-spacing:2px;color:#aeb0b0;font-weight:700;margin-bottom:14px}.footer-main p{font-size:13px;line-height:1.9;margin:0}.footer-main a:not(.brand){font-size:13px;line-height:1.5}.footer-bottom{border-top:1px solid #ffffff25;padding:23px 8%;font-size:10px;letter-spacing:1.3px;color:#a6a6a6}.whatsapp{position:fixed;right:25px;bottom:24px;z-index:9;width:53px;height:53px;border-radius:50%;background:#64ad76;color:white;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 5px 15px #0003}@media(max-width:1150px){.site-header{padding:0 3%}.site-header nav{gap:13px}.site-header nav a{font-size:12px}.header-cta{padding:0 14px;font-size:10px}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.utility{height:30px;padding:0 16px;font-size:9px}.utility span{display:none}.site-header{height:72px;padding:0 20px}.brand span{font-size:31px}.brand small{font-size:10px}.menu-toggle{display:flex!important;align-items:center;gap:6px;border:0;background:none;color:#666;cursor:pointer;font-size:21px}.menu-toggle span{font-size:12px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:22px 25px;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:stretch}.site-header nav.is-open{display:flex}.site-header nav a{font-size:15px;padding:10px 0}.reserve-mobile{display:block!important}.header-cta{display:none}.hero{min-height:550px;height:70vh;background-position:center}.hero-content{margin:0 22px}.hero h1{font-size:43px}.hero p:not(.eyebrow){font-size:15px}.hero-actions{gap:10px}.button{padding:0 17px}.intro{grid-template-columns:1fr;padding:65px 7%;gap:35px}.intro-photo{height:310px}.links-section{padding:70px 6%}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{min-height:190px}.quick-card h3{font-size:22px;margin-top:20px}.feature{grid-template-columns:1fr}.feature-image{height:310px}.feature-copy{padding:65px 8%}.footer-main{grid-template-columns:1fr 1fr;gap:35px;padding:65px 7%}.footer-main>div:first-child{grid-column:span 2}}@media(max-width:440px){.quick-grid{grid-template-columns:1fr}.quick-card{min-height:160px}.quick-card h3{margin:16px 0 5px}.hero h1{font-size:38px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}}

/* Sección CSS consolidada */
.gallery-section{padding:94px 6% 105px;background:#f7f7f5;text-align:center}.gallery-section h2{font-size:clamp(34px,3.3vw,52px);margin:18px 0 45px}.gallery-slider{max-width:1040px;margin:auto;position:relative;display:flex;align-items:center;gap:15px}.gallery-viewport{overflow:hidden;flex:1;min-width:0}.gallery-track{display:flex;transition:transform .45s ease}.gallery-track figure{flex:0 0 100%;min-width:0;margin:0;position:relative;height:490px;background:#111}.gallery-track img{display:block;width:100%;height:100%;object-fit:contain;background:#0c0c0c}.gallery-track figcaption{position:absolute;bottom:0;left:0;right:0;padding:36px 25px 20px;background:linear-gradient(transparent,#0009);color:#fff;font-family:Georgia,serif;font-size:23px}.slide-arrow{width:42px;height:55px;flex:none;background:#aaa;color:white;border:0;border-radius:6px;font-family:Georgia,serif;font-size:35px;cursor:pointer}.slide-arrow:hover{background:#777}.gallery-dots{display:flex;justify-content:center;gap:10px;margin-top:23px}.gallery-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#ccc;cursor:pointer;padding:0}.gallery-dots button[aria-current=true]{background:#666}.intro-photo img{object-fit:cover;object-position:center}.feature-copy h2{font-size:clamp(31px,3vw,46px)}@media(max-width:760px){.gallery-section{padding:65px 3% 75px}.gallery-slider{gap:6px}.gallery-track figure{height:290px}.slide-arrow{width:28px;height:42px;font-size:28px}.gallery-track figcaption{font-size:18px}.feature-copy h2{font-size:34px}}

/* Sección CSS consolidada */
/* Tipografía utilizada en basiahotel.com: Poppins. */
body,button,.site-header nav a,.header-cta,.button,.footer-main a{font-family:'Poppins',system-ui,sans-serif}
.hero h1,h2,.intro h2,.feature h2,.gallery-section h2,.gallery-track figcaption{font-family:'Poppins',system-ui,sans-serif;font-weight:400}
.site-header nav a{font-size:15px;font-weight:500}
.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.12}
.intro h2,.gallery-section h2,.feature h2{font-size:clamp(30px,3.5vw,50px)}
.intro-copy p,.feature-copy p{font-size:14px;line-height:1.9}
.brand-image{min-width:unset;display:flex;align-items:center}
.brand-image img{display:block;width:145px;height:64px;object-fit:contain}
.footer-brand.brand-image{background:#fff;border-radius:3px;padding:3px 8px;margin-bottom:12px}
.footer-brand.brand-image img{width:220px;height:105px}
.gallery-track figcaption{display:none}
@media(max-width:1150px){.site-header nav a{font-size:12px}}
@media(max-width:760px){.brand-image img{width:133px;height:57px}.site-header nav a{font-size:15px}.hero h1{font-size:42px}.footer-brand.brand-image img{width:190px;height:95px}}

/* Sección CSS consolidada */
/* V4: reducir el espacio entre la presentación y la galería. */
.intro{padding-bottom:42px}
.gallery-section{padding-top:40px}
.gallery-section .section-label{display:block;margin-bottom:28px}
.footer-brand.brand-image{background:transparent;padding:0;border-radius:0}
.footer-brand.brand-image img{width:205px;height:145px;object-fit:contain}
@media(max-width:760px){.intro{padding-bottom:28px}.gallery-section{padding-top:30px}.gallery-section .section-label{margin-bottom:24px}.footer-brand.brand-image img{width:185px;height:131px}}

/* Sección CSS consolidada */
/* V5: pie gris al tono del fondo original del logo (#878787). */
footer{background:#878787;color:#fff}
.footer-main{align-items:start}
.footer-main>div{gap:12px}
.footer-label{color:#f4f4f4;margin-bottom:0}
.footer-main>div>p{font-size:13px;line-height:1.5;margin:0}
.footer-main a:not(.brand){line-height:1.5}
.footer-brand.brand-image{display:inline-flex;background:transparent;padding:0;margin-bottom:0;align-self:flex-start}
.footer-brand.brand-image img{display:block;width:175px;height:auto;max-width:100%;object-fit:contain}
.footer-main>div:first-child>p{margin-top:-2px}
.footer-bottom{color:#f4f4f4;border-top:1px solid #ffffff45}
@media(max-width:760px){.footer-brand.brand-image img{width:170px;height:auto}}