@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap";:root{--negro:#171717;--negro-suave:#242424;--dorado:#b08a4a;--dorado-claro:#d4b77a;--blanco:#fff;--crema:#f7f5f0;--gris:#6d6d6d;--gris-claro:#999;--borde:#e5e1d8;--ancho-maximo:1400px;color:var(--negro);background:var(--blanco);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{background:var(--blanco);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}#app{width:100%;min-height:100vh;overflow:hidden}.header{border-bottom:1px solid var(--borde);z-index:1000;background:#fffffffa;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 clamp(24px,6vw,90px);display:flex;position:sticky;top:0}.logo{flex-direction:column;flex-shrink:0;line-height:1;display:flex}.logo span{letter-spacing:4px;color:var(--dorado);margin-bottom:5px;font-size:10px;font-weight:600}.logo strong{letter-spacing:2px;font-family:Cormorant Garamond,serif;font-size:clamp(25px,2vw,30px);font-weight:600}.nav{justify-content:center;align-items:center;gap:clamp(18px,2.2vw,34px);display:flex}.nav a{letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:500;transition:color .3s,opacity .3s}.nav a:hover{color:var(--dorado)}.btn-contacto{background:var(--negro);color:var(--blanco);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;padding:12px 21px;font-size:10px;font-weight:600;transition:background .3s,transform .3s}.btn-contacto:hover{background:var(--dorado);transform:translateY(-2px)}.menu-toggle{border:1px solid var(--borde);background:var(--blanco);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:9px;display:none}.menu-toggle span{background:var(--negro);width:22px;height:2px;transition:transform .3s,opacity .3s}.hero{text-align:center;background:linear-gradient(#00000085,#00000085),url(/imagenes/principal.jpeg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:min(760px,100vh - 82px);display:flex;position:relative}.hero-content{width:100%;max-width:950px;color:var(--blanco);padding:60px 25px}.hero-subtitle{letter-spacing:clamp(3px,.5vw,6px);color:var(--dorado-claro);margin:0 0 22px;font-size:clamp(10px,1vw,13px);font-weight:600}.hero h1{letter-spacing:clamp(-2px,-.2vw,-4px);margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(58px,9vw,125px);font-weight:600;line-height:.9}.hero-location{letter-spacing:clamp(1px,.2vw,3px);margin:30px 0 42px;font-size:clamp(12px,1.2vw,16px)}.btn-principal{background:var(--dorado);min-height:50px;color:var(--blanco);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 30px;font-size:10px;font-weight:600;transition:background .3s,color .3s,transform .3s;display:inline-flex}.btn-principal:hover{background:var(--blanco);color:var(--negro);transform:translateY(-2px)}.introduccion{text-align:center;background:var(--blanco);padding:clamp(75px,9vw,120px) 6%}.introduccion>div{width:100%;max-width:800px;margin:auto}.section-subtitle{color:var(--dorado);letter-spacing:clamp(2px,.4vw,4px);margin:0 0 18px;font-size:10px;font-weight:600}.introduccion h2,.section-header h2,.ubicacion h2,.contacto h2{letter-spacing:-1px;margin:0 0 25px;font-family:Cormorant Garamond,serif;font-size:clamp(38px,5vw,58px);font-weight:600;line-height:.98}.introduccion p:not(.section-subtitle){color:var(--gris);margin:0;font-size:clamp(13px,1.1vw,15px);line-height:1.9}.seccion{width:100%;max-width:var(--ancho-maximo);margin:0 auto;padding:clamp(75px,8vw,110px) 6%}.section-header{text-align:center;width:100%;max-width:720px;margin:0 auto 55px}.section-header>p:last-child{color:var(--gris);margin:0;font-size:clamp(13px,1vw,14px);line-height:1.8}.habitaciones-seccion{max-width:1500px}.habitaciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.5vw,30px);width:100%;max-width:1250px;margin:0 auto;display:grid}.habitacion{background:var(--blanco);border:1px solid var(--borde);min-width:0;transition:transform .3s,box-shadow .3s;overflow:hidden}.habitacion:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000014}.habitacion-imagen{color:#0000;background:linear-gradient(#00000026,#00000026),url(/imagenes/habitacionsencilla.jpeg) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:clamp(230px,25vw,340px);display:flex;position:relative}.habitacion-sencilla{background:linear-gradient(#00000026,#00000026),url(/imagenes/habitacionsencilla.jpeg) 50%/cover no-repeat}.habitacion-doble{background:linear-gradient(#00000026,#00000026),url(/imagenes/habitaciondoble.jpeg) 50%/cover no-repeat}.habitacion-imagen span{display:none}.habitacion-info{padding:clamp(22px,3vw,32px)}.habitacion-numero{color:var(--dorado);letter-spacing:2px;margin:0 0 9px;font-size:9px;font-weight:600}.habitacion-info h3{margin:0 0 12px;font-family:Cormorant Garamond,serif;font-size:clamp(26px,2.5vw,32px);font-weight:600}.habitacion-info p:not(.habitacion-numero){color:var(--gris);margin:0 0 20px;font-size:13px;line-height:1.8}.habitacion-info a{color:var(--dorado);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:600;transition:color .3s}.habitacion-info a:hover{color:var(--negro)}.servicios{background:linear-gradient(#f7f5f0 0%,#f3f0e9 100%);max-width:none;padding-top:clamp(85px,9vw,120px);padding-bottom:clamp(85px,9vw,120px)}.servicios .section-header{max-width:700px;margin-bottom:60px}.servicios .section-subtitle{margin-bottom:16px}.servicios .section-header h2{margin-bottom:20px}.servicios-grid{background:0 0;border:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;max-width:1280px;margin:0 auto;display:grid}.servicio{text-align:center;background:#ffffffd1;border:1px solid #b08a4a38;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;min-height:285px;padding:38px 24px 34px;transition:transform .35s,background .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.servicio:before{content:"";background:var(--dorado);width:0;height:2px;transition:width .35s;position:absolute;top:0;left:50%;transform:translate(-50%)}.servicio:hover{background:var(--blanco);border-color:#b08a4a73;transform:translateY(-8px);box-shadow:0 18px 40px #00000014}.servicio:hover:before{width:55%}.servicio-icono{border:1px solid var(--dorado);width:64px;height:64px;color:var(--dorado);background:0 0;justify-content:center;align-items:center;margin-bottom:25px;transition:background .35s,color .35s,transform .35s;display:flex;position:relative}.servicio:hover .servicio-icono{background:var(--dorado);color:var(--blanco);transform:translateY(-2px)}.icono-wifi{font-size:28px;font-weight:400;line-height:1;transform:rotate(-90deg)}.icono-parking{font-family:Montserrat,sans-serif;font-size:20px;font-weight:600}.icono-clima{font-size:25px;line-height:1}.icono-tv{letter-spacing:1px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600}.icono-recepcion{letter-spacing:.5px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600}.servicio h3{color:var(--negro);margin:0 0 13px;font-family:Cormorant Garamond,serif;font-size:clamp(23px,2vw,28px);font-weight:600;line-height:1.05}.servicio p{width:100%;max-width:205px;color:var(--gris);margin:0 auto;font-size:11px;line-height:1.75}.galeria-seccion{max-width:1500px}.galeria{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:1250px;margin:0 auto;display:grid}.galeria-item{background:linear-gradient(#00000026,#00000026),url(/imagenes/galeria1.jpeg) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:clamp(220px,22vw,300px);transition:transform .3s;display:flex;position:relative;overflow:hidden}.galeria-item:first-child{background-image:linear-gradient(#00000026,#00000026),url(/imagenes/galeria1.jpeg);background-position:50%;background-size:cover}.galeria-item:nth-child(2){background-image:linear-gradient(#00000026,#00000026),url(/imagenes/galeria2.jpeg);background-position:50%;background-size:cover}.galeria-item:nth-child(3){background-image:linear-gradient(#00000026,#00000026),url(/imagenes/galeria3.jpeg);background-position:50%;background-size:cover}.galeria-item:nth-child(4){background-image:linear-gradient(#00000026,#00000026),url(/imagenes/galeria4.jpeg);background-position:50%;background-size:cover}.galeria-item:nth-child(5){background-image:linear-gradient(#00000026,#00000026),url(/imagenes/galeria5.jpeg);background-position:50%;background-size:cover}.galeria-item:nth-child(6){background-image:linear-gradient(#00000026,#00000026),url(/imagenes/galeria6.jpeg);background-position:50%;background-size:cover}.galeria-item span{color:#0000}.galeria-item:hover{transform:scale(.98)}.ubicacion{background:var(--crema);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,7vw,100px);width:100%;max-width:none;padding:clamp(75px,8vw,110px) 7%;display:grid}.ubicacion>div:first-child{justify-self:end;width:100%;max-width:550px}.ubicacion p:not(.section-subtitle){color:var(--gris);margin:0 0 25px;font-size:14px;line-height:1.8}.direccion{border-left:1px solid var(--dorado);flex-direction:column;gap:6px;margin:0 0 30px;padding-left:20px;display:flex}.direccion strong{font-size:13px}.direccion span{color:var(--gris);font-size:12px}.mapa{background:var(--crema);border:1px solid var(--borde);width:100%;min-height:400px;overflow:hidden}.mapa iframe{border:0;width:100%;height:400px;display:block}.contacto{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(45px,8vw,100px);width:100%;max-width:1200px;margin:0 auto;padding:clamp(75px,8vw,110px) 6%;display:grid}.contacto>div:first-child{max-width:550px}.contacto>div:first-child>p:last-child{color:var(--gris);margin:0;font-size:14px;line-height:1.8}.contacto-datos{border-left:1px solid var(--dorado);padding-left:clamp(20px,3vw,35px)}.contacto-datos p{color:var(--gris);margin:0 0 18px;font-size:14px;line-height:1.6}.contacto-datos strong{color:var(--negro)}.contacto-link{color:var(--dorado);transition:color .3s}.contacto-link:hover{color:var(--negro)}.btn-whatsapp{background:var(--negro);min-height:48px;color:var(--blanco);letter-spacing:1px;text-transform:uppercase;justify-content:center;align-items:center;margin-top:10px;padding:13px 22px;font-size:10px;font-weight:600;transition:background .3s,transform .3s;display:inline-flex}.btn-whatsapp:hover{background:var(--dorado);transform:translateY(-2px)}.footer{width:100%;color:var(--blanco);background:#101010;justify-content:space-between;align-items:center;gap:30px;padding:45px clamp(24px,7vw,100px);display:flex}.footer .logo strong{color:var(--blanco)}.footer p{color:#999;text-align:right;margin:0;font-size:10px;line-height:1.6}@media (width<=1100px){.header{padding:0 4%}.nav{gap:17px}.nav a{font-size:10px}.btn-contacto{padding:11px 15px}.servicios-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}.servicio{min-height:260px}.ubicacion{gap:50px;padding-left:6%;padding-right:6%}}@media (width<=900px){html{scroll-padding-top:72px}.header{height:72px;padding:0 5%}.nav{background:var(--blanco);border-bottom:1px solid var(--borde);opacity:0;visibility:hidden;flex-direction:column;align-items:stretch;width:100%;padding:15px 5% 25px;transition:opacity .3s,visibility .3s,transform .3s;display:flex;position:absolute;top:72px;left:0;transform:translateY(-10px);box-shadow:0 10px 25px #0000000f}.nav.nav-open{opacity:1;visibility:visible;transform:translateY(0)}.nav a{border-bottom:1px solid var(--borde);padding:14px 5px;font-size:11px}.nav a:last-child{border-bottom:none}.btn-contacto{display:none}.menu-toggle{display:flex}.hero{min-height:620px}.hero-content{padding:50px 20px}.habitaciones{grid-template-columns:repeat(2,minmax(0,1fr))}.servicios-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}.servicio{min-height:260px}.galeria{grid-template-columns:repeat(2,minmax(0,1fr))}.ubicacion{grid-template-columns:1fr;gap:50px}.ubicacion>div:first-child{text-align:center;justify-self:center;max-width:700px}.direccion{text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.mapa{min-height:380px}.mapa iframe{height:380px}.contacto{grid-template-columns:1fr;gap:50px}.contacto>div:first-child{text-align:center;max-width:700px;margin:auto}.contacto-datos{max-width:600px;margin:auto}}@media (width<=650px){.header{padding:0 20px}.hero{background-position:50%;min-height:600px}.hero-content{padding:40px 18px}.hero h1{letter-spacing:-2px;font-size:clamp(52px,16vw,75px)}.hero-location{margin:25px 0 35px;font-size:12px}.introduccion{padding:75px 7%}.seccion{padding:75px 6%}.section-header{margin-bottom:40px}.habitaciones{grid-template-columns:1fr;max-width:500px}.habitacion-imagen{height:280px}.servicios{padding:80px 6%}.servicios-grid{grid-template-columns:1fr;gap:12px;max-width:500px;margin-left:auto;margin-right:auto}.servicio{min-height:240px;padding:35px 25px}.galeria{grid-template-columns:1fr;max-width:550px}.galeria-item{height:300px}.ubicacion{padding:75px 7%}.mapa{min-height:320px}.mapa iframe{height:320px}.contacto{padding:75px 7%}.contacto-datos{padding-left:25px}.footer{text-align:center;flex-direction:column;padding:40px 7%}.footer p{text-align:center}}@media (width<=420px){.header{height:68px;padding:0 16px}html{scroll-padding-top:68px}.logo span{letter-spacing:3px;font-size:8px}.logo strong{font-size:24px}.menu-toggle{width:42px;height:42px}.hero{min-height:560px}.hero-content{padding:35px 15px}.hero-subtitle{letter-spacing:3px;font-size:9px}.hero h1{font-size:52px}.hero-location{letter-spacing:1px;font-size:11px}.btn-principal{width:100%;max-width:260px;padding-left:18px;padding-right:18px}.introduccion h2,.section-header h2,.ubicacion h2,.contacto h2{font-size:40px}.habitacion-imagen{height:250px}.habitacion-info{padding:22px}.servicio{min-height:235px;padding:32px 22px}.servicio-icono{width:60px;height:60px;margin-bottom:22px}.servicio h3{font-size:25px}.servicio p{max-width:240px;font-size:11px}.galeria-item{height:250px}.mapa{min-height:280px}.mapa iframe{height:280px}.contacto-datos{padding-left:20px}.btn-whatsapp{width:100%}}@media (width>=1800px){.hero-content{max-width:1100px}.hero h1{font-size:130px}.habitaciones,.galeria{max-width:1350px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}