Hotel NABU Tumaco - Experiencia Premium Frente al Pac\u00edfico<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n:root{\r\n \/* Paleta dorado premium *\/\r\n --gold-500:#D4AF37;\r\n --gold-600:#C19A2A;\r\n --gold-700:#A8821E;\r\n --gold-300:#F2DC8D;\r\n --brand: var(--gold-500);\r\n --brand-2: var(--gold-700);\r\n --brand-light: var(--gold-300);\r\n\r\n --dark:#000;\r\n --muted:#8a8a8a;\r\n --bg:#f3f4f6; \/* gris muy claro general *\/\r\n --card:#fff;\r\n --text-primary:#151515;\r\n --text-secondary:#666;\r\n --border:#e5e5e5;\r\n --shadow:rgba(0,0,0,.08);\r\n --shadow-hover:rgba(0,0,0,.15);\r\n\r\n --header-h:0px;\r\n --hero-min:85vh;\r\n --hero-extra-top:195px;\r\n --hero-bottom:40px;\r\n --booking-lift:560px;\r\n --edge-pad:clamp(16px,4vw,60px);\r\n --edge-gap:clamp(24px,6vw,120px);\r\n --border-radius:16px;\r\n --border-radius-lg:24px;\r\n }\r\n\r\n *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n body{\r\n font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\r\n line-height:1.6;color:var(--text-primary);\r\n background:\r\n radial-gradient(1200px 600px at 10% 0%, rgba(212,175,55,.06), transparent 60%),\r\n radial-gradient(1000px 500px at 120% -10%, rgba(201,156,37,.08), transparent 60%),\r\n var(--bg);\r\n -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;\r\n }\r\n img,video{max-width:100%;height:auto;display:block}\r\n a{color:inherit;text-decoration:none;transition:.3s}\r\n a:focus-visible, button:focus-visible, input:focus-visible, select:focus, textarea:focus-visible{\r\n outline:3px solid rgba(212,175,55,.35); outline-offset:2px;\r\n }\r\n\r\n .container{width:min(1300px,94vw);margin:0 auto}\r\n .section{padding:clamp(56px,6.5vw,90px) 0}\r\n .section-compact{padding:clamp(36px,5vw,60px) 0}\r\n\r\n \/* Alternadores de fondo *\/\r\n .bg-verylight.section, .bg-verylight.section-compact{background:#f7f8fa}\r\n .bg-gold-soft.section, .bg-gold-soft.section-compact{\r\n background:linear-gradient(180deg, rgba(212,175,55,.06) 0%, rgba(201,156,37,.08) 100%)\r\n }\r\n\r\n .grid{display:grid;gap:clamp(16px,3.5vw,36px)}\r\n .grid-2{grid-template-columns:repeat(2,1fr)}\r\n .grid-3{grid-template-columns:repeat(3,1fr)}\r\n .grid-4{grid-template-columns:repeat(4,1fr)}\r\n @media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}\r\n @media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}\r\n\r\n .card{\r\n background:var(--card);border-radius:var(--border-radius);\r\n box-shadow:0 8px 32px var(--shadow);border:1px solid var(--border);\r\n transition:transform .35s cubic-bezier(.25,.46,.45,.94), box-shadow .35s;\r\n }\r\n .card:hover{transform:translateY(-6px);box-shadow:0 18px 56px var(--shadow-hover)}\r\n .card-premium{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:2px solid var(--brand-light)}\r\n\r\n .btn{\r\n display:inline-flex;align-items:center;gap:10px;\r\n padding:14px 28px;border-radius:14px;font-weight:700;font-size:15px;\r\n border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;\r\n transition:transform .2s, box-shadow .2s, background .2s, border-color .2s;\r\n user-select:none;will-change:transform;\r\n }\r\n .btn::before{\r\n content:'';position:absolute;inset:0;left:-120%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);\r\n transition:left .5s;\r\n }\r\n .btn:hover::before{left:120%}\r\n .btn:active{transform:translateY(0)}\r\n .btn-primary{\r\n background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);\r\n color:#fff;box-shadow:0 8px 24px rgba(212,175,55,.25);\r\n }\r\n .btn-primary:hover{box-shadow:0 12px 32px rgba(212,175,55,.35);transform:translateY(-2px)}\r\n .btn-secondary{\r\n background:#fff;color:var(--text-primary);border-color:var(--border);\r\n box-shadow:0 4px 16px var(--shadow);\r\n }\r\n .btn-secondary:hover{background:var(--brand-light);border-color:var(--brand);transform:translateY(-2px)}\r\n .btn-sm{padding:10px 16px;font-weight:700;font-size:14px;border-radius:12px}\r\n\r\n \/* HERO *\/\r\n .hero{position:relative;margin-top:var(--header-h);overflow:hidden;color:#fff;min-height:var(--hero-min)}\r\n .hero .bg-video{position:absolute;inset:0;z-index:0;background:#000;pointer-events:none}\r\n .hero .bg-video video{width:100%;height:100%;object-fit:cover;object-position:50% 40%}\r\n .hero::after{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;\r\n background:linear-gradient(180deg,rgba(0,0,0,.80),rgba(0,0,0,.54))}\r\n .play-overlay{position:absolute;inset:0;z-index:3;display:none;place-items:center;\r\n background:linear-gradient(180deg,rgba(0,0,0,.70),rgba(0,0,0,.92))}\r\n .play-overlay.show{display:grid}\r\n .play-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--brand);color:#fff;border:1px solid var(--gold-600);\r\n padding:1rem 1.25rem;border-radius:14px;font-weight:800;cursor:pointer}\r\n\r\n .hero .wrap{\r\n position:relative;z-index:2;width:100vw;margin-left:50%;transform:translateX(-50%);\r\n padding:var(--hero-extra-top) var(--edge-pad) var(--hero-bottom);\r\n display:grid;align-items:start;grid-template-columns:1fr minmax(380px,520px);gap:var(--edge-gap)\r\n }\r\n .hero .pill.badge{margin-bottom:6px}\r\n .hero h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1;margin:8px 0 12px;color:#fff;\r\n text-shadow:0 2px 10px rgba(0,0,0,.45);font-weight:800}\r\n .hero p{max-width:62ch;margin:0 0 18px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45);font-size:1.05rem}\r\n .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}\r\n @media (max-width:1100px){.hero .wrap{grid-template-columns:1fr;gap:22px}}\r\n\r\n \/* Booking *\/\r\n .booking{padding:0;align-self:start;position:relative}\r\n .booking .card{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}\r\n @media (min-width:1101px){.booking .card{margin-top:calc(var(--booking-lift)*-1)}}\r\n .booking form{display:grid;gap:14px;padding:22px}\r\n .booking h3{margin:0 0 12px;color:var(--text-primary);font-size:1.35rem;font-weight:800}\r\n .field{display:flex;flex-direction:column;gap:8px}\r\n .field label{font-size:12.5px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}\r\n .field input,.field select{\r\n border:2px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff;color:var(--text-primary);font-size:15px;transition:.25s\r\n }\r\n .field input:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(212,175,55,.12)}\r\n .inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n\r\n \/* Pills *\/\r\n .pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.3px}\r\n .badge{background:linear-gradient(135deg,#fff7d9 0%,#f4e8b8 100%);color:#6a5414;border:2px solid var(--brand-light)}\r\n\r\n \/* Section head *\/\r\n .section-head{text-align:center;margin-bottom:clamp(28px,4.5vw,60px)}\r\n .section-head h3{font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:900;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.4px}\r\n .section-head p{font-size:1.05rem;color:var(--text-secondary);max-width:640px;margin:0 auto}\r\n\r\n \/* Stats *\/\r\n .stats-bar{\r\n background:#fff;border-radius:var(--border-radius-lg);padding:28px;\r\n box-shadow:0 12px 48px var(--shadow);margin:-36px auto 0;position:relative;z-index:10;border:1px solid var(--border)\r\n }\r\n .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}\r\n .stat-item{text-align:center}\r\n .stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);\r\n border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:22px}\r\n .stat-number{font-size:2rem;font-weight:900;color:var(--text-primary);margin-bottom:2px}\r\n .stat-label{font-size:12.5px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}\r\n\r\n \/* Services *\/\r\n .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}\r\n .service-card{padding:26px 22px;text-align:center;transition:.35s;border:2px solid transparent}\r\n .service-card:hover{border-color:var(--brand-light)}\r\n .service-icon{width:76px;height:76px;background:linear-gradient(135deg,var(--brand-light) 0%,#fff7d9 100%);\r\n border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--brand-2);font-size:26px}\r\n .service-title{font-size:1.2rem;font-weight:900;margin-bottom:6px}\r\n .service-desc{color:var(--text-secondary)}\r\n\r\n \/* Carouseles base *\/\r\n .carousel-wrap{position:relative}\r\n .carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}\r\n .carousel-track::-webkit-scrollbar{display:none}\r\n .carousel-item{scroll-snap-align:start}\r\n .carousel-nav{\r\n position:absolute;inset:auto 0 -18px 0;display:flex;justify-content:center;gap:10px;pointer-events:none\r\n }\r\n .carousel-btn{\r\n pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;\r\n width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:#fff;\r\n box-shadow:0 6px 20px var(--shadow);cursor:pointer;transition:.25s\r\n }\r\n .carousel-btn:hover{transform:translateY(-2px)}\r\n .carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}\r\n .carousel-dot{\r\n width:8px;height:8px;border-radius:999px;background:#d8d8d8;transition:.25s\r\n }\r\n .carousel-dot.active{width:22px;background:var(--brand)}\r\n\r\n \/* Rooms *\/\r\n .rooms-track .room-card{min-width:340px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px var(--shadow);transition:.35s}\r\n .room-card:hover{transform:scale(1.015)}\r\n .room-image{width:100%;height:240px;object-fit:cover;position:relative}\r\n .room-badge{position:absolute;top:12px;left:12px;background:var(--brand);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}\r\n .room-body{padding:20px}\r\n .room-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}\r\n .room-title{font-size:1.25rem;font-weight:900;margin:0}\r\n .room-capacity{background:var(--brand-light);color:var(--brand-2);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:800}\r\n .room-features{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}\r\n .room-feature{background:#f0f1f3;padding:4px 8px;border-radius:8px;font-size:13px;color:var(--text-secondary)}\r\n .room-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}\r\n .room-price{font-size:1.2rem;font-weight:900;color:var(--brand)}\r\n .room-price small{font-size:.9rem;font-weight:500;color:var(--text-secondary)}\r\n @media (max-width:480px){.rooms-track .room-card{min-width:280px}.room-image{height:200px}}\r\n\r\n \/* Galer\u00eda *\/\r\n .gallery-carousel .gallery-track{scroll-snap-type:x mandatory}\r\n .gallery-item{\r\n position:relative;overflow:hidden;border-radius:16px;cursor:pointer;min-width:min(420px,90vw);\r\n aspect-ratio:4\/3;box-shadow:0 8px 32px var(--shadow);transition:transform .35s\r\n }\r\n .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}\r\n .gallery-item:hover img{transform:scale(1.06)}\r\n .gallery-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.28),transparent);\r\n display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s}\r\n .gallery-item:hover .gallery-overlay{opacity:1}\r\n .gallery-overlay i{color:#fff;font-size:1.8rem}\r\n\r\n \/* Testimonios *\/\r\n .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}\r\n .testimonial-card{padding:28px;position:relative;border:2px solid var(--border)}\r\n .testimonial-quote{font-size:1.05rem;font-style:italic;line-height:1.65;margin-bottom:16px}\r\n .testimonial-quote::before{content:'\"';font-size:3.2rem;color:var(--brand-light);position:absolute;top:10px;left:18px;font-family:serif}\r\n .testimonial-author{display:flex;align-items:center;gap:14px}\r\n .testimonial-avatar{width:46px;height:46px;border-radius:50%;background:var(--brand-light);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--brand-2)}\r\n .testimonial-info h5{font-weight:900;margin-bottom:2px}\r\n .testimonial-stars{color:#FFD700;margin-bottom:6px}\r\n .testimonial-date{font-size:12.5px;color:var(--text-secondary)}\r\n\r\n \/* Ubicaci\u00f3n *\/\r\n .location-container{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}\r\n .map-container{border-radius:20px;overflow:hidden;box-shadow:0 12px 48px var(--shadow);height:480px}\r\n .map-iframe{width:100%;height:100%;border:0}\r\n .location-info{padding:26px}\r\n .location-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}\r\n .location-item:last-child{border-bottom:none}\r\n .location-icon{width:40px;height:40px;background:var(--brand-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-2);flex-shrink:0}\r\n .location-content h5{font-weight:900;margin-bottom:4px}\r\n .location-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}\r\n @media (max-width:1024px){.location-container{grid-template-columns:1fr}}\r\n\r\n \/* Formulario *\/\r\n .contact-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 12px 48px var(--shadow)}\r\n .form-group{margin-bottom:18px}\r\n .form-group label{display:block;font-weight:800;margin-bottom:6px}\r\n .form-group input,.form-group textarea,.form-group select{\r\n width:100%;padding:14px;border:2px solid var(--border);border-radius:12px;font-size:15px;background:#fff;transition:.25s\r\n }\r\n .form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(212,175,55,.12)}\r\n .form-group textarea{min-height:120px;resize:vertical}\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n @media (max-width:768px){.form-row{grid-template-columns:1fr}}\r\n\r\n \/* CTA fija *\/\r\n .fixed-cta{\r\n position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);\r\n border-top:1px solid var(--border);padding:14px;z-index:1000;transform:translateY(100%);transition:transform .3s\r\n }\r\n .fixed-cta.show{transform:translateY(0)}\r\n .cta-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:12px}\r\n .cta-info h4{margin:0 0 2px;font-size:1.05rem;font-weight:900}\r\n .cta-info p{margin:0;color:var(--text-secondary);font-size:13px}\r\n .cta-buttons{display:flex;gap:10px;flex-wrap:wrap}\r\n @media (max-width:768px){.cta-content{flex-direction:column;text-align:center}.cta-buttons{width:100%;justify-content:center}}\r\n\r\n \/* WhatsApp float *\/\r\n .whatsapp-float{\r\n position:fixed;bottom:92px;right:20px;width:60px;height:60px;background:#25D366;border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 8px 32px rgba(37,211,102,.3);\r\n z-index:999;transition:.3s;animation:pulse 2s infinite\r\n }\r\n .whatsapp-float:hover{transform:scale(1.08);box-shadow:0 12px 40px rgba(37,211,102,.4)}\r\n @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.65)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}\r\n\r\n \/* Scroll top *\/\r\n .scroll-top{\r\n position:fixed;bottom:92px;right:92px;width:46px;height:46px;background:var(--brand);border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;visibility:hidden;transition:.3s;z-index:998\r\n }\r\n .scroll-top.show{opacity:1;visibility:visible}\r\n .scroll-top:hover{background:var(--brand-2);transform:translateY(-2px)}\r\n\r\n \/* Animaciones *\/\r\n .fade-in{opacity:0;transform:translateY(26px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}\r\n .fade-in.visible{opacity:1;transform:translateY(0)}\r\n .slide-in-left{opacity:0;transform:translateX(-40px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}\r\n .slide-in-left.visible{opacity:1;transform:translateX(0)}\r\n .slide-in-right{opacity:0;transform:translateX(40px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}\r\n .slide-in-right.visible{opacity:1;transform:translateX(0)}\r\n\r\n \/* ====== M\u00e1s im\u00e1genes (amenidades) ====== *\/\r\n .image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}\r\n .image-card{\r\n position:relative;min-height:180px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px var(--shadow);\r\n background:#ddd;background-size:cover;background-position:center;\r\n }\r\n .image-card::after{\r\n content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.5))\r\n }\r\n .image-card span{\r\n position:absolute;left:12px;right:12px;bottom:12px;color:#fff;font-weight:900;display:flex;gap:8px;align-items:center;text-shadow:0 2px 10px rgba(0,0,0,.55)\r\n }\r\n .image-card i{color:#fff}\r\n\r\n \/* Experiencias *\/\r\n .exp-card .room-image{height:200px}\r\n .exp-card .room-title{font-size:1.15rem}\r\n\r\n \/* Dorado s\u00f3lido para price-estimate *\/\r\n .price-estimate{\r\n display:flex;align-items:center;justify-content:space-between;\r\n background: var(--gold-500) !important;\r\n border: 2px solid var(--gold-500) !important;\r\n border-radius:12px;padding:14px 16px;\r\n box-shadow:none !important;\r\n color:#1a1a1a;\r\n }\r\n .price-estimate .note,\r\n .price-estimate .muted{ color: rgba(0,0,0,.7) !important; }\r\n\r\n \/* ======================= FAQ ======================= *\/\r\n #faq .section-head h3{letter-spacing:-.4px}\r\n .faq-wrap{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}\r\n @media (max-width:1024px){.faq-wrap{grid-template-columns:1fr}}\r\n .faq-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}\r\n .faq-search{\r\n flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--border);\r\n border-radius:12px;padding:10px 12px;box-shadow:0 4px 16px var(--shadow)\r\n }\r\n .faq-search input{flex:1;border:none;outline:none;font-size:15px;background:transparent}\r\n .faq-actions .btn-sm{white-space:nowrap}\r\n\r\n .faq-accordion{display:grid;gap:10px}\r\n .faq-item{\r\n border:2px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;\r\n box-shadow:0 6px 20px var(--shadow);transition:border-color .25s, box-shadow .25s\r\n }\r\n .faq-item[hidden]{display:none!important}\r\n .faq-item.open{border-color:var(--brand-light);box-shadow:0 12px 32px var(--shadow-hover)}\r\n .faq-q{\r\n width:100%;text-align:left;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:0;padding:16px 18px;\r\n display:flex;align-items:center;gap:12px;font-weight:900;cursor:pointer\r\n }\r\n .faq-q .icon{\r\n width:34px;height:34px;border-radius:999px;background:var(--brand-light);color:var(--brand-2);\r\n display:flex;align-items:center;justify-content:center;flex-shrink:0\r\n }\r\n .faq-q .chev{margin-left:auto;transition:transform .25s}\r\n .faq-item.open .chev{transform:rotate(180deg)}\r\n .faq-a{\r\n max-height:0;overflow:hidden;transition:max-height .3s ease; background:#fff;padding:0 18px 0 64px;\r\n }\r\n .faq-item.open .faq-a{padding:0 18px 18px 64px}\r\n .faq-a-inner{padding-top:14px;color:var(--text-secondary)}\r\n .faq-highlight{background:linear-gradient(transparent 60%, rgba(212,175,55,.35) 60%)}\r\n\r\n .faq-side .card{padding:20px}\r\n .faq-side h4{font-size:1.05rem;font-weight:900;margin-bottom:8px}\r\n .faq-mini{display:grid;gap:10px}\r\n .faq-mini li{display:flex;gap:8px;align-items:flex-start;color:var(--text-secondary)}\r\n .faq-count{font-size:.9rem;color:var(--text-secondary);margin-top:6px}\r\n \r\n \r\n \/* ===================== MOBILE FIRST OVERRIDES ===================== *\/\r\n\/* Safe areas (iPhone con notch) *\/\r\n@supports (padding: max(0px)) {\r\n body { padding-bottom: max(0px, env(safe-area-inset-bottom)); }\r\n .fixed-cta { padding-bottom: max(14px, env(safe-area-inset-bottom)); }\r\n .whatsapp-float { bottom: calc(92px + env(safe-area-inset-bottom)); }\r\n}\r\n\r\n\/* Reducir animaciones si el usuario lo prefiere *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n * { animation: none !important; transition: none !important; }\r\n}\r\n\r\n\/* Mejor comportamiento de scroll anclado en m\u00f3viles con header variable *\/\r\nhtml { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 12px); }\r\n\r\n\/* -------- Tel\u00e9fonos y phablets -------- *\/\r\n@media (max-width: 768px) {\r\n :root{\r\n --edge-pad: clamp(14px, 5vw, 22px);\r\n --hero-min: 100svh;\r\n --hero-extra-top: 88px;\r\n --hero-bottom: 16px;\r\n --border-radius: 14px;\r\n --border-radius-lg: 18px;\r\n }\r\n\r\n body{ line-height:1.55; }\r\n\r\n \/* HERO *\/\r\n .hero .wrap{\r\n grid-template-columns: 1fr !important;\r\n gap: 14px;\r\n padding: var(--hero-extra-top) var(--edge-pad) var(--hero-bottom);\r\n }\r\n .hero h2{\r\n font-size: clamp(1.6rem, 7.2vw, 2.1rem);\r\n text-wrap: balance;\r\n }\r\n .hero p{ font-size: .98rem; opacity:.95; }\r\n .hero .bg-video video{ object-position: 50% 50%; }\r\n\r\n \/* Booking arriba y ultra t\u00e1ctil *\/\r\n .booking .card{ margin-top: 0 !important; border-radius: 16px; }\r\n .booking form{ padding: 16px; gap: 12px; }\r\n .inline{ grid-template-columns: 1fr; gap: 10px; }\r\n .field input, .field select,\r\n .form-group input, .form-group textarea, .form-group select{\r\n font-size: 16px; \/* evita zoom en iOS *\/\r\n min-height: 48px;\r\n }\r\n\r\n \/* Botones *\/\r\n .btn, .btn-sm{ padding: 12px 16px; font-size: 15px; border-radius: 12px; }\r\n\r\n \/* Espaciados de secciones *\/\r\n .section{ padding: 36px 0; }\r\n .section-compact{ padding: 28px 0; }\r\n\r\n \/* Stats compactas *\/\r\n .stats-bar{ padding: 16px; margin: -16px auto 0; }\r\n .stat-icon{ width: 48px; height: 48px; font-size: 18px; }\r\n .stat-number{ font-size: 1.5rem; }\r\n\r\n \/* Servicios en 1 columna *\/\r\n .services-grid{ grid-template-columns: 1fr; }\r\n\r\n \/* Amenidades con rejilla adaptable *\/\r\n .image-grid{ grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n .image-card{ min-height: 150px; border-radius: 12px; }\r\n\r\n \/* Carrusel de habitaciones *\/\r\n .rooms-track .room-card{ min-width: 86vw; }\r\n .room-image{ height: 200px; }\r\n .room-title{ font-size: 1.1rem; }\r\n .room-price{ font-size: 1.05rem; }\r\n\r\n \/* Galer\u00eda *\/\r\n .gallery-item{ min-width: 86vw; border-radius: 12px; }\r\n .gallery-overlay i{ font-size: 1.4rem; }\r\n .carousel-nav{ inset: auto 0 -10px 0; }\r\n .carousel-btn{ width:36px; height:36px; }\r\n\r\n \/* Testimonios *\/\r\n .testimonials-grid{ grid-template-columns: 1fr; }\r\n .testimonial-card{ padding: 20px; }\r\n\r\n \/* Ubicaci\u00f3n *\/\r\n .location-container{ grid-template-columns: 1fr; gap: 16px; }\r\n .map-container{ height: 320px; border-radius: 16px; }\r\n .location-actions{ gap: 6px; }\r\n\r\n \/* Formulario *\/\r\n .contact-form{ padding: 20px; }\r\n .form-row{ grid-template-columns:1fr; gap:12px; }\r\n\r\n \/* CTA fija y utilidades flotantes *\/\r\n .fixed-cta .cta-content{ flex-direction: column; text-align:center; }\r\n .fixed-cta .cta-buttons{ width:100%; justify-content:center; }\r\n .scroll-top{\r\n right: 20px;\r\n bottom: calc(92px + env(safe-area-inset-bottom) + 12px);\r\n }\r\n .whatsapp-float{\r\n right:16px; width:56px; height:56px;\r\n }\r\n}\r\n\r\n\/* -------- Pantallas MUY peque\u00f1as -------- *\/\r\n@media (max-width: 380px){\r\n .image-grid{ grid-template-columns: 1fr; }\r\n .image-card{ min-height: 140px; }\r\n .room-image{ height: 190px; }\r\n .btn, .btn-sm{ padding: 11px 14px; font-size: 14.5px; }\r\n}\r\n\r\n\/* Mejor deslizamiento t\u00e1ctil en carruseles *\/\r\n.carousel-track{\r\n touch-action: pan-y;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero\" id=\"inicio\" aria-label=\"Presentaci\u00f3n Hotel Nabu Tumaco\">\r\n <div class=\"bg-video\" aria-hidden=\"true\">\r\n <video id=\"heroVideo\" playsinline webkit-playsinline muted autoplay loop preload=\"auto\" poster=\"\"\r\n controlslist=\"nodownload noplaybackrate nofullscreen\" disablepictureinpicture>\r\n <source src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/Nabu-Tumaco-Video-1.mp4\" type=\"video\/mp4\">\r\n Tu navegador no soporta video HTML5.\r\n <\/video>\r\n <\/div>\r\n\r\n <div class=\"play-overlay\" id=\"manualPlay\" aria-hidden=\"true\">\r\n <button class=\"play-btn\" type=\"button\" id=\"playBtn\">\r\n <i class=\"fa-solid fa-play\"><\/i> Reproducir fondo\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"wrap\">\r\n <div style=\"padding-right:4px\">\r\n <span class=\"pill badge\">\r\n <i class=\"fa-solid fa-water\"><\/i>\r\n Frente al mar \u00b7 Tumaco, Nari\u00f1o\r\n <\/span>\r\n <h2>Descansa con el sonido del Pac\u00edfico<\/h2>\r\n <p>Bienvenido a <strong>Hotel NABU Tumaco<\/strong>. Habitaciones modernas, Wi-Fi de alta velocidad y gastronom\u00eda local en el coraz\u00f3n del Pac\u00edfico colombiano.<\/p>\r\n <div class=\"hero-cta\">\r\n <a class=\"btn btn-primary\" href=\"#habitaciones\">\r\n <i class=\"fa-solid fa-bed\"><\/i> Ver habitaciones\r\n <\/a>\r\n <a class=\"btn btn-secondary\" href=\"#galeria\">\r\n <i class=\"fa-regular fa-images\"><\/i> Galer\u00eda\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <aside class=\"booking\" style=\"padding-left:4px\">\r\n <div class=\"card\">\r\n <form id=\"bookingForm\" autocomplete=\"off\" aria-label=\"Reserva r\u00e1pida\">\r\n <h3>Reserva r\u00e1pida<\/h3>\r\n <div class=\"inline\">\r\n <div class=\"field\">\r\n <label for=\"checkin\">Check-in<\/label>\r\n <input type=\"date\" id=\"checkin\" required>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"checkout\">Check-out<\/label>\r\n <input type=\"date\" id=\"checkout\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"inline\">\r\n <div class=\"field\">\r\n <label for=\"huespedes\">Hu\u00e9spedes<\/label>\r\n <select id=\"huespedes\"><\/select>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"tipo\">Tipo de habitaci\u00f3n<\/label>\r\n <select id=\"tipo\">\r\n <option value=\"sencilla\">Sencilla (1 persona)<\/option>\r\n <option value=\"doble\" selected>Doble (2 personas)<\/option>\r\n <option value=\"multiple\">M\u00faltiple (2 camas)<\/option>\r\n <option value=\"suite_balcon\">Suite con Balc\u00f3n<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"price-estimate\" aria-live=\"polite\">\r\n <div>\r\n <strong id=\"nights\">1<\/strong> noches \u00b7 <span id=\"typeLabel\">Doble (2 personas)<\/span>\r\n <div class=\"note\">Impuestos incluidos \u00b7 Cancelaci\u00f3n flexible<\/div>\r\n <\/div>\r\n <div style=\"text-align:right\">\r\n <div id=\"price\" style=\"font-size:1.2rem;font-weight:900\">$ 174.900<\/div>\r\n <span class=\"muted\" style=\"font-size:.85rem\">COP estimado<\/span>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display:flex;gap:10px;flex-wrap:wrap;margin-top:12px\">\r\n <button class=\"btn btn-primary\" type=\"submit\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i> Consultar disponibilidad\r\n <\/button>\r\n <button class=\"btn btn-secondary\" type=\"button\" id=\"whatsBtn\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n \r\n <section class=\"section-compact bg-verylight\" id=\"amenidades\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Vive la esencia del Pac\u00edfico<\/h3>\r\n <p>Postales reales de NABU para inspirar tu pr\u00f3xima escapada.<\/p>\r\n <\/div>\r\n <div class=\"image-grid\">\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/1382063506178181d9.jpg')\" href=\"#habitaciones\" aria-label=\"Suite con Balc\u00f3n\">\r\n <span><i class=\"fa-solid fa-bed\"><\/i> Suite con Balc\u00f3n<\/span>\r\n <\/a>\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635061d8d672d.jpg')\" href=\"#galeria\" aria-label=\"Gastronom\u00eda local\">\r\n <span><i class=\"fa-solid fa-utensils\"><\/i> Gastronom\u00eda local<\/span>\r\n <\/a>\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635061fd1fe71.jpg')\" href=\"#galeria\" aria-label=\"Terrazas & relax\">\r\n <span><i class=\"fa-solid fa-umbrella-beach\"><\/i> Terrazas & relax<\/span>\r\n <\/a>\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1994-scaled.jpg')\" href=\"#servicios\" aria-label=\"Gimnasio equipado\">\r\n <span><i class=\"fa-solid fa-dumbbell\"><\/i> Gimnasio equipado<\/span>\r\n <\/a>\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1969-scaled.jpg')\" href=\"#inicio\" aria-label=\"Tranquilidad en Recepci\u00f3n\">\r\n <span><i class=\"fa-solid fa-concierge-bell\"><\/i> Tranquilidad en Recepci\u00f3n<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section-compact bg-gold-soft\" id=\"habitaciones\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Habitaciones<\/h3>\r\n <p>Todas incluyen A\/C, Smart TV 43\", Wi-Fi, y ducha con agua caliente y fr\u00eda.<\/p>\r\n <\/div>\r\n\r\n <div class=\"carousel-wrap\">\r\n <div class=\"carousel-track rooms-track\" id=\"roomsTrack\" aria-label=\"Carrusel de habitaciones\">\r\n \r\n <article class=\"carousel-item room-card\">\r\n <div style=\"position:relative\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\" alt=\"Habitaci\u00f3n Sencilla 1 persona - Hotel NABU Tumaco\">\r\n <div class=\"room-badge\">Desde<\/div>\r\n <\/div>\r\n <div class=\"room-body\">\r\n <div class=\"room-header\">\r\n <h4 class=\"room-title\">Sencilla (1 persona)<\/h4>\r\n <span class=\"room-capacity\">1 pax<\/span>\r\n <\/div>\r\n <div class=\"room-features\">\r\n <span class=\"room-feature\">A\/C<\/span><span class=\"room-feature\">Smart TV 43\"<\/span>\r\n <span class=\"room-feature\">Wi-Fi<\/span><span class=\"room-feature\">Agua caliente\/fr\u00eda<\/span>\r\n <\/div>\r\n <p style=\"color:var(--text-secondary);margin:10px 0\">Perfecta para viaje de trabajo o descanso.<\/p>\r\n <div class=\"room-footer\">\r\n <div class=\"room-price\">$129.900 <small>\/noche<\/small><\/div>\r\n <button class=\"btn btn-primary btn-sm\" onclick=\"selectRoom('sencilla')\">Elegir<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"carousel-item room-card\">\r\n <div style=\"position:relative\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635056e5ccddb.jpg\" alt=\"Habitaci\u00f3n Doble para 2 personas - Hotel NABU Tumaco\">\r\n <div class=\"room-badge\">Popular<\/div>\r\n <\/div>\r\n <div class=\"room-body\">\r\n <div class=\"room-header\">\r\n <h4 class=\"room-title\">Doble (2 personas)<\/h4>\r\n <span class=\"room-capacity\">2 pax<\/span>\r\n <\/div>\r\n <div class=\"room-features\">\r\n <span class=\"room-feature\">A\/C<\/span><span class=\"room-feature\">Smart TV 43\"<\/span>\r\n <span class=\"room-feature\">Wi-Fi<\/span><span class=\"room-feature\">Agua caliente\/fr\u00eda<\/span>\r\n <\/div>\r\n <p style=\"color:var(--text-secondary);margin:10px 0\">Comodidad para dos con excelente relaci\u00f3n precio\/calidad.<\/p>\r\n <div class=\"room-footer\">\r\n <div class=\"room-price\">$174.900 <small>\/noche<\/small><\/div>\r\n <button class=\"btn btn-primary btn-sm\" onclick=\"selectRoom('doble')\">Elegir<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"carousel-item room-card\">\r\n <div style=\"position:relative\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/1382063505b15ec0ca.jpg\" alt=\"Habitaci\u00f3n M\u00faltiple 2 camas - Hotel NABU Tumaco\">\r\n <div class=\"room-badge\">Familias<\/div>\r\n <\/div>\r\n <div class=\"room-body\">\r\n <div class=\"room-header\">\r\n <h4 class=\"room-title\">M\u00faltiple (2 camas)<\/h4>\r\n <span class=\"room-capacity\">4 pax<\/span>\r\n <\/div>\r\n <div class=\"room-features\">\r\n <span class=\"room-feature\">A\/C<\/span><span class=\"room-feature\">Smart TV 43\"<\/span>\r\n <span class=\"room-feature\">Wi-Fi<\/span><span class=\"room-feature\">Agua caliente\/fr\u00eda<\/span>\r\n <\/div>\r\n <p style=\"color:var(--text-secondary);margin:10px 0\">Ideal para 2 a 4 personas. Tarifa por ocupaci\u00f3n.<\/p>\r\n <div class=\"room-footer\">\r\n <div class=\"room-price\">$174.900 <small>\/noche<\/small><\/div>\r\n <button class=\"btn btn-primary btn-sm\" onclick=\"selectRoom('multiple')\">Elegir<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"carousel-item room-card\">\r\n <div style=\"position:relative\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/1382063506178181d9.jpg\" alt=\"Suite con Balc\u00f3n - Hotel NABU Tumaco\">\r\n <div class=\"room-badge\">Vista<\/div>\r\n <\/div>\r\n <div class=\"room-body\">\r\n <div class=\"room-header\">\r\n <h4 class=\"room-title\">Suite con Balc\u00f3n<\/h4>\r\n <span class=\"room-capacity\">2 pax<\/span>\r\n <\/div>\r\n <div class=\"room-features\">\r\n <span class=\"room-feature\">Balc\u00f3n<\/span><span class=\"room-feature\">A\/C<\/span>\r\n <span class=\"room-feature\">Smart TV 43\"<\/span><span class=\"room-feature\">Wi-Fi<\/span>\r\n <\/div>\r\n <p style=\"color:var(--text-secondary);margin:10px 0\">Con balc\u00f3n y mayor confort. Tarifa por ocupaci\u00f3n.<\/p>\r\n <div class=\"room-footer\">\r\n <div class=\"room-price\">$198.900 <small>\/noche<\/small><\/div>\r\n <button class=\"btn btn-primary btn-sm\" onclick=\"selectRoom('suite_balcon')\">Elegir<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-nav\" aria-hidden=\"false\">\r\n <button class=\"carousel-btn\" aria-label=\"Anterior\" data-prev=\"#roomsTrack\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n <button class=\"carousel-btn\" aria-label=\"Siguiente\" data-next=\"#roomsTrack\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"carousel-dots\" id=\"roomsDots\" aria-label=\"Paginaci\u00f3n habitaciones\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section-compact bg-verylight\" id=\"experiencias\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Planes & Experiencias<\/h3>\r\n <p>Momentos memorables frente al Pac\u00edfico.<\/p>\r\n <\/div>\r\n <div class=\"carousel-wrap\">\r\n <div class=\"carousel-track rooms-track\" id=\"expTrack\" aria-label=\"Carrusel de experiencias\">\r\n <article class=\"carousel-item room-card exp-card\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1796-scaled.jpg\" alt=\"Plan rom\u00e1ntico\">\r\n <div class=\"room-body\">\r\n <div class=\"room-header\"><h4 class=\"room-title\">Plan Rom\u00e1ntico<\/h4><span class=\"room-capacity\">Parejas<\/span><\/div>\r\n <p style=\"color:var(--text-secondary)\">Decoraci\u00f3n especial y detalles para celebrar.<\/p>\r\n <div class=\"room-footer\"><span><\/span><button class=\"btn btn-primary btn-sm\" onclick=\"openWhatsApp('Quiero cotizar el Plan Rom\u00e1ntico')\">Cotizar<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"carousel-item room-card exp-card\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1862-scaled.jpg\" alt=\"Trabajo remoto\">\r\n <div class=\"room-body\">\r\n <div class=\"room-header\"><h4 class=\"room-title\">Workation<\/h4><span class=\"room-capacity\">Wi-Fi R\u00e1pido<\/span><\/div>\r\n <p style=\"color:var(--text-secondary)\">Espacios tranquilos para trabajar con vista al mar.<\/p>\r\n <div class=\"room-footer\"><span><\/span><button class=\"btn btn-primary btn-sm\" onclick=\"openWhatsApp('Quiero reservar Workation')\">Cotizar<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"carousel-item room-card exp-card\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1926-scaled.jpg\" alt=\"Eventos y reuniones\">\r\n <div class=\"room-body\">\r\n <div class=\"room-header\"><h4 class=\"room-title\">Eventos & Reuniones<\/h4><span class=\"room-capacity\">Corporativo<\/span><\/div>\r\n <p style=\"color:var(--text-secondary)\">Coordinaci\u00f3n integral para tu evento.<\/p>\r\n <div class=\"room-footer\"><span><\/span><button class=\"btn btn-primary btn-sm\" onclick=\"openWhatsApp('Quiero cotizar un evento')\">Cotizar<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"carousel-item room-card exp-card\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1902-scaled.jpg\" alt=\"Gastronom\u00eda del Pac\u00edfico\">\r\n <div class=\"room-body\">\r\n <div class=\"room-header\"><h4 class=\"room-title\">Gastronom\u00eda del Pac\u00edfico<\/h4><span class=\"room-capacity\">Sabores<\/span><\/div>\r\n <p style=\"color:var(--text-secondary)\">Platos t\u00edpicos con mariscos frescos.<\/p>\r\n <div class=\"room-footer\"><span><\/span><button class=\"btn btn-primary btn-sm\" onclick=\"openWhatsApp('Quiero reservar plan gastron\u00f3mico')\">Cotizar<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <div class=\"carousel-nav\" aria-hidden=\"false\">\r\n <button class=\"carousel-btn\" aria-label=\"Anterior\" data-prev=\"#expTrack\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n <button class=\"carousel-btn\" aria-label=\"Siguiente\" data-next=\"#expTrack\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"carousel-dots\" id=\"expDots\" aria-label=\"Paginaci\u00f3n experiencias\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section-compact bg-gold-soft\" id=\"galeria\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Galer\u00eda Visual<\/h3>\r\n <p>Explora nuestras instalaciones y paisajes \u00fanicos del Pac\u00edfico colombiano.<\/p>\r\n <\/div>\r\n\r\n <div class=\"carousel-wrap gallery-carousel\">\r\n <div class=\"carousel-track gallery-track\" id=\"galleryTrack\" aria-label=\"Carrusel de galer\u00eda\">\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1781-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1781-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_1781\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2020-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2020-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_2020\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2015-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2015-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_2015\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1994-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1994-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_1994\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1969-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1969-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_1969\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-nav\">\r\n <button class=\"carousel-btn\" aria-label=\"Anterior\" data-prev=\"#galleryTrack\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n <button class=\"carousel-btn\" aria-label=\"Siguiente\" data-next=\"#galleryTrack\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"carousel-dots\" id=\"galleryDots\" aria-label=\"Paginaci\u00f3n galer\u00eda\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n <section class=\"section bg-gold-soft\" id=\"servicios\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Servicios Premium<\/h3>\r\n <p>Lujo y comodidad en cada detalle de tu estad\u00eda frente al Pac\u00edfico.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <div class=\"card service-card fade-in\">\r\n <div class=\"service-icon\"><i class=\"fa-solid fa-wifi\"><\/i><\/div>\r\n <h4 class=\"service-title\">Wi-Fi Ultra R\u00e1pido<\/h4>\r\n <p class=\"service-desc\">Fibra \u00f3ptica de alta velocidad, ideal para trabajo remoto y streaming.<\/p>\r\n <\/div>\r\n <div class=\"card service-card fade-in\">\r\n <div class=\"service-icon\"><i class=\"fa-solid fa-utensils\"><\/i><\/div>\r\n <h4 class=\"service-title\">Gastronom\u00eda Pac\u00edfico<\/h4>\r\n <p class=\"service-desc\">Mariscos frescos e ingredientes locales.<\/p>\r\n <\/div>\r\n <div class=\"card service-card fade-in\">\r\n <div class=\"service-icon\"><i class=\"fa-solid fa-dumbbell\"><\/i><\/div>\r\n <h4 class=\"service-title\">Gimnasio Equipado<\/h4>\r\n <p class=\"service-desc\">Equipos de \u00faltima generaci\u00f3n.<\/p>\r\n <\/div>\r\n <div class=\"card service-card fade-in\">\r\n <div class=\"service-icon\"><i class=\"fa-solid fa-hot-tub-person\"><\/i><\/div>\r\n <h4 class=\"service-title\">Jacuzzi<\/h4>\r\n <p class=\"service-desc\">Rel\u00e1jate con hidromasaje despu\u00e9s de la playa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n\r\n\r\n \r\n <section class=\"section bg-verylight\" id=\"testimonios\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Experiencias Inolvidables<\/h3>\r\n <p>Por esto nuestros hu\u00e9spedes regresan a vivir la magia del Pac\u00edfico.<\/p>\r\n <\/div>\r\n <div class=\"testimonials-grid\">\r\n <div class=\"card testimonial-card fade-in\">\r\n <div class=\"testimonial-stars\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"testimonial-quote\">Una experiencia m\u00e1gica. La Suite Vista Mar super\u00f3 mis expectativas. Servicio impecable y atardeceres inolvidables.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">MR<\/div>\r\n <div class=\"testimonial-info\"><h5>Mar\u00eda Rodr\u00edguez<\/h5><div class=\"testimonial-date\">Agosto 2025<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card testimonial-card fade-in\">\r\n <div class=\"testimonial-stars\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"testimonial-quote\">Redefini\u00f3 mi concepto de hospitalidad. Detalles al m\u00e1ximo. Wi-Fi perfecto para reuniones de trabajo.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">JS<\/div>\r\n <div class=\"testimonial-info\"><h5>Javier Silva<\/h5><div class=\"testimonial-date\">Julio 2025<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card testimonial-card fade-in\">\r\n <div class=\"testimonial-stars\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"testimonial-quote\">Nuestra luna de miel fue perfecta. El plan rom\u00e1ntico tuvo detalles que jam\u00e1s olvidaremos.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">LM<\/div>\r\n <div class=\"testimonial-info\"><h5>Laura & Miguel<\/h5><div class=\"testimonial-date\">Junio 2025<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section bg-gold-soft\" id=\"ubicacion\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Ubicaci\u00f3n Privilegiada<\/h3>\r\n <p>Frente al oc\u00e9ano Pac\u00edfico, en el coraz\u00f3n de Tumaco, Nari\u00f1o.<\/p>\r\n <\/div>\r\n <div class=\"location-container\">\r\n <div class=\"card map-container slide-in-left\" aria-label=\"Mapa\">\r\n <iframe class=\"map-iframe\"\r\n src=\"https:\/\/www.google.com\/maps?q=Hotel%20NABU%20Tumaco&z=16&output=embed\"\r\n loading=\"lazy\" allowfullscreen=\"\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Ubicaci\u00f3n Hotel NABU Tumaco\">\r\n <\/iframe>\r\n <\/div>\r\n <div class=\"card location-info slide-in-right\">\r\n <h4 style=\"margin-bottom:18px;font-size:1.25rem;\">Informaci\u00f3n de Contacto<\/h4>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\r\n <div class=\"location-content\">\r\n <h5>Direcci\u00f3n<\/h5>\r\n <p id=\"addrText\">Zona Frente al Mar \u00b7 Tumaco, Nari\u00f1o, Colombia<\/p>\r\n <div class=\"location-actions\">\r\n <a class=\"btn btn-secondary btn-sm\" target=\"_blank\" href=\"https:\/\/maps.app.goo.gl\/BDuaV2haE3KgYPws6\"><i class=\"fa-solid fa-location-arrow\"><\/i> C\u00f3mo llegar<\/a>\r\n <a class=\"btn btn-secondary btn-sm\" target=\"_blank\" href=\"https:\/\/waze.com\/ul?q=Hotel%20NABU%20Tumaco&navigate=yes\"><i class=\"fa-brands fa-waze\"><\/i> Waze<\/a>\r\n <button class=\"btn btn-secondary btn-sm\" onclick=\"copyAddress()\"><i class=\"fa-regular fa-copy\"><\/i> Copiar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/div>\r\n <div class=\"location-content\"><h5>WhatsApp 24\/7<\/h5><p><a href=\"https:\/\/wa.me\/573105238929\">+57 310 5238929<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\r\n <div class=\"location-content\"><h5>Tel\u00e9fono<\/h5><p><a href=\"tel:+573105238929\">+57 310 5238929<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n <div class=\"location-content\"><h5>Email<\/h5><p><a href=\"mailto:reservas@hotelnabu.com\">reservas@hotelnabu.com<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-solid fa-plane\"><\/i><\/div>\r\n <div class=\"location-content\"><h5>Aeropuerto<\/h5><p>15 min del Aeropuerto La Florida<\/p><\/div>\r\n <\/div>\r\n <div style=\"margin-top: 14px;\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/573105238929?text=Hola%2C%20quiero%20hacer%20una%20reserva\" target=\"_blank\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> Contactar Ahora\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section bg-verylight\" id=\"contacto\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Cont\u00e1ctanos<\/h3>\r\n <p>\u00bfPreguntas o evento especial? Te ayudamos a organizarlo.<\/p>\r\n <\/div>\r\n <div class=\"grid grid-2\">\r\n <div class=\"contact-form card fade-in\">\r\n <h4 style=\"margin-bottom:14px;font-size:1.2rem;font-weight:900;\">Env\u00edanos un Mensaje<\/h4>\r\n <form id=\"contactForm\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"contactName\">Nombre Completo<\/label>\r\n <input type=\"text\" id=\"contactName\" required placeholder=\"Tu nombre completo\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"contactPhone\">Tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"contactPhone\" required placeholder=\"+57 310 5238929\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"contactEmail\">Email<\/label>\r\n <input type=\"email\" id=\"contactEmail\" required placeholder=\"tu@email.com\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"contactSubject\">Motivo<\/label>\r\n <select id=\"contactSubject\" required>\r\n <option value=\"\">Selecciona un motivo<\/option>\r\n <option value=\"reserva\">Reserva Individual<\/option>\r\n <option value=\"evento\">Eventos y Grupos<\/option>\r\n <option value=\"cotizacion\">Solicitar Cotizaci\u00f3n<\/option>\r\n <option value=\"informacion\">Informaci\u00f3n General<\/option>\r\n <option value=\"otro\">Otro<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"contactMessage\">Mensaje<\/label>\r\n <textarea id=\"contactMessage\" required placeholder=\"Cu\u00e9ntanos c\u00f3mo podemos ayudarte...\"><\/textarea>\r\n <\/div>\r\n <div style=\"display:flex;gap:10px;flex-wrap:wrap\">\r\n <button type=\"submit\" class=\"btn btn-primary\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> Enviar por WhatsApp\r\n <\/button>\r\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"fillBookingData()\">\r\n <i class=\"fa-solid fa-calendar\"><\/i> Usar Datos de Reserva\r\n <\/button>\r\n <\/div>\r\n <p style=\"font-size:12.5px;color:var(--text-secondary);margin-top:10px\">\r\n Al enviar, abriremos WhatsApp con tu mensaje. Revisa los datos antes de enviar.\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n\r\n <div class=\"fade-in\">\r\n <div class=\"card\" style=\"padding:28px;margin-bottom:18px\">\r\n <h4 style=\"margin-bottom:12px;color:var(--brand);font-weight:900;\">\r\n <i class=\"fa-solid fa-concierce-bell\"><\/i> Servicios Especiales\r\n <\/h4>\r\n <div style=\"display:grid;gap:12px\">\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-cake-candles\" style=\"color:var(--brand)\"><\/i><span>Celebraciones y aniversarios<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-users\" style=\"color:var(--brand)\"><\/i><span>Eventos corporativos<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-heart\" style=\"color:var(--brand)\"><\/i><span>Planes rom\u00e1nticos<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-car\" style=\"color:var(--brand)\"><\/i><span>Transporte aeropuerto<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-route\" style=\"color:var(--brand)\"><\/i><span>Tours y experiencias<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-utensils\" style=\"color:var(--brand)\"><\/i><span>Catering<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" style=\"padding:28px;background:linear-gradient(135deg,var(--brand-light) 0%,#fff7d9 100%)\">\r\n <h4 style=\"margin-bottom:10px;color:var(--brand-2);font-weight:900;\"><i class=\"fa-solid fa-gift\"><\/i> Ofertas Exclusivas<\/h4>\r\n <p style=\"margin-bottom:10px\">Suscr\u00edbete para recibir descuentos especiales.<\/p>\r\n <div style=\"display:flex;gap:8px\">\r\n <input type=\"email\" id=\"subscribeEmail\" placeholder=\"tu@email.com\" style=\"flex:1;padding:12px;border:2px solid var(--brand);border-radius:10px\">\r\n <button id=\"subscribeBtn\" class=\"btn btn-primary\" aria-label=\"Suscribirme\"><i class=\"fa-solid fa-envelope\"><\/i><\/button>\r\n <\/div>\r\n <div id=\"subscribeMsg\" style=\"margin-top:8px;font-size:.9rem;color:var(--text-secondary)\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"fixed-cta\" id=\"fixedCta\" role=\"dialog\" aria-live=\"polite\">\r\n <div class=\"cta-content\">\r\n <div class=\"cta-info\">\r\n <h4>\u00bfListo para tu escape al Pac\u00edfico?<\/h4>\r\n <p>Mejor precio garantizado \u00b7 Cancelaci\u00f3n flexible<\/p>\r\n <\/div>\r\n <div class=\"cta-buttons\">\r\n <a href=\"#inicio\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-calendar\"><\/i> Reservar<\/a>\r\n <a href=\"https:\/\/wa.me\/573105238929?text=Hola%20Hotel%20NABU%20Tumaco%2C%20quiero%20hacer%20una%20reserva\" class=\"btn btn-primary\" target=\"_blank\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <a href=\"tel:+573105238929\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-phone\"><\/i> Llamar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/573105238929?text=Hola%20Hotel%20NABU%20Tumaco%2C%20quiero%20hacer%20una%20reserva\"\r\n class=\"whatsapp-float\" target=\"_blank\" aria-label=\"Contactar por WhatsApp\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n <\/a>\r\n\r\n \r\n <button class=\"scroll-top\" id=\"scrollTop\" aria-label=\"Volver arriba\">\r\n <i class=\"fa-solid fa-arrow-up\"><\/i>\r\n <\/button>\r\n\r\n \r\n <div id=\"lightbox\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;place-items:center\">\r\n <button onclick=\"closeLightbox()\" style=\"position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer\">\r\n <i class=\"fa-solid fa-times\"><\/i>\r\n <\/button>\r\n <img id=\"lightboxImg\" style=\"max-width:90%;max-height:90%;object-fit:contain\" alt=\"\">\r\n <button id=\"lightboxPrev\" onclick=\"navigateLightbox(-1)\" style=\"position:absolute;left:20px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:#fff;padding:14px;border-radius:50%;cursor:pointer\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n <button id=\"lightboxNext\" onclick=\"navigateLightbox(1)\" style=\"position:absolute;right:20px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:#fff;padding:14px;border-radius:50%;cursor:pointer\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <section class=\"section bg-verylight\" id=\"faq\" aria-label=\"Preguntas frecuentes\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Preguntas Frecuentes<\/h3>\r\n <p>Todo lo que necesitas saber antes de reservar.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-wrap\">\r\n \r\n <div>\r\n <div class=\"faq-tools\">\r\n <div class=\"faq-search\" role=\"search\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n <input id=\"faqSearch\" type=\"search\" placeholder=\"Busca: check-in, cancelaci\u00f3n, mascotas, parqueadero...\" aria-label=\"Buscar en preguntas frecuentes\">\r\n <\/div>\r\n <div class=\"faq-actions\" style=\"display:flex;gap:8px\">\r\n <button id=\"faqExpandAll\" class=\"btn btn-secondary btn-sm\" type=\"button\"><i class=\"fa-solid fa-plus\"><\/i> Abrir todo<\/button>\r\n <button id=\"faqCollapseAll\" class=\"btn btn-secondary btn-sm\" type=\"button\"><i class=\"fa-solid fa-minus\"><\/i> Cerrar todo<\/button>\r\n <\/div>\r\n <\/div>\r\n <div id=\"faqCount\" class=\"faq-count\" aria-live=\"polite\"><\/div>\r\n\r\n <div class=\"faq-accordion\" id=\"faqAccordion\">\r\n \r\n <article class=\"faq-item\" data-tags=\"reservas checkin horarios\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq1\" id=\"faq1-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-clock\"><\/i><\/span>\r\n \u00bfCu\u00e1les son los horarios de check-in y check-out?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq1\" role=\"region\" aria-labelledby=\"faq1-btn\">\r\n <p><strong>Entrada:<\/strong> De las 14:00 a las 14:30<\/p>\r\n <p><strong>Salida:<\/strong> De las 12:00 a las 13:00<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"reservas mejor precio disponibilidad motor\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq2\" id=\"faq2-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-tag\"><\/i><\/span>\r\n \u00bfC\u00f3mo reservo al mejor precio?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq2\" role=\"region\" aria-labelledby=\"faq2-btn\">\r\n <div class=\"faq-a-inner\">\r\n Reserva directo en nuestro <a href=\"#inicio\"><u>motor de reservas<\/u><\/a> para ver <strong>disponibilidad en tiempo real<\/strong>, tarifas en COP y promociones exclusivas.\r\n Tambi\u00e9n puedes escribirnos por <a href=\"https:\/\/wa.me\/573105238929\" target=\"_blank\"><u>WhatsApp<\/u><\/a>.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"cancelaci\u00f3n pol\u00edtica cambios reembolsos\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq3\" id=\"faq3-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-calendar-xmark\"><\/i><\/span>\r\n \u00bfCu\u00e1l es la pol\u00edtica de cancelaci\u00f3n?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq3\" role=\"region\" aria-labelledby=\"faq3-btn\">\r\n <div class=\"faq-a-inner\">\r\n Ofrecemos <strong>cancelaci\u00f3n flexible<\/strong>. Las condiciones exactas se muestran durante la reserva y pueden variar por tarifa\r\n (por ejemplo, tarifas no reembolsables). Si necesitas modificar fechas, cont\u00e1ctanos y buscamos alternativas.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"desayuno alimentaci\u00f3n restaurante incluido\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq4\" id=\"faq4-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-mug-saucer\"><\/i><\/span>\r\n \u00bfEl desayuno est\u00e1 incluido?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq4\" role=\"region\" aria-labelledby=\"faq4-btn\">\r\n <div class=\"faq-a-inner\">\r\n Si esta incluido\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"pagos tarjetas efectivo transferencia link seguro factura\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq5\" id=\"faq5-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-credit-card\"><\/i><\/span>\r\n \u00bfQu\u00e9 medios de pago aceptan?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq5\" role=\"region\" aria-labelledby=\"faq5-btn\">\r\n <div class=\"faq-a-inner\">\r\n Aceptamos <strong>efectivo, tarjetas d\u00e9bito\/cr\u00e9dito<\/strong>, transferencias y pagos por <strong>link seguro<\/strong>. Las tarifas se presentan en <strong>COP<\/strong>.\r\n Emite tu pago con tranquilidad: 100% seguro.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"ni\u00f1os camas adicionales cuna familia\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq6\" id=\"faq6-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-children\"><\/i><\/span>\r\n \u00bfPol\u00edtica para ni\u00f1os y camas adicionales?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq6\" role=\"region\" aria-labelledby=\"faq6-btn\">\r\n <div class=\"faq-a-inner\">\r\n Los ni\u00f1os son bienvenidos. La <strong>capacidad m\u00e1xima<\/strong> depende del tipo de habitaci\u00f3n.\r\n Cunas o camas extra est\u00e1n <strong>sujetas a disponibilidad<\/strong> y pueden tener costo adicional.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"mascotas petfriendly animales cargo\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq7\" id=\"faq7-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-paw\"><\/i><\/span>\r\n \u00bfAceptan mascotas?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq7\" role=\"region\" aria-labelledby=\"faq7-btn\">\r\n <div class=\"faq-a-inner\">\r\n Escr\u00edbenos por WhatsApp para confirmar si tu habitaci\u00f3n aplica. En caso de aceptar,\r\n se debe cumplir el <strong>reglamento de convivencia<\/strong> y podr\u00eda aplicarse un cargo de limpieza.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"parqueadero estacionamiento carro seguridad\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq8\" id=\"faq8-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-square-parking\"><\/i><\/span>\r\n \u00bfCuentan con parqueadero?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq8\" role=\"region\" aria-labelledby=\"faq8-btn\">\r\n <div class=\"faq-a-inner\">\r\n Contamos con <strong>opciones de parqueadero cercanas<\/strong> y aliadas (sujetas a disponibilidad y posible costo).\r\n Te ayudamos a coordinarlo antes de tu llegada.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"transporte aeropuerto transfer traslado\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq9\" id=\"faq9-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-taxi\"><\/i><\/span>\r\n \u00bfOfrecen traslado desde\/hacia el aeropuerto?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq9\" role=\"region\" aria-labelledby=\"faq9-btn\">\r\n <div class=\"faq-a-inner\">\r\n No ofrecemos el traslado\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"impuestos iva facturaci\u00f3n factura electr\u00f3nica\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq10\" id=\"faq10-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-file-invoice\"><\/i><\/span>\r\n \u00bfC\u00f3mo manejan impuestos y facturaci\u00f3n?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq10\" role=\"region\" aria-labelledby=\"faq10-btn\">\r\n <div class=\"faq-a-inner\">\r\n Mostramos tarifas en <strong>COP<\/strong>. El estimado incluye impuestos.\r\n Emitimos <strong>factura electr\u00f3nica<\/strong>; comp\u00e1rtenos tus datos fiscales al reservar o durante el check-in.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"wifi internet seguridad trabajo remoto\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq11\" id=\"faq11-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-wifi\"><\/i><\/span>\r\n \u00bfC\u00f3mo es el Wi-Fi y la seguridad del hotel?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq11\" role=\"region\" aria-labelledby=\"faq11-btn\">\r\n <div class=\"faq-a-inner\">\r\n Contamos con <strong>fibra \u00f3ptica<\/strong> de alta velocidad y zonas ideales para <em>workation<\/em>.\r\n El hotel es 100% <strong>no fumador<\/strong> en habitaciones; pregunta por \u00e1reas designadas.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n <div style=\"margin-top:14px;display:flex;gap:10px;flex-wrap:wrap\">\r\n <a class=\"btn btn-primary\" href=\"#inicio\"><i class=\"fa-solid fa-calendar-check\"><\/i> Reservar ahora<\/a>\r\n <a class=\"btn btn-secondary\" href=\"https:\/\/wa.me\/573105238929\" target=\"_blank\"><i class=\"fa-brands fa-whatsapp\"><\/i> Preguntar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <aside class=\"faq-side\">\r\n \r\n <div class=\"card\" style=\"margin-top:12px;background:linear-gradient(135deg,var(--brand-light) 0%,#fff7d9 100%)\">\r\n <h4 style=\"color:var(--brand-2)\"><i class=\"fa-solid fa-headset\"><\/i> \u00bfA\u00fan con dudas?<\/h4>\r\n <p style=\"color:var(--text-secondary);margin:8px 0 12px\">Escr\u00edbenos y te asesoramos en minutos.<\/p>\r\n <a class=\"btn btn-primary\" target=\"_blank\" href=\"https:\/\/wa.me\/573105238929\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp 24\/7<\/a>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/* ========= TARIFAS por ocupaci\u00f3n ========= *\/\r\n const roomConfigs = {\r\n sencilla: { label:'Sencilla (1 persona)', maxGuests:1, occupancyPricing:{1:129900} },\r\n doble: { label:'Doble (2 personas)', maxGuests:2, occupancyPricing:{1:174900, 2:174900} },\r\n multiple: { label:'M\u00faltiple (2 camas)', maxGuests:4, occupancyPricing:{1:174900, 2:203900, 3:234900, 4:320900} },\r\n suite_balcon:{label:'Suite con Balc\u00f3n', maxGuests:2, occupancyPricing:{1:198900, 2:234900} },\r\n };\r\n\r\n \/* ========= Utilidades ========= *\/\r\n const bookingElements = {\r\n checkin: document.getElementById('checkin'),\r\n checkout: document.getElementById('checkout'),\r\n guests: document.getElementById('huespedes'),\r\n type: document.getElementById('tipo'),\r\n nights: document.getElementById('nights'),\r\n price: document.getElementById('price'),\r\n typeLabel: document.getElementById('typeLabel')\r\n };\r\n const galleryImages = [];\r\n let currentLightboxIndex = 0;\r\n\r\n function formatCOP(v){\r\n return new Intl.NumberFormat('es-CO',{style:'currency',currency:'COP',maximumFractionDigits:0}).format(v);\r\n }\r\n\r\n \/* ========= Video hero ========= *\/\r\n function setupHeroVideoAutoplay(){\r\n const v = document.getElementById('heroVideo');\r\n const overlay = document.getElementById('manualPlay');\r\n const btn = document.getElementById('playBtn');\r\n if(!v) return;\r\n v.muted = true; v.setAttribute('muted',''); v.setAttribute('playsinline',''); v.setAttribute('webkit-playsinline','');\r\n v.autoplay = true; v.loop = true;\r\n const tryPlay = ()=>{\r\n const p = v.play();\r\n if(p && p.then){\r\n p.then(()=> overlay?.classList.remove('show'))\r\n .catch(()=> overlay?.classList.add('show'));\r\n }\r\n };\r\n v.addEventListener('loadeddata', tryPlay, {once:true});\r\n document.addEventListener('visibilitychange', ()=>{ if(document.visibilityState==='visible') tryPlay(); });\r\n const io = new IntersectionObserver((entries)=> entries.forEach(e=>{ if(e.isIntersecting) tryPlay(); }), {threshold:.25});\r\n io.observe(v);\r\n btn?.addEventListener('click', ()=>{ v.muted = true; tryPlay(); });\r\n }\r\n\r\n \/* ========= Booking ========= *\/\r\n function calculateNights(){\r\n const ci = new Date(bookingElements.checkin.value);\r\n const co = new Date(bookingElements.checkout.value);\r\n return Math.max(0, Math.round((co - ci)\/86400000));\r\n }\r\n\r\n function updateGuestsOptionsForType(){\r\n const cfg = roomConfigs[bookingElements.type.value];\r\n const max = cfg?.maxGuests || 1;\r\n const current = parseInt(bookingElements.guests.value || '1', 10);\r\n bookingElements.guests.innerHTML = '';\r\n for(let i=1;i<=max;i++){\r\n const opt = document.createElement('option');\r\n opt.value = i; opt.textContent = i;\r\n if((bookingElements.type.value==='doble' && i===2) || (i===Math.min(current,max))) opt.selected = true;\r\n bookingElements.guests.appendChild(opt);\r\n }\r\n }\r\n\r\n function getNightlyRate(typeKey, guests){\r\n const cfg = roomConfigs[typeKey];\r\n if(!cfg) return 0;\r\n if(cfg.occupancyPricing[guests]) return cfg.occupancyPricing[guests];\r\n const available = Object.keys(cfg.occupancyPricing).map(n=>parseInt(n,10)).sort((a,b)=>a-b);\r\n let chosen = available[0];\r\n for(const g of available){ if(g<=guests) chosen = g; }\r\n return cfg.occupancyPricing[chosen] || 0;\r\n }\r\n\r\n function updatePriceQuote(){\r\n const nights = calculateNights();\r\n bookingElements.nights.textContent = nights;\r\n const typeKey = bookingElements.type.value;\r\n const cfg = roomConfigs[typeKey];\r\n bookingElements.typeLabel.textContent = cfg?.label || '';\r\n let guests = parseInt(bookingElements.guests.value||'1',10);\r\n if(cfg){ guests = Math.max(1, Math.min(cfg.maxGuests, guests)); bookingElements.guests.value = guests; }\r\n const nightly = getNightlyRate(typeKey, guests);\r\n const total = nights>0 ? nightly * nights : 0;\r\n bookingElements.price.textContent = formatCOP(total);\r\n }\r\n\r\n function setMinDates(){\r\n const today = new Date();\r\n const todayStr = today.toISOString().split('T')[0];\r\n bookingElements.checkin.min = todayStr;\r\n const tomorrow = new Date(today); tomorrow.setDate(tomorrow.getDate()+1);\r\n const tomorrowStr = tomorrow.toISOString().split('T')[0];\r\n bookingElements.checkout.min = tomorrowStr;\r\n\r\n if(!bookingElements.checkin.value) bookingElements.checkin.value = todayStr;\r\n if(!bookingElements.checkout.value) bookingElements.checkout.value = tomorrowStr;\r\n }\r\n function selectRoom(rt){\r\n bookingElements.type.value = rt;\r\n updateGuestsOptionsForType();\r\n updatePriceQuote();\r\n document.getElementById('inicio').scrollIntoView({behavior:'smooth'});\r\n }\r\n\r\n \/* ========= Guardado local ========= *\/\r\n function restoreLocal(){\r\n try{\r\n const b = JSON.parse(localStorage.getItem('booking')||'{}');\r\n if(b.ci) bookingElements.checkin.value = b.ci;\r\n if(b.co) bookingElements.checkout.value = b.co;\r\n if(b.t) bookingElements.type.value = b.t;\r\n updateGuestsOptionsForType();\r\n if(b.g) bookingElements.guests.value = b.g;\r\n updatePriceQuote();\r\n\r\n const c = JSON.parse(localStorage.getItem('contact')||'{}');\r\n if(c.n) document.getElementById('contactName').value = c.n;\r\n if(c.p) document.getElementById('contactPhone').value = c.p;\r\n if(c.e) document.getElementById('contactEmail').value = c.e;\r\n }catch(e){ \/* no-op *\/ }\r\n }\r\n function persistBooking(){\r\n const data = { ci: bookingElements.checkin.value, co: bookingElements.checkout.value,\r\n g: bookingElements.guests.value, t: bookingElements.type.value };\r\n localStorage.setItem('booking', JSON.stringify(data));\r\n }\r\n function persistContact(){\r\n const data = {\r\n n: document.getElementById('contactName').value,\r\n p: document.getElementById('contactPhone').value,\r\n e: document.getElementById('contactEmail').value\r\n };\r\n localStorage.setItem('contact', JSON.stringify(data));\r\n }\r\n\r\n \/* ========= Carruseles ========= *\/\r\n function buildDots(trackEl, dotsEl){\r\n dotsEl.innerHTML = '';\r\n const items = [...trackEl.children];\r\n if(items.length===0) return 0;\r\n const visible = Math.max(1, Math.floor(trackEl.clientWidth \/ items[0].clientWidth));\r\n const pages = Math.ceil(items.length \/ visible);\r\n for(let i=0;i<pages;i++){\r\n const d = document.createElement('div'); d.className='carousel-dot'; if(i===0) d.classList.add('active');\r\n dotsEl.appendChild(d);\r\n }\r\n return pages;\r\n }\r\n function scrollByCard(trackEl, dir=1){\r\n const first = trackEl.querySelector(':scope > *');\r\n const step = first ? (first.clientWidth + 18) : trackEl.clientWidth * 0.9;\r\n trackEl.scrollBy({left: dir*step, behavior:'smooth'});\r\n }\r\n function initCarousel(){\r\n document.querySelectorAll('[data-prev],[data-next]').forEach(btn=>{\r\n btn.addEventListener('click', ()=>{\r\n const targetSel = btn.dataset.prev || btn.dataset.next;\r\n const track = document.querySelector(targetSel);\r\n if(!track) return;\r\n scrollByCard(track, btn.dataset.prev ? -1 : 1);\r\n });\r\n });\r\n }\r\n function initDotsFor(trackId, dotsId){\r\n const track = document.getElementById(trackId);\r\n const dots = document.getElementById(dotsId);\r\n if(!track || !dots) return;\r\n const pages = buildDots(track, dots);\r\n track.addEventListener('scroll', ()=>{\r\n const idx = Math.round(track.scrollLeft \/ (track.scrollWidth \/ pages));\r\n [...dots.children].forEach((d,i)=> d.classList.toggle('active', i===idx));\r\n });\r\n window.addEventListener('resize', ()=>buildDots(track,dots));\r\n }\r\n\r\n \/* ========= Galer\u00eda + Lightbox ========= *\/\r\n function initGallery(){\r\n const track = document.getElementById('galleryTrack');\r\n const dots = document.getElementById('galleryDots');\r\n [...track.querySelectorAll('.gallery-item')].forEach((item,i)=>{\r\n const src = item.dataset.src || item.querySelector('img')?.src; galleryImages.push(src);\r\n item.addEventListener('click', ()=>{ currentLightboxIndex=i; openLightbox(); });\r\n });\r\n const pages = buildDots(track, dots);\r\n track.addEventListener('scroll', ()=>{\r\n const idx = Math.round(track.scrollLeft \/ (track.scrollWidth \/ pages));\r\n [...dots.children].forEach((d,i)=> d.classList.toggle('active', i===idx));\r\n });\r\n window.addEventListener('resize', ()=>buildDots(track,dots));\r\n }\r\n function openLightbox(){\r\n const lb = document.getElementById('lightbox'); const img = document.getElementById('lightboxImg');\r\n lb.style.display='grid'; img.src = galleryImages[currentLightboxIndex]; document.body.style.overflow='hidden';\r\n }\r\n function closeLightbox(){ const lb = document.getElementById('lightbox'); lb.style.display='none'; document.body.style.overflow='auto'; }\r\n function navigateLightbox(d){\r\n currentLightboxIndex += d;\r\n if(currentLightboxIndex>=galleryImages.length) currentLightboxIndex=0;\r\n if(currentLightboxIndex<0) currentLightboxIndex=galleryImages.length-1;\r\n document.getElementById('lightboxImg').src = galleryImages[currentLightboxIndex];\r\n }\r\n\r\n \/* ========= Contacto \/ WhatsApp ========= *\/\r\n function fillBookingData(){\r\n const subject = document.getElementById('contactSubject');\r\n const message = document.getElementById('contactMessage');\r\n subject.value = 'reserva';\r\n message.value = `Quiero hacer una reserva con los siguientes detalles:\r\n\r\nCheck-in: ${bookingElements.checkin.value}\r\nCheck-out: ${bookingElements.checkout.value}\r\nHu\u00e9spedes: ${bookingElements.guests.value}\r\nTipo de habitaci\u00f3n: ${roomConfigs[bookingElements.type.value].label}\r\nPrecio estimado: ${bookingElements.price.textContent}\r\n\r\nPor favor, confirmen disponibilidad y tarifas finales.`;\r\n }\r\n function openWhatsApp(message=''){\r\n const baseMessage = message || 'Hola Hotel NABU Tumaco, quiero hacer una reserva';\r\n const details = `\r\n\r\n\u2014 Detalles de mi reserva \u2014\r\nCheck-in: ${bookingElements.checkin.value}\r\nCheck-out: ${bookingElements.checkout.value}\r\nHu\u00e9spedes: ${bookingElements.guests.value}\r\nTipo: ${roomConfigs[bookingElements.type.value].label}\r\nEstimado: ${bookingElements.price.textContent}`;\r\n const full = encodeURIComponent(baseMessage + details);\r\n window.open(`https:\/\/api.whatsapp.com\/send\/?phone=573105238929&text=${full}`, '_blank');\r\n }\r\n\r\n \/* ========= CTA fija \/ scroll \/ animaciones ========= *\/\r\n function initFixedCTA(){\r\n const fixed = document.getElementById('fixedCta'); let last = 0;\r\n window.addEventListener('scroll', ()=>{\r\n const y = window.pageYOffset || document.documentElement.scrollTop;\r\n if(y>800 && y<last) fixed.classList.add('show'); else fixed.classList.remove('show');\r\n last = y;\r\n });\r\n }\r\n function initScrollTop(){\r\n const btn = document.getElementById('scrollTop');\r\n window.addEventListener('scroll', ()=>{ if(window.pageYOffset>600) btn.classList.add('show'); else btn.classList.remove('show'); });\r\n btn.addEventListener('click', ()=>window.scrollTo({top:0,behavior:'smooth'}));\r\n }\r\n function initScrollAnimations(){\r\n const obs = new IntersectionObserver((entries)=> entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('visible'); }),\r\n {threshold:.1, rootMargin:'0px 0px -50px 0px'});\r\n document.querySelectorAll('.fade-in,.slide-in-left,.slide-in-right').forEach(el=> obs.observe(el));\r\n }\r\n function initSmoothScrolling(){\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n a.addEventListener('click',e=>{\r\n const target = document.querySelector(a.getAttribute('href')); if(!target) return;\r\n e.preventDefault(); target.scrollIntoView({behavior:'smooth',block:'start'});\r\n });\r\n });\r\n }\r\n function setHeaderOffset(){\r\n const nav = document.getElementById('site-navigation'); const h = nav ? nav.offsetHeight : 0;\r\n document.documentElement.style.setProperty('--header-h', h+'px');\r\n }\r\n\r\n \/\/ Copiar direcci\u00f3n\r\n async function copyAddress(){\r\n try{\r\n await navigator.clipboard.writeText(document.getElementById('addrText').innerText.trim());\r\n const old = document.getElementById('addrText').innerText;\r\n document.getElementById('addrText').innerText = 'Direcci\u00f3n copiada \u2714\ufe0f';\r\n setTimeout(()=> document.getElementById('addrText').innerText = old, 1500);\r\n }catch(e){ alert('No se pudo copiar la direcci\u00f3n.'); }\r\n }\r\n\r\n \/* ========= Formularios ========= *\/\r\n document.getElementById('bookingForm').addEventListener('submit',(e)=>{\r\n e.preventDefault();\r\n const ci = bookingElements.checkin.value; \/\/ YYYY-MM-DD\r\n const co = bookingElements.checkout.value; \/\/ YYYY-MM-DD\r\n const guests = parseInt(bookingElements.guests.value || '1', 10);\r\n\r\n const url = new URL('https:\/\/engine.lobbypms.com\/hotel-nabu-2');\r\n url.searchParams.set('checkin', ci);\r\n url.searchParams.set('checkout', co);\r\n url.searchParams.set('adults', guests);\r\n\r\n window.open(url.toString(), '_blank');\r\n });\r\n\r\n document.getElementById('whatsBtn').addEventListener('click', ()=> openWhatsApp('Hola, quiero hacer una reserva') );\r\n\r\n document.getElementById('contactForm').addEventListener('submit',(e)=>{\r\n e.preventDefault();\r\n const name = document.getElementById('contactName').value;\r\n const phone = document.getElementById('contactPhone').value;\r\n const email = document.getElementById('contactEmail').value;\r\n const subject = document.getElementById('contactSubject').value;\r\n const message = document.getElementById('contactMessage').value;\r\n const text = `Hola Hotel NABU Tumaco\r\n\r\nSoy ${name}\r\nTel\u00e9fono: ${phone}\r\nEmail: ${email}\r\nMotivo: ${subject}\r\n\r\nMensaje: ${message}`;\r\n window.open(`https:\/\/api.whatsapp.com\/send\/?phone=573105238929&text=${encodeURIComponent(text)}`,'_blank');\r\n });\r\n\r\n \/\/ ==== Ofertas Exclusivas: env\u00edo por correo a duvamelgar2045@gmail.com ====\r\n (function setupSubscribe(){\r\n const input = document.getElementById('subscribeEmail');\r\n const btn = document.getElementById('subscribeBtn');\r\n const msg = document.getElementById('subscribeMsg');\r\n if(!input || !btn) return;\r\n\r\n function isValidEmail(v){\r\n return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\r\n }\r\n function sendMail(){\r\n const v = (input.value||'').trim();\r\n if(!isValidEmail(v)){\r\n msg.style.color = '#b00020';\r\n msg.textContent = 'Por favor, escribe un correo v\u00e1lido.';\r\n input.focus();\r\n return;\r\n }\r\n const subject = 'Suscripci\u00f3n web - Ofertas Exclusivas NABU';\r\n const body = `Hola,\\n\\nPor favor suscribir este correo a las ofertas del hotel:\\n\\n${v}\\n\\nEnviado desde la web NABU (${new Date().toLocaleString('es-CO')}).`;\r\n const href = `mailto:duvamelgar2045@gmail.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\r\n window.location.href = href;\r\n msg.style.color = '#666';\r\n msg.textContent = 'Abrimos tu correo para completar el env\u00edo. Si no se abre, escr\u00edbenos por WhatsApp.';\r\n }\r\n\r\n btn.addEventListener('click', sendMail);\r\n input.addEventListener('keydown', (e)=>{ if(e.key==='Enter'){ e.preventDefault(); sendMail(); } });\r\n })();\r\n\r\n \/* ========= Teclado lightbox ========= *\/\r\n function initKeyboardNavigation(){\r\n document.addEventListener('keydown',(e)=>{\r\n const lb = document.getElementById('lightbox');\r\n if(lb.style.display==='grid'){\r\n if(e.key==='Escape') closeLightbox();\r\n if(e.key==='ArrowLeft') navigateLightbox(-1);\r\n if(e.key==='ArrowRight') navigateLightbox(1);\r\n }\r\n });\r\n }\r\n\r\n \/* ========= FAQ ========= *\/\r\n function setFaqMaxHeight(item, open){\r\n const content = item.querySelector('.faq-a');\r\n if(!content) return;\r\n if(open){\r\n content.style.maxHeight = content.scrollHeight + 'px';\r\n }else{\r\n content.style.maxHeight = '0px';\r\n }\r\n }\r\n\r\n function toggleFaqItem(item, force){\r\n const willOpen = (typeof force === 'boolean') ? force : !item.classList.contains('open');\r\n item.classList.toggle('open', willOpen);\r\n item.querySelector('.faq-q')?.setAttribute('aria-expanded', String(willOpen));\r\n setFaqMaxHeight(item, willOpen);\r\n }\r\n\r\n function initFAQ(){\r\n const acc = document.getElementById('faqAccordion');\r\n const search = document.getElementById('faqSearch');\r\n const expandAll = document.getElementById('faqExpandAll');\r\n const collapseAll = document.getElementById('faqCollapseAll');\r\n const counter = document.getElementById('faqCount');\r\n if(!acc) return;\r\n\r\n \/\/ Init toggle\r\n acc.querySelectorAll('.faq-item').forEach(item=>{\r\n const btn = item.querySelector('.faq-q');\r\n btn.addEventListener('click', ()=> toggleFaqItem(item));\r\n \/\/ set initial height = 0\r\n setFaqMaxHeight(item, false);\r\n });\r\n\r\n \/\/ Search \/ filter\r\n function normalize(s){ return (s||'').toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,''); }\r\n function highlight(el, q){\r\n const text = el.textContent;\r\n el.innerHTML = text.replace(new RegExp(`(${q})`,'ig'), '<span class=\"faq-highlight\">$1<\/span>');\r\n }\r\n function clearHighlights(scope){\r\n scope.querySelectorAll('.faq-highlight').forEach(h=>{\r\n const parent = h.parentNode; parent.replaceChild(document.createTextNode(h.textContent), h); parent.normalize();\r\n });\r\n }\r\n\r\n function applyFilter(){\r\n const q = normalize(search.value.trim());\r\n let visible = 0;\r\n acc.querySelectorAll('.faq-item').forEach(item=>{\r\n item.hidden = false;\r\n clearHighlights(item);\r\n if(q){\r\n const hay = normalize(item.textContent);\r\n if(!hay.includes(q)){\r\n item.hidden = true;\r\n }else{\r\n \/\/ expand matching items and highlight answer\r\n toggleFaqItem(item, true);\r\n const ans = item.querySelector('.faq-a-inner'); if(ans) highlight(ans, search.value.trim());\r\n visible++;\r\n }\r\n }else{\r\n \/\/ collapse when no query\r\n toggleFaqItem(item, false);\r\n }\r\n if(!q && !item.hidden) visible++;\r\n });\r\n counter.textContent = q ? `${visible} resultado(s)` : '';\r\n }\r\n\r\n search.addEventListener('input', applyFilter);\r\n\r\n \/\/ Expand\/Collapse all\r\n expandAll.addEventListener('click', ()=>{\r\n acc.querySelectorAll('.faq-item:not([hidden])').forEach(item=> toggleFaqItem(item, true));\r\n });\r\n collapseAll.addEventListener('click', ()=>{\r\n acc.querySelectorAll('.faq-item:not([hidden])').forEach(item=> toggleFaqItem(item, false));\r\n });\r\n\r\n \/\/ Recalc heights on resize\r\n window.addEventListener('resize', ()=>{\r\n acc.querySelectorAll('.faq-item.open .faq-a').forEach(a=>{\r\n a.style.maxHeight = a.scrollHeight + 'px';\r\n });\r\n });\r\n }\r\n\r\n \/* ========= Init ========= *\/\r\n function init(){\r\n setHeaderOffset();\r\n setupHeroVideoAutoplay();\r\n setMinDates();\r\n updateGuestsOptionsForType();\r\n updatePriceQuote();\r\n\r\n [bookingElements.checkin, bookingElements.checkout].forEach(el=>{\r\n el?.addEventListener('change', ()=>{\r\n if(new Date(bookingElements.checkout.value) <= new Date(bookingElements.checkin.value)){\r\n const nd = new Date(bookingElements.checkin.value); nd.setDate(nd.getDate()+1);\r\n bookingElements.checkout.value = nd.toISOString().split('T')[0];\r\n }\r\n updatePriceQuote(); persistBooking();\r\n });\r\n });\r\n bookingElements.guests.addEventListener('change', ()=>{ updatePriceQuote(); persistBooking(); });\r\n bookingElements.type.addEventListener('change', ()=>{ updateGuestsOptionsForType(); updatePriceQuote(); persistBooking(); });\r\n\r\n \/\/ Persistencia contacto\r\n ['contactName','contactPhone','contactEmail'].forEach(id=>{\r\n const el = document.getElementById(id);\r\n el.addEventListener('input', persistContact);\r\n });\r\n\r\n \/\/ Carouseles\r\n initCarousel();\r\n initDotsFor('roomsTrack','roomsDots');\r\n initGallery();\r\n initDotsFor('expTrack','expDots');\r\n\r\n \/\/ UI\r\n initScrollAnimations();\r\n initFixedCTA();\r\n initScrollTop();\r\n initKeyboardNavigation();\r\n initSmoothScrolling();\r\n\r\n \/\/ FAQ\r\n initFAQ();\r\n\r\n \/\/ Restaurar guardados\r\n restoreLocal();\r\n\r\n window.addEventListener('resize', setHeaderOffset);\r\n }\r\n\r\n if(document.readyState==='loading') document.addEventListener('DOMContentLoaded', init); else init();\r\n\r\n window.addEventListener('load', ()=>{\r\n ['https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1781-scaled.jpg','https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2020-scaled.jpg'].forEach(src=>{ const i=new Image(); i.src=src; });\r\n });\r\n <\/script>\r\n \r\n <script>\r\n\/* ===================== MOBILE ENHANCEMENTS JS ===================== *\/\r\n(function () {\r\n \/* Arrastre t\u00e1ctil en carruseles *\/\r\n function addSwipeScroll(el){\r\n if(!el) return;\r\n let down=false, startX=0, startY=0, startLeft=0;\r\n el.style.cursor='grab';\r\n el.addEventListener('pointerdown', e=>{\r\n down=true;\r\n startX=e.clientX; startY=e.clientY; startLeft=el.scrollLeft;\r\n el.setPointerCapture(e.pointerId);\r\n el.style.cursor='grabbing';\r\n });\r\n el.addEventListener('pointermove', e=>{\r\n if(!down) return;\r\n const dx=e.clientX-startX, dy=e.clientY-startY;\r\n if(Math.abs(dx) > Math.abs(dy)){ \/\/ horizontal \u2192 arrastra carrusel\r\n e.preventDefault();\r\n el.scrollLeft = startLeft - dx;\r\n }\r\n }, {passive:false});\r\n ['pointerup','pointercancel','pointerleave'].forEach(ev=>{\r\n el.addEventListener(ev, ()=>{ down=false; el.style.cursor='grab'; });\r\n });\r\n }\r\n\r\n ['roomsTrack','expTrack','galleryTrack']\r\n .map(id=>document.getElementById(id))\r\n .filter(Boolean)\r\n .forEach(addSwipeScroll);\r\n\r\n \/* CTA fija: aparece antes en m\u00f3vil y solo cuando el usuario sube *\/\r\n (function tuneFixedCTA(){\r\n const fixed = document.getElementById('fixedCta');\r\n if(!fixed) return;\r\n const mobile = window.matchMedia('(max-width: 768px)');\r\n let last = 0;\r\n function onScroll(){\r\n const y = window.pageYOffset || document.documentElement.scrollTop;\r\n const goingUp = y < last;\r\n const threshold = mobile.matches ? 420 : 800;\r\n fixed.classList.toggle('show', y > threshold && goingUp);\r\n last = y;\r\n }\r\n window.addEventListener('scroll', onScroll, {passive:true});\r\n })();\r\n\r\n \/* Swipe en lightbox (izq\/der para navegar) *\/\r\n (function lightboxSwipe(){\r\n const lb = document.getElementById('lightbox');\r\n if(!lb) return;\r\n let startX = null;\r\n lb.addEventListener('touchstart', e=>{\r\n if(e.touches.length!==1) return;\r\n startX = e.touches[0].clientX;\r\n }, {passive:true});\r\n lb.addEventListener('touchend', e=>{\r\n if(startX==null) return;\r\n const endX = (e.changedTouches[0]||{}).clientX || startX;\r\n const dx = endX - startX;\r\n if(Math.abs(dx) > 40) navigateLightbox(dx < 0 ? 1 : -1);\r\n startX = null;\r\n }, {passive:true});\r\n })();\r\n})();\r\n<\/script>\r\n \r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hotel NABU Tumaco – Experiencia Premium Frente al Pac\u00edfico Tu navegador no soporta video HTML5. Reproducir fondo Frente al mar \u00b7 Tumaco, Nari\u00f1o Descansa con el sonido del Pac\u00edfico Bienvenido a Hotel NABU Tumaco. Habitaciones modernas, Wi-Fi de alta velocidad y gastronom\u00eda local en el coraz\u00f3n del Pac\u00edfico colombiano. Ver habitaciones Galer\u00eda Reserva r\u00e1pida Check-in … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/hotelnabu.com\/?page_id=8640\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u00abHOTEL NABU TUMACO\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8640","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>HOTEL NABU TUMACO - Hotel Nabu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hotelnabu.com\/?page_id=8640\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOTEL NABU TUMACO - Hotel Nabu\" \/>\n<meta property=\"og:description\" content=\"Hotel NABU Tumaco – Experiencia Premium Frente al Pac\u00edfico Tu navegador no soporta video HTML5. Reproducir fondo Frente al mar \u00b7 Tumaco, Nari\u00f1o Descansa con el sonido del Pac\u00edfico Bienvenido a Hotel NABU Tumaco. Habitaciones modernas, Wi-Fi de alta velocidad y gastronom\u00eda local en el coraz\u00f3n del Pac\u00edfico colombiano. Ver habitaciones Galer\u00eda Reserva r\u00e1pida Check-in … Leer m\u00e1s \u00abHOTEL NABU TUMACO\u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hotelnabu.com\/?page_id=8640\" \/>\n<meta property=\"og:site_name\" content=\"Hotel Nabu\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-18T14:58:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640\",\"url\":\"https:\/\/hotelnabu.com\/?page_id=8640\",\"name\":\"HOTEL NABU TUMACO - Hotel Nabu\",\"isPartOf\":{\"@id\":\"https:\/\/hotelnabu.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\",\"datePublished\":\"2025-06-04T19:59:57+00:00\",\"dateModified\":\"2025-09-18T14:58:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hotelnabu.com\/?page_id=8640\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage\",\"url\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\",\"contentUrl\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\",\"width\":1200,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/hotelnabu.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOTEL NABU TUMACO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hotelnabu.com\/#website\",\"url\":\"https:\/\/hotelnabu.com\/\",\"name\":\"Hotel Nabu\",\"description\":\"HOTEL NABU. Elije tu destino ideal y vide una experiencia unica.\",\"publisher\":{\"@id\":\"https:\/\/hotelnabu.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hotelnabu.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-CO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hotelnabu.com\/#organization\",\"name\":\"Hotel Nabu\",\"url\":\"https:\/\/hotelnabu.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/hotelnabu.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2024\/12\/cropped-cropped-Logo-Nabu-3.png\",\"contentUrl\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2024\/12\/cropped-cropped-Logo-Nabu-3.png\",\"width\":330,\"height\":376,\"caption\":\"Hotel Nabu\"},\"image\":{\"@id\":\"https:\/\/hotelnabu.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"HOTEL NABU TUMACO - Hotel Nabu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hotelnabu.com\/?page_id=8640","og_locale":"es_ES","og_type":"article","og_title":"HOTEL NABU TUMACO - Hotel Nabu","og_description":"Hotel NABU Tumaco – Experiencia Premium Frente al Pac\u00edfico Tu navegador no soporta video HTML5. Reproducir fondo Frente al mar \u00b7 Tumaco, Nari\u00f1o Descansa con el sonido del Pac\u00edfico Bienvenido a Hotel NABU Tumaco. Habitaciones modernas, Wi-Fi de alta velocidad y gastronom\u00eda local en el coraz\u00f3n del Pac\u00edfico colombiano. Ver habitaciones Galer\u00eda Reserva r\u00e1pida Check-in … Leer m\u00e1s \u00abHOTEL NABU TUMACO\u00bb","og_url":"https:\/\/hotelnabu.com\/?page_id=8640","og_site_name":"Hotel Nabu","article_modified_time":"2025-09-18T14:58:18+00:00","og_image":[{"url":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hotelnabu.com\/?page_id=8640","url":"https:\/\/hotelnabu.com\/?page_id=8640","name":"HOTEL NABU TUMACO - Hotel Nabu","isPartOf":{"@id":"https:\/\/hotelnabu.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage"},"image":{"@id":"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage"},"thumbnailUrl":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg","datePublished":"2025-06-04T19:59:57+00:00","dateModified":"2025-09-18T14:58:18+00:00","breadcrumb":{"@id":"https:\/\/hotelnabu.com\/?page_id=8640#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hotelnabu.com\/?page_id=8640"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage","url":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg","contentUrl":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/hotelnabu.com\/?page_id=8640#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/hotelnabu.com\/"},{"@type":"ListItem","position":2,"name":"HOTEL NABU TUMACO"}]},{"@type":"WebSite","@id":"https:\/\/hotelnabu.com\/#website","url":"https:\/\/hotelnabu.com\/","name":"Hotel Nabu","description":"HOTEL NABU. Elije tu destino ideal y vide una experiencia unica.","publisher":{"@id":"https:\/\/hotelnabu.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hotelnabu.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CO"},{"@type":"Organization","@id":"https:\/\/hotelnabu.com\/#organization","name":"Hotel Nabu","url":"https:\/\/hotelnabu.com\/","logo":{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/hotelnabu.com\/#\/schema\/logo\/image\/","url":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2024\/12\/cropped-cropped-Logo-Nabu-3.png","contentUrl":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2024\/12\/cropped-cropped-Logo-Nabu-3.png","width":330,"height":376,"caption":"Hotel Nabu"},"image":{"@id":"https:\/\/hotelnabu.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/pages\/8640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelnabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8640"}],"version-history":[{"count":487,"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/pages\/8640\/revisions"}],"predecessor-version":[{"id":11430,"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/pages\/8640\/revisions\/11430"}],"wp:attachment":[{"href":"https:\/\/hotelnabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Hotel NABU Tumaco - Experiencia Premium Frente al Pac\u00edfico<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n:root{\r\n \/* Paleta dorado premium *\/\r\n --gold-500:#D4AF37;\r\n --gold-600:#C19A2A;\r\n --gold-700:#A8821E;\r\n --gold-300:#F2DC8D;\r\n --brand: var(--gold-500);\r\n --brand-2: var(--gold-700);\r\n --brand-light: var(--gold-300);\r\n\r\n --dark:#000;\r\n --muted:#8a8a8a;\r\n --bg:#f3f4f6; \/* gris muy claro general *\/\r\n --card:#fff;\r\n --text-primary:#151515;\r\n --text-secondary:#666;\r\n --border:#e5e5e5;\r\n --shadow:rgba(0,0,0,.08);\r\n --shadow-hover:rgba(0,0,0,.15);\r\n\r\n --header-h:0px;\r\n --hero-min:85vh;\r\n --hero-extra-top:195px;\r\n --hero-bottom:40px;\r\n --booking-lift:560px;\r\n --edge-pad:clamp(16px,4vw,60px);\r\n --edge-gap:clamp(24px,6vw,120px);\r\n --border-radius:16px;\r\n --border-radius-lg:24px;\r\n }\r\n\r\n *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n body{\r\n font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\r\n line-height:1.6;color:var(--text-primary);\r\n background:\r\n radial-gradient(1200px 600px at 10% 0%, rgba(212,175,55,.06), transparent 60%),\r\n radial-gradient(1000px 500px at 120% -10%, rgba(201,156,37,.08), transparent 60%),\r\n var(--bg);\r\n -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;\r\n }\r\n img,video{max-width:100%;height:auto;display:block}\r\n a{color:inherit;text-decoration:none;transition:.3s}\r\n a:focus-visible, button:focus-visible, input:focus-visible, select:focus, textarea:focus-visible{\r\n outline:3px solid rgba(212,175,55,.35); outline-offset:2px;\r\n }\r\n\r\n .container{width:min(1300px,94vw);margin:0 auto}\r\n .section{padding:clamp(56px,6.5vw,90px) 0}\r\n .section-compact{padding:clamp(36px,5vw,60px) 0}\r\n\r\n \/* Alternadores de fondo *\/\r\n .bg-verylight.section, .bg-verylight.section-compact{background:#f7f8fa}\r\n .bg-gold-soft.section, .bg-gold-soft.section-compact{\r\n background:linear-gradient(180deg, rgba(212,175,55,.06) 0%, rgba(201,156,37,.08) 100%)\r\n }\r\n\r\n .grid{display:grid;gap:clamp(16px,3.5vw,36px)}\r\n .grid-2{grid-template-columns:repeat(2,1fr)}\r\n .grid-3{grid-template-columns:repeat(3,1fr)}\r\n .grid-4{grid-template-columns:repeat(4,1fr)}\r\n @media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}\r\n @media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}\r\n\r\n .card{\r\n background:var(--card);border-radius:var(--border-radius);\r\n box-shadow:0 8px 32px var(--shadow);border:1px solid var(--border);\r\n transition:transform .35s cubic-bezier(.25,.46,.45,.94), box-shadow .35s;\r\n }\r\n .card:hover{transform:translateY(-6px);box-shadow:0 18px 56px var(--shadow-hover)}\r\n .card-premium{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:2px solid var(--brand-light)}\r\n\r\n .btn{\r\n display:inline-flex;align-items:center;gap:10px;\r\n padding:14px 28px;border-radius:14px;font-weight:700;font-size:15px;\r\n border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;\r\n transition:transform .2s, box-shadow .2s, background .2s, border-color .2s;\r\n user-select:none;will-change:transform;\r\n }\r\n .btn::before{\r\n content:'';position:absolute;inset:0;left:-120%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);\r\n transition:left .5s;\r\n }\r\n .btn:hover::before{left:120%}\r\n .btn:active{transform:translateY(0)}\r\n .btn-primary{\r\n background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);\r\n color:#fff;box-shadow:0 8px 24px rgba(212,175,55,.25);\r\n }\r\n .btn-primary:hover{box-shadow:0 12px 32px rgba(212,175,55,.35);transform:translateY(-2px)}\r\n .btn-secondary{\r\n background:#fff;color:var(--text-primary);border-color:var(--border);\r\n box-shadow:0 4px 16px var(--shadow);\r\n }\r\n .btn-secondary:hover{background:var(--brand-light);border-color:var(--brand);transform:translateY(-2px)}\r\n .btn-sm{padding:10px 16px;font-weight:700;font-size:14px;border-radius:12px}\r\n\r\n \/* HERO *\/\r\n .hero{position:relative;margin-top:var(--header-h);overflow:hidden;color:#fff;min-height:var(--hero-min)}\r\n .hero .bg-video{position:absolute;inset:0;z-index:0;background:#000;pointer-events:none}\r\n .hero .bg-video video{width:100%;height:100%;object-fit:cover;object-position:50% 40%}\r\n .hero::after{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;\r\n background:linear-gradient(180deg,rgba(0,0,0,.80),rgba(0,0,0,.54))}\r\n .play-overlay{position:absolute;inset:0;z-index:3;display:none;place-items:center;\r\n background:linear-gradient(180deg,rgba(0,0,0,.70),rgba(0,0,0,.92))}\r\n .play-overlay.show{display:grid}\r\n .play-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--brand);color:#fff;border:1px solid var(--gold-600);\r\n padding:1rem 1.25rem;border-radius:14px;font-weight:800;cursor:pointer}\r\n\r\n .hero .wrap{\r\n position:relative;z-index:2;width:100vw;margin-left:50%;transform:translateX(-50%);\r\n padding:var(--hero-extra-top) var(--edge-pad) var(--hero-bottom);\r\n display:grid;align-items:start;grid-template-columns:1fr minmax(380px,520px);gap:var(--edge-gap)\r\n }\r\n .hero .pill.badge{margin-bottom:6px}\r\n .hero h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1;margin:8px 0 12px;color:#fff;\r\n text-shadow:0 2px 10px rgba(0,0,0,.45);font-weight:800}\r\n .hero p{max-width:62ch;margin:0 0 18px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45);font-size:1.05rem}\r\n .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}\r\n @media (max-width:1100px){.hero .wrap{grid-template-columns:1fr;gap:22px}}\r\n\r\n \/* Booking *\/\r\n .booking{padding:0;align-self:start;position:relative}\r\n .booking .card{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}\r\n @media (min-width:1101px){.booking .card{margin-top:calc(var(--booking-lift)*-1)}}\r\n .booking form{display:grid;gap:14px;padding:22px}\r\n .booking h3{margin:0 0 12px;color:var(--text-primary);font-size:1.35rem;font-weight:800}\r\n .field{display:flex;flex-direction:column;gap:8px}\r\n .field label{font-size:12.5px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}\r\n .field input,.field select{\r\n border:2px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff;color:var(--text-primary);font-size:15px;transition:.25s\r\n }\r\n .field input:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(212,175,55,.12)}\r\n .inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n\r\n \/* Pills *\/\r\n .pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.3px}\r\n .badge{background:linear-gradient(135deg,#fff7d9 0%,#f4e8b8 100%);color:#6a5414;border:2px solid var(--brand-light)}\r\n\r\n \/* Section head *\/\r\n .section-head{text-align:center;margin-bottom:clamp(28px,4.5vw,60px)}\r\n .section-head h3{font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:900;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.4px}\r\n .section-head p{font-size:1.05rem;color:var(--text-secondary);max-width:640px;margin:0 auto}\r\n\r\n \/* Stats *\/\r\n .stats-bar{\r\n background:#fff;border-radius:var(--border-radius-lg);padding:28px;\r\n box-shadow:0 12px 48px var(--shadow);margin:-36px auto 0;position:relative;z-index:10;border:1px solid var(--border)\r\n }\r\n .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}\r\n .stat-item{text-align:center}\r\n .stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);\r\n border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:22px}\r\n .stat-number{font-size:2rem;font-weight:900;color:var(--text-primary);margin-bottom:2px}\r\n .stat-label{font-size:12.5px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}\r\n\r\n \/* Services *\/\r\n .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}\r\n .service-card{padding:26px 22px;text-align:center;transition:.35s;border:2px solid transparent}\r\n .service-card:hover{border-color:var(--brand-light)}\r\n .service-icon{width:76px;height:76px;background:linear-gradient(135deg,var(--brand-light) 0%,#fff7d9 100%);\r\n border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--brand-2);font-size:26px}\r\n .service-title{font-size:1.2rem;font-weight:900;margin-bottom:6px}\r\n .service-desc{color:var(--text-secondary)}\r\n\r\n \/* Carouseles base *\/\r\n .carousel-wrap{position:relative}\r\n .carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}\r\n .carousel-track::-webkit-scrollbar{display:none}\r\n .carousel-item{scroll-snap-align:start}\r\n .carousel-nav{\r\n position:absolute;inset:auto 0 -18px 0;display:flex;justify-content:center;gap:10px;pointer-events:none\r\n }\r\n .carousel-btn{\r\n pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;\r\n width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:#fff;\r\n box-shadow:0 6px 20px var(--shadow);cursor:pointer;transition:.25s\r\n }\r\n .carousel-btn:hover{transform:translateY(-2px)}\r\n .carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}\r\n .carousel-dot{\r\n width:8px;height:8px;border-radius:999px;background:#d8d8d8;transition:.25s\r\n }\r\n .carousel-dot.active{width:22px;background:var(--brand)}\r\n\r\n \/* Rooms *\/\r\n .rooms-track .room-card{min-width:340px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px var(--shadow);transition:.35s}\r\n .room-card:hover{transform:scale(1.015)}\r\n .room-image{width:100%;height:240px;object-fit:cover;position:relative}\r\n .room-badge{position:absolute;top:12px;left:12px;background:var(--brand);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}\r\n .room-body{padding:20px}\r\n .room-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}\r\n .room-title{font-size:1.25rem;font-weight:900;margin:0}\r\n .room-capacity{background:var(--brand-light);color:var(--brand-2);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:800}\r\n .room-features{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}\r\n .room-feature{background:#f0f1f3;padding:4px 8px;border-radius:8px;font-size:13px;color:var(--text-secondary)}\r\n .room-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}\r\n .room-price{font-size:1.2rem;font-weight:900;color:var(--brand)}\r\n .room-price small{font-size:.9rem;font-weight:500;color:var(--text-secondary)}\r\n @media (max-width:480px){.rooms-track .room-card{min-width:280px}.room-image{height:200px}}\r\n\r\n \/* Galer\u00eda *\/\r\n .gallery-carousel .gallery-track{scroll-snap-type:x mandatory}\r\n .gallery-item{\r\n position:relative;overflow:hidden;border-radius:16px;cursor:pointer;min-width:min(420px,90vw);\r\n aspect-ratio:4\/3;box-shadow:0 8px 32px var(--shadow);transition:transform .35s\r\n }\r\n .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}\r\n .gallery-item:hover img{transform:scale(1.06)}\r\n .gallery-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.28),transparent);\r\n display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s}\r\n .gallery-item:hover .gallery-overlay{opacity:1}\r\n .gallery-overlay i{color:#fff;font-size:1.8rem}\r\n\r\n \/* Testimonios *\/\r\n .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}\r\n .testimonial-card{padding:28px;position:relative;border:2px solid var(--border)}\r\n .testimonial-quote{font-size:1.05rem;font-style:italic;line-height:1.65;margin-bottom:16px}\r\n .testimonial-quote::before{content:'\"';font-size:3.2rem;color:var(--brand-light);position:absolute;top:10px;left:18px;font-family:serif}\r\n .testimonial-author{display:flex;align-items:center;gap:14px}\r\n .testimonial-avatar{width:46px;height:46px;border-radius:50%;background:var(--brand-light);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--brand-2)}\r\n .testimonial-info h5{font-weight:900;margin-bottom:2px}\r\n .testimonial-stars{color:#FFD700;margin-bottom:6px}\r\n .testimonial-date{font-size:12.5px;color:var(--text-secondary)}\r\n\r\n \/* Ubicaci\u00f3n *\/\r\n .location-container{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}\r\n .map-container{border-radius:20px;overflow:hidden;box-shadow:0 12px 48px var(--shadow);height:480px}\r\n .map-iframe{width:100%;height:100%;border:0}\r\n .location-info{padding:26px}\r\n .location-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}\r\n .location-item:last-child{border-bottom:none}\r\n .location-icon{width:40px;height:40px;background:var(--brand-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-2);flex-shrink:0}\r\n .location-content h5{font-weight:900;margin-bottom:4px}\r\n .location-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}\r\n @media (max-width:1024px){.location-container{grid-template-columns:1fr}}\r\n\r\n \/* Formulario *\/\r\n .contact-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 12px 48px var(--shadow)}\r\n .form-group{margin-bottom:18px}\r\n .form-group label{display:block;font-weight:800;margin-bottom:6px}\r\n .form-group input,.form-group textarea,.form-group select{\r\n width:100%;padding:14px;border:2px solid var(--border);border-radius:12px;font-size:15px;background:#fff;transition:.25s\r\n }\r\n .form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(212,175,55,.12)}\r\n .form-group textarea{min-height:120px;resize:vertical}\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n @media (max-width:768px){.form-row{grid-template-columns:1fr}}\r\n\r\n \/* CTA fija *\/\r\n .fixed-cta{\r\n position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);\r\n border-top:1px solid var(--border);padding:14px;z-index:1000;transform:translateY(100%);transition:transform .3s\r\n }\r\n .fixed-cta.show{transform:translateY(0)}\r\n .cta-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:12px}\r\n .cta-info h4{margin:0 0 2px;font-size:1.05rem;font-weight:900}\r\n .cta-info p{margin:0;color:var(--text-secondary);font-size:13px}\r\n .cta-buttons{display:flex;gap:10px;flex-wrap:wrap}\r\n @media (max-width:768px){.cta-content{flex-direction:column;text-align:center}.cta-buttons{width:100%;justify-content:center}}\r\n\r\n \/* WhatsApp float *\/\r\n .whatsapp-float{\r\n position:fixed;bottom:92px;right:20px;width:60px;height:60px;background:#25D366;border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 8px 32px rgba(37,211,102,.3);\r\n z-index:999;transition:.3s;animation:pulse 2s infinite\r\n }\r\n .whatsapp-float:hover{transform:scale(1.08);box-shadow:0 12px 40px rgba(37,211,102,.4)}\r\n @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.65)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}\r\n\r\n \/* Scroll top *\/\r\n .scroll-top{\r\n position:fixed;bottom:92px;right:92px;width:46px;height:46px;background:var(--brand);border-radius:50%;\r\n display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;visibility:hidden;transition:.3s;z-index:998\r\n }\r\n .scroll-top.show{opacity:1;visibility:visible}\r\n .scroll-top:hover{background:var(--brand-2);transform:translateY(-2px)}\r\n\r\n \/* Animaciones *\/\r\n .fade-in{opacity:0;transform:translateY(26px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}\r\n .fade-in.visible{opacity:1;transform:translateY(0)}\r\n .slide-in-left{opacity:0;transform:translateX(-40px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}\r\n .slide-in-left.visible{opacity:1;transform:translateX(0)}\r\n .slide-in-right{opacity:0;transform:translateX(40px);transition:all .7s cubic-bezier(.25,.46,.45,.94)}\r\n .slide-in-right.visible{opacity:1;transform:translateX(0)}\r\n\r\n \/* ====== M\u00e1s im\u00e1genes (amenidades) ====== *\/\r\n .image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}\r\n .image-card{\r\n position:relative;min-height:180px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px var(--shadow);\r\n background:#ddd;background-size:cover;background-position:center;\r\n }\r\n .image-card::after{\r\n content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.5))\r\n }\r\n .image-card span{\r\n position:absolute;left:12px;right:12px;bottom:12px;color:#fff;font-weight:900;display:flex;gap:8px;align-items:center;text-shadow:0 2px 10px rgba(0,0,0,.55)\r\n }\r\n .image-card i{color:#fff}\r\n\r\n \/* Experiencias *\/\r\n .exp-card .room-image{height:200px}\r\n .exp-card .room-title{font-size:1.15rem}\r\n\r\n \/* Dorado s\u00f3lido para price-estimate *\/\r\n .price-estimate{\r\n display:flex;align-items:center;justify-content:space-between;\r\n background: var(--gold-500) !important;\r\n border: 2px solid var(--gold-500) !important;\r\n border-radius:12px;padding:14px 16px;\r\n box-shadow:none !important;\r\n color:#1a1a1a;\r\n }\r\n .price-estimate .note,\r\n .price-estimate .muted{ color: rgba(0,0,0,.7) !important; }\r\n\r\n \/* ======================= FAQ ======================= *\/\r\n #faq .section-head h3{letter-spacing:-.4px}\r\n .faq-wrap{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}\r\n @media (max-width:1024px){.faq-wrap{grid-template-columns:1fr}}\r\n .faq-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}\r\n .faq-search{\r\n flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--border);\r\n border-radius:12px;padding:10px 12px;box-shadow:0 4px 16px var(--shadow)\r\n }\r\n .faq-search input{flex:1;border:none;outline:none;font-size:15px;background:transparent}\r\n .faq-actions .btn-sm{white-space:nowrap}\r\n\r\n .faq-accordion{display:grid;gap:10px}\r\n .faq-item{\r\n border:2px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;\r\n box-shadow:0 6px 20px var(--shadow);transition:border-color .25s, box-shadow .25s\r\n }\r\n .faq-item[hidden]{display:none!important}\r\n .faq-item.open{border-color:var(--brand-light);box-shadow:0 12px 32px var(--shadow-hover)}\r\n .faq-q{\r\n width:100%;text-align:left;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border:0;padding:16px 18px;\r\n display:flex;align-items:center;gap:12px;font-weight:900;cursor:pointer\r\n }\r\n .faq-q .icon{\r\n width:34px;height:34px;border-radius:999px;background:var(--brand-light);color:var(--brand-2);\r\n display:flex;align-items:center;justify-content:center;flex-shrink:0\r\n }\r\n .faq-q .chev{margin-left:auto;transition:transform .25s}\r\n .faq-item.open .chev{transform:rotate(180deg)}\r\n .faq-a{\r\n max-height:0;overflow:hidden;transition:max-height .3s ease; background:#fff;padding:0 18px 0 64px;\r\n }\r\n .faq-item.open .faq-a{padding:0 18px 18px 64px}\r\n .faq-a-inner{padding-top:14px;color:var(--text-secondary)}\r\n .faq-highlight{background:linear-gradient(transparent 60%, rgba(212,175,55,.35) 60%)}\r\n\r\n .faq-side .card{padding:20px}\r\n .faq-side h4{font-size:1.05rem;font-weight:900;margin-bottom:8px}\r\n .faq-mini{display:grid;gap:10px}\r\n .faq-mini li{display:flex;gap:8px;align-items:flex-start;color:var(--text-secondary)}\r\n .faq-count{font-size:.9rem;color:var(--text-secondary);margin-top:6px}\r\n \r\n \r\n \/* ===================== MOBILE FIRST OVERRIDES ===================== *\/\r\n\/* Safe areas (iPhone con notch) *\/\r\n@supports (padding: max(0px)) {\r\n body { padding-bottom: max(0px, env(safe-area-inset-bottom)); }\r\n .fixed-cta { padding-bottom: max(14px, env(safe-area-inset-bottom)); }\r\n .whatsapp-float { bottom: calc(92px + env(safe-area-inset-bottom)); }\r\n}\r\n\r\n\/* Reducir animaciones si el usuario lo prefiere *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n * { animation: none !important; transition: none !important; }\r\n}\r\n\r\n\/* Mejor comportamiento de scroll anclado en m\u00f3viles con header variable *\/\r\nhtml { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 12px); }\r\n\r\n\/* -------- Tel\u00e9fonos y phablets -------- *\/\r\n@media (max-width: 768px) {\r\n :root{\r\n --edge-pad: clamp(14px, 5vw, 22px);\r\n --hero-min: 100svh;\r\n --hero-extra-top: 88px;\r\n --hero-bottom: 16px;\r\n --border-radius: 14px;\r\n --border-radius-lg: 18px;\r\n }\r\n\r\n body{ line-height:1.55; }\r\n\r\n \/* HERO *\/\r\n .hero .wrap{\r\n grid-template-columns: 1fr !important;\r\n gap: 14px;\r\n padding: var(--hero-extra-top) var(--edge-pad) var(--hero-bottom);\r\n }\r\n .hero h2{\r\n font-size: clamp(1.6rem, 7.2vw, 2.1rem);\r\n text-wrap: balance;\r\n }\r\n .hero p{ font-size: .98rem; opacity:.95; }\r\n .hero .bg-video video{ object-position: 50% 50%; }\r\n\r\n \/* Booking arriba y ultra t\u00e1ctil *\/\r\n .booking .card{ margin-top: 0 !important; border-radius: 16px; }\r\n .booking form{ padding: 16px; gap: 12px; }\r\n .inline{ grid-template-columns: 1fr; gap: 10px; }\r\n .field input, .field select,\r\n .form-group input, .form-group textarea, .form-group select{\r\n font-size: 16px; \/* evita zoom en iOS *\/\r\n min-height: 48px;\r\n }\r\n\r\n \/* Botones *\/\r\n .btn, .btn-sm{ padding: 12px 16px; font-size: 15px; border-radius: 12px; }\r\n\r\n \/* Espaciados de secciones *\/\r\n .section{ padding: 36px 0; }\r\n .section-compact{ padding: 28px 0; }\r\n\r\n \/* Stats compactas *\/\r\n .stats-bar{ padding: 16px; margin: -16px auto 0; }\r\n .stat-icon{ width: 48px; height: 48px; font-size: 18px; }\r\n .stat-number{ font-size: 1.5rem; }\r\n\r\n \/* Servicios en 1 columna *\/\r\n .services-grid{ grid-template-columns: 1fr; }\r\n\r\n \/* Amenidades con rejilla adaptable *\/\r\n .image-grid{ grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n .image-card{ min-height: 150px; border-radius: 12px; }\r\n\r\n \/* Carrusel de habitaciones *\/\r\n .rooms-track .room-card{ min-width: 86vw; }\r\n .room-image{ height: 200px; }\r\n .room-title{ font-size: 1.1rem; }\r\n .room-price{ font-size: 1.05rem; }\r\n\r\n \/* Galer\u00eda *\/\r\n .gallery-item{ min-width: 86vw; border-radius: 12px; }\r\n .gallery-overlay i{ font-size: 1.4rem; }\r\n .carousel-nav{ inset: auto 0 -10px 0; }\r\n .carousel-btn{ width:36px; height:36px; }\r\n\r\n \/* Testimonios *\/\r\n .testimonials-grid{ grid-template-columns: 1fr; }\r\n .testimonial-card{ padding: 20px; }\r\n\r\n \/* Ubicaci\u00f3n *\/\r\n .location-container{ grid-template-columns: 1fr; gap: 16px; }\r\n .map-container{ height: 320px; border-radius: 16px; }\r\n .location-actions{ gap: 6px; }\r\n\r\n \/* Formulario *\/\r\n .contact-form{ padding: 20px; }\r\n .form-row{ grid-template-columns:1fr; gap:12px; }\r\n\r\n \/* CTA fija y utilidades flotantes *\/\r\n .fixed-cta .cta-content{ flex-direction: column; text-align:center; }\r\n .fixed-cta .cta-buttons{ width:100%; justify-content:center; }\r\n .scroll-top{\r\n right: 20px;\r\n bottom: calc(92px + env(safe-area-inset-bottom) + 12px);\r\n }\r\n .whatsapp-float{\r\n right:16px; width:56px; height:56px;\r\n }\r\n}\r\n\r\n\/* -------- Pantallas MUY peque\u00f1as -------- *\/\r\n@media (max-width: 380px){\r\n .image-grid{ grid-template-columns: 1fr; }\r\n .image-card{ min-height: 140px; }\r\n .room-image{ height: 190px; }\r\n .btn, .btn-sm{ padding: 11px 14px; font-size: 14.5px; }\r\n}\r\n\r\n\/* Mejor deslizamiento t\u00e1ctil en carruseles *\/\r\n.carousel-track{\r\n touch-action: pan-y;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero\" id=\"inicio\" aria-label=\"Presentaci\u00f3n Hotel Nabu Tumaco\">\r\n <div class=\"bg-video\" aria-hidden=\"true\">\r\n <video id=\"heroVideo\" playsinline webkit-playsinline muted autoplay loop preload=\"auto\" poster=\"\"\r\n controlslist=\"nodownload noplaybackrate nofullscreen\" disablepictureinpicture>\r\n <source src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/Nabu-Tumaco-Video-1.mp4\" type=\"video\/mp4\">\r\n Tu navegador no soporta video HTML5.\r\n <\/video>\r\n <\/div>\r\n\r\n <div class=\"play-overlay\" id=\"manualPlay\" aria-hidden=\"true\">\r\n <button class=\"play-btn\" type=\"button\" id=\"playBtn\">\r\n <i class=\"fa-solid fa-play\"><\/i> Reproducir fondo\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"wrap\">\r\n <div style=\"padding-right:4px\">\r\n <span class=\"pill badge\">\r\n <i class=\"fa-solid fa-water\"><\/i>\r\n Frente al mar \u00b7 Tumaco, Nari\u00f1o\r\n <\/span>\r\n <h2>Descansa con el sonido del Pac\u00edfico<\/h2>\r\n <p>Bienvenido a <strong>Hotel NABU Tumaco<\/strong>. Habitaciones modernas, Wi-Fi de alta velocidad y gastronom\u00eda local en el coraz\u00f3n del Pac\u00edfico colombiano.<\/p>\r\n <div class=\"hero-cta\">\r\n <a class=\"btn btn-primary\" href=\"#habitaciones\">\r\n <i class=\"fa-solid fa-bed\"><\/i> Ver habitaciones\r\n <\/a>\r\n <a class=\"btn btn-secondary\" href=\"#galeria\">\r\n <i class=\"fa-regular fa-images\"><\/i> Galer\u00eda\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <aside class=\"booking\" style=\"padding-left:4px\">\r\n <div class=\"card\">\r\n <form id=\"bookingForm\" autocomplete=\"off\" aria-label=\"Reserva r\u00e1pida\">\r\n <h3>Reserva r\u00e1pida<\/h3>\r\n <div class=\"inline\">\r\n <div class=\"field\">\r\n <label for=\"checkin\">Check-in<\/label>\r\n <input type=\"date\" id=\"checkin\" required>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"checkout\">Check-out<\/label>\r\n <input type=\"date\" id=\"checkout\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"inline\">\r\n <div class=\"field\">\r\n <label for=\"huespedes\">Hu\u00e9spedes<\/label>\r\n <select id=\"huespedes\"><\/select>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"tipo\">Tipo de habitaci\u00f3n<\/label>\r\n <select id=\"tipo\">\r\n <option value=\"sencilla\">Sencilla (1 persona)<\/option>\r\n <option value=\"doble\" selected>Doble (2 personas)<\/option>\r\n <option value=\"multiple\">M\u00faltiple (2 camas)<\/option>\r\n <option value=\"suite_balcon\">Suite con Balc\u00f3n<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"price-estimate\" aria-live=\"polite\">\r\n <div>\r\n <strong id=\"nights\">1<\/strong> noches \u00b7 <span id=\"typeLabel\">Doble (2 personas)<\/span>\r\n <div class=\"note\">Impuestos incluidos \u00b7 Cancelaci\u00f3n flexible<\/div>\r\n <\/div>\r\n <div style=\"text-align:right\">\r\n <div id=\"price\" style=\"font-size:1.2rem;font-weight:900\">$ 174.900<\/div>\r\n <span class=\"muted\" style=\"font-size:.85rem\">COP estimado<\/span>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display:flex;gap:10px;flex-wrap:wrap;margin-top:12px\">\r\n <button class=\"btn btn-primary\" type=\"submit\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i> Consultar disponibilidad\r\n <\/button>\r\n <button class=\"btn btn-secondary\" type=\"button\" id=\"whatsBtn\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n \r\n <section class=\"section-compact bg-verylight\" id=\"amenidades\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Vive la esencia del Pac\u00edfico<\/h3>\r\n <p>Postales reales de NABU para inspirar tu pr\u00f3xima escapada.<\/p>\r\n <\/div>\r\n <div class=\"image-grid\">\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/1382063506178181d9.jpg')\" href=\"#habitaciones\" aria-label=\"Suite con Balc\u00f3n\">\r\n <span><i class=\"fa-solid fa-bed\"><\/i> Suite con Balc\u00f3n<\/span>\r\n <\/a>\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635061d8d672d.jpg')\" href=\"#galeria\" aria-label=\"Gastronom\u00eda local\">\r\n <span><i class=\"fa-solid fa-utensils\"><\/i> Gastronom\u00eda local<\/span>\r\n <\/a>\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635061fd1fe71.jpg')\" href=\"#galeria\" aria-label=\"Terrazas & relax\">\r\n <span><i class=\"fa-solid fa-umbrella-beach\"><\/i> Terrazas & relax<\/span>\r\n <\/a>\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1994-scaled.jpg')\" href=\"#servicios\" aria-label=\"Gimnasio equipado\">\r\n <span><i class=\"fa-solid fa-dumbbell\"><\/i> Gimnasio equipado<\/span>\r\n <\/a>\r\n <a class=\"image-card fade-in\" style=\"background-image:url('https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1969-scaled.jpg')\" href=\"#inicio\" aria-label=\"Tranquilidad en Recepci\u00f3n\">\r\n <span><i class=\"fa-solid fa-concierge-bell\"><\/i> Tranquilidad en Recepci\u00f3n<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section-compact bg-gold-soft\" id=\"habitaciones\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Habitaciones<\/h3>\r\n <p>Todas incluyen A\/C, Smart TV 43\", Wi-Fi, y ducha con agua caliente y fr\u00eda.<\/p>\r\n <\/div>\r\n\r\n <div class=\"carousel-wrap\">\r\n <div class=\"carousel-track rooms-track\" id=\"roomsTrack\" aria-label=\"Carrusel de habitaciones\">\r\n \r\n <article class=\"carousel-item room-card\">\r\n <div style=\"position:relative\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\" alt=\"Habitaci\u00f3n Sencilla 1 persona - Hotel NABU Tumaco\">\r\n <div class=\"room-badge\">Desde<\/div>\r\n <\/div>\r\n <div class=\"room-body\">\r\n <div class=\"room-header\">\r\n <h4 class=\"room-title\">Sencilla (1 persona)<\/h4>\r\n <span class=\"room-capacity\">1 pax<\/span>\r\n <\/div>\r\n <div class=\"room-features\">\r\n <span class=\"room-feature\">A\/C<\/span><span class=\"room-feature\">Smart TV 43\"<\/span>\r\n <span class=\"room-feature\">Wi-Fi<\/span><span class=\"room-feature\">Agua caliente\/fr\u00eda<\/span>\r\n <\/div>\r\n <p style=\"color:var(--text-secondary);margin:10px 0\">Perfecta para viaje de trabajo o descanso.<\/p>\r\n <div class=\"room-footer\">\r\n <div class=\"room-price\">$129.900 <small>\/noche<\/small><\/div>\r\n <button class=\"btn btn-primary btn-sm\" onclick=\"selectRoom('sencilla')\">Elegir<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"carousel-item room-card\">\r\n <div style=\"position:relative\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635056e5ccddb.jpg\" alt=\"Habitaci\u00f3n Doble para 2 personas - Hotel NABU Tumaco\">\r\n <div class=\"room-badge\">Popular<\/div>\r\n <\/div>\r\n <div class=\"room-body\">\r\n <div class=\"room-header\">\r\n <h4 class=\"room-title\">Doble (2 personas)<\/h4>\r\n <span class=\"room-capacity\">2 pax<\/span>\r\n <\/div>\r\n <div class=\"room-features\">\r\n <span class=\"room-feature\">A\/C<\/span><span class=\"room-feature\">Smart TV 43\"<\/span>\r\n <span class=\"room-feature\">Wi-Fi<\/span><span class=\"room-feature\">Agua caliente\/fr\u00eda<\/span>\r\n <\/div>\r\n <p style=\"color:var(--text-secondary);margin:10px 0\">Comodidad para dos con excelente relaci\u00f3n precio\/calidad.<\/p>\r\n <div class=\"room-footer\">\r\n <div class=\"room-price\">$174.900 <small>\/noche<\/small><\/div>\r\n <button class=\"btn btn-primary btn-sm\" onclick=\"selectRoom('doble')\">Elegir<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"carousel-item room-card\">\r\n <div style=\"position:relative\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/1382063505b15ec0ca.jpg\" alt=\"Habitaci\u00f3n M\u00faltiple 2 camas - Hotel NABU Tumaco\">\r\n <div class=\"room-badge\">Familias<\/div>\r\n <\/div>\r\n <div class=\"room-body\">\r\n <div class=\"room-header\">\r\n <h4 class=\"room-title\">M\u00faltiple (2 camas)<\/h4>\r\n <span class=\"room-capacity\">4 pax<\/span>\r\n <\/div>\r\n <div class=\"room-features\">\r\n <span class=\"room-feature\">A\/C<\/span><span class=\"room-feature\">Smart TV 43\"<\/span>\r\n <span class=\"room-feature\">Wi-Fi<\/span><span class=\"room-feature\">Agua caliente\/fr\u00eda<\/span>\r\n <\/div>\r\n <p style=\"color:var(--text-secondary);margin:10px 0\">Ideal para 2 a 4 personas. Tarifa por ocupaci\u00f3n.<\/p>\r\n <div class=\"room-footer\">\r\n <div class=\"room-price\">$174.900 <small>\/noche<\/small><\/div>\r\n <button class=\"btn btn-primary btn-sm\" onclick=\"selectRoom('multiple')\">Elegir<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"carousel-item room-card\">\r\n <div style=\"position:relative\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/1382063506178181d9.jpg\" alt=\"Suite con Balc\u00f3n - Hotel NABU Tumaco\">\r\n <div class=\"room-badge\">Vista<\/div>\r\n <\/div>\r\n <div class=\"room-body\">\r\n <div class=\"room-header\">\r\n <h4 class=\"room-title\">Suite con Balc\u00f3n<\/h4>\r\n <span class=\"room-capacity\">2 pax<\/span>\r\n <\/div>\r\n <div class=\"room-features\">\r\n <span class=\"room-feature\">Balc\u00f3n<\/span><span class=\"room-feature\">A\/C<\/span>\r\n <span class=\"room-feature\">Smart TV 43\"<\/span><span class=\"room-feature\">Wi-Fi<\/span>\r\n <\/div>\r\n <p style=\"color:var(--text-secondary);margin:10px 0\">Con balc\u00f3n y mayor confort. Tarifa por ocupaci\u00f3n.<\/p>\r\n <div class=\"room-footer\">\r\n <div class=\"room-price\">$198.900 <small>\/noche<\/small><\/div>\r\n <button class=\"btn btn-primary btn-sm\" onclick=\"selectRoom('suite_balcon')\">Elegir<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n \r\n <div class=\"carousel-nav\" aria-hidden=\"false\">\r\n <button class=\"carousel-btn\" aria-label=\"Anterior\" data-prev=\"#roomsTrack\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n <button class=\"carousel-btn\" aria-label=\"Siguiente\" data-next=\"#roomsTrack\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"carousel-dots\" id=\"roomsDots\" aria-label=\"Paginaci\u00f3n habitaciones\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section-compact bg-verylight\" id=\"experiencias\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Planes & Experiencias<\/h3>\r\n <p>Momentos memorables frente al Pac\u00edfico.<\/p>\r\n <\/div>\r\n <div class=\"carousel-wrap\">\r\n <div class=\"carousel-track rooms-track\" id=\"expTrack\" aria-label=\"Carrusel de experiencias\">\r\n <article class=\"carousel-item room-card exp-card\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1796-scaled.jpg\" alt=\"Plan rom\u00e1ntico\">\r\n <div class=\"room-body\">\r\n <div class=\"room-header\"><h4 class=\"room-title\">Plan Rom\u00e1ntico<\/h4><span class=\"room-capacity\">Parejas<\/span><\/div>\r\n <p style=\"color:var(--text-secondary)\">Decoraci\u00f3n especial y detalles para celebrar.<\/p>\r\n <div class=\"room-footer\"><span><\/span><button class=\"btn btn-primary btn-sm\" onclick=\"openWhatsApp('Quiero cotizar el Plan Rom\u00e1ntico')\">Cotizar<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"carousel-item room-card exp-card\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1862-scaled.jpg\" alt=\"Trabajo remoto\">\r\n <div class=\"room-body\">\r\n <div class=\"room-header\"><h4 class=\"room-title\">Workation<\/h4><span class=\"room-capacity\">Wi-Fi R\u00e1pido<\/span><\/div>\r\n <p style=\"color:var(--text-secondary)\">Espacios tranquilos para trabajar con vista al mar.<\/p>\r\n <div class=\"room-footer\"><span><\/span><button class=\"btn btn-primary btn-sm\" onclick=\"openWhatsApp('Quiero reservar Workation')\">Cotizar<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"carousel-item room-card exp-card\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1926-scaled.jpg\" alt=\"Eventos y reuniones\">\r\n <div class=\"room-body\">\r\n <div class=\"room-header\"><h4 class=\"room-title\">Eventos & Reuniones<\/h4><span class=\"room-capacity\">Corporativo<\/span><\/div>\r\n <p style=\"color:var(--text-secondary)\">Coordinaci\u00f3n integral para tu evento.<\/p>\r\n <div class=\"room-footer\"><span><\/span><button class=\"btn btn-primary btn-sm\" onclick=\"openWhatsApp('Quiero cotizar un evento')\">Cotizar<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"carousel-item room-card exp-card\">\r\n <img decoding=\"async\" class=\"room-image\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1902-scaled.jpg\" alt=\"Gastronom\u00eda del Pac\u00edfico\">\r\n <div class=\"room-body\">\r\n <div class=\"room-header\"><h4 class=\"room-title\">Gastronom\u00eda del Pac\u00edfico<\/h4><span class=\"room-capacity\">Sabores<\/span><\/div>\r\n <p style=\"color:var(--text-secondary)\">Platos t\u00edpicos con mariscos frescos.<\/p>\r\n <div class=\"room-footer\"><span><\/span><button class=\"btn btn-primary btn-sm\" onclick=\"openWhatsApp('Quiero reservar plan gastron\u00f3mico')\">Cotizar<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <div class=\"carousel-nav\" aria-hidden=\"false\">\r\n <button class=\"carousel-btn\" aria-label=\"Anterior\" data-prev=\"#expTrack\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n <button class=\"carousel-btn\" aria-label=\"Siguiente\" data-next=\"#expTrack\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"carousel-dots\" id=\"expDots\" aria-label=\"Paginaci\u00f3n experiencias\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section-compact bg-gold-soft\" id=\"galeria\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Galer\u00eda Visual<\/h3>\r\n <p>Explora nuestras instalaciones y paisajes \u00fanicos del Pac\u00edfico colombiano.<\/p>\r\n <\/div>\r\n\r\n <div class=\"carousel-wrap gallery-carousel\">\r\n <div class=\"carousel-track gallery-track\" id=\"galleryTrack\" aria-label=\"Carrusel de galer\u00eda\">\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1781-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1781-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_1781\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2020-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2020-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_2020\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2015-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2015-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_2015\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1994-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1994-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_1994\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"gallery-item\" data-src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1969-scaled.jpg\">\r\n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1969-scaled.jpg\" alt=\"Hotel NABU Tumaco - DSC_1969\">\r\n <div class=\"gallery-overlay\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-nav\">\r\n <button class=\"carousel-btn\" aria-label=\"Anterior\" data-prev=\"#galleryTrack\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\r\n <button class=\"carousel-btn\" aria-label=\"Siguiente\" data-next=\"#galleryTrack\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"carousel-dots\" id=\"galleryDots\" aria-label=\"Paginaci\u00f3n galer\u00eda\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n <section class=\"section bg-gold-soft\" id=\"servicios\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Servicios Premium<\/h3>\r\n <p>Lujo y comodidad en cada detalle de tu estad\u00eda frente al Pac\u00edfico.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <div class=\"card service-card fade-in\">\r\n <div class=\"service-icon\"><i class=\"fa-solid fa-wifi\"><\/i><\/div>\r\n <h4 class=\"service-title\">Wi-Fi Ultra R\u00e1pido<\/h4>\r\n <p class=\"service-desc\">Fibra \u00f3ptica de alta velocidad, ideal para trabajo remoto y streaming.<\/p>\r\n <\/div>\r\n <div class=\"card service-card fade-in\">\r\n <div class=\"service-icon\"><i class=\"fa-solid fa-utensils\"><\/i><\/div>\r\n <h4 class=\"service-title\">Gastronom\u00eda Pac\u00edfico<\/h4>\r\n <p class=\"service-desc\">Mariscos frescos e ingredientes locales.<\/p>\r\n <\/div>\r\n <div class=\"card service-card fade-in\">\r\n <div class=\"service-icon\"><i class=\"fa-solid fa-dumbbell\"><\/i><\/div>\r\n <h4 class=\"service-title\">Gimnasio Equipado<\/h4>\r\n <p class=\"service-desc\">Equipos de \u00faltima generaci\u00f3n.<\/p>\r\n <\/div>\r\n <div class=\"card service-card fade-in\">\r\n <div class=\"service-icon\"><i class=\"fa-solid fa-hot-tub-person\"><\/i><\/div>\r\n <h4 class=\"service-title\">Jacuzzi<\/h4>\r\n <p class=\"service-desc\">Rel\u00e1jate con hidromasaje despu\u00e9s de la playa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n\r\n\r\n \r\n <section class=\"section bg-verylight\" id=\"testimonios\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Experiencias Inolvidables<\/h3>\r\n <p>Por esto nuestros hu\u00e9spedes regresan a vivir la magia del Pac\u00edfico.<\/p>\r\n <\/div>\r\n <div class=\"testimonials-grid\">\r\n <div class=\"card testimonial-card fade-in\">\r\n <div class=\"testimonial-stars\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"testimonial-quote\">Una experiencia m\u00e1gica. La Suite Vista Mar super\u00f3 mis expectativas. Servicio impecable y atardeceres inolvidables.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">MR<\/div>\r\n <div class=\"testimonial-info\"><h5>Mar\u00eda Rodr\u00edguez<\/h5><div class=\"testimonial-date\">Agosto 2025<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card testimonial-card fade-in\">\r\n <div class=\"testimonial-stars\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"testimonial-quote\">Redefini\u00f3 mi concepto de hospitalidad. Detalles al m\u00e1ximo. Wi-Fi perfecto para reuniones de trabajo.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">JS<\/div>\r\n <div class=\"testimonial-info\"><h5>Javier Silva<\/h5><div class=\"testimonial-date\">Julio 2025<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card testimonial-card fade-in\">\r\n <div class=\"testimonial-stars\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"testimonial-quote\">Nuestra luna de miel fue perfecta. El plan rom\u00e1ntico tuvo detalles que jam\u00e1s olvidaremos.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">LM<\/div>\r\n <div class=\"testimonial-info\"><h5>Laura & Miguel<\/h5><div class=\"testimonial-date\">Junio 2025<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section bg-gold-soft\" id=\"ubicacion\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Ubicaci\u00f3n Privilegiada<\/h3>\r\n <p>Frente al oc\u00e9ano Pac\u00edfico, en el coraz\u00f3n de Tumaco, Nari\u00f1o.<\/p>\r\n <\/div>\r\n <div class=\"location-container\">\r\n <div class=\"card map-container slide-in-left\" aria-label=\"Mapa\">\r\n <iframe class=\"map-iframe\"\r\n src=\"https:\/\/www.google.com\/maps?q=Hotel%20NABU%20Tumaco&z=16&output=embed\"\r\n loading=\"lazy\" allowfullscreen=\"\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Ubicaci\u00f3n Hotel NABU Tumaco\">\r\n <\/iframe>\r\n <\/div>\r\n <div class=\"card location-info slide-in-right\">\r\n <h4 style=\"margin-bottom:18px;font-size:1.25rem;\">Informaci\u00f3n de Contacto<\/h4>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\r\n <div class=\"location-content\">\r\n <h5>Direcci\u00f3n<\/h5>\r\n <p id=\"addrText\">Zona Frente al Mar \u00b7 Tumaco, Nari\u00f1o, Colombia<\/p>\r\n <div class=\"location-actions\">\r\n <a class=\"btn btn-secondary btn-sm\" target=\"_blank\" href=\"https:\/\/maps.app.goo.gl\/BDuaV2haE3KgYPws6\"><i class=\"fa-solid fa-location-arrow\"><\/i> C\u00f3mo llegar<\/a>\r\n <a class=\"btn btn-secondary btn-sm\" target=\"_blank\" href=\"https:\/\/waze.com\/ul?q=Hotel%20NABU%20Tumaco&navigate=yes\"><i class=\"fa-brands fa-waze\"><\/i> Waze<\/a>\r\n <button class=\"btn btn-secondary btn-sm\" onclick=\"copyAddress()\"><i class=\"fa-regular fa-copy\"><\/i> Copiar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/div>\r\n <div class=\"location-content\"><h5>WhatsApp 24\/7<\/h5><p><a href=\"https:\/\/wa.me\/573105238929\">+57 310 5238929<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\r\n <div class=\"location-content\"><h5>Tel\u00e9fono<\/h5><p><a href=\"tel:+573105238929\">+57 310 5238929<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n <div class=\"location-content\"><h5>Email<\/h5><p><a href=\"mailto:reservas@hotelnabu.com\">reservas@hotelnabu.com<\/a><\/p><\/div>\r\n <\/div>\r\n <div class=\"location-item\">\r\n <div class=\"location-icon\"><i class=\"fa-solid fa-plane\"><\/i><\/div>\r\n <div class=\"location-content\"><h5>Aeropuerto<\/h5><p>15 min del Aeropuerto La Florida<\/p><\/div>\r\n <\/div>\r\n <div style=\"margin-top: 14px;\">\r\n <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/573105238929?text=Hola%2C%20quiero%20hacer%20una%20reserva\" target=\"_blank\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> Contactar Ahora\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section bg-verylight\" id=\"contacto\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Cont\u00e1ctanos<\/h3>\r\n <p>\u00bfPreguntas o evento especial? Te ayudamos a organizarlo.<\/p>\r\n <\/div>\r\n <div class=\"grid grid-2\">\r\n <div class=\"contact-form card fade-in\">\r\n <h4 style=\"margin-bottom:14px;font-size:1.2rem;font-weight:900;\">Env\u00edanos un Mensaje<\/h4>\r\n <form id=\"contactForm\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"contactName\">Nombre Completo<\/label>\r\n <input type=\"text\" id=\"contactName\" required placeholder=\"Tu nombre completo\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"contactPhone\">Tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"contactPhone\" required placeholder=\"+57 310 5238929\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"contactEmail\">Email<\/label>\r\n <input type=\"email\" id=\"contactEmail\" required placeholder=\"tu@email.com\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"contactSubject\">Motivo<\/label>\r\n <select id=\"contactSubject\" required>\r\n <option value=\"\">Selecciona un motivo<\/option>\r\n <option value=\"reserva\">Reserva Individual<\/option>\r\n <option value=\"evento\">Eventos y Grupos<\/option>\r\n <option value=\"cotizacion\">Solicitar Cotizaci\u00f3n<\/option>\r\n <option value=\"informacion\">Informaci\u00f3n General<\/option>\r\n <option value=\"otro\">Otro<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"contactMessage\">Mensaje<\/label>\r\n <textarea id=\"contactMessage\" required placeholder=\"Cu\u00e9ntanos c\u00f3mo podemos ayudarte...\"><\/textarea>\r\n <\/div>\r\n <div style=\"display:flex;gap:10px;flex-wrap:wrap\">\r\n <button type=\"submit\" class=\"btn btn-primary\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> Enviar por WhatsApp\r\n <\/button>\r\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"fillBookingData()\">\r\n <i class=\"fa-solid fa-calendar\"><\/i> Usar Datos de Reserva\r\n <\/button>\r\n <\/div>\r\n <p style=\"font-size:12.5px;color:var(--text-secondary);margin-top:10px\">\r\n Al enviar, abriremos WhatsApp con tu mensaje. Revisa los datos antes de enviar.\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n\r\n <div class=\"fade-in\">\r\n <div class=\"card\" style=\"padding:28px;margin-bottom:18px\">\r\n <h4 style=\"margin-bottom:12px;color:var(--brand);font-weight:900;\">\r\n <i class=\"fa-solid fa-concierce-bell\"><\/i> Servicios Especiales\r\n <\/h4>\r\n <div style=\"display:grid;gap:12px\">\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-cake-candles\" style=\"color:var(--brand)\"><\/i><span>Celebraciones y aniversarios<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-users\" style=\"color:var(--brand)\"><\/i><span>Eventos corporativos<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-heart\" style=\"color:var(--brand)\"><\/i><span>Planes rom\u00e1nticos<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-car\" style=\"color:var(--brand)\"><\/i><span>Transporte aeropuerto<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-route\" style=\"color:var(--brand)\"><\/i><span>Tours y experiencias<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;\"><i class=\"fa-solid fa-utensils\" style=\"color:var(--brand)\"><\/i><span>Catering<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" style=\"padding:28px;background:linear-gradient(135deg,var(--brand-light) 0%,#fff7d9 100%)\">\r\n <h4 style=\"margin-bottom:10px;color:var(--brand-2);font-weight:900;\"><i class=\"fa-solid fa-gift\"><\/i> Ofertas Exclusivas<\/h4>\r\n <p style=\"margin-bottom:10px\">Suscr\u00edbete para recibir descuentos especiales.<\/p>\r\n <div style=\"display:flex;gap:8px\">\r\n <input type=\"email\" id=\"subscribeEmail\" placeholder=\"tu@email.com\" style=\"flex:1;padding:12px;border:2px solid var(--brand);border-radius:10px\">\r\n <button id=\"subscribeBtn\" class=\"btn btn-primary\" aria-label=\"Suscribirme\"><i class=\"fa-solid fa-envelope\"><\/i><\/button>\r\n <\/div>\r\n <div id=\"subscribeMsg\" style=\"margin-top:8px;font-size:.9rem;color:var(--text-secondary)\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"fixed-cta\" id=\"fixedCta\" role=\"dialog\" aria-live=\"polite\">\r\n <div class=\"cta-content\">\r\n <div class=\"cta-info\">\r\n <h4>\u00bfListo para tu escape al Pac\u00edfico?<\/h4>\r\n <p>Mejor precio garantizado \u00b7 Cancelaci\u00f3n flexible<\/p>\r\n <\/div>\r\n <div class=\"cta-buttons\">\r\n <a href=\"#inicio\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-calendar\"><\/i> Reservar<\/a>\r\n <a href=\"https:\/\/wa.me\/573105238929?text=Hola%20Hotel%20NABU%20Tumaco%2C%20quiero%20hacer%20una%20reserva\" class=\"btn btn-primary\" target=\"_blank\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <a href=\"tel:+573105238929\" class=\"btn btn-secondary\"><i class=\"fa-solid fa-phone\"><\/i> Llamar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/573105238929?text=Hola%20Hotel%20NABU%20Tumaco%2C%20quiero%20hacer%20una%20reserva\"\r\n class=\"whatsapp-float\" target=\"_blank\" aria-label=\"Contactar por WhatsApp\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n <\/a>\r\n\r\n \r\n <button class=\"scroll-top\" id=\"scrollTop\" aria-label=\"Volver arriba\">\r\n <i class=\"fa-solid fa-arrow-up\"><\/i>\r\n <\/button>\r\n\r\n \r\n <div id=\"lightbox\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;place-items:center\">\r\n <button onclick=\"closeLightbox()\" style=\"position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer\">\r\n <i class=\"fa-solid fa-times\"><\/i>\r\n <\/button>\r\n <img id=\"lightboxImg\" style=\"max-width:90%;max-height:90%;object-fit:contain\" alt=\"\">\r\n <button id=\"lightboxPrev\" onclick=\"navigateLightbox(-1)\" style=\"position:absolute;left:20px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:#fff;padding:14px;border-radius:50%;cursor:pointer\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n <button id=\"lightboxNext\" onclick=\"navigateLightbox(1)\" style=\"position:absolute;right:20px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:#fff;padding:14px;border-radius:50%;cursor:pointer\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <section class=\"section bg-verylight\" id=\"faq\" aria-label=\"Preguntas frecuentes\">\r\n <div class=\"container\">\r\n <div class=\"section-head fade-in\">\r\n <h3>Preguntas Frecuentes<\/h3>\r\n <p>Todo lo que necesitas saber antes de reservar.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-wrap\">\r\n \r\n <div>\r\n <div class=\"faq-tools\">\r\n <div class=\"faq-search\" role=\"search\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n <input id=\"faqSearch\" type=\"search\" placeholder=\"Busca: check-in, cancelaci\u00f3n, mascotas, parqueadero...\" aria-label=\"Buscar en preguntas frecuentes\">\r\n <\/div>\r\n <div class=\"faq-actions\" style=\"display:flex;gap:8px\">\r\n <button id=\"faqExpandAll\" class=\"btn btn-secondary btn-sm\" type=\"button\"><i class=\"fa-solid fa-plus\"><\/i> Abrir todo<\/button>\r\n <button id=\"faqCollapseAll\" class=\"btn btn-secondary btn-sm\" type=\"button\"><i class=\"fa-solid fa-minus\"><\/i> Cerrar todo<\/button>\r\n <\/div>\r\n <\/div>\r\n <div id=\"faqCount\" class=\"faq-count\" aria-live=\"polite\"><\/div>\r\n\r\n <div class=\"faq-accordion\" id=\"faqAccordion\">\r\n \r\n <article class=\"faq-item\" data-tags=\"reservas checkin horarios\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq1\" id=\"faq1-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-clock\"><\/i><\/span>\r\n \u00bfCu\u00e1les son los horarios de check-in y check-out?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq1\" role=\"region\" aria-labelledby=\"faq1-btn\">\r\n <p><strong>Entrada:<\/strong> De las 14:00 a las 14:30<\/p>\r\n <p><strong>Salida:<\/strong> De las 12:00 a las 13:00<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"reservas mejor precio disponibilidad motor\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq2\" id=\"faq2-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-tag\"><\/i><\/span>\r\n \u00bfC\u00f3mo reservo al mejor precio?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq2\" role=\"region\" aria-labelledby=\"faq2-btn\">\r\n <div class=\"faq-a-inner\">\r\n Reserva directo en nuestro <a href=\"#inicio\"><u>motor de reservas<\/u><\/a> para ver <strong>disponibilidad en tiempo real<\/strong>, tarifas en COP y promociones exclusivas.\r\n Tambi\u00e9n puedes escribirnos por <a href=\"https:\/\/wa.me\/573105238929\" target=\"_blank\"><u>WhatsApp<\/u><\/a>.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"cancelaci\u00f3n pol\u00edtica cambios reembolsos\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq3\" id=\"faq3-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-calendar-xmark\"><\/i><\/span>\r\n \u00bfCu\u00e1l es la pol\u00edtica de cancelaci\u00f3n?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq3\" role=\"region\" aria-labelledby=\"faq3-btn\">\r\n <div class=\"faq-a-inner\">\r\n Ofrecemos <strong>cancelaci\u00f3n flexible<\/strong>. Las condiciones exactas se muestran durante la reserva y pueden variar por tarifa\r\n (por ejemplo, tarifas no reembolsables). Si necesitas modificar fechas, cont\u00e1ctanos y buscamos alternativas.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"desayuno alimentaci\u00f3n restaurante incluido\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq4\" id=\"faq4-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-mug-saucer\"><\/i><\/span>\r\n \u00bfEl desayuno est\u00e1 incluido?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq4\" role=\"region\" aria-labelledby=\"faq4-btn\">\r\n <div class=\"faq-a-inner\">\r\n Si esta incluido\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"pagos tarjetas efectivo transferencia link seguro factura\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq5\" id=\"faq5-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-credit-card\"><\/i><\/span>\r\n \u00bfQu\u00e9 medios de pago aceptan?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq5\" role=\"region\" aria-labelledby=\"faq5-btn\">\r\n <div class=\"faq-a-inner\">\r\n Aceptamos <strong>efectivo, tarjetas d\u00e9bito\/cr\u00e9dito<\/strong>, transferencias y pagos por <strong>link seguro<\/strong>. Las tarifas se presentan en <strong>COP<\/strong>.\r\n Emite tu pago con tranquilidad: 100% seguro.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"ni\u00f1os camas adicionales cuna familia\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq6\" id=\"faq6-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-children\"><\/i><\/span>\r\n \u00bfPol\u00edtica para ni\u00f1os y camas adicionales?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq6\" role=\"region\" aria-labelledby=\"faq6-btn\">\r\n <div class=\"faq-a-inner\">\r\n Los ni\u00f1os son bienvenidos. La <strong>capacidad m\u00e1xima<\/strong> depende del tipo de habitaci\u00f3n.\r\n Cunas o camas extra est\u00e1n <strong>sujetas a disponibilidad<\/strong> y pueden tener costo adicional.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"mascotas petfriendly animales cargo\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq7\" id=\"faq7-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-paw\"><\/i><\/span>\r\n \u00bfAceptan mascotas?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq7\" role=\"region\" aria-labelledby=\"faq7-btn\">\r\n <div class=\"faq-a-inner\">\r\n Escr\u00edbenos por WhatsApp para confirmar si tu habitaci\u00f3n aplica. En caso de aceptar,\r\n se debe cumplir el <strong>reglamento de convivencia<\/strong> y podr\u00eda aplicarse un cargo de limpieza.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"parqueadero estacionamiento carro seguridad\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq8\" id=\"faq8-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-square-parking\"><\/i><\/span>\r\n \u00bfCuentan con parqueadero?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq8\" role=\"region\" aria-labelledby=\"faq8-btn\">\r\n <div class=\"faq-a-inner\">\r\n Contamos con <strong>opciones de parqueadero cercanas<\/strong> y aliadas (sujetas a disponibilidad y posible costo).\r\n Te ayudamos a coordinarlo antes de tu llegada.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"transporte aeropuerto transfer traslado\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq9\" id=\"faq9-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-taxi\"><\/i><\/span>\r\n \u00bfOfrecen traslado desde\/hacia el aeropuerto?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq9\" role=\"region\" aria-labelledby=\"faq9-btn\">\r\n <div class=\"faq-a-inner\">\r\n No ofrecemos el traslado\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"impuestos iva facturaci\u00f3n factura electr\u00f3nica\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq10\" id=\"faq10-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-file-invoice\"><\/i><\/span>\r\n \u00bfC\u00f3mo manejan impuestos y facturaci\u00f3n?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq10\" role=\"region\" aria-labelledby=\"faq10-btn\">\r\n <div class=\"faq-a-inner\">\r\n Mostramos tarifas en <strong>COP<\/strong>. El estimado incluye impuestos.\r\n Emitimos <strong>factura electr\u00f3nica<\/strong>; comp\u00e1rtenos tus datos fiscales al reservar o durante el check-in.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"faq-item\" data-tags=\"wifi internet seguridad trabajo remoto\">\r\n <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq11\" id=\"faq11-btn\">\r\n <span class=\"icon\"><i class=\"fa-solid fa-wifi\"><\/i><\/span>\r\n \u00bfC\u00f3mo es el Wi-Fi y la seguridad del hotel?\r\n <i class=\"fa-solid fa-chevron-down chev\"><\/i>\r\n <\/button>\r\n <div class=\"faq-a\" id=\"faq11\" role=\"region\" aria-labelledby=\"faq11-btn\">\r\n <div class=\"faq-a-inner\">\r\n Contamos con <strong>fibra \u00f3ptica<\/strong> de alta velocidad y zonas ideales para <em>workation<\/em>.\r\n El hotel es 100% <strong>no fumador<\/strong> en habitaciones; pregunta por \u00e1reas designadas.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n <div style=\"margin-top:14px;display:flex;gap:10px;flex-wrap:wrap\">\r\n <a class=\"btn btn-primary\" href=\"#inicio\"><i class=\"fa-solid fa-calendar-check\"><\/i> Reservar ahora<\/a>\r\n <a class=\"btn btn-secondary\" href=\"https:\/\/wa.me\/573105238929\" target=\"_blank\"><i class=\"fa-brands fa-whatsapp\"><\/i> Preguntar por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <aside class=\"faq-side\">\r\n \r\n <div class=\"card\" style=\"margin-top:12px;background:linear-gradient(135deg,var(--brand-light) 0%,#fff7d9 100%)\">\r\n <h4 style=\"color:var(--brand-2)\"><i class=\"fa-solid fa-headset\"><\/i> \u00bfA\u00fan con dudas?<\/h4>\r\n <p style=\"color:var(--text-secondary);margin:8px 0 12px\">Escr\u00edbenos y te asesoramos en minutos.<\/p>\r\n <a class=\"btn btn-primary\" target=\"_blank\" href=\"https:\/\/wa.me\/573105238929\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp 24\/7<\/a>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/* ========= TARIFAS por ocupaci\u00f3n ========= *\/\r\n const roomConfigs = {\r\n sencilla: { label:'Sencilla (1 persona)', maxGuests:1, occupancyPricing:{1:129900} },\r\n doble: { label:'Doble (2 personas)', maxGuests:2, occupancyPricing:{1:174900, 2:174900} },\r\n multiple: { label:'M\u00faltiple (2 camas)', maxGuests:4, occupancyPricing:{1:174900, 2:203900, 3:234900, 4:320900} },\r\n suite_balcon:{label:'Suite con Balc\u00f3n', maxGuests:2, occupancyPricing:{1:198900, 2:234900} },\r\n };\r\n\r\n \/* ========= Utilidades ========= *\/\r\n const bookingElements = {\r\n checkin: document.getElementById('checkin'),\r\n checkout: document.getElementById('checkout'),\r\n guests: document.getElementById('huespedes'),\r\n type: document.getElementById('tipo'),\r\n nights: document.getElementById('nights'),\r\n price: document.getElementById('price'),\r\n typeLabel: document.getElementById('typeLabel')\r\n };\r\n const galleryImages = [];\r\n let currentLightboxIndex = 0;\r\n\r\n function formatCOP(v){\r\n return new Intl.NumberFormat('es-CO',{style:'currency',currency:'COP',maximumFractionDigits:0}).format(v);\r\n }\r\n\r\n \/* ========= Video hero ========= *\/\r\n function setupHeroVideoAutoplay(){\r\n const v = document.getElementById('heroVideo');\r\n const overlay = document.getElementById('manualPlay');\r\n const btn = document.getElementById('playBtn');\r\n if(!v) return;\r\n v.muted = true; v.setAttribute('muted',''); v.setAttribute('playsinline',''); v.setAttribute('webkit-playsinline','');\r\n v.autoplay = true; v.loop = true;\r\n const tryPlay = ()=>{\r\n const p = v.play();\r\n if(p && p.then){\r\n p.then(()=> overlay?.classList.remove('show'))\r\n .catch(()=> overlay?.classList.add('show'));\r\n }\r\n };\r\n v.addEventListener('loadeddata', tryPlay, {once:true});\r\n document.addEventListener('visibilitychange', ()=>{ if(document.visibilityState==='visible') tryPlay(); });\r\n const io = new IntersectionObserver((entries)=> entries.forEach(e=>{ if(e.isIntersecting) tryPlay(); }), {threshold:.25});\r\n io.observe(v);\r\n btn?.addEventListener('click', ()=>{ v.muted = true; tryPlay(); });\r\n }\r\n\r\n \/* ========= Booking ========= *\/\r\n function calculateNights(){\r\n const ci = new Date(bookingElements.checkin.value);\r\n const co = new Date(bookingElements.checkout.value);\r\n return Math.max(0, Math.round((co - ci)\/86400000));\r\n }\r\n\r\n function updateGuestsOptionsForType(){\r\n const cfg = roomConfigs[bookingElements.type.value];\r\n const max = cfg?.maxGuests || 1;\r\n const current = parseInt(bookingElements.guests.value || '1', 10);\r\n bookingElements.guests.innerHTML = '';\r\n for(let i=1;i<=max;i++){\r\n const opt = document.createElement('option');\r\n opt.value = i; opt.textContent = i;\r\n if((bookingElements.type.value==='doble' && i===2) || (i===Math.min(current,max))) opt.selected = true;\r\n bookingElements.guests.appendChild(opt);\r\n }\r\n }\r\n\r\n function getNightlyRate(typeKey, guests){\r\n const cfg = roomConfigs[typeKey];\r\n if(!cfg) return 0;\r\n if(cfg.occupancyPricing[guests]) return cfg.occupancyPricing[guests];\r\n const available = Object.keys(cfg.occupancyPricing).map(n=>parseInt(n,10)).sort((a,b)=>a-b);\r\n let chosen = available[0];\r\n for(const g of available){ if(g<=guests) chosen = g; }\r\n return cfg.occupancyPricing[chosen] || 0;\r\n }\r\n\r\n function updatePriceQuote(){\r\n const nights = calculateNights();\r\n bookingElements.nights.textContent = nights;\r\n const typeKey = bookingElements.type.value;\r\n const cfg = roomConfigs[typeKey];\r\n bookingElements.typeLabel.textContent = cfg?.label || '';\r\n let guests = parseInt(bookingElements.guests.value||'1',10);\r\n if(cfg){ guests = Math.max(1, Math.min(cfg.maxGuests, guests)); bookingElements.guests.value = guests; }\r\n const nightly = getNightlyRate(typeKey, guests);\r\n const total = nights>0 ? nightly * nights : 0;\r\n bookingElements.price.textContent = formatCOP(total);\r\n }\r\n\r\n function setMinDates(){\r\n const today = new Date();\r\n const todayStr = today.toISOString().split('T')[0];\r\n bookingElements.checkin.min = todayStr;\r\n const tomorrow = new Date(today); tomorrow.setDate(tomorrow.getDate()+1);\r\n const tomorrowStr = tomorrow.toISOString().split('T')[0];\r\n bookingElements.checkout.min = tomorrowStr;\r\n\r\n if(!bookingElements.checkin.value) bookingElements.checkin.value = todayStr;\r\n if(!bookingElements.checkout.value) bookingElements.checkout.value = tomorrowStr;\r\n }\r\n function selectRoom(rt){\r\n bookingElements.type.value = rt;\r\n updateGuestsOptionsForType();\r\n updatePriceQuote();\r\n document.getElementById('inicio').scrollIntoView({behavior:'smooth'});\r\n }\r\n\r\n \/* ========= Guardado local ========= *\/\r\n function restoreLocal(){\r\n try{\r\n const b = JSON.parse(localStorage.getItem('booking')||'{}');\r\n if(b.ci) bookingElements.checkin.value = b.ci;\r\n if(b.co) bookingElements.checkout.value = b.co;\r\n if(b.t) bookingElements.type.value = b.t;\r\n updateGuestsOptionsForType();\r\n if(b.g) bookingElements.guests.value = b.g;\r\n updatePriceQuote();\r\n\r\n const c = JSON.parse(localStorage.getItem('contact')||'{}');\r\n if(c.n) document.getElementById('contactName').value = c.n;\r\n if(c.p) document.getElementById('contactPhone').value = c.p;\r\n if(c.e) document.getElementById('contactEmail').value = c.e;\r\n }catch(e){ \/* no-op *\/ }\r\n }\r\n function persistBooking(){\r\n const data = { ci: bookingElements.checkin.value, co: bookingElements.checkout.value,\r\n g: bookingElements.guests.value, t: bookingElements.type.value };\r\n localStorage.setItem('booking', JSON.stringify(data));\r\n }\r\n function persistContact(){\r\n const data = {\r\n n: document.getElementById('contactName').value,\r\n p: document.getElementById('contactPhone').value,\r\n e: document.getElementById('contactEmail').value\r\n };\r\n localStorage.setItem('contact', JSON.stringify(data));\r\n }\r\n\r\n \/* ========= Carruseles ========= *\/\r\n function buildDots(trackEl, dotsEl){\r\n dotsEl.innerHTML = '';\r\n const items = [...trackEl.children];\r\n if(items.length===0) return 0;\r\n const visible = Math.max(1, Math.floor(trackEl.clientWidth \/ items[0].clientWidth));\r\n const pages = Math.ceil(items.length \/ visible);\r\n for(let i=0;i<pages;i++){\r\n const d = document.createElement('div'); d.className='carousel-dot'; if(i===0) d.classList.add('active');\r\n dotsEl.appendChild(d);\r\n }\r\n return pages;\r\n }\r\n function scrollByCard(trackEl, dir=1){\r\n const first = trackEl.querySelector(':scope > *');\r\n const step = first ? (first.clientWidth + 18) : trackEl.clientWidth * 0.9;\r\n trackEl.scrollBy({left: dir*step, behavior:'smooth'});\r\n }\r\n function initCarousel(){\r\n document.querySelectorAll('[data-prev],[data-next]').forEach(btn=>{\r\n btn.addEventListener('click', ()=>{\r\n const targetSel = btn.dataset.prev || btn.dataset.next;\r\n const track = document.querySelector(targetSel);\r\n if(!track) return;\r\n scrollByCard(track, btn.dataset.prev ? -1 : 1);\r\n });\r\n });\r\n }\r\n function initDotsFor(trackId, dotsId){\r\n const track = document.getElementById(trackId);\r\n const dots = document.getElementById(dotsId);\r\n if(!track || !dots) return;\r\n const pages = buildDots(track, dots);\r\n track.addEventListener('scroll', ()=>{\r\n const idx = Math.round(track.scrollLeft \/ (track.scrollWidth \/ pages));\r\n [...dots.children].forEach((d,i)=> d.classList.toggle('active', i===idx));\r\n });\r\n window.addEventListener('resize', ()=>buildDots(track,dots));\r\n }\r\n\r\n \/* ========= Galer\u00eda + Lightbox ========= *\/\r\n function initGallery(){\r\n const track = document.getElementById('galleryTrack');\r\n const dots = document.getElementById('galleryDots');\r\n [...track.querySelectorAll('.gallery-item')].forEach((item,i)=>{\r\n const src = item.dataset.src || item.querySelector('img')?.src; galleryImages.push(src);\r\n item.addEventListener('click', ()=>{ currentLightboxIndex=i; openLightbox(); });\r\n });\r\n const pages = buildDots(track, dots);\r\n track.addEventListener('scroll', ()=>{\r\n const idx = Math.round(track.scrollLeft \/ (track.scrollWidth \/ pages));\r\n [...dots.children].forEach((d,i)=> d.classList.toggle('active', i===idx));\r\n });\r\n window.addEventListener('resize', ()=>buildDots(track,dots));\r\n }\r\n function openLightbox(){\r\n const lb = document.getElementById('lightbox'); const img = document.getElementById('lightboxImg');\r\n lb.style.display='grid'; img.src = galleryImages[currentLightboxIndex]; document.body.style.overflow='hidden';\r\n }\r\n function closeLightbox(){ const lb = document.getElementById('lightbox'); lb.style.display='none'; document.body.style.overflow='auto'; }\r\n function navigateLightbox(d){\r\n currentLightboxIndex += d;\r\n if(currentLightboxIndex>=galleryImages.length) currentLightboxIndex=0;\r\n if(currentLightboxIndex<0) currentLightboxIndex=galleryImages.length-1;\r\n document.getElementById('lightboxImg').src = galleryImages[currentLightboxIndex];\r\n }\r\n\r\n \/* ========= Contacto \/ WhatsApp ========= *\/\r\n function fillBookingData(){\r\n const subject = document.getElementById('contactSubject');\r\n const message = document.getElementById('contactMessage');\r\n subject.value = 'reserva';\r\n message.value = `Quiero hacer una reserva con los siguientes detalles:\r\n\r\nCheck-in: ${bookingElements.checkin.value}\r\nCheck-out: ${bookingElements.checkout.value}\r\nHu\u00e9spedes: ${bookingElements.guests.value}\r\nTipo de habitaci\u00f3n: ${roomConfigs[bookingElements.type.value].label}\r\nPrecio estimado: ${bookingElements.price.textContent}\r\n\r\nPor favor, confirmen disponibilidad y tarifas finales.`;\r\n }\r\n function openWhatsApp(message=''){\r\n const baseMessage = message || 'Hola Hotel NABU Tumaco, quiero hacer una reserva';\r\n const details = `\r\n\r\n\u2014 Detalles de mi reserva \u2014\r\nCheck-in: ${bookingElements.checkin.value}\r\nCheck-out: ${bookingElements.checkout.value}\r\nHu\u00e9spedes: ${bookingElements.guests.value}\r\nTipo: ${roomConfigs[bookingElements.type.value].label}\r\nEstimado: ${bookingElements.price.textContent}`;\r\n const full = encodeURIComponent(baseMessage + details);\r\n window.open(`https:\/\/api.whatsapp.com\/send\/?phone=573105238929&text=${full}`, '_blank');\r\n }\r\n\r\n \/* ========= CTA fija \/ scroll \/ animaciones ========= *\/\r\n function initFixedCTA(){\r\n const fixed = document.getElementById('fixedCta'); let last = 0;\r\n window.addEventListener('scroll', ()=>{\r\n const y = window.pageYOffset || document.documentElement.scrollTop;\r\n if(y>800 && y<last) fixed.classList.add('show'); else fixed.classList.remove('show');\r\n last = y;\r\n });\r\n }\r\n function initScrollTop(){\r\n const btn = document.getElementById('scrollTop');\r\n window.addEventListener('scroll', ()=>{ if(window.pageYOffset>600) btn.classList.add('show'); else btn.classList.remove('show'); });\r\n btn.addEventListener('click', ()=>window.scrollTo({top:0,behavior:'smooth'}));\r\n }\r\n function initScrollAnimations(){\r\n const obs = new IntersectionObserver((entries)=> entries.forEach(e=>{ if(e.isIntersecting) e.target.classList.add('visible'); }),\r\n {threshold:.1, rootMargin:'0px 0px -50px 0px'});\r\n document.querySelectorAll('.fade-in,.slide-in-left,.slide-in-right').forEach(el=> obs.observe(el));\r\n }\r\n function initSmoothScrolling(){\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n a.addEventListener('click',e=>{\r\n const target = document.querySelector(a.getAttribute('href')); if(!target) return;\r\n e.preventDefault(); target.scrollIntoView({behavior:'smooth',block:'start'});\r\n });\r\n });\r\n }\r\n function setHeaderOffset(){\r\n const nav = document.getElementById('site-navigation'); const h = nav ? nav.offsetHeight : 0;\r\n document.documentElement.style.setProperty('--header-h', h+'px');\r\n }\r\n\r\n \/\/ Copiar direcci\u00f3n\r\n async function copyAddress(){\r\n try{\r\n await navigator.clipboard.writeText(document.getElementById('addrText').innerText.trim());\r\n const old = document.getElementById('addrText').innerText;\r\n document.getElementById('addrText').innerText = 'Direcci\u00f3n copiada \u2714\ufe0f';\r\n setTimeout(()=> document.getElementById('addrText').innerText = old, 1500);\r\n }catch(e){ alert('No se pudo copiar la direcci\u00f3n.'); }\r\n }\r\n\r\n \/* ========= Formularios ========= *\/\r\n document.getElementById('bookingForm').addEventListener('submit',(e)=>{\r\n e.preventDefault();\r\n const ci = bookingElements.checkin.value; \/\/ YYYY-MM-DD\r\n const co = bookingElements.checkout.value; \/\/ YYYY-MM-DD\r\n const guests = parseInt(bookingElements.guests.value || '1', 10);\r\n\r\n const url = new URL('https:\/\/engine.lobbypms.com\/hotel-nabu-2');\r\n url.searchParams.set('checkin', ci);\r\n url.searchParams.set('checkout', co);\r\n url.searchParams.set('adults', guests);\r\n\r\n window.open(url.toString(), '_blank');\r\n });\r\n\r\n document.getElementById('whatsBtn').addEventListener('click', ()=> openWhatsApp('Hola, quiero hacer una reserva') );\r\n\r\n document.getElementById('contactForm').addEventListener('submit',(e)=>{\r\n e.preventDefault();\r\n const name = document.getElementById('contactName').value;\r\n const phone = document.getElementById('contactPhone').value;\r\n const email = document.getElementById('contactEmail').value;\r\n const subject = document.getElementById('contactSubject').value;\r\n const message = document.getElementById('contactMessage').value;\r\n const text = `Hola Hotel NABU Tumaco\r\n\r\nSoy ${name}\r\nTel\u00e9fono: ${phone}\r\nEmail: ${email}\r\nMotivo: ${subject}\r\n\r\nMensaje: ${message}`;\r\n window.open(`https:\/\/api.whatsapp.com\/send\/?phone=573105238929&text=${encodeURIComponent(text)}`,'_blank');\r\n });\r\n\r\n \/\/ ==== Ofertas Exclusivas: env\u00edo por correo a duvamelgar2045@gmail.com ====\r\n (function setupSubscribe(){\r\n const input = document.getElementById('subscribeEmail');\r\n const btn = document.getElementById('subscribeBtn');\r\n const msg = document.getElementById('subscribeMsg');\r\n if(!input || !btn) return;\r\n\r\n function isValidEmail(v){\r\n return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\r\n }\r\n function sendMail(){\r\n const v = (input.value||'').trim();\r\n if(!isValidEmail(v)){\r\n msg.style.color = '#b00020';\r\n msg.textContent = 'Por favor, escribe un correo v\u00e1lido.';\r\n input.focus();\r\n return;\r\n }\r\n const subject = 'Suscripci\u00f3n web - Ofertas Exclusivas NABU';\r\n const body = `Hola,\\n\\nPor favor suscribir este correo a las ofertas del hotel:\\n\\n${v}\\n\\nEnviado desde la web NABU (${new Date().toLocaleString('es-CO')}).`;\r\n const href = `mailto:duvamelgar2045@gmail.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\r\n window.location.href = href;\r\n msg.style.color = '#666';\r\n msg.textContent = 'Abrimos tu correo para completar el env\u00edo. Si no se abre, escr\u00edbenos por WhatsApp.';\r\n }\r\n\r\n btn.addEventListener('click', sendMail);\r\n input.addEventListener('keydown', (e)=>{ if(e.key==='Enter'){ e.preventDefault(); sendMail(); } });\r\n })();\r\n\r\n \/* ========= Teclado lightbox ========= *\/\r\n function initKeyboardNavigation(){\r\n document.addEventListener('keydown',(e)=>{\r\n const lb = document.getElementById('lightbox');\r\n if(lb.style.display==='grid'){\r\n if(e.key==='Escape') closeLightbox();\r\n if(e.key==='ArrowLeft') navigateLightbox(-1);\r\n if(e.key==='ArrowRight') navigateLightbox(1);\r\n }\r\n });\r\n }\r\n\r\n \/* ========= FAQ ========= *\/\r\n function setFaqMaxHeight(item, open){\r\n const content = item.querySelector('.faq-a');\r\n if(!content) return;\r\n if(open){\r\n content.style.maxHeight = content.scrollHeight + 'px';\r\n }else{\r\n content.style.maxHeight = '0px';\r\n }\r\n }\r\n\r\n function toggleFaqItem(item, force){\r\n const willOpen = (typeof force === 'boolean') ? force : !item.classList.contains('open');\r\n item.classList.toggle('open', willOpen);\r\n item.querySelector('.faq-q')?.setAttribute('aria-expanded', String(willOpen));\r\n setFaqMaxHeight(item, willOpen);\r\n }\r\n\r\n function initFAQ(){\r\n const acc = document.getElementById('faqAccordion');\r\n const search = document.getElementById('faqSearch');\r\n const expandAll = document.getElementById('faqExpandAll');\r\n const collapseAll = document.getElementById('faqCollapseAll');\r\n const counter = document.getElementById('faqCount');\r\n if(!acc) return;\r\n\r\n \/\/ Init toggle\r\n acc.querySelectorAll('.faq-item').forEach(item=>{\r\n const btn = item.querySelector('.faq-q');\r\n btn.addEventListener('click', ()=> toggleFaqItem(item));\r\n \/\/ set initial height = 0\r\n setFaqMaxHeight(item, false);\r\n });\r\n\r\n \/\/ Search \/ filter\r\n function normalize(s){ return (s||'').toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,''); }\r\n function highlight(el, q){\r\n const text = el.textContent;\r\n el.innerHTML = text.replace(new RegExp(`(${q})`,'ig'), '<span class=\"faq-highlight\">$1<\/span>');\r\n }\r\n function clearHighlights(scope){\r\n scope.querySelectorAll('.faq-highlight').forEach(h=>{\r\n const parent = h.parentNode; parent.replaceChild(document.createTextNode(h.textContent), h); parent.normalize();\r\n });\r\n }\r\n\r\n function applyFilter(){\r\n const q = normalize(search.value.trim());\r\n let visible = 0;\r\n acc.querySelectorAll('.faq-item').forEach(item=>{\r\n item.hidden = false;\r\n clearHighlights(item);\r\n if(q){\r\n const hay = normalize(item.textContent);\r\n if(!hay.includes(q)){\r\n item.hidden = true;\r\n }else{\r\n \/\/ expand matching items and highlight answer\r\n toggleFaqItem(item, true);\r\n const ans = item.querySelector('.faq-a-inner'); if(ans) highlight(ans, search.value.trim());\r\n visible++;\r\n }\r\n }else{\r\n \/\/ collapse when no query\r\n toggleFaqItem(item, false);\r\n }\r\n if(!q && !item.hidden) visible++;\r\n });\r\n counter.textContent = q ? `${visible} resultado(s)` : '';\r\n }\r\n\r\n search.addEventListener('input', applyFilter);\r\n\r\n \/\/ Expand\/Collapse all\r\n expandAll.addEventListener('click', ()=>{\r\n acc.querySelectorAll('.faq-item:not([hidden])').forEach(item=> toggleFaqItem(item, true));\r\n });\r\n collapseAll.addEventListener('click', ()=>{\r\n acc.querySelectorAll('.faq-item:not([hidden])').forEach(item=> toggleFaqItem(item, false));\r\n });\r\n\r\n \/\/ Recalc heights on resize\r\n window.addEventListener('resize', ()=>{\r\n acc.querySelectorAll('.faq-item.open .faq-a').forEach(a=>{\r\n a.style.maxHeight = a.scrollHeight + 'px';\r\n });\r\n });\r\n }\r\n\r\n \/* ========= Init ========= *\/\r\n function init(){\r\n setHeaderOffset();\r\n setupHeroVideoAutoplay();\r\n setMinDates();\r\n updateGuestsOptionsForType();\r\n updatePriceQuote();\r\n\r\n [bookingElements.checkin, bookingElements.checkout].forEach(el=>{\r\n el?.addEventListener('change', ()=>{\r\n if(new Date(bookingElements.checkout.value) <= new Date(bookingElements.checkin.value)){\r\n const nd = new Date(bookingElements.checkin.value); nd.setDate(nd.getDate()+1);\r\n bookingElements.checkout.value = nd.toISOString().split('T')[0];\r\n }\r\n updatePriceQuote(); persistBooking();\r\n });\r\n });\r\n bookingElements.guests.addEventListener('change', ()=>{ updatePriceQuote(); persistBooking(); });\r\n bookingElements.type.addEventListener('change', ()=>{ updateGuestsOptionsForType(); updatePriceQuote(); persistBooking(); });\r\n\r\n \/\/ Persistencia contacto\r\n ['contactName','contactPhone','contactEmail'].forEach(id=>{\r\n const el = document.getElementById(id);\r\n el.addEventListener('input', persistContact);\r\n });\r\n\r\n \/\/ Carouseles\r\n initCarousel();\r\n initDotsFor('roomsTrack','roomsDots');\r\n initGallery();\r\n initDotsFor('expTrack','expDots');\r\n\r\n \/\/ UI\r\n initScrollAnimations();\r\n initFixedCTA();\r\n initScrollTop();\r\n initKeyboardNavigation();\r\n initSmoothScrolling();\r\n\r\n \/\/ FAQ\r\n initFAQ();\r\n\r\n \/\/ Restaurar guardados\r\n restoreLocal();\r\n\r\n window.addEventListener('resize', setHeaderOffset);\r\n }\r\n\r\n if(document.readyState==='loading') document.addEventListener('DOMContentLoaded', init); else init();\r\n\r\n window.addEventListener('load', ()=>{\r\n ['https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_1781-scaled.jpg','https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/DSC_2020-scaled.jpg'].forEach(src=>{ const i=new Image(); i.src=src; });\r\n });\r\n <\/script>\r\n \r\n <script>\r\n\/* ===================== MOBILE ENHANCEMENTS JS ===================== *\/\r\n(function () {\r\n \/* Arrastre t\u00e1ctil en carruseles *\/\r\n function addSwipeScroll(el){\r\n if(!el) return;\r\n let down=false, startX=0, startY=0, startLeft=0;\r\n el.style.cursor='grab';\r\n el.addEventListener('pointerdown', e=>{\r\n down=true;\r\n startX=e.clientX; startY=e.clientY; startLeft=el.scrollLeft;\r\n el.setPointerCapture(e.pointerId);\r\n el.style.cursor='grabbing';\r\n });\r\n el.addEventListener('pointermove', e=>{\r\n if(!down) return;\r\n const dx=e.clientX-startX, dy=e.clientY-startY;\r\n if(Math.abs(dx) > Math.abs(dy)){ \/\/ horizontal \u2192 arrastra carrusel\r\n e.preventDefault();\r\n el.scrollLeft = startLeft - dx;\r\n }\r\n }, {passive:false});\r\n ['pointerup','pointercancel','pointerleave'].forEach(ev=>{\r\n el.addEventListener(ev, ()=>{ down=false; el.style.cursor='grab'; });\r\n });\r\n }\r\n\r\n ['roomsTrack','expTrack','galleryTrack']\r\n .map(id=>document.getElementById(id))\r\n .filter(Boolean)\r\n .forEach(addSwipeScroll);\r\n\r\n \/* CTA fija: aparece antes en m\u00f3vil y solo cuando el usuario sube *\/\r\n (function tuneFixedCTA(){\r\n const fixed = document.getElementById('fixedCta');\r\n if(!fixed) return;\r\n const mobile = window.matchMedia('(max-width: 768px)');\r\n let last = 0;\r\n function onScroll(){\r\n const y = window.pageYOffset || document.documentElement.scrollTop;\r\n const goingUp = y < last;\r\n const threshold = mobile.matches ? 420 : 800;\r\n fixed.classList.toggle('show', y > threshold && goingUp);\r\n last = y;\r\n }\r\n window.addEventListener('scroll', onScroll, {passive:true});\r\n })();\r\n\r\n \/* Swipe en lightbox (izq\/der para navegar) *\/\r\n (function lightboxSwipe(){\r\n const lb = document.getElementById('lightbox');\r\n if(!lb) return;\r\n let startX = null;\r\n lb.addEventListener('touchstart', e=>{\r\n if(e.touches.length!==1) return;\r\n startX = e.touches[0].clientX;\r\n }, {passive:true});\r\n lb.addEventListener('touchend', e=>{\r\n if(startX==null) return;\r\n const endX = (e.changedTouches[0]||{}).clientX || startX;\r\n const dx = endX - startX;\r\n if(Math.abs(dx) > 40) navigateLightbox(dx < 0 ? 1 : -1);\r\n startX = null;\r\n }, {passive:true});\r\n })();\r\n})();\r\n<\/script>\r\n \r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hotel NABU Tumaco – Experiencia Premium Frente al Pac\u00edfico Tu navegador no soporta video HTML5. Reproducir fondo Frente al mar \u00b7 Tumaco, Nari\u00f1o Descansa con el sonido del Pac\u00edfico Bienvenido a Hotel NABU Tumaco. Habitaciones modernas, Wi-Fi de alta velocidad y gastronom\u00eda local en el coraz\u00f3n del Pac\u00edfico colombiano. Ver habitaciones Galer\u00eda Reserva r\u00e1pida Check-in … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/hotelnabu.com\/?page_id=8640\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u00abHOTEL NABU TUMACO\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8640","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>HOTEL NABU TUMACO - Hotel Nabu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hotelnabu.com\/?page_id=8640\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOTEL NABU TUMACO - Hotel Nabu\" \/>\n<meta property=\"og:description\" content=\"Hotel NABU Tumaco – Experiencia Premium Frente al Pac\u00edfico Tu navegador no soporta video HTML5. Reproducir fondo Frente al mar \u00b7 Tumaco, Nari\u00f1o Descansa con el sonido del Pac\u00edfico Bienvenido a Hotel NABU Tumaco. Habitaciones modernas, Wi-Fi de alta velocidad y gastronom\u00eda local en el coraz\u00f3n del Pac\u00edfico colombiano. Ver habitaciones Galer\u00eda Reserva r\u00e1pida Check-in … Leer m\u00e1s \u00abHOTEL NABU TUMACO\u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hotelnabu.com\/?page_id=8640\" \/>\n<meta property=\"og:site_name\" content=\"Hotel Nabu\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-18T14:58:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640\",\"url\":\"https:\/\/hotelnabu.com\/?page_id=8640\",\"name\":\"HOTEL NABU TUMACO - Hotel Nabu\",\"isPartOf\":{\"@id\":\"https:\/\/hotelnabu.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\",\"datePublished\":\"2025-06-04T19:59:57+00:00\",\"dateModified\":\"2025-09-18T14:58:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hotelnabu.com\/?page_id=8640\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage\",\"url\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\",\"contentUrl\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg\",\"width\":1200,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hotelnabu.com\/?page_id=8640#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/hotelnabu.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOTEL NABU TUMACO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hotelnabu.com\/#website\",\"url\":\"https:\/\/hotelnabu.com\/\",\"name\":\"Hotel Nabu\",\"description\":\"HOTEL NABU. Elije tu destino ideal y vide una experiencia unica.\",\"publisher\":{\"@id\":\"https:\/\/hotelnabu.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hotelnabu.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-CO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hotelnabu.com\/#organization\",\"name\":\"Hotel Nabu\",\"url\":\"https:\/\/hotelnabu.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/hotelnabu.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2024\/12\/cropped-cropped-Logo-Nabu-3.png\",\"contentUrl\":\"https:\/\/hotelnabu.com\/wp-content\/uploads\/2024\/12\/cropped-cropped-Logo-Nabu-3.png\",\"width\":330,\"height\":376,\"caption\":\"Hotel Nabu\"},\"image\":{\"@id\":\"https:\/\/hotelnabu.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"HOTEL NABU TUMACO - Hotel Nabu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hotelnabu.com\/?page_id=8640","og_locale":"es_ES","og_type":"article","og_title":"HOTEL NABU TUMACO - Hotel Nabu","og_description":"Hotel NABU Tumaco – Experiencia Premium Frente al Pac\u00edfico Tu navegador no soporta video HTML5. Reproducir fondo Frente al mar \u00b7 Tumaco, Nari\u00f1o Descansa con el sonido del Pac\u00edfico Bienvenido a Hotel NABU Tumaco. Habitaciones modernas, Wi-Fi de alta velocidad y gastronom\u00eda local en el coraz\u00f3n del Pac\u00edfico colombiano. Ver habitaciones Galer\u00eda Reserva r\u00e1pida Check-in … Leer m\u00e1s \u00abHOTEL NABU TUMACO\u00bb","og_url":"https:\/\/hotelnabu.com\/?page_id=8640","og_site_name":"Hotel Nabu","article_modified_time":"2025-09-18T14:58:18+00:00","og_image":[{"url":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hotelnabu.com\/?page_id=8640","url":"https:\/\/hotelnabu.com\/?page_id=8640","name":"HOTEL NABU TUMACO - Hotel Nabu","isPartOf":{"@id":"https:\/\/hotelnabu.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage"},"image":{"@id":"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage"},"thumbnailUrl":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg","datePublished":"2025-06-04T19:59:57+00:00","dateModified":"2025-09-18T14:58:18+00:00","breadcrumb":{"@id":"https:\/\/hotelnabu.com\/?page_id=8640#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hotelnabu.com\/?page_id=8640"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/hotelnabu.com\/?page_id=8640#primaryimage","url":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg","contentUrl":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2025\/09\/13820635054e6a5df9.jpg","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/hotelnabu.com\/?page_id=8640#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/hotelnabu.com\/"},{"@type":"ListItem","position":2,"name":"HOTEL NABU TUMACO"}]},{"@type":"WebSite","@id":"https:\/\/hotelnabu.com\/#website","url":"https:\/\/hotelnabu.com\/","name":"Hotel Nabu","description":"HOTEL NABU. Elije tu destino ideal y vide una experiencia unica.","publisher":{"@id":"https:\/\/hotelnabu.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hotelnabu.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CO"},{"@type":"Organization","@id":"https:\/\/hotelnabu.com\/#organization","name":"Hotel Nabu","url":"https:\/\/hotelnabu.com\/","logo":{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/hotelnabu.com\/#\/schema\/logo\/image\/","url":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2024\/12\/cropped-cropped-Logo-Nabu-3.png","contentUrl":"https:\/\/hotelnabu.com\/wp-content\/uploads\/2024\/12\/cropped-cropped-Logo-Nabu-3.png","width":330,"height":376,"caption":"Hotel Nabu"},"image":{"@id":"https:\/\/hotelnabu.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/pages\/8640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelnabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8640"}],"version-history":[{"count":487,"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/pages\/8640\/revisions"}],"predecessor-version":[{"id":11430,"href":"https:\/\/hotelnabu.com\/index.php?rest_route=\/wp\/v2\/pages\/8640\/revisions\/11430"}],"wp:attachment":[{"href":"https:\/\/hotelnabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}