Hospedaria S\u00e3ozinha<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n<style>\n\n\/* ============================================================\n RESET & VARI\u00c1VEIS\n ============================================================ *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --azul: #063C6D;\n --azul-claro:#0A5A9C;\n --dourado: #C9A96E;\n --branco: #FFFFFF;\n --cinza-bg: #F7F5F2;\n --cinza-txt: #3D3D3D;\n --cinza-leve:#E8E4DF;\n --font-display: 'Playfair Display', Georgia, serif;\n --font-body: 'Lato', sans-serif;\n --radius: 4px;\n --shadow: 0 4px 24px rgba(6,60,109,0.10);\n --transition: 0.35s cubic-bezier(0.4,0,0.2,1);\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n font-family: var(--font-body);\n color: var(--cinza-txt);\n background: var(--branco);\n overflow-x: hidden;\n margin-top: -10px;\n}\n\n\/* ============================================================\n HEADER \u2014 1.\u00aa BARRA\n ============================================================ *\/\n.header-top {\n background: var(--azul);\n color: var(--branco);\n padding: 6px 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.78rem;\n letter-spacing: 0.06em;\n font-family: var(--font-body);\n font-weight: 800;\n}\n\n.header-top .al-numero { opacity: 0.85; }\n.header-top .shortcode-area { font-size: 0.78rem; opacity: 0.85; }\n\n\/* ============================================================\n HEADER \u2014 2.\u00aa BARRA\n ============================================================ *\/\n.header-main {\n background: var(--branco);\n padding: 0 30px;\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n box-shadow: 0 2px 12px rgba(6,60,109,0.08);\n position: sticky;\n top: 0;\n z-index: 999;\n height: 120px;\n}\n\n\n\n\/* LOGO *\/\n\n.logo-group {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.logo-txt {\n font-family: var(--font-display);\n font-size: 2.15rem;\n color: var(--azul);\n line-height: 1.2;\n font-weight: 600;\n}\n\n.logo-txt span {\n display: block;\n font-size: 2rem;\n color: var(--dourado);\n font-weight: 400;\n\n}\n\n\n\n\n\n\n.logo {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n line-height: 0;\n}\n\n.logo img {\n height: 100px;\n width: auto;\n display: block;\n}\n\n@media (max-width: 480px) {\n .logo img { height: 50px; width: 50px; }\n .header-main { height: 68px; }\n\n\n nav { top: 68px; }\n\n \/* Adicionar estas duas linhas *\/\n .logo-txt { font-size: 1.5rem; margin: 0px; }\n .logo-txt span { font-size: 1.25rem; }\n}\n\n\n\n@media (max-width: 768px) {\n .header-main { height: 68px; padding: 0 16px; }\n .logo img { height: 50px; }\n .logo-txt { font-size: 1.5rem; }\n .logo-txt span { font-size: 1.2rem; }\n .logo-group { gap: 8px; }\n}\n\n\n\n\/* NAV *\/\nnav { display: flex; align-items: center; }\n\nnav a {\n display: inline-block;\n padding: 28px 18px;\n font-size: 0.85rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--azul);\n text-decoration: none;\n position: relative;\n transition: color var(--transition);\n}\n\nnav a::after {\n content: '';\n position: absolute;\n bottom: 18px; left: 18px; right: 18px;\n height: 2px;\n background: var(--dourado);\n transform: scaleX(0);\n transition: transform var(--transition);\n}\n\nnav a:hover { color: var(--dourado); }\nnav a:hover::after { transform: scaleX(1); }\n\n\/* DROPDOWN *\/\n.nav-item { position: relative; }\n\n.nav-item .dropdown {\n display: none;\n position: absolute;\n top: 100%; left: 0;\n background: var(--branco);\n min-width: 180px;\n box-shadow: var(--shadow);\n border-top: 2px solid var(--dourado);\n z-index: 100;\n}\n\n.nav-item:hover .dropdown { display: block; }\n\n.dropdown a {\n display: block;\n padding: 10px 18px;\n font-size: 0.83rem;\n letter-spacing: 0.04em;\n color: var(--azul);\n border-bottom: 1px solid var(--cinza-leve);\n}\n\n.dropdown a:last-child { border-bottom: none; }\n.dropdown a::after { display: none; }\n.dropdown a:hover { background: var(--cinza-bg); }\n\n\/* HAMB\u00daRGUER *\/\n.hamburger {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n padding: 8px;\n background: none;\n border: none;\n margin-left: 20px;\n}\n\n.hamburger span {\n display: block;\n width: 26px;\n height: 2px;\n background: var(--azul);\n border-radius: 2px;\n transition: var(--transition);\n}\n\n@media (max-width: 768px) {\n .hamburger { display: flex; }\n\n nav {\n display: none;\n flex-direction: column;\n align-items: flex-start;\n position: absolute;\n top: 80px; left: 0; right: 0;\n background: var(--branco);\n box-shadow: 0 8px 24px rgba(6,60,109,0.12);\n padding: 12px 0 20px;\n z-index: 998;\n }\n\n nav.open { display: flex; }\n\n nav a { padding: 12px 24px; width: 100%; }\n nav a::after { bottom: 8px; left: 24px; right: 24px; }\n\n .nav-item .dropdown {\n position: static;\n display: none;\n box-shadow: none;\n border-top: none;\n border-left: 3px solid var(--dourado);\n margin-left: 24px;\n background: var(--cinza-bg);\n }\n\n .nav-item.open-sub .dropdown { display: block; }\n\n .header-top {\n flex-direction: column;\n gap: 2px;\n text-align: center;\n padding: 6px 12px;\n }\n}\n\n\/* ============================================================\n BANNER DIN\u00c2MICO\n ============================================================ *\/\n.banner-section {\n width: 100%;\n overflow: hidden;\n position: relative;\n background: var(--azul);\n}\n\n.slider-track {\n display: flex;\n transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);\n will-change: transform;\n}\n\n.slide {\n flex-shrink: 0;\n width: 100vw;\n height: clamp(260px, 55vw, 580px);\n position: relative;\n overflow: hidden;\n}\n\n.slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.slide::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(6,60,109,0.15) 0%, rgba(6,60,109,0.35) 100%);\n pointer-events: none;\n}\n\n\/* Placeholders \u2014 remover ao usar imagens reais *\/\n.slide-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 1.4rem;\n color: rgba(255,255,255,0.7);\n letter-spacing: 0.1em;\n}\n.slide-p1 { background: linear-gradient(135deg, #063C6D 0%, #0A5A9C 100%); }\n.slide-p2 { background: linear-gradient(135deg, #0A5A9C 0%, #1472C2 100%); }\n.slide-p3 { background: linear-gradient(135deg, #063C6D 0%, #C9A96E 60%, #063C6D 100%); }\n.slide-p4 { background: linear-gradient(135deg, #0D4F80 0%, #063C6D 100%); }\n.slide-p5 { background: linear-gradient(135deg, #C9A96E 0%, #063C6D 100%); }\n\n\/* Setas *\/\n.slider-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 20;\n background: rgba(6,60,109,0.55);\n border: 1px solid rgba(201,169,110,0.5);\n border-radius: 50%;\n width: 44px; height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background var(--transition);\n}\n\n.slider-arrow:hover { background: rgba(201,169,110,0.75); }\n.slider-arrow svg { width: 22px; height: 22px; fill: #fff; }\n.slider-arrow.prev { left: 14px; }\n.slider-arrow.next { right: 14px; }\n\n@media (max-width: 480px) {\n .slider-arrow { width: 34px; height: 34px; }\n .slider-arrow svg { width: 18px; height: 18px; }\n}\n\n\/* Dots *\/\n.slider-dots {\n position: absolute;\n bottom: 14px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 20;\n}\n\n.dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n background: rgba(255,255,255,0.45);\n border: 1px solid rgba(255,255,255,0.8);\n cursor: pointer;\n transition: background 0.3s, transform 0.3s;\n}\n\n.dot.active {\n background: var(--dourado);\n border-color: var(--dourado);\n transform: scale(1.25);\n}\n\n\/* ============================================================\n UTILIT\u00c1RIOS DE SEC\u00c7\u00c3O\n ============================================================ *\/\n.section-header {\n text-align: center;\n margin-bottom: 48px;\n}\n\n.section-label {\n display: inline-block;\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--dourado);\n margin-bottom: 10px;\n}\n\n.section-title {\n font-family: var(--font-display);\n font-size: clamp(1.6rem, 3.5vw, 2.4rem);\n color: var(--azul);\n font-weight: 600;\n line-height: 1.25;\n}\n\n.divider {\n width: 56px; height: 2px;\n background: var(--dourado);\n margin: 14px auto 0;\n}\n\n\/* ============================================================\n SOBRE N\u00d3S\n ============================================================ *\/\n.sobre-section {\n background: var(--cinza-bg);\n padding: clamp(48px, 8vw, 96px) clamp(16px, 5vw, 80px);\n}\n\n.cards-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 24px;\n max-width: 1300px;\n margin: 0 auto;\n}\n\n.card-item {\n background: var(--branco);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: transform var(--transition), box-shadow var(--transition);\n}\n\n.card-item:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 36px rgba(6,60,109,0.16);\n}\n\n.card-img {\n width: 100%;\n aspect-ratio: 4\/3;\n object-fit: cover;\n display: block;\n}\n\n.img-placeholder {\n width: 100%;\n aspect-ratio: 4\/3;\n background: var(--cinza-leve);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.img-placeholder svg { width: 40px; height: 40px; opacity: 0.3; }\n\n\n\n.card-icon {\n width: 100%;\n aspect-ratio: 4\/3;\n background: var(--azul);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.card-icon svg {\n width: 64px;\n height: 64px;\n fill: var(--dourado);\n}\n\n.card-body {\n padding: 20px 18px 24px;\n border-top: 3px solid var(--dourado);\n}\n\n.card-body h3 {\n font-family: var(--font-display);\n font-size: 1rem;\n color: var(--azul);\n font-weight: 600;\n margin-bottom: 10px;\n}\n\n.card-body p {\n font-size: 0.84rem;\n line-height: 1.7;\n color: #555;\n margin-bottom: 6px;\n}\n\n.card-body ul { list-style: none; padding: 0; }\n\n.card-body ul li {\n font-size: 0.84rem;\n line-height: 1.7;\n color: #555;\n padding-left: 14px;\n position: relative;\n margin-bottom: 2px;\n}\n\n.card-body ul li::before {\n content: '';\n position: absolute;\n left: 0; top: 10px;\n width: 5px; height: 5px;\n border-radius: 50%;\n background: var(--dourado);\n}\n\n@media (max-width: 1024px) { .cards-grid { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 640px) { .cards-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }\n@media (max-width: 420px) { .cards-grid { grid-template-columns: 1fr; } }\n\n\/* ============================================================\n GALERIA \u2014 12 fotos, todas com o mesmo tamanho\n ============================================================ *\/\n.galeria-section {\n background: var(--branco);\n padding: clamp(48px, 8vw, 96px) clamp(16px, 5vw, 80px);\n}\n\n.galeria-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 10px;\n max-width: 1300px;\n margin: 0 auto;\n}\n\n.gal-item {\n aspect-ratio: 4\/3;\n overflow: hidden;\n border-radius: var(--radius);\n background: var(--cinza-leve);\n cursor: pointer;\n position: relative;\n}\n\n.gal-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.5s ease;\n}\n\n.gal-item:hover img { transform: scale(1.06); }\n\n.gal-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n color: rgba(6,60,109,0.3);\n text-transform: uppercase;\n}\n\n@media (max-width: 900px) { .galeria-grid { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 600px) { .galeria-grid { grid-template-columns: repeat(2, 1fr); } }\n\n\/* ============================================================\n EVENTOS \/ DISPONIBILIDADE\n ============================================================ *\/\n.eventos-section {\n background: var(--azul);\n padding: clamp(48px, 8vw, 96px) clamp(16px, 5vw, 80px);\n position: relative;\n overflow: hidden;\n}\n\n.eventos-section::before {\n content: '';\n position: absolute;\n top: -80px; right: -80px;\n width: 360px; height: 360px;\n border-radius: 50%;\n background: rgba(201,169,110,0.07);\n pointer-events: none;\n}\n\n.eventos-section .section-title { color: var(--branco); }\n.eventos-section .section-label { color: var(--dourado); }\n.eventos-section .divider { background: var(--dourado); }\n\n.eventos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px;\n max-width: 1300px;\n margin: 0 auto;\n}\n\n.evento-card {\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(201,169,110,0.3);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: background var(--transition), border-color var(--transition);\n}\n\n.evento-card:hover {\n background: rgba(255,255,255,0.10);\n border-color: var(--dourado);\n}\n\n.evento-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n padding: 5px 12px;\n border-radius: 20px;\n margin-bottom: 16px;\n}\n\n.badge-esgotado { background: rgba(220,53,69,0.18); color: #FF8A8A; border: 1px solid rgba(220,53,69,0.35); }\n.badge-disponivel{ background: rgba(40,167,69,0.18); color: #7DDA90; border: 1px solid rgba(40,167,69,0.35); }\n.badge-limitado { background: rgba(255,193,7,0.18); color: #FFD966; border: 1px solid rgba(255,193,7,0.35); }\n\n.badge-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }\n\n.evento-nome {\n font-family: var(--font-display);\n font-size: 1.15rem;\n color: var(--branco);\n font-weight: 600;\n margin-bottom: 8px;\n line-height: 1.3;\n}\n\n.evento-datas {\n font-size: 0.82rem;\n color: var(--dourado);\n font-weight: 700;\n letter-spacing: 0.06em;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.evento-datas svg { width: 14px; height: 14px; flex-shrink: 0; opacity: 0.8; }\n\n.evento-desc {\n font-size: 0.84rem;\n color: rgba(255,255,255,0.7);\n line-height: 1.65;\n}\n\n.aviso-reservas {\n max-width: 1300px;\n margin: 36px auto 0;\n background: rgba(201,169,110,0.12);\n border-left: 3px solid var(--dourado);\n border-radius: 0 var(--radius) var(--radius) 0;\n padding: 16px 20px;\n font-size: 0.85rem;\n color: rgba(255,255,255,0.80);\n line-height: 1.6;\n}\n\n.aviso-reservas strong { color: var(--dourado); }\n\n\/* ============================================================\n CONTACTOS E RESERVAS\n ============================================================ *\/\n.contatos-section {\n background: var(--cinza-bg);\n padding: clamp(48px, 8vw, 96px) clamp(16px, 5vw, 80px);\n}\n\n.contatos-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 48px;\n max-width: 1300px;\n margin: 0 auto;\n align-items: start;\n}\n\n.contato-form-wrap {\n background: var(--branco);\n border-radius: var(--radius);\n padding: 36px 32px;\n box-shadow: var(--shadow);\n}\n\n.contato-form-wrap h3 {\n font-family: var(--font-display);\n font-size: 1.3rem;\n color: var(--azul);\n margin-bottom: 6px;\n}\n\n.contato-form-wrap p {\n font-size: 0.84rem;\n color: #777;\n margin-bottom: 24px;\n}\n\n\/* Container para o shortcode do formul\u00e1rio *\/\n.formulario-container { min-height: 60px; }\n\n.contato-info { display: flex; flex-direction: column; gap: 28px; }\n\n.info-bloco h3 {\n font-family: var(--font-display);\n font-size: 1.3rem;\n color: var(--azul);\n margin-bottom: 18px;\n}\n\n.info-linha {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n margin-bottom: 16px;\n}\n\n.info-linha:last-child { margin-bottom: 0; }\n\n.info-icon {\n width: 38px; height: 38px;\n background: var(--azul);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.info-icon svg { width: 17px; height: 17px; fill: var(--branco); }\n\n.info-txt { padding-top: 4px; }\n\n.info-txt strong {\n display: block;\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--dourado);\n margin-bottom: 2px;\n}\n\n.info-txt p, .info-txt a {\n font-size: 0.9rem;\n color: var(--cinza-txt);\n line-height: 1.55;\n text-decoration: none;\n}\n\n.info-txt a:hover { color: var(--azul); text-decoration: underline; }\n\n.nota-chamada {\n font-size: 0.73rem;\n color: #999;\n font-style: italic;\n margin-top: 1px;\n display: block;\n}\n\n.mapa-wrap {\n max-width: 1300px;\n margin: 40px auto 0;\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n border: 1px solid var(--cinza-leve);\n}\n\n.mapa-wrap iframe {\n width: 100%;\n height: 380px;\n display: block;\n border: none;\n}\n\n@media (max-width: 860px) {\n .contatos-inner { grid-template-columns: 1fr; gap: 32px; }\n .mapa-wrap iframe { height: 300px; }\n}\n\n\/* ============================================================\n LIVRO DE RECLAMA\u00c7\u00d5ES\n ============================================================ *\/\n.livro-section {\n background: var(--branco);\n padding: 32px 24px;\n text-align: center;\n border-top: 1px solid var(--cinza-leve);\n}\n\n.livro-inner {\n max-width: 560px;\n margin: 0 auto;\n}\n\n.livro-inner p {\n font-size: 0.84rem;\n color: #777;\n margin-bottom: 16px;\n line-height: 1.6;\n}\n\n.btn-livro {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #C0392B;\n color: var(--branco);\n text-decoration: none;\n font-size: 0.82rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n padding: 12px 24px;\n border-radius: var(--radius);\n transition: background var(--transition), transform var(--transition);\n}\n\n.btn-livro:hover { background: #96281B; transform: translateY(-2px); }\n.btn-livro svg { width: 18px; height: 18px; fill: var(--branco); }\n\n\n\/* ============================================================\n GALERIA\n ============================================================ *\/\n\/* ============================================================\n LIGHTBOX\n ============================================================ *\/\n.lightbox-overlay {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.92);\n z-index: 99999;\n align-items: center;\n justify-content: center;\n}\n\n.lightbox-overlay.active { display: flex; }\n\n.lightbox-inner {\n position: relative;\n max-width: 90vw;\n max-height: 90vh;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.lightbox-inner img {\n max-width: 90vw;\n max-height: 85vh;\n object-fit: contain;\n border-radius: var(--radius);\n box-shadow: 0 8px 48px rgba(0,0,0,0.6);\n display: block;\n}\n\n.lightbox-close {\n position: fixed;\n top: 18px; right: 22px;\n width: 40px; height: 40px;\n background: rgba(255,255,255,0.1);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background var(--transition);\n z-index: 100000;\n}\n\n.lightbox-close:hover { background: rgba(201,169,110,0.5); }\n.lightbox-close svg { width: 20px; height: 20px; fill: #fff; }\n\n.lightbox-arrow {\n position: fixed;\n top: 50%;\n transform: translateY(-50%);\n width: 48px; height: 48px;\n background: rgba(255,255,255,0.1);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background var(--transition);\n z-index: 100000;\n}\n\n.lightbox-arrow:hover { background: rgba(201,169,110,0.5); }\n.lightbox-arrow svg { width: 26px; height: 26px; fill: #fff; }\n.lightbox-arrow.prev { left: 16px; }\n.lightbox-arrow.next { right: 16px; }\n\n.lightbox-counter {\n position: fixed;\n bottom: 18px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 0.8rem;\n color: rgba(255,255,255,0.55);\n letter-spacing: 0.1em;\n font-family: var(--font-body);\n z-index: 100000;\n}\n\n@media (max-width: 600px) {\n .lightbox-arrow { width: 36px; height: 36px; }\n .lightbox-arrow svg { width: 20px; height: 20px; }\n}\n\n\n\/* ============================================================\n AVISO DE OBRAS \/ PERCURSO ALTERNATIVO\n ============================================================ *\/\n.aviso-obras {\n max-width: 1300px;\n margin: 32px auto 0;\n background: var(--branco);\n border: 1px solid var(--cinza-leve);\n border-left: 4px solid #E8821E;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 28px 28px 24px;\n}\n\n.aviso-obras-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 14px;\n}\n\n.aviso-obras-header svg {\n width: 30px;\n height: 30px;\n fill: #E8821E;\n flex-shrink: 0;\n}\n\n.aviso-obras-header h3 {\n font-family: var(--font-display);\n font-size: 1.25rem;\n color: var(--azul);\n font-weight: 600;\n line-height: 1.3;\n}\n\n.aviso-obras p {\n font-size: 0.92rem;\n line-height: 1.7;\n color: var(--cinza-txt);\n margin-bottom: 8px;\n}\n\n.aviso-obras p strong { color: #C56A12; }\n\n.percurso-fig {\n margin-top: 20px;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--cinza-leve);\n}\n\n.percurso-fig a { display: block; line-height: 0; }\n\n.percurso-fig img {\n max-width: 50%;\n width: auto;\n height: auto;\n display: block;\n margin: 0 auto;\n cursor: zoom-in;\n transition: transform 0.4s ease;\n}\n\n.percurso-fig:hover img { transform: scale(1.015); }\n\n.percurso-fig figcaption {\n font-size: 0.8rem;\n color: #777;\n text-align: center;\n padding: 10px 14px;\n background: var(--cinza-bg);\n font-style: italic;\n}\n\n@media (max-width: 600px) {\n .aviso-obras { padding: 20px 18px; }\n .aviso-obras-header h3 { font-size: 1.05rem; }\n}\n\n\n\/* ============================================================\n RODAP\u00c9\n ============================================================ *\/\nfooter {\n background: var(--azul);\n color: rgba(255,255,255,0.6);\n padding: 28px 24px;\n text-align: center;\n font-size: 0.78rem;\n letter-spacing: 0.04em;\n line-height: 1.7;\n}\n\nfooter strong { color: var(--branco); }\nfooter a { color: var(--dourado); text-decoration: none; }\nfooter a:hover { text-decoration: underline; }\n\n\/* ============================================================\n BOT\u00c3O VOLTAR AO TOPO\n ============================================================ *\/\n#btn-topo {\n position: fixed;\n bottom: 28px; right: 28px;\n width: 46px; height: 46px;\n background: var(--azul);\n border: 2px solid var(--dourado);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 9999;\n opacity: 0;\n visibility: hidden;\n transform: translateY(12px);\n transition: opacity var(--transition), transform var(--transition), visibility var(--transition), background var(--transition);\n text-decoration: none;\n}\n\n#btn-topo.visible { opacity: 1; visibility: visible; transform: translateY(0); }\n#btn-topo:hover { background: var(--dourado); }\n#btn-topo svg { width: 20px; height: 20px; fill: var(--branco); }\n\n@media (max-width: 600px) {\n #btn-topo { bottom: 20px; right: 16px; width: 40px; height: 40px; }\n}\n\n\/* ============================================================\n FADE-IN AO SCROLL\n ============================================================ *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.visible { opacity: 1; transform: translateY(0); }\n\n<\/style>\n\n\n\n<div id=\"topo\"><\/div>\n<div class=\"header-top\">\n <span class=\"al-numero\">Alojamento Local N.\u00ba 19439<\/span>\n <span class=\"shortcode-area\"><div class=\"gtranslate_wrapper\" id=\"gt-wrapper-21705270\"><\/div><\/span>\n<\/div>\n\n<header class=\"header-main\" id=\"topo\">\n \n \n <div class=\"logo-group\">\n <a href=\"https:\/\/www.hospedariasaozinha.com\/sitio\/\" title=\"Hospedaria S\u00e3ozinha \u2014 P\u00e1gina Inicial\" class=\"logo\">\n <img fetchpriority=\"high\" decoding=\"async\"\n src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/logo-hs.png\"\n alt=\"Log\u00f3tipo Hospedaria S\u00e3ozinha\"\n width=\"400\"\n height=\"350\">\n <\/a>\n <div class=\"logo-txt\">\n Hospedaria\n <span class=\"notranslate\">S\u00e3ozinha<\/span>\n <\/div>\n<\/div>\n \n\n \n\n\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Abrir menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n\n <nav id=\"nav\">\n <a href=\"#topo\">In\u00edcio<\/a>\n <div class=\"nav-item\">\n <a href=\"#sobre\">Sobre N\u00f3s<\/a>\n <div class=\"dropdown\">\n <a href=\"#sobre\">Quartos<\/a>\n <a href=\"#sobre\">Comodidades<\/a>\n <a href=\"#sobre\">Localiza\u00e7\u00e3o<\/a>\n <\/div>\n <\/div>\n <a href=\"#galeria\">Galeria<\/a>\n <a href=\"#contatos\">Contactos<\/a>\n <\/nav>\n\n \n \n \n<\/header>\n\n\n<section class=\"banner-section\" id=\"banner\">\n\n<div class=\"slider-track\" id=\"sliderTrack\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner1.jpg\" alt=\"Quarto\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner2.jpg\" alt=\"Centro Hist\u00f3rico\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner3.jpg\" alt=\"Hospedaria S\u00e3ozinha\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner4.jpg\" alt=\"Figueira da Foz\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner5.jpg\" alt=\"Bem-vindo\">\n <\/div>\n\n \n<\/div>\n\n <button class=\"slider-arrow prev\" id=\"sliderPrev\" aria-label=\"Foto anterior\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\n <\/button>\n <button class=\"slider-arrow next\" id=\"sliderNext\" aria-label=\"Foto seguinte\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\n <\/button>\n\n <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\n<\/section>\n\n\n<section class=\"sobre-section\" id=\"sobre\">\n <div class=\"section-header fade-in\">\n <span class=\"section-label\">Conhe\u00e7a-nos<\/span>\n <h2 class=\"section-title\">Sobre a Hospedaria<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n <div class=\"cards-grid\">\n\n <div class=\"card-item fade-in\">\n \n \n<div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z\"\/>\n <\/svg>\n<\/div>\n \n \n \n <div class=\"card-body\">\n <h3>Quartos<\/h3>\n <p>A hospedaria \u00e9 constitu\u00edda por tr\u00eas tipos de quartos:<\/p>\n <ul>\n <li>Quartos com cama de casal<\/li>\n <li>Quartos com 1 cama de casal + 1 cama individual<\/li>\n <li>Quartos com duas camas individuais<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"card-item fade-in\">\n \n<div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 10H7V7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1h2V7a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v3H3v2h1v9h2v-1h12v1h2v-9h1v-2zm-3 8H6v-6h12v6z\"\/>\n <\/svg>\n<\/div>\n \n <div class=\"card-body\">\n <h3>Quartos<\/h3>\n <p>Todos os quartos t\u00eam:<\/p>\n <ul>\n <li>Casa de banho privada com duche<\/li>\n <li>Varanda ou janela<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"card-item fade-in\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 3H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5v2h8v-2h5a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 14H3V5h18v12zM1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"\/>\n <\/svg>\n<\/div>\n <div class=\"card-body\">\n <h3>Televis\u00e3o e Internet<\/h3>\n <p>Todos os quartos t\u00eam:<\/p>\n <ul>\n <li>Televis\u00e3o por cabo<\/li>\n <li>Acesso \u00e0 internet por wireless<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"card-item fade-in\">\n \n \n<div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22v-2z\"\/>\n <\/svg>\n<\/div>\n \n \n \n <div class=\"card-body\">\n <h3>Ar Condicionado<\/h3>\n <p>Todos os quartos t\u00eam ar condicionado, garantindo o seu conforto em qualquer esta\u00e7\u00e3o do ano.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card-item fade-in\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n<\/div>\n <div class=\"card-body\">\n \n <h3>Localiza\u00e7\u00e3o<\/h3>\n <p>A Hospedaria S\u00e3ozinha est\u00e1 localizada no cora\u00e7\u00e3o do centro hist\u00f3rico da Figueira da Foz.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"galeria-section\" id=\"galeria\">\n <div class=\"section-header fade-in\">\n <span class=\"section-label\">As nossas instala\u00e7\u00f5es<\/span>\n <h2 class=\"section-title\">Galeria<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n <div class=\"galeria-grid fade-in\">\n \n \n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g1.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g2.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g3.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g4.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g5.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g6.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g7.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g8.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g9.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g10.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g11.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g12.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n \n\n <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n\n<section class=\"eventos-section\" id=\"eventos\">\n <div class=\"section-header fade-in\">\n <span class=\"section-label\">Agenda<\/span>\n <h2 class=\"section-title\">Eventos e Disponibilidade<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n \n<div class=\"eventos-grid fade-in\">\n\n\n\n\n\n <div class=\"evento-card\">\n <div class=\"evento-badge badge-disponivel\">\n <span class=\"badge-dot\"><\/span> Dispon\u00edvel\n <\/div>\n <div class=\"evento-nome\">Outono e Inverno na Figueira da Foz<\/div>\n <div class=\"evento-datas\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H5V8h14v11z\"\/><\/svg>\n outubro a dezembro 2026\n <\/div>\n <p class=\"evento-desc\">Quartos dispon\u00edveis para a \u00e9poca de ver\u00e3o. Aconselhamos reserva antecipada. Contacte-nos para confirmar disponibilidade na data pretendida.<\/p>\n <\/div>\n\n\n\n\n\n\n<\/div>\n\n\n\n\n\n <div class=\"aviso-reservas fade-in\">\n <strong>Nota:<\/strong> A disponibilidade indicada \u00e9 actualizada regularmente mas pode n\u00e3o reflectir altera\u00e7\u00f5es em tempo real. Para confirma\u00e7\u00e3o definitiva, contacte-nos por telefone ou e-mail.\n <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n\n\n<section class=\"contatos-section\" id=\"contatos\">\n <div class=\"section-header fade-in\">\n <span class=\"section-label\">Fale connosco<\/span>\n <h2 class=\"section-title\">Contactos e Reservas<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n <div class=\"contatos-inner\">\n\n <div class=\"contato-form-wrap fade-in\">\n <h3>Envie-nos uma mensagem<\/h3>\n <p>Preencha o formul\u00e1rio e entraremos em contacto o mais brevemente poss\u00edvel.<\/p>\n <div class=\"formulario-container\">\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f113-o1\" lang=\"pt-PT\" dir=\"ltr\" data-wpcf7-id=\"113\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/sitio\/wp-json\/wp\/v2\/pages\/881#wpcf7-f113-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formul\u00e1rio de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"113\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pt_PT\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f113-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> NOME<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> ENDERE\u00c7O DE EMAIL<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> ASSUNTO<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> MENSGEM<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"ENVIAR\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"contato-info fade-in\">\n <div class=\"info-bloco\">\n <h3>Informa\u00e7\u00f5es de Contacto<\/h3>\n\n <div class=\"info-linha\">\n <div class=\"info-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n <\/div>\n <div class=\"info-txt\">\n <strong>Endere\u00e7o<\/strong>\n <p>Ladeira Monte, 43<br>3080-097 Figueira da Foz<br>PORTUGAL<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-linha\">\n <div class=\"info-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n <\/div>\n <div class=\"info-txt\">\n <strong>Telefone<\/strong>\n <a href=\"tel:+351233425243\">+351 233 425 243<\/a>\n <span class=\"nota-chamada\">Chamada para a rede fixa nacional<\/span>\n <\/div>\n <\/div>\n\n <div class=\"info-linha\">\n <div class=\"info-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n <\/div>\n <div class=\"info-txt\">\n <strong>E-mail<\/strong>\n <a href=\"mailto:hospedariasaozinha@hospedariasaozinha.com\">hospedariasaozinha@hospedariasaozinha.com<\/a>\n <\/div>\n <\/div>\n\n <div class=\"info-linha\">\n <div class=\"info-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06z\"\/><\/svg>\n <\/div>\n <div class=\"info-txt\">\n <strong>GPS<\/strong>\n <p>Latitude: 40.14956<br>Longitude: -8.85566<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mapa-wrap fade-in\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d3049.6697331473374!2d-8.855678457684636!3d40.14963990327936!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x387e43f3ec6fe932!2sHOSPEDARIA+S%C3%83OZINHA!5e0!3m2!1spt-PT!2sus!4v1433769859289\"\n \n allowfullscreen=\"\"\n loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n title=\"Localiza\u00e7\u00e3o Hospedaria S\u00e3ozinha\">\n <\/iframe>\n <\/div>\n \n \n \n<\/section>\n\n\n<div class=\"livro-section\">\n <div class=\"livro-inner\">\n <p>Nos termos da legisla\u00e7\u00e3o em vigor, disponibilizamos o acesso ao Livro de Reclama\u00e7\u00f5es Electr\u00f3nico.<\/p>\n <a href=\"https:\/\/www.livroreclamacoes.pt\/Inicio\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-livro\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z\"\/><\/svg>\n Livro de Reclama\u00e7\u00f5es\n <\/a>\n <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"lightbox-overlay\" id=\"lightbox\">\n <div class=\"lightbox-inner\">\n <img decoding=\"async\" src=\"\" alt=\"\" id=\"lightboxImg\">\n <\/div>\n <button class=\"lightbox-close\" id=\"lightboxClose\" aria-label=\"Fechar\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\n <\/button>\n <button class=\"lightbox-arrow prev\" id=\"lightboxPrev\" aria-label=\"Anterior\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\n <\/button>\n <button class=\"lightbox-arrow next\" id=\"lightboxNext\" aria-label=\"Seguinte\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\n <\/button>\n <div class=\"lightbox-counter\" id=\"lightboxCounter\"><\/div>\n<\/div>\n\n\n\n\n\n<footer>\n <p>\n <strong>Hospedaria S\u00e3ozinha<\/strong> — Alojamento Local N.\u00ba 19439<br>\n Ladeira Monte, 43 — 3080-097 Figueira da Foz — Portugal<br>\n Tel: <a href=\"tel:+351233425243\">+351 233 425 243<\/a>\n | \n Email: <a href=\"mailto:hospedariasaozinha@hospedariasaozinha.com\">hospedariasaozinha@hospedariasaozinha.com<\/a>\n <\/p>\n <p style=\"margin-top:10px; font-size:0.72rem; opacity:0.5;\">\n © <span id=\"ano\"><\/span> Hospedaria S\u00e3ozinha. Todos os direitos reservados.\n <\/p>\n<\/footer>\n\n\n<a href=\"#topo\" id=\"btn-topo\" aria-label=\"Voltar ao in\u00edcio\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\/>\n <\/svg>\n<\/a>\n\n\n<script>\n(function () {\n\n \/* ---- Ano no rodap\u00e9 ---- *\/\n document.getElementById('ano').textContent = new Date().getFullYear();\n\n \/* ---- Hamburger \/ nav mobile ---- *\/\n const hamburger = document.getElementById('hamburger');\n const nav = document.getElementById('nav');\n\n hamburger.addEventListener('click', () => nav.classList.toggle('open'));\n\n nav.querySelectorAll('.nav-item > a').forEach(link => {\n link.addEventListener('click', e => {\n if (window.innerWidth <= 768) {\n const parent = link.closest('.nav-item');\n if (parent && parent.querySelector('.dropdown')) {\n e.preventDefault();\n parent.classList.toggle('open-sub');\n }\n }\n });\n });\n\n document.addEventListener('click', e => {\n if (!hamburger.contains(e.target) && !nav.contains(e.target))\n nav.classList.remove('open');\n });\n\n \/* ---- Banner din\u00e2mico ---- *\/\n const track = document.getElementById('sliderTrack');\n const dotsWrap = document.getElementById('sliderDots');\n const btnPrev = document.getElementById('sliderPrev');\n const btnNext = document.getElementById('sliderNext');\n const slides = Array.from(track.querySelectorAll('.slide'));\n const total = slides.length;\n const PAUSE = 4000;\n let current = 0;\n let timer;\n\n function setTrackWidth() {\n track.style.width = (total * 100) + 'vw';\n }\n\n function buildDots() {\n dotsWrap.innerHTML = '';\n slides.forEach((_, i) => {\n const d = document.createElement('span');\n d.className = 'dot' + (i === 0 ? ' active' : '');\n d.addEventListener('click', () => goTo(i));\n dotsWrap.appendChild(d);\n });\n }\n\n function updateDots() {\n dotsWrap.querySelectorAll('.dot').forEach((d, i) =>\n d.classList.toggle('active', i === current)\n );\n }\n\n function goTo(index) {\n current = (index + total) % total;\n track.style.transform = `translateX(calc(-${current} * 100vw))`;\n updateDots();\n resetTimer();\n }\n\n function next() { goTo(current + 1); }\n function prev() { goTo(current - 1); }\n\n function resetTimer() {\n clearInterval(timer);\n timer = setInterval(next, PAUSE);\n }\n\n \/* Swipe t\u00e1ctil *\/\n let touchStartX = 0;\n track.addEventListener('touchstart', e => { touchStartX = e.touches[0].clientX; }, { passive: true });\n track.addEventListener('touchend', e => {\n const diff = touchStartX - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 50) diff > 0 ? next() : prev();\n });\n\n \/* Pausa ao passar o rato *\/\n track.addEventListener('mouseenter', () => clearInterval(timer));\n track.addEventListener('mouseleave', resetTimer);\n\n btnPrev.addEventListener('click', prev);\n btnNext.addEventListener('click', next);\n window.addEventListener('resize', setTrackWidth);\n\n setTrackWidth();\n buildDots();\n timer = setInterval(next, PAUSE);\n\n \/* ---- Bot\u00e3o voltar ao topo ---- *\/\n const btnTopo = document.getElementById('btn-topo');\n window.addEventListener('scroll', () => {\n btnTopo.classList.toggle('visible', window.scrollY > 300);\n });\n\n \/* ---- Fade-in ao scroll ---- *\/\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n\/* ---- Lightbox da galeria ---- *\/\nconst galItems = Array.from(document.querySelectorAll('.gal-item img'));\nconst lightbox = document.getElementById('lightbox');\nconst lbImg = document.getElementById('lightboxImg');\nconst lbCounter = document.getElementById('lightboxCounter');\nconst lbClose = document.getElementById('lightboxClose');\nconst lbPrev = document.getElementById('lightboxPrev');\nconst lbNext = document.getElementById('lightboxNext');\nlet lbCurrent = 0;\n\nfunction lbOpen(index) {\n lbCurrent = index;\n lbImg.src = galItems[index].src;\n lbImg.alt = galItems[index].alt;\n lbCounter.textContent = (index + 1) + ' \/ ' + galItems.length;\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden';\n}\n\nfunction lbClose_fn() {\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n}\n\nfunction lbGoTo(index) {\n lbCurrent = (index + galItems.length) % galItems.length;\n lbImg.src = galItems[lbCurrent].src;\n lbImg.alt = galItems[lbCurrent].alt;\n lbCounter.textContent = (lbCurrent + 1) + ' \/ ' + galItems.length;\n}\n\ngalItems.forEach((img, i) => {\n img.style.cursor = 'zoom-in';\n img.addEventListener('click', () => lbOpen(i));\n});\n\nlbClose.addEventListener('click', lbClose_fn);\nlbPrev.addEventListener('click', () => lbGoTo(lbCurrent - 1));\nlbNext.addEventListener('click', () => lbGoTo(lbCurrent + 1));\n\n\/* Fechar ao clicar fora da imagem *\/\nlightbox.addEventListener('click', e => {\n if (e.target === lightbox) lbClose_fn();\n});\n\n\/* Navega\u00e7\u00e3o por teclado *\/\ndocument.addEventListener('keydown', e => {\n if (!lightbox.classList.contains('active')) return;\n if (e.key === 'ArrowRight') lbGoTo(lbCurrent + 1);\n if (e.key === 'ArrowLeft') lbGoTo(lbCurrent - 1);\n if (e.key === 'Escape') lbClose_fn();\n});\n\n\/* Swipe t\u00e1ctil no lightbox *\/\nlet lbTouchX = 0;\nlightbox.addEventListener('touchstart', e => { lbTouchX = e.touches[0].clientX; }, { passive: true });\nlightbox.addEventListener('touchend', e => {\n const diff = lbTouchX - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 50) diff > 0 ? lbGoTo(lbCurrent + 1) : lbGoTo(lbCurrent - 1);\n});\n\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hospedaria S\u00e3ozinha Alojamento Local N.\u00ba 19439 Hospedaria S\u00e3ozinha In\u00edcio Sobre N\u00f3s Quartos Comodidades Localiza\u00e7\u00e3o Galeria Contactos Conhe\u00e7a-nos Sobre a Hospedaria Quartos A hospedaria \u00e9 constitu\u00edda por tr\u00eas tipos de quartos: Quartos com cama de casal Quartos com 1 cama de casal + 1 cama individual Quartos com duas camas individuais Quartos Todos os quartos t\u00eam: Casa de banho privada com duche Varanda ou janela Televis\u00e3o e Internet Todos os quartos t\u00eam: Televis\u00e3o por cabo Acesso \u00e0 internet por wireless Ar Condicionado Todos os quartos t\u00eam ar condicionado, garantindo o seu conforto em qualquer esta\u00e7\u00e3o do ano. Localiza\u00e7\u00e3o A Hospedaria S\u00e3ozinha est\u00e1 localizada no cora\u00e7\u00e3o do centro hist\u00f3rico da Figueira da Foz. As nossas instala\u00e7\u00f5es Galeria Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Agenda Eventos e Disponibilidade Dispon\u00edvel Outono e Inverno na Figueira da Foz outubro a dezembro 2026 Quartos dispon\u00edveis para a \u00e9poca de ver\u00e3o. Aconselhamos reserva antecipada. Contacte-nos para confirmar disponibilidade na data pretendida. Nota: A disponibilidade indicada \u00e9 actualizada regularmente mas pode n\u00e3o reflectir altera\u00e7\u00f5es em tempo real. Para confirma\u00e7\u00e3o definitiva, contacte-nos por telefone ou e-mail. Fale connosco Contactos e Reservas Envie-nos uma mensagem Preencha o formul\u00e1rio e entraremos em contacto o mais brevemente poss\u00edvel. Informa\u00e7\u00f5es de Contacto Endere\u00e7o Ladeira Monte, 433080-097 Figueira da FozPORTUGAL Telefone +351 233 425 243 Chamada para a rede fixa nacional E-mail hospedariasaozinha@hospedariasaozinha.com GPS Latitude: 40.14956Longitude: -8.85566 Nos termos da legisla\u00e7\u00e3o em vigor, disponibilizamos o acesso ao Livro de Reclama\u00e7\u00f5es Electr\u00f3nico. Livro de Reclama\u00e7\u00f5es Hospedaria S\u00e3ozinha — Alojamento Local N.\u00ba 19439 Ladeira Monte, 43 — 3080-097 Figueira da Foz — Portugal Tel: +351 233 425 243 | Email: hospedariasaozinha@hospedariasaozinha.com © Hospedaria S\u00e3ozinha. Todos os direitos reservados.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-881","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/pages\/881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":17,"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/pages\/881\/revisions"}],"predecessor-version":[{"id":910,"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/pages\/881\/revisions\/910"}],"wp:attachment":[{"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/media?parent=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nHospedaria S\u00e3ozinha<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n<style>\n\n\/* ============================================================\n RESET & VARI\u00c1VEIS\n ============================================================ *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --azul: #063C6D;\n --azul-claro:#0A5A9C;\n --dourado: #C9A96E;\n --branco: #FFFFFF;\n --cinza-bg: #F7F5F2;\n --cinza-txt: #3D3D3D;\n --cinza-leve:#E8E4DF;\n --font-display: 'Playfair Display', Georgia, serif;\n --font-body: 'Lato', sans-serif;\n --radius: 4px;\n --shadow: 0 4px 24px rgba(6,60,109,0.10);\n --transition: 0.35s cubic-bezier(0.4,0,0.2,1);\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n font-family: var(--font-body);\n color: var(--cinza-txt);\n background: var(--branco);\n overflow-x: hidden;\n margin-top: -10px;\n}\n\n\/* ============================================================\n HEADER \u2014 1.\u00aa BARRA\n ============================================================ *\/\n.header-top {\n background: var(--azul);\n color: var(--branco);\n padding: 6px 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.78rem;\n letter-spacing: 0.06em;\n font-family: var(--font-body);\n font-weight: 800;\n}\n\n.header-top .al-numero { opacity: 0.85; }\n.header-top .shortcode-area { font-size: 0.78rem; opacity: 0.85; }\n\n\/* ============================================================\n HEADER \u2014 2.\u00aa BARRA\n ============================================================ *\/\n.header-main {\n background: var(--branco);\n padding: 0 30px;\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n box-shadow: 0 2px 12px rgba(6,60,109,0.08);\n position: sticky;\n top: 0;\n z-index: 999;\n height: 120px;\n}\n\n\n\n\/* LOGO *\/\n\n.logo-group {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.logo-txt {\n font-family: var(--font-display);\n font-size: 2.15rem;\n color: var(--azul);\n line-height: 1.2;\n font-weight: 600;\n}\n\n.logo-txt span {\n display: block;\n font-size: 2rem;\n color: var(--dourado);\n font-weight: 400;\n\n}\n\n\n\n\n\n\n.logo {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n line-height: 0;\n}\n\n.logo img {\n height: 100px;\n width: auto;\n display: block;\n}\n\n@media (max-width: 480px) {\n .logo img { height: 50px; width: 50px; }\n .header-main { height: 68px; }\n\n\n nav { top: 68px; }\n\n \/* Adicionar estas duas linhas *\/\n .logo-txt { font-size: 1.5rem; margin: 0px; }\n .logo-txt span { font-size: 1.25rem; }\n}\n\n\n\n@media (max-width: 768px) {\n .header-main { height: 68px; padding: 0 16px; }\n .logo img { height: 50px; }\n .logo-txt { font-size: 1.5rem; }\n .logo-txt span { font-size: 1.2rem; }\n .logo-group { gap: 8px; }\n}\n\n\n\n\/* NAV *\/\nnav { display: flex; align-items: center; }\n\nnav a {\n display: inline-block;\n padding: 28px 18px;\n font-size: 0.85rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--azul);\n text-decoration: none;\n position: relative;\n transition: color var(--transition);\n}\n\nnav a::after {\n content: '';\n position: absolute;\n bottom: 18px; left: 18px; right: 18px;\n height: 2px;\n background: var(--dourado);\n transform: scaleX(0);\n transition: transform var(--transition);\n}\n\nnav a:hover { color: var(--dourado); }\nnav a:hover::after { transform: scaleX(1); }\n\n\/* DROPDOWN *\/\n.nav-item { position: relative; }\n\n.nav-item .dropdown {\n display: none;\n position: absolute;\n top: 100%; left: 0;\n background: var(--branco);\n min-width: 180px;\n box-shadow: var(--shadow);\n border-top: 2px solid var(--dourado);\n z-index: 100;\n}\n\n.nav-item:hover .dropdown { display: block; }\n\n.dropdown a {\n display: block;\n padding: 10px 18px;\n font-size: 0.83rem;\n letter-spacing: 0.04em;\n color: var(--azul);\n border-bottom: 1px solid var(--cinza-leve);\n}\n\n.dropdown a:last-child { border-bottom: none; }\n.dropdown a::after { display: none; }\n.dropdown a:hover { background: var(--cinza-bg); }\n\n\/* HAMB\u00daRGUER *\/\n.hamburger {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n padding: 8px;\n background: none;\n border: none;\n margin-left: 20px;\n}\n\n.hamburger span {\n display: block;\n width: 26px;\n height: 2px;\n background: var(--azul);\n border-radius: 2px;\n transition: var(--transition);\n}\n\n@media (max-width: 768px) {\n .hamburger { display: flex; }\n\n nav {\n display: none;\n flex-direction: column;\n align-items: flex-start;\n position: absolute;\n top: 80px; left: 0; right: 0;\n background: var(--branco);\n box-shadow: 0 8px 24px rgba(6,60,109,0.12);\n padding: 12px 0 20px;\n z-index: 998;\n }\n\n nav.open { display: flex; }\n\n nav a { padding: 12px 24px; width: 100%; }\n nav a::after { bottom: 8px; left: 24px; right: 24px; }\n\n .nav-item .dropdown {\n position: static;\n display: none;\n box-shadow: none;\n border-top: none;\n border-left: 3px solid var(--dourado);\n margin-left: 24px;\n background: var(--cinza-bg);\n }\n\n .nav-item.open-sub .dropdown { display: block; }\n\n .header-top {\n flex-direction: column;\n gap: 2px;\n text-align: center;\n padding: 6px 12px;\n }\n}\n\n\/* ============================================================\n BANNER DIN\u00c2MICO\n ============================================================ *\/\n.banner-section {\n width: 100%;\n overflow: hidden;\n position: relative;\n background: var(--azul);\n}\n\n.slider-track {\n display: flex;\n transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);\n will-change: transform;\n}\n\n.slide {\n flex-shrink: 0;\n width: 100vw;\n height: clamp(260px, 55vw, 580px);\n position: relative;\n overflow: hidden;\n}\n\n.slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.slide::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(6,60,109,0.15) 0%, rgba(6,60,109,0.35) 100%);\n pointer-events: none;\n}\n\n\/* Placeholders \u2014 remover ao usar imagens reais *\/\n.slide-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 1.4rem;\n color: rgba(255,255,255,0.7);\n letter-spacing: 0.1em;\n}\n.slide-p1 { background: linear-gradient(135deg, #063C6D 0%, #0A5A9C 100%); }\n.slide-p2 { background: linear-gradient(135deg, #0A5A9C 0%, #1472C2 100%); }\n.slide-p3 { background: linear-gradient(135deg, #063C6D 0%, #C9A96E 60%, #063C6D 100%); }\n.slide-p4 { background: linear-gradient(135deg, #0D4F80 0%, #063C6D 100%); }\n.slide-p5 { background: linear-gradient(135deg, #C9A96E 0%, #063C6D 100%); }\n\n\/* Setas *\/\n.slider-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 20;\n background: rgba(6,60,109,0.55);\n border: 1px solid rgba(201,169,110,0.5);\n border-radius: 50%;\n width: 44px; height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background var(--transition);\n}\n\n.slider-arrow:hover { background: rgba(201,169,110,0.75); }\n.slider-arrow svg { width: 22px; height: 22px; fill: #fff; }\n.slider-arrow.prev { left: 14px; }\n.slider-arrow.next { right: 14px; }\n\n@media (max-width: 480px) {\n .slider-arrow { width: 34px; height: 34px; }\n .slider-arrow svg { width: 18px; height: 18px; }\n}\n\n\/* Dots *\/\n.slider-dots {\n position: absolute;\n bottom: 14px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 20;\n}\n\n.dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n background: rgba(255,255,255,0.45);\n border: 1px solid rgba(255,255,255,0.8);\n cursor: pointer;\n transition: background 0.3s, transform 0.3s;\n}\n\n.dot.active {\n background: var(--dourado);\n border-color: var(--dourado);\n transform: scale(1.25);\n}\n\n\/* ============================================================\n UTILIT\u00c1RIOS DE SEC\u00c7\u00c3O\n ============================================================ *\/\n.section-header {\n text-align: center;\n margin-bottom: 48px;\n}\n\n.section-label {\n display: inline-block;\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--dourado);\n margin-bottom: 10px;\n}\n\n.section-title {\n font-family: var(--font-display);\n font-size: clamp(1.6rem, 3.5vw, 2.4rem);\n color: var(--azul);\n font-weight: 600;\n line-height: 1.25;\n}\n\n.divider {\n width: 56px; height: 2px;\n background: var(--dourado);\n margin: 14px auto 0;\n}\n\n\/* ============================================================\n SOBRE N\u00d3S\n ============================================================ *\/\n.sobre-section {\n background: var(--cinza-bg);\n padding: clamp(48px, 8vw, 96px) clamp(16px, 5vw, 80px);\n}\n\n.cards-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 24px;\n max-width: 1300px;\n margin: 0 auto;\n}\n\n.card-item {\n background: var(--branco);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: transform var(--transition), box-shadow var(--transition);\n}\n\n.card-item:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 36px rgba(6,60,109,0.16);\n}\n\n.card-img {\n width: 100%;\n aspect-ratio: 4\/3;\n object-fit: cover;\n display: block;\n}\n\n.img-placeholder {\n width: 100%;\n aspect-ratio: 4\/3;\n background: var(--cinza-leve);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.img-placeholder svg { width: 40px; height: 40px; opacity: 0.3; }\n\n\n\n.card-icon {\n width: 100%;\n aspect-ratio: 4\/3;\n background: var(--azul);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.card-icon svg {\n width: 64px;\n height: 64px;\n fill: var(--dourado);\n}\n\n.card-body {\n padding: 20px 18px 24px;\n border-top: 3px solid var(--dourado);\n}\n\n.card-body h3 {\n font-family: var(--font-display);\n font-size: 1rem;\n color: var(--azul);\n font-weight: 600;\n margin-bottom: 10px;\n}\n\n.card-body p {\n font-size: 0.84rem;\n line-height: 1.7;\n color: #555;\n margin-bottom: 6px;\n}\n\n.card-body ul { list-style: none; padding: 0; }\n\n.card-body ul li {\n font-size: 0.84rem;\n line-height: 1.7;\n color: #555;\n padding-left: 14px;\n position: relative;\n margin-bottom: 2px;\n}\n\n.card-body ul li::before {\n content: '';\n position: absolute;\n left: 0; top: 10px;\n width: 5px; height: 5px;\n border-radius: 50%;\n background: var(--dourado);\n}\n\n@media (max-width: 1024px) { .cards-grid { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 640px) { .cards-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }\n@media (max-width: 420px) { .cards-grid { grid-template-columns: 1fr; } }\n\n\/* ============================================================\n GALERIA \u2014 12 fotos, todas com o mesmo tamanho\n ============================================================ *\/\n.galeria-section {\n background: var(--branco);\n padding: clamp(48px, 8vw, 96px) clamp(16px, 5vw, 80px);\n}\n\n.galeria-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 10px;\n max-width: 1300px;\n margin: 0 auto;\n}\n\n.gal-item {\n aspect-ratio: 4\/3;\n overflow: hidden;\n border-radius: var(--radius);\n background: var(--cinza-leve);\n cursor: pointer;\n position: relative;\n}\n\n.gal-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.5s ease;\n}\n\n.gal-item:hover img { transform: scale(1.06); }\n\n.gal-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n color: rgba(6,60,109,0.3);\n text-transform: uppercase;\n}\n\n@media (max-width: 900px) { .galeria-grid { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 600px) { .galeria-grid { grid-template-columns: repeat(2, 1fr); } }\n\n\/* ============================================================\n EVENTOS \/ DISPONIBILIDADE\n ============================================================ *\/\n.eventos-section {\n background: var(--azul);\n padding: clamp(48px, 8vw, 96px) clamp(16px, 5vw, 80px);\n position: relative;\n overflow: hidden;\n}\n\n.eventos-section::before {\n content: '';\n position: absolute;\n top: -80px; right: -80px;\n width: 360px; height: 360px;\n border-radius: 50%;\n background: rgba(201,169,110,0.07);\n pointer-events: none;\n}\n\n.eventos-section .section-title { color: var(--branco); }\n.eventos-section .section-label { color: var(--dourado); }\n.eventos-section .divider { background: var(--dourado); }\n\n.eventos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 24px;\n max-width: 1300px;\n margin: 0 auto;\n}\n\n.evento-card {\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(201,169,110,0.3);\n border-radius: var(--radius);\n padding: 28px 24px;\n transition: background var(--transition), border-color var(--transition);\n}\n\n.evento-card:hover {\n background: rgba(255,255,255,0.10);\n border-color: var(--dourado);\n}\n\n.evento-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n padding: 5px 12px;\n border-radius: 20px;\n margin-bottom: 16px;\n}\n\n.badge-esgotado { background: rgba(220,53,69,0.18); color: #FF8A8A; border: 1px solid rgba(220,53,69,0.35); }\n.badge-disponivel{ background: rgba(40,167,69,0.18); color: #7DDA90; border: 1px solid rgba(40,167,69,0.35); }\n.badge-limitado { background: rgba(255,193,7,0.18); color: #FFD966; border: 1px solid rgba(255,193,7,0.35); }\n\n.badge-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }\n\n.evento-nome {\n font-family: var(--font-display);\n font-size: 1.15rem;\n color: var(--branco);\n font-weight: 600;\n margin-bottom: 8px;\n line-height: 1.3;\n}\n\n.evento-datas {\n font-size: 0.82rem;\n color: var(--dourado);\n font-weight: 700;\n letter-spacing: 0.06em;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.evento-datas svg { width: 14px; height: 14px; flex-shrink: 0; opacity: 0.8; }\n\n.evento-desc {\n font-size: 0.84rem;\n color: rgba(255,255,255,0.7);\n line-height: 1.65;\n}\n\n.aviso-reservas {\n max-width: 1300px;\n margin: 36px auto 0;\n background: rgba(201,169,110,0.12);\n border-left: 3px solid var(--dourado);\n border-radius: 0 var(--radius) var(--radius) 0;\n padding: 16px 20px;\n font-size: 0.85rem;\n color: rgba(255,255,255,0.80);\n line-height: 1.6;\n}\n\n.aviso-reservas strong { color: var(--dourado); }\n\n\/* ============================================================\n CONTACTOS E RESERVAS\n ============================================================ *\/\n.contatos-section {\n background: var(--cinza-bg);\n padding: clamp(48px, 8vw, 96px) clamp(16px, 5vw, 80px);\n}\n\n.contatos-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 48px;\n max-width: 1300px;\n margin: 0 auto;\n align-items: start;\n}\n\n.contato-form-wrap {\n background: var(--branco);\n border-radius: var(--radius);\n padding: 36px 32px;\n box-shadow: var(--shadow);\n}\n\n.contato-form-wrap h3 {\n font-family: var(--font-display);\n font-size: 1.3rem;\n color: var(--azul);\n margin-bottom: 6px;\n}\n\n.contato-form-wrap p {\n font-size: 0.84rem;\n color: #777;\n margin-bottom: 24px;\n}\n\n\/* Container para o shortcode do formul\u00e1rio *\/\n.formulario-container { min-height: 60px; }\n\n.contato-info { display: flex; flex-direction: column; gap: 28px; }\n\n.info-bloco h3 {\n font-family: var(--font-display);\n font-size: 1.3rem;\n color: var(--azul);\n margin-bottom: 18px;\n}\n\n.info-linha {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n margin-bottom: 16px;\n}\n\n.info-linha:last-child { margin-bottom: 0; }\n\n.info-icon {\n width: 38px; height: 38px;\n background: var(--azul);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.info-icon svg { width: 17px; height: 17px; fill: var(--branco); }\n\n.info-txt { padding-top: 4px; }\n\n.info-txt strong {\n display: block;\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--dourado);\n margin-bottom: 2px;\n}\n\n.info-txt p, .info-txt a {\n font-size: 0.9rem;\n color: var(--cinza-txt);\n line-height: 1.55;\n text-decoration: none;\n}\n\n.info-txt a:hover { color: var(--azul); text-decoration: underline; }\n\n.nota-chamada {\n font-size: 0.73rem;\n color: #999;\n font-style: italic;\n margin-top: 1px;\n display: block;\n}\n\n.mapa-wrap {\n max-width: 1300px;\n margin: 40px auto 0;\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n border: 1px solid var(--cinza-leve);\n}\n\n.mapa-wrap iframe {\n width: 100%;\n height: 380px;\n display: block;\n border: none;\n}\n\n@media (max-width: 860px) {\n .contatos-inner { grid-template-columns: 1fr; gap: 32px; }\n .mapa-wrap iframe { height: 300px; }\n}\n\n\/* ============================================================\n LIVRO DE RECLAMA\u00c7\u00d5ES\n ============================================================ *\/\n.livro-section {\n background: var(--branco);\n padding: 32px 24px;\n text-align: center;\n border-top: 1px solid var(--cinza-leve);\n}\n\n.livro-inner {\n max-width: 560px;\n margin: 0 auto;\n}\n\n.livro-inner p {\n font-size: 0.84rem;\n color: #777;\n margin-bottom: 16px;\n line-height: 1.6;\n}\n\n.btn-livro {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #C0392B;\n color: var(--branco);\n text-decoration: none;\n font-size: 0.82rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n padding: 12px 24px;\n border-radius: var(--radius);\n transition: background var(--transition), transform var(--transition);\n}\n\n.btn-livro:hover { background: #96281B; transform: translateY(-2px); }\n.btn-livro svg { width: 18px; height: 18px; fill: var(--branco); }\n\n\n\/* ============================================================\n GALERIA\n ============================================================ *\/\n\/* ============================================================\n LIGHTBOX\n ============================================================ *\/\n.lightbox-overlay {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.92);\n z-index: 99999;\n align-items: center;\n justify-content: center;\n}\n\n.lightbox-overlay.active { display: flex; }\n\n.lightbox-inner {\n position: relative;\n max-width: 90vw;\n max-height: 90vh;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.lightbox-inner img {\n max-width: 90vw;\n max-height: 85vh;\n object-fit: contain;\n border-radius: var(--radius);\n box-shadow: 0 8px 48px rgba(0,0,0,0.6);\n display: block;\n}\n\n.lightbox-close {\n position: fixed;\n top: 18px; right: 22px;\n width: 40px; height: 40px;\n background: rgba(255,255,255,0.1);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background var(--transition);\n z-index: 100000;\n}\n\n.lightbox-close:hover { background: rgba(201,169,110,0.5); }\n.lightbox-close svg { width: 20px; height: 20px; fill: #fff; }\n\n.lightbox-arrow {\n position: fixed;\n top: 50%;\n transform: translateY(-50%);\n width: 48px; height: 48px;\n background: rgba(255,255,255,0.1);\n border: 1px solid rgba(255,255,255,0.25);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background var(--transition);\n z-index: 100000;\n}\n\n.lightbox-arrow:hover { background: rgba(201,169,110,0.5); }\n.lightbox-arrow svg { width: 26px; height: 26px; fill: #fff; }\n.lightbox-arrow.prev { left: 16px; }\n.lightbox-arrow.next { right: 16px; }\n\n.lightbox-counter {\n position: fixed;\n bottom: 18px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 0.8rem;\n color: rgba(255,255,255,0.55);\n letter-spacing: 0.1em;\n font-family: var(--font-body);\n z-index: 100000;\n}\n\n@media (max-width: 600px) {\n .lightbox-arrow { width: 36px; height: 36px; }\n .lightbox-arrow svg { width: 20px; height: 20px; }\n}\n\n\n\/* ============================================================\n AVISO DE OBRAS \/ PERCURSO ALTERNATIVO\n ============================================================ *\/\n.aviso-obras {\n max-width: 1300px;\n margin: 32px auto 0;\n background: var(--branco);\n border: 1px solid var(--cinza-leve);\n border-left: 4px solid #E8821E;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 28px 28px 24px;\n}\n\n.aviso-obras-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 14px;\n}\n\n.aviso-obras-header svg {\n width: 30px;\n height: 30px;\n fill: #E8821E;\n flex-shrink: 0;\n}\n\n.aviso-obras-header h3 {\n font-family: var(--font-display);\n font-size: 1.25rem;\n color: var(--azul);\n font-weight: 600;\n line-height: 1.3;\n}\n\n.aviso-obras p {\n font-size: 0.92rem;\n line-height: 1.7;\n color: var(--cinza-txt);\n margin-bottom: 8px;\n}\n\n.aviso-obras p strong { color: #C56A12; }\n\n.percurso-fig {\n margin-top: 20px;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--cinza-leve);\n}\n\n.percurso-fig a { display: block; line-height: 0; }\n\n.percurso-fig img {\n max-width: 50%;\n width: auto;\n height: auto;\n display: block;\n margin: 0 auto;\n cursor: zoom-in;\n transition: transform 0.4s ease;\n}\n\n.percurso-fig:hover img { transform: scale(1.015); }\n\n.percurso-fig figcaption {\n font-size: 0.8rem;\n color: #777;\n text-align: center;\n padding: 10px 14px;\n background: var(--cinza-bg);\n font-style: italic;\n}\n\n@media (max-width: 600px) {\n .aviso-obras { padding: 20px 18px; }\n .aviso-obras-header h3 { font-size: 1.05rem; }\n}\n\n\n\/* ============================================================\n RODAP\u00c9\n ============================================================ *\/\nfooter {\n background: var(--azul);\n color: rgba(255,255,255,0.6);\n padding: 28px 24px;\n text-align: center;\n font-size: 0.78rem;\n letter-spacing: 0.04em;\n line-height: 1.7;\n}\n\nfooter strong { color: var(--branco); }\nfooter a { color: var(--dourado); text-decoration: none; }\nfooter a:hover { text-decoration: underline; }\n\n\/* ============================================================\n BOT\u00c3O VOLTAR AO TOPO\n ============================================================ *\/\n#btn-topo {\n position: fixed;\n bottom: 28px; right: 28px;\n width: 46px; height: 46px;\n background: var(--azul);\n border: 2px solid var(--dourado);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 9999;\n opacity: 0;\n visibility: hidden;\n transform: translateY(12px);\n transition: opacity var(--transition), transform var(--transition), visibility var(--transition), background var(--transition);\n text-decoration: none;\n}\n\n#btn-topo.visible { opacity: 1; visibility: visible; transform: translateY(0); }\n#btn-topo:hover { background: var(--dourado); }\n#btn-topo svg { width: 20px; height: 20px; fill: var(--branco); }\n\n@media (max-width: 600px) {\n #btn-topo { bottom: 20px; right: 16px; width: 40px; height: 40px; }\n}\n\n\/* ============================================================\n FADE-IN AO SCROLL\n ============================================================ *\/\n.fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.fade-in.visible { opacity: 1; transform: translateY(0); }\n\n<\/style>\n\n\n\n<div id=\"topo\"><\/div>\n<div class=\"header-top\">\n <span class=\"al-numero\">Alojamento Local N.\u00ba 19439<\/span>\n <span class=\"shortcode-area\"><div class=\"gtranslate_wrapper\" id=\"gt-wrapper-21705270\"><\/div><\/span>\n<\/div>\n\n<header class=\"header-main\" id=\"topo\">\n \n \n <div class=\"logo-group\">\n <a href=\"https:\/\/www.hospedariasaozinha.com\/sitio\/\" title=\"Hospedaria S\u00e3ozinha \u2014 P\u00e1gina Inicial\" class=\"logo\">\n <img fetchpriority=\"high\" decoding=\"async\"\n src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/logo-hs.png\"\n alt=\"Log\u00f3tipo Hospedaria S\u00e3ozinha\"\n width=\"400\"\n height=\"350\">\n <\/a>\n <div class=\"logo-txt\">\n Hospedaria\n <span class=\"notranslate\">S\u00e3ozinha<\/span>\n <\/div>\n<\/div>\n \n\n \n\n\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Abrir menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n\n <nav id=\"nav\">\n <a href=\"#topo\">In\u00edcio<\/a>\n <div class=\"nav-item\">\n <a href=\"#sobre\">Sobre N\u00f3s<\/a>\n <div class=\"dropdown\">\n <a href=\"#sobre\">Quartos<\/a>\n <a href=\"#sobre\">Comodidades<\/a>\n <a href=\"#sobre\">Localiza\u00e7\u00e3o<\/a>\n <\/div>\n <\/div>\n <a href=\"#galeria\">Galeria<\/a>\n <a href=\"#contatos\">Contactos<\/a>\n <\/nav>\n\n \n \n \n<\/header>\n\n\n<section class=\"banner-section\" id=\"banner\">\n\n<div class=\"slider-track\" id=\"sliderTrack\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner1.jpg\" alt=\"Quarto\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner2.jpg\" alt=\"Centro Hist\u00f3rico\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner3.jpg\" alt=\"Hospedaria S\u00e3ozinha\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner4.jpg\" alt=\"Figueira da Foz\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2025\/10\/banner5.jpg\" alt=\"Bem-vindo\">\n <\/div>\n\n \n<\/div>\n\n <button class=\"slider-arrow prev\" id=\"sliderPrev\" aria-label=\"Foto anterior\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\n <\/button>\n <button class=\"slider-arrow next\" id=\"sliderNext\" aria-label=\"Foto seguinte\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\n <\/button>\n\n <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\n<\/section>\n\n\n<section class=\"sobre-section\" id=\"sobre\">\n <div class=\"section-header fade-in\">\n <span class=\"section-label\">Conhe\u00e7a-nos<\/span>\n <h2 class=\"section-title\">Sobre a Hospedaria<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n <div class=\"cards-grid\">\n\n <div class=\"card-item fade-in\">\n \n \n<div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z\"\/>\n <\/svg>\n<\/div>\n \n \n \n <div class=\"card-body\">\n <h3>Quartos<\/h3>\n <p>A hospedaria \u00e9 constitu\u00edda por tr\u00eas tipos de quartos:<\/p>\n <ul>\n <li>Quartos com cama de casal<\/li>\n <li>Quartos com 1 cama de casal + 1 cama individual<\/li>\n <li>Quartos com duas camas individuais<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"card-item fade-in\">\n \n<div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 10H7V7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1h2V7a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v3H3v2h1v9h2v-1h12v1h2v-9h1v-2zm-3 8H6v-6h12v6z\"\/>\n <\/svg>\n<\/div>\n \n <div class=\"card-body\">\n <h3>Quartos<\/h3>\n <p>Todos os quartos t\u00eam:<\/p>\n <ul>\n <li>Casa de banho privada com duche<\/li>\n <li>Varanda ou janela<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"card-item fade-in\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 3H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5v2h8v-2h5a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 14H3V5h18v12zM1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"\/>\n <\/svg>\n<\/div>\n <div class=\"card-body\">\n <h3>Televis\u00e3o e Internet<\/h3>\n <p>Todos os quartos t\u00eam:<\/p>\n <ul>\n <li>Televis\u00e3o por cabo<\/li>\n <li>Acesso \u00e0 internet por wireless<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"card-item fade-in\">\n \n \n<div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22v-2z\"\/>\n <\/svg>\n<\/div>\n \n \n \n <div class=\"card-body\">\n <h3>Ar Condicionado<\/h3>\n <p>Todos os quartos t\u00eam ar condicionado, garantindo o seu conforto em qualquer esta\u00e7\u00e3o do ano.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card-item fade-in\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n<\/div>\n <div class=\"card-body\">\n \n <h3>Localiza\u00e7\u00e3o<\/h3>\n <p>A Hospedaria S\u00e3ozinha est\u00e1 localizada no cora\u00e7\u00e3o do centro hist\u00f3rico da Figueira da Foz.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section class=\"galeria-section\" id=\"galeria\">\n <div class=\"section-header fade-in\">\n <span class=\"section-label\">As nossas instala\u00e7\u00f5es<\/span>\n <h2 class=\"section-title\">Galeria<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n <div class=\"galeria-grid fade-in\">\n \n \n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g1.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g2.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g3.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g4.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g5.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g6.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g7.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g8.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g9.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g10.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g11.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n <div class=\"gal-item\"><img decoding=\"async\" src=\"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-content\/uploads\/2026\/05\/g12.jpg\" alt=\"Descri\u00e7\u00e3o\">Foto 1<\/div>\n \n\n <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n\n<section class=\"eventos-section\" id=\"eventos\">\n <div class=\"section-header fade-in\">\n <span class=\"section-label\">Agenda<\/span>\n <h2 class=\"section-title\">Eventos e Disponibilidade<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n \n<div class=\"eventos-grid fade-in\">\n\n\n\n\n\n <div class=\"evento-card\">\n <div class=\"evento-badge badge-disponivel\">\n <span class=\"badge-dot\"><\/span> Dispon\u00edvel\n <\/div>\n <div class=\"evento-nome\">Outono e Inverno na Figueira da Foz<\/div>\n <div class=\"evento-datas\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H5V8h14v11z\"\/><\/svg>\n outubro a dezembro 2026\n <\/div>\n <p class=\"evento-desc\">Quartos dispon\u00edveis para a \u00e9poca de ver\u00e3o. Aconselhamos reserva antecipada. Contacte-nos para confirmar disponibilidade na data pretendida.<\/p>\n <\/div>\n\n\n\n\n\n\n<\/div>\n\n\n\n\n\n <div class=\"aviso-reservas fade-in\">\n <strong>Nota:<\/strong> A disponibilidade indicada \u00e9 actualizada regularmente mas pode n\u00e3o reflectir altera\u00e7\u00f5es em tempo real. Para confirma\u00e7\u00e3o definitiva, contacte-nos por telefone ou e-mail.\n <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n\n\n<section class=\"contatos-section\" id=\"contatos\">\n <div class=\"section-header fade-in\">\n <span class=\"section-label\">Fale connosco<\/span>\n <h2 class=\"section-title\">Contactos e Reservas<\/h2>\n <div class=\"divider\"><\/div>\n <\/div>\n\n <div class=\"contatos-inner\">\n\n <div class=\"contato-form-wrap fade-in\">\n <h3>Envie-nos uma mensagem<\/h3>\n <p>Preencha o formul\u00e1rio e entraremos em contacto o mais brevemente poss\u00edvel.<\/p>\n <div class=\"formulario-container\">\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f113-o1\" lang=\"pt-PT\" dir=\"ltr\" data-wpcf7-id=\"113\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/sitio\/wp-json\/wp\/v2\/pages\/881#wpcf7-f113-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formul\u00e1rio de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"113\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pt_PT\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f113-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> NOME<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> ENDERE\u00c7O DE EMAIL<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> ASSUNTO<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> MENSGEM<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"ENVIAR\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"contato-info fade-in\">\n <div class=\"info-bloco\">\n <h3>Informa\u00e7\u00f5es de Contacto<\/h3>\n\n <div class=\"info-linha\">\n <div class=\"info-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n <\/div>\n <div class=\"info-txt\">\n <strong>Endere\u00e7o<\/strong>\n <p>Ladeira Monte, 43<br>3080-097 Figueira da Foz<br>PORTUGAL<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-linha\">\n <div class=\"info-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n <\/div>\n <div class=\"info-txt\">\n <strong>Telefone<\/strong>\n <a href=\"tel:+351233425243\">+351 233 425 243<\/a>\n <span class=\"nota-chamada\">Chamada para a rede fixa nacional<\/span>\n <\/div>\n <\/div>\n\n <div class=\"info-linha\">\n <div class=\"info-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n <\/div>\n <div class=\"info-txt\">\n <strong>E-mail<\/strong>\n <a href=\"mailto:hospedariasaozinha@hospedariasaozinha.com\">hospedariasaozinha@hospedariasaozinha.com<\/a>\n <\/div>\n <\/div>\n\n <div class=\"info-linha\">\n <div class=\"info-icon\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06z\"\/><\/svg>\n <\/div>\n <div class=\"info-txt\">\n <strong>GPS<\/strong>\n <p>Latitude: 40.14956<br>Longitude: -8.85566<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mapa-wrap fade-in\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d3049.6697331473374!2d-8.855678457684636!3d40.14963990327936!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x387e43f3ec6fe932!2sHOSPEDARIA+S%C3%83OZINHA!5e0!3m2!1spt-PT!2sus!4v1433769859289\"\n \n allowfullscreen=\"\"\n loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n title=\"Localiza\u00e7\u00e3o Hospedaria S\u00e3ozinha\">\n <\/iframe>\n <\/div>\n \n \n \n<\/section>\n\n\n<div class=\"livro-section\">\n <div class=\"livro-inner\">\n <p>Nos termos da legisla\u00e7\u00e3o em vigor, disponibilizamos o acesso ao Livro de Reclama\u00e7\u00f5es Electr\u00f3nico.<\/p>\n <a href=\"https:\/\/www.livroreclamacoes.pt\/Inicio\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-livro\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z\"\/><\/svg>\n Livro de Reclama\u00e7\u00f5es\n <\/a>\n <\/div>\n<\/div>\n\n\n\n\n\n<div class=\"lightbox-overlay\" id=\"lightbox\">\n <div class=\"lightbox-inner\">\n <img decoding=\"async\" src=\"\" alt=\"\" id=\"lightboxImg\">\n <\/div>\n <button class=\"lightbox-close\" id=\"lightboxClose\" aria-label=\"Fechar\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\n <\/button>\n <button class=\"lightbox-arrow prev\" id=\"lightboxPrev\" aria-label=\"Anterior\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\n <\/button>\n <button class=\"lightbox-arrow next\" id=\"lightboxNext\" aria-label=\"Seguinte\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\n <\/button>\n <div class=\"lightbox-counter\" id=\"lightboxCounter\"><\/div>\n<\/div>\n\n\n\n\n\n<footer>\n <p>\n <strong>Hospedaria S\u00e3ozinha<\/strong> — Alojamento Local N.\u00ba 19439<br>\n Ladeira Monte, 43 — 3080-097 Figueira da Foz — Portugal<br>\n Tel: <a href=\"tel:+351233425243\">+351 233 425 243<\/a>\n | \n Email: <a href=\"mailto:hospedariasaozinha@hospedariasaozinha.com\">hospedariasaozinha@hospedariasaozinha.com<\/a>\n <\/p>\n <p style=\"margin-top:10px; font-size:0.72rem; opacity:0.5;\">\n © <span id=\"ano\"><\/span> Hospedaria S\u00e3ozinha. Todos os direitos reservados.\n <\/p>\n<\/footer>\n\n\n<a href=\"#topo\" id=\"btn-topo\" aria-label=\"Voltar ao in\u00edcio\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\/>\n <\/svg>\n<\/a>\n\n\n<script>\n(function () {\n\n \/* ---- Ano no rodap\u00e9 ---- *\/\n document.getElementById('ano').textContent = new Date().getFullYear();\n\n \/* ---- Hamburger \/ nav mobile ---- *\/\n const hamburger = document.getElementById('hamburger');\n const nav = document.getElementById('nav');\n\n hamburger.addEventListener('click', () => nav.classList.toggle('open'));\n\n nav.querySelectorAll('.nav-item > a').forEach(link => {\n link.addEventListener('click', e => {\n if (window.innerWidth <= 768) {\n const parent = link.closest('.nav-item');\n if (parent && parent.querySelector('.dropdown')) {\n e.preventDefault();\n parent.classList.toggle('open-sub');\n }\n }\n });\n });\n\n document.addEventListener('click', e => {\n if (!hamburger.contains(e.target) && !nav.contains(e.target))\n nav.classList.remove('open');\n });\n\n \/* ---- Banner din\u00e2mico ---- *\/\n const track = document.getElementById('sliderTrack');\n const dotsWrap = document.getElementById('sliderDots');\n const btnPrev = document.getElementById('sliderPrev');\n const btnNext = document.getElementById('sliderNext');\n const slides = Array.from(track.querySelectorAll('.slide'));\n const total = slides.length;\n const PAUSE = 4000;\n let current = 0;\n let timer;\n\n function setTrackWidth() {\n track.style.width = (total * 100) + 'vw';\n }\n\n function buildDots() {\n dotsWrap.innerHTML = '';\n slides.forEach((_, i) => {\n const d = document.createElement('span');\n d.className = 'dot' + (i === 0 ? ' active' : '');\n d.addEventListener('click', () => goTo(i));\n dotsWrap.appendChild(d);\n });\n }\n\n function updateDots() {\n dotsWrap.querySelectorAll('.dot').forEach((d, i) =>\n d.classList.toggle('active', i === current)\n );\n }\n\n function goTo(index) {\n current = (index + total) % total;\n track.style.transform = `translateX(calc(-${current} * 100vw))`;\n updateDots();\n resetTimer();\n }\n\n function next() { goTo(current + 1); }\n function prev() { goTo(current - 1); }\n\n function resetTimer() {\n clearInterval(timer);\n timer = setInterval(next, PAUSE);\n }\n\n \/* Swipe t\u00e1ctil *\/\n let touchStartX = 0;\n track.addEventListener('touchstart', e => { touchStartX = e.touches[0].clientX; }, { passive: true });\n track.addEventListener('touchend', e => {\n const diff = touchStartX - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 50) diff > 0 ? next() : prev();\n });\n\n \/* Pausa ao passar o rato *\/\n track.addEventListener('mouseenter', () => clearInterval(timer));\n track.addEventListener('mouseleave', resetTimer);\n\n btnPrev.addEventListener('click', prev);\n btnNext.addEventListener('click', next);\n window.addEventListener('resize', setTrackWidth);\n\n setTrackWidth();\n buildDots();\n timer = setInterval(next, PAUSE);\n\n \/* ---- Bot\u00e3o voltar ao topo ---- *\/\n const btnTopo = document.getElementById('btn-topo');\n window.addEventListener('scroll', () => {\n btnTopo.classList.toggle('visible', window.scrollY > 300);\n });\n\n \/* ---- Fade-in ao scroll ---- *\/\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n\/* ---- Lightbox da galeria ---- *\/\nconst galItems = Array.from(document.querySelectorAll('.gal-item img'));\nconst lightbox = document.getElementById('lightbox');\nconst lbImg = document.getElementById('lightboxImg');\nconst lbCounter = document.getElementById('lightboxCounter');\nconst lbClose = document.getElementById('lightboxClose');\nconst lbPrev = document.getElementById('lightboxPrev');\nconst lbNext = document.getElementById('lightboxNext');\nlet lbCurrent = 0;\n\nfunction lbOpen(index) {\n lbCurrent = index;\n lbImg.src = galItems[index].src;\n lbImg.alt = galItems[index].alt;\n lbCounter.textContent = (index + 1) + ' \/ ' + galItems.length;\n lightbox.classList.add('active');\n document.body.style.overflow = 'hidden';\n}\n\nfunction lbClose_fn() {\n lightbox.classList.remove('active');\n document.body.style.overflow = '';\n}\n\nfunction lbGoTo(index) {\n lbCurrent = (index + galItems.length) % galItems.length;\n lbImg.src = galItems[lbCurrent].src;\n lbImg.alt = galItems[lbCurrent].alt;\n lbCounter.textContent = (lbCurrent + 1) + ' \/ ' + galItems.length;\n}\n\ngalItems.forEach((img, i) => {\n img.style.cursor = 'zoom-in';\n img.addEventListener('click', () => lbOpen(i));\n});\n\nlbClose.addEventListener('click', lbClose_fn);\nlbPrev.addEventListener('click', () => lbGoTo(lbCurrent - 1));\nlbNext.addEventListener('click', () => lbGoTo(lbCurrent + 1));\n\n\/* Fechar ao clicar fora da imagem *\/\nlightbox.addEventListener('click', e => {\n if (e.target === lightbox) lbClose_fn();\n});\n\n\/* Navega\u00e7\u00e3o por teclado *\/\ndocument.addEventListener('keydown', e => {\n if (!lightbox.classList.contains('active')) return;\n if (e.key === 'ArrowRight') lbGoTo(lbCurrent + 1);\n if (e.key === 'ArrowLeft') lbGoTo(lbCurrent - 1);\n if (e.key === 'Escape') lbClose_fn();\n});\n\n\/* Swipe t\u00e1ctil no lightbox *\/\nlet lbTouchX = 0;\nlightbox.addEventListener('touchstart', e => { lbTouchX = e.touches[0].clientX; }, { passive: true });\nlightbox.addEventListener('touchend', e => {\n const diff = lbTouchX - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 50) diff > 0 ? lbGoTo(lbCurrent + 1) : lbGoTo(lbCurrent - 1);\n});\n\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hospedaria S\u00e3ozinha Alojamento Local N.\u00ba 19439 Hospedaria S\u00e3ozinha In\u00edcio Sobre N\u00f3s Quartos Comodidades Localiza\u00e7\u00e3o Galeria Contactos Conhe\u00e7a-nos Sobre a Hospedaria Quartos A hospedaria \u00e9 constitu\u00edda por tr\u00eas tipos de quartos: Quartos com cama de casal Quartos com 1 cama de casal + 1 cama individual Quartos com duas camas individuais Quartos Todos os quartos t\u00eam: Casa de banho privada com duche Varanda ou janela Televis\u00e3o e Internet Todos os quartos t\u00eam: Televis\u00e3o por cabo Acesso \u00e0 internet por wireless Ar Condicionado Todos os quartos t\u00eam ar condicionado, garantindo o seu conforto em qualquer esta\u00e7\u00e3o do ano. Localiza\u00e7\u00e3o A Hospedaria S\u00e3ozinha est\u00e1 localizada no cora\u00e7\u00e3o do centro hist\u00f3rico da Figueira da Foz. As nossas instala\u00e7\u00f5es Galeria Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Foto 1 Agenda Eventos e Disponibilidade Dispon\u00edvel Outono e Inverno na Figueira da Foz outubro a dezembro 2026 Quartos dispon\u00edveis para a \u00e9poca de ver\u00e3o. Aconselhamos reserva antecipada. Contacte-nos para confirmar disponibilidade na data pretendida. Nota: A disponibilidade indicada \u00e9 actualizada regularmente mas pode n\u00e3o reflectir altera\u00e7\u00f5es em tempo real. Para confirma\u00e7\u00e3o definitiva, contacte-nos por telefone ou e-mail. Fale connosco Contactos e Reservas Envie-nos uma mensagem Preencha o formul\u00e1rio e entraremos em contacto o mais brevemente poss\u00edvel. Informa\u00e7\u00f5es de Contacto Endere\u00e7o Ladeira Monte, 433080-097 Figueira da FozPORTUGAL Telefone +351 233 425 243 Chamada para a rede fixa nacional E-mail hospedariasaozinha@hospedariasaozinha.com GPS Latitude: 40.14956Longitude: -8.85566 Nos termos da legisla\u00e7\u00e3o em vigor, disponibilizamos o acesso ao Livro de Reclama\u00e7\u00f5es Electr\u00f3nico. Livro de Reclama\u00e7\u00f5es Hospedaria S\u00e3ozinha — Alojamento Local N.\u00ba 19439 Ladeira Monte, 43 — 3080-097 Figueira da Foz — Portugal Tel: +351 233 425 243 | Email: hospedariasaozinha@hospedariasaozinha.com © Hospedaria S\u00e3ozinha. Todos os direitos reservados.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-881","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/pages\/881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/comments?post=881"}],"version-history":[{"count":17,"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/pages\/881\/revisions"}],"predecessor-version":[{"id":910,"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/pages\/881\/revisions\/910"}],"wp:attachment":[{"href":"https:\/\/www.hospedariasaozinha.com\/sitio\/wp-json\/wp\/v2\/media?parent=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}