:root{--deep:#103f49;--teal:#0c7885;--aqua:#c6ece9;--cream:#f8f5ed;--ink:#17383d;--muted:#63777a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1320px)/2));background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px #113f4910}.brand,.footer-brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.09em;font-size:16px;display:flex;align-items:center;gap:12px}.brand small,.footer-brand small{display:block;font-size:9px;letter-spacing:.29em;margin-top:2px}.brandmark{background:var(--deep);color:#b6eee8;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:29px}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.header nav a:hover{color:var(--teal)}.menu{display:none;border:0;background:none;font-size:27px;color:var(--deep)}.hero{min-height:650px;background:linear-gradient(120deg,#0e3e48 0%,#155765 66%,#227d87 100%);color:white;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-inner{padding:115px 4vw 65px max(8%,calc((100vw - 1180px)/2));position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;letter-spacing:.24em;font-weight:800;color:#0d8a91;margin-bottom:24px}.eyebrow,.kicker.light{color:#9fe1d7}.hero h1{font-size:clamp(45px,5.2vw,82px);line-height:1.09;letter-spacing:-.065em;max-width:680px;margin-bottom:25px}.hero h1 em,h2 i{font-family:Georgia,serif;font-weight:400;color:#a9e4dc}.hero p{max-width:500px;line-height:1.9;color:#e2f2f1;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 22px;border-radius:9px;font-weight:700;font-size:13px;transition:.25s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.primary{background:#bdebe2;color:#16454b}.outline{border:1px solid #ffffff70;color:white}.hero-features{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:64px;color:#c9e9e8}.hero-art{position:relative;display:grid;place-items:center;min-height:540px;background:radial-gradient(circle at 45% 44%,#ffffff12,transparent 65%)}.arch{width:70%;height:75%;max-width:390px;border-radius:220px 220px 25px 25px;background:linear-gradient(#c2e6df 0%,#e6dfc6 53%,#b3e4dd 54%,#4ab6bc 100%);border:13px solid #ffffff23;box-shadow:0 25px 90px #002c3850;position:relative;overflow:hidden}.sun{width:155px;height:155px;background:#f4d8a2;border-radius:50%;position:absolute;top:20%;right:19%;filter:blur(2px)}.water{position:absolute;bottom:-8%;height:47%;width:140%;left:-20%;border-radius:50% 50% 0 0;background:repeating-linear-gradient(175deg,#62c9ca 0 12px,#91ded9 13px 19px,#48aeb9 20px 30px)}.waterline{position:absolute;top:52%;width:100%;height:2px;background:#fff9}.art-caption{position:absolute;bottom:70px;right:9%;font-size:11px;letter-spacing:.16em;color:#e7f5f1}.art-caption b{margin-left:10px}.section{padding:105px max(7%,calc((100vw - 1180px)/2))}.intro{text-align:center;background:var(--cream)}.intro>p,.section-lead{color:var(--muted);line-height:1.8}.section h2{font-size:clamp(33px,4vw,55px);letter-spacing:-.05em;line-height:1.2;margin-bottom:20px}.section h2 i{color:#15919a}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}.quick-grid article{background:white;border:1px solid #e5ece8;padding:34px 18px;border-radius:15px;box-shadow:0 15px 40px #194f4910}.quick-icon{font-size:37px;color:var(--teal)}.quick-grid h3{font-size:17px;margin:16px 0 8px}.quick-grid p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading>p{max-width:300px;color:var(--muted);line-height:1.8}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.room-card{border:1px solid #e1e9e7;border-radius:17px;overflow:hidden;background:white;box-shadow:0 12px 38px #18434a0d;transition:.3s}.room-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #18434a1c}.room-visual{height:225px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-one{background:linear-gradient(135deg,#d4e6db,#a8d1c7)}.visual-two{background:linear-gradient(135deg,#e5d6bc,#c4dfd7)}.visual-three{background:linear-gradient(135deg,#b2d7d5,#7fb6bb)}.room-number{position:absolute;top:20px;left:20px;border:1px solid #ffffffb8;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#154b50;font-size:12px;font-weight:800}.bed-art,.double-bed{font-size:95px;color:#f8f6e8;text-shadow:0 18px 10px #2b5c5440;transform:perspective(180px) rotateX(15deg)}.bed-art span{color:#f2d5a8}.double-bed{font-size:65px}.windows{display:flex;gap:15px}.windows span{display:block;width:75px;height:125px;background:linear-gradient(145deg,#e8fbfa,#7bc2c2);border:9px solid #faf6e9;box-shadow:0 8px 30px #496c6830}.visual-label{position:absolute;bottom:19px;left:20px;font-size:10px;letter-spacing:.18em;font-weight:800;color:#154b50}.room-body{padding:29px}.room-body h3{font-size:20px;letter-spacing:-.03em}.room-body p{color:var(--muted);font-size:13px;line-height:1.8}.room-body ul{padding:0;list-style:none;margin:23px 0 0}.room-body li{padding:10px 0 10px 23px;border-top:1px solid #e8eeeb;font-size:13px;position:relative}.room-body li:before{content:'✓';position:absolute;left:0;color:#008b87;font-weight:800}.amenities{background:#f3f8f5}.amenity-grid,.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:38px}.amenity-card{background:white;border:1px solid #dcebe6;padding:40px;border-radius:19px}.amenity-icon{font-size:39px;color:#188b91}.amenity-card h3{font-size:23px;margin:18px 0 12px}.amenity-card p{color:var(--muted);font-size:14px;line-height:1.8}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.chips span{background:#eef8f5;border:1px solid #d9eae5;padding:9px 12px;border-radius:30px;font-size:12px}.pool{min-height:500px;background:#0a5967;color:white;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}.pool-content{padding:105px 5% 90px max(9%,calc((100vw - 1180px)/2));position:relative;z-index:1}.pool h2{font-size:clamp(39px,4.5vw,65px);line-height:1.15;letter-spacing:-.055em}.pool h2 i{color:#a7e9df}.pool p{line-height:1.9;color:#d2ece9;max-width:470px}.pool-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.pool-tags span{border:1px solid #ffffff55;border-radius:25px;padding:12px 15px;font-size:12px}.pool-art{display:grid;place-items:center;background:radial-gradient(circle,#40a6b1 0%,#116e7c 70%)}.pool-oval{width:75%;aspect-ratio:1.45;border:17px solid #e7dfc9;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#6fd6d5 0 16px,#2fa4b3 17px 34px);transform:rotate(-20deg);box-shadow:0 25px 60px #003c4a70;display:flex;align-items:center;justify-content:space-evenly}.pool-oval span{font-size:40px;color:#ffffff90}.outdoor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.outdoor-grid article{border:1px solid #dfebe6;padding:30px 20px;border-radius:16px}.outdoor-grid article>span{font-size:38px;color:#0e8d91}.outdoor-grid h3{font-size:17px;margin:16px 0 9px}.outdoor-grid p{font-size:13px;color:var(--muted);line-height:1.7}.options{background:var(--cream)}.option-grid article{background:#fff;padding:36px;border-radius:16px;border:1px solid #e2e9e3;display:flex;flex-direction:column}.option-tag{font-size:10px;letter-spacing:.17em;font-weight:800;color:#0b8990}.option-grid h3{font-size:25px;margin:17px 0}.option-grid p{font-size:14px;color:var(--muted);line-height:1.9}.option-foot{border-top:1px solid #e2ebe6;padding-top:20px;margin-top:auto;font-size:13px;font-weight:700;color:#0a737c}.map-wrap{display:grid;grid-template-columns:1.5fr .7fr;border:1px solid #e0e9e6;border-radius:17px;overflow:hidden;min-height:370px;box-shadow:0 15px 50px #1a505011}.map-wrap iframe{width:100%;height:100%;min-height:370px;border:0}.map-info{padding:35px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;background:#f3f8f6}.map-info>span{font-size:11px;color:#15848c;letter-spacing:.2em;font-weight:800}.map-info strong{font-size:17px;overflow-wrap:anywhere}.closing{text-align:center;background:#103f49;color:white;padding:90px 20px}.closing h2{max-width:750px;margin:0 auto 35px;font-size:clamp(32px,4vw,53px);letter-spacing:-.04em}.pale{background:#bce9df;color:#16424b}footer{padding:45px 7%;background:#082f38;color:white;display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.footer-brand{display:block}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}footer p{width:100%;font-size:11px;color:#c1d9d8;margin:0}.top-btn{position:fixed;bottom:24px;right:24px;background:#bce9df;color:#104650;border:0;border-radius:50%;width:45px;height:45px;font-size:21px;cursor:pointer;box-shadow:0 7px 25px #003f4a40;opacity:0;pointer-events:none;transition:.3s;z-index:10}.top-btn.show{opacity:1;pointer-events:auto}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-inner{padding:85px 7% 45px}.hero-art{min-height:390px}.arch{height:340px;width:260px}.hero-features{margin-top:40px}.room-grid{grid-template-columns:1fr 1fr}.quick-grid,.outdoor-grid{grid-template-columns:repeat(2,1fr)}.pool{grid-template-columns:1fr}.pool-content{padding:75px 7%}.pool-art{min-height:300px}.pool-oval{max-width:390px}.header nav{gap:15px}}@media(max-width:640px){.header{height:70px;padding:0 5%}.menu{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:20px 7%;box-shadow:0 18px 24px #113f4919}.header nav.open{display:flex}.header nav a{padding:9px 0}.hero-inner{padding:76px 6% 38px}.hero h1{font-size:47px}.hero-art{min-height:310px}.arch{height:280px;width:220px}.sun{width:105px;height:105px}.art-caption{bottom:20px}.section{padding:75px 6%}.section-heading{display:block}.room-grid,.amenity-grid,.option-grid,.map-wrap{grid-template-columns:1fr}.quick-grid,.outdoor-grid{gap:10px}.quick-grid article,.outdoor-grid article{padding:23px 12px}.room-visual{height:215px}.amenity-card{padding:28px}.pool-content{padding:75px 6%}.map-wrap iframe{min-height:300px}.map-info{padding:28px}.hero-features{gap:12px}.hero-features span{font-size:11px}.closing{padding:75px 6%}footer{padding:40px 6%}.footer-links{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Galería de fotografías reales — se conserva el contenido íntegro de las imágenes. */
.gallery-section{background:#fbfcfa}.gallery-heading{margin-bottom:43px}.gallery-group+.gallery-group{margin-top:52px}.gallery-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #dce9e4;padding-bottom:15px;margin-bottom:22px}.gallery-group-kicker{font-size:10px;letter-spacing:.19em;color:var(--teal);font-weight:800}.gallery-group h3{margin:0;font-size:23px;letter-spacing:-.03em}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-card{margin:0;min-width:0;background:#fff;border:1px solid #dae8e4;border-radius:18px;padding:9px;box-shadow:0 12px 29px #19434a0c;transition:transform .3s,box-shadow .3s}.gallery-card:hover{transform:translateY(-5px);box-shadow:0 17px 34px #19434a1a}.gallery-open{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in;text-align:left;border-radius:12px;overflow:hidden}.gallery-photo{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:265px;border:1px solid #e2ebe6;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eaf0ed,#f6f2e9 65%,#e6f3f1)}.gallery-photo:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 16px 5px #f4f8f32b;border-radius:inherit}.gallery-photo img{width:100%;height:100%;object-fit:contain;display:block;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 4%,#000 96%,transparent 100%)}.gallery-card figcaption{padding:13px 8px 7px;font-size:13px;font-weight:700;color:var(--deep)}.gallery-card:has(img[src*="collage"]) .gallery-photo{background:#f2f2ed}.gallery-card:has(img[src*="collage"]) img{mask-image:none;-webkit-mask-image:none}.gallery-open:focus-visible,.gallery-close:focus-visible,.gallery-dialog-actions button:focus-visible{outline:3px solid #0d8292;outline-offset:3px}
.gallery-dialog{border:0;border-radius:18px;box-shadow:0 25px 100px #001b2380;background:#f7faf8;padding:18px;max-width:min(92vw,1020px);max-height:92dvh;width:max-content;color:var(--deep)}.gallery-dialog::backdrop{background:#062b34de;backdrop-filter:blur(5px)}.gallery-dialog-shell{display:flex;flex-direction:column;gap:12px;align-items:center}.gallery-dialog img{max-width:min(85vw,950px);max-height:65dvh;width:auto;height:auto;object-fit:contain;border:1px solid #d1ddd7;border-radius:12px;background:white}.gallery-dialog-caption{font-size:14px;font-weight:700;margin:0;text-align:center}.gallery-close{align-self:flex-end;border:1px solid #bfd8d4;background:#fff;padding:9px 13px;border-radius:9px;color:var(--deep);cursor:pointer;font-weight:700}.gallery-dialog-actions{display:flex;align-items:center;justify-content:center;gap:12px}.gallery-dialog-actions button{border:1px solid #b8d8d3;border-radius:10px;background:#e7f5f1;color:var(--deep);font-weight:700;cursor:pointer;padding:10px 15px}
.facebook-nav{color:#126580!important}.social-section{padding:72px max(7%,calc((100vw - 1180px)/2));background:linear-gradient(125deg,#e5f3ef,#f6f4ed)}.social-inside{display:flex;align-items:center;justify-content:space-between;gap:30px}.social-inside h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.04em;margin:0 0 14px}.social-inside h2 i{color:#138991}.social-inside p{color:var(--muted);line-height:1.7;margin-bottom:0}.social-button{background:#165e75;color:#fff;flex-shrink:0;gap:12px}.social-button:hover{background:#0b4153}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-photo{height:250px}.header nav{gap:13px;font-size:12px}}
@media(max-width:700px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-photo{height:255px}.social-inside{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.gallery-group-heading{display:block}.gallery-group h3{margin-top:8px}.gallery-grid{gap:10px}.gallery-card{padding:6px;border-radius:13px}.gallery-photo{height:210px;border-radius:9px}.gallery-card figcaption{padding:10px 5px 5px;font-size:12px}.gallery-dialog{padding:10px}.gallery-dialog img{max-width:84vw;max-height:62dvh}.social-section{padding:65px 6%}.social-button{width:100%}}
@media(max-width:390px){.gallery-photo{height:170px}}
/* Navegación compacta también para tabletas, evitando desbordamientos. */
@media(min-width:641px) and (max-width:820px){.header{height:70px;padding:0 5%}.menu{display:block;cursor:pointer}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px 7%;box-shadow:0 18px 24px #113f4919}.header nav.open{display:flex}.header nav a{padding:9px 0}}

/* Actualización: vista previa de fotografías verificadas y galería prominente. */
.hero .actions{gap:11px}
.gallery-cta{border:1px solid #bcebe0;color:#e3fff7;background:#ffffff1a}
.gallery-cta:hover{background:#ffffff30}
.fb-hero{background:#f4f9f6;color:#153d4d}
.fb-hero:hover{background:#d6f0e9}
.photo-preview{position:relative;background:#eef6f2;border-bottom:1px solid #d5e6dd}
.photo-preview-inner{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:14px;align-items:stretch;max-width:1260px;margin:auto;padding:26px 4%}
.preview-title{display:flex;flex-direction:column;justify-content:center;gap:11px;padding:10px 8px 10px 0}
.preview-title span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#187680}
.preview-title strong{font-family:Georgia,serif;font-size:clamp(23px,2.5vw,34px);font-weight:500;line-height:1.1;color:#173d43}
.preview-title a{font-size:13px;font-weight:700;color:#087e86;text-decoration:underline;text-underline-offset:5px}
.preview-img{position:relative;min-height:160px;height:194px;display:block;border:1px solid #c5ded8;border-radius:16px;overflow:hidden;background:#dcebe6;box-shadow:0 8px 22px #1b4e4818}
.preview-img:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 15px 2px #edf7ed75;pointer-events:none}
.preview-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.preview-img:hover img{transform:scale(1.04)}
.preview-img:focus-visible{outline:3px solid #168891;outline-offset:3px}
.gallery-section{background:#f6faf7}
.gallery-heading{margin-bottom:35px}
.gallery-group{background:#fff;border:1px solid #e1ede9;border-radius:22px;padding:26px;box-shadow:0 13px 40px #19434a09}
.gallery-group+.gallery-group{margin-top:25px}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gallery-photo{height:335px}
.gallery-card{padding:9px;border-radius:15px}
.gallery-open{position:relative}
.gallery-open:after{content:'Ampliar  +';position:absolute;bottom:12px;right:12px;background:#0d4c53e8;color:#fff;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:700;pointer-events:none}
.gallery-open:hover:after{background:#087a83}
.gallery-group-kicker{display:block;margin-bottom:8px}
.gallery-group-heading{display:block}
.gallery-group h3{font-size:25px}
.gallery-card figcaption{padding:13px 7px 5px}
@media(max-width:960px){.photo-preview-inner{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-title{grid-column:1/-1}.preview-img{height:175px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-photo{height:310px}}
@media(max-width:640px){.hero .actions{gap:9px}.hero .actions .btn{padding:12px 13px;font-size:12px;gap:6px}.photo-preview-inner{gap:8px;padding:24px 5%;grid-template-columns:repeat(3,minmax(0,1fr))}.preview-img{min-height:0;height:120px;border-radius:10px}.preview-title{padding:0 0 7px;gap:8px}.preview-title strong{font-size:27px}.gallery-group{padding:14px;border-radius:16px}.gallery-group-heading{padding:0 4px 12px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-photo{height:205px}.gallery-open:after{font-size:10px;padding:6px 8px;bottom:8px;right:8px}}
@media(max-width:380px){.gallery-photo{height:175px}.preview-img{height:95px}}

/* Nombre del alojamiento destacado en portada, conservando el diseño original. */
.hero .hero-lead{font-family:Georgia,serif;font-size:clamp(21px,2.2vw,29px);line-height:1.3;color:#d1f0ea;letter-spacing:-.015em;margin:-4px 0 18px;max-width:620px}
.hero h1{overflow-wrap:normal}
@media(max-width:640px){.hero .hero-lead{font-size:21px;margin:0 0 15px}.hero h1{font-size:clamp(43px,12vw,65px)}}
