{"id":28,"date":"2026-09-06T22:29:26","date_gmt":"2026-09-06T22:29:26","guid":{"rendered":"https:\/\/varandasdoermal.pt\/?page_id=28"},"modified":"2026-09-06T22:31:18","modified_gmt":"2026-09-06T22:31:18","slug":"28-2","status":"publish","type":"page","link":"https:\/\/varandasdoermal.pt\/?page_id=28","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-PT\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Varandas do Ermal<\/title>\n<meta name=\"description\" content=\"Varandas do Ermal \u2014 4 casas de alojamento local junto \u00e0 Barragem do Ermal, Souto do Monte, Ger\u00eas.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&#038;family=Montserrat:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --verde-escuro:#1f2e22;\n    --verde:#2c3e28;\n    --creme:#f4efe4;\n    --dourado:#c9a24b;\n    --texto-claro:#f7f4ec;\n    --texto-escuro:#26312a;\n    --max-width:1180px;\n  }\n  *{box-sizing:border-box;margin:0;padding:0;}\n  html{scroll-behavior:smooth;}\n  body{\n    font-family:'Montserrat',sans-serif;\n    color:var(--texto-escuro);\n    background:var(--creme);\n    line-height:1.6;\n  }\n  img{display:block;max-width:100%;}\n  .container{max-width:var(--max-width);margin:0 auto;padding:0 24px;}\n  h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;color:var(--verde-escuro);}\n  a{color:inherit;}\n  [data-lang]{display:none !important;}\n  body:not(.lang-en) [data-lang=\"pt\"]{display:revert !important;}\n  body.lang-en [data-lang=\"en\"]{display:revert !important;}\n\n  \/* HEADER *\/\n  header{\n    position:sticky;top:0;z-index:100;\n    background:var(--verde-escuro);\n    color:var(--texto-claro);\n    box-shadow:0 2px 10px rgba(0,0,0,0.15);\n  }\n  .nav-wrap{\n    display:flex;align-items:center;justify-content:space-between;\n    padding:14px 24px;max-width:var(--max-width);margin:0 auto;\n  }\n  .logo{\n    font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:600;\n    letter-spacing:0.04em;color:var(--texto-claro);text-decoration:none;\n    display:flex;align-items:center;gap:12px;\n  }\n  .logo em{color:var(--dourado);font-style:italic;}\n  .logo img{\n    height:52px;width:52px;object-fit:contain;background:var(--creme);\n    border-radius:6px;padding:3px;\n  }\n  .logo-word{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;letter-spacing:0.03em;}\n  .logo-word em{color:var(--dourado);font-style:italic;}\n  .footer-col.logo{display:block;}\n  footer .logo img{height:60px;width:60px;object-fit:contain;background:var(--creme);border-radius:6px;padding:3px;margin-bottom:12px;}\n  nav.links{display:flex;gap:26px;align-items:center;}\n  nav.links a{\n    font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase;\n    text-decoration:none;color:var(--texto-claro);opacity:0.85;\n  }\n  nav.links a:hover{opacity:1;color:var(--dourado);}\n  .cta-btn{\n    background:var(--dourado);color:var(--verde-escuro)!important;\n    padding:9px 18px;border-radius:2px;font-weight:600;opacity:1!important;\n  }\n  .lang-toggle{\n    display:flex;border:1px solid rgba(247,244,236,0.4);border-radius:3px;overflow:hidden;\n    font-size:0.75rem;letter-spacing:0.06em;margin-left:8px;\n  }\n  .lang-toggle button{\n    background:transparent;border:none;color:var(--texto-claro);\n    padding:6px 10px;cursor:pointer;font-family:inherit;opacity:0.7;\n  }\n  .lang-toggle button.active{background:var(--dourado);color:var(--verde-escuro);opacity:1;font-weight:600;}\n  .menu-toggle{display:none;background:none;border:none;color:var(--texto-claro);font-size:1.6rem;cursor:pointer;}\n\n  @media (max-width:860px){\n    nav.links{\n      position:absolute;top:100%;left:0;right:0;background:var(--verde-escuro);\n      flex-direction:column;align-items:flex-start;padding:16px 24px;gap:16px;\n      display:none;\n    }\n    nav.links.open{display:flex;}\n    .menu-toggle{display:block;}\n    .cta-btn{align-self:flex-start;}\n  }\n\n  \/* HERO *\/\n  .hero{\n    position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;\n    text-align:center;overflow:hidden;color:var(--texto-claro);\n  }\n  .hero img{\n    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.5);\n  }\n  .hero-content{position:relative;z-index:2;max-width:720px;padding:0 24px;}\n  .hero-content h1{color:var(--texto-claro);}\n  .hero .kicker{letter-spacing:0.35em;font-size:0.85rem;color:var(--dourado);margin-bottom:14px;}\n  .hero h1{font-size:clamp(2.6rem,6vw,4.2rem);text-transform:uppercase;letter-spacing:0.05em;}\n  .hero .loc{margin-top:10px;letter-spacing:0.25em;font-size:0.8rem;opacity:0.9;}\n  .hero p.tagline{margin-top:22px;font-size:1.05rem;font-weight:300;opacity:0.95;max-width:520px;margin-left:auto;margin-right:auto;}\n  .hero .btn-row{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}\n  .btn{\n    display:inline-block;padding:13px 28px;border-radius:2px;text-decoration:none;\n    font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;\n    cursor:pointer;border:none;font-family:inherit;\n  }\n  .btn-primary{background:var(--dourado);color:var(--verde-escuro);}\n  .btn-outline{background:transparent;border:1px solid var(--texto-claro);color:var(--texto-claro);}\n  .btn-primary:hover{background:#dcb768;}\n  .btn-outline:hover{background:rgba(255,255,255,0.1);}\n\n  \/* SECTION GENERIC *\/\n  section{padding:76px 0;}\n  .section-head{text-align:center;max-width:640px;margin:0 auto 48px;}\n  .section-head .kicker{letter-spacing:0.3em;font-size:0.78rem;color:var(--dourado);text-transform:uppercase;margin-bottom:10px;}\n  .section-head h2{font-size:clamp(1.9rem,4vw,2.6rem);}\n  .section-head p{margin-top:14px;color:#4c5b50;font-weight:300;}\n  .alt-bg{background:#eee7d8;}\n\n  \/* INTRO *\/\n  .intro{text-align:center;max-width:760px;margin:0 auto;padding:70px 24px 20px;}\n  .intro h2{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:18px;}\n  .intro p{font-weight:300;color:#4c5b50;font-size:1.05rem;}\n\n  \/* HOUSE CARDS *\/\n  .houses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}\n  @media (max-width:760px){.houses-grid{grid-template-columns:1fr;}}\n  .house-card{\n    background:#fff;border:1px solid #e3dcc9;\n  }\n  .house-gallery{\n    display:grid;grid-template-columns:2fr 1fr;gap:4px;height:260px;overflow:hidden;\n  }\n  .house-gallery .main-img{grid-row:span 2;}\n  .house-gallery img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s;}\n  .house-gallery img:hover{transform:scale(1.04);}\n  .house-gallery .thumb-col{display:grid;grid-template-rows:1fr 1fr;gap:4px;}\n  .house-body{padding:26px 26px 28px;}\n  .house-body h3{font-size:1.55rem;margin-bottom:4px;}\n  .house-tag{font-size:0.82rem;color:var(--dourado);letter-spacing:0.03em;font-weight:600;margin-bottom:12px;display:block;}\n  .house-desc{font-size:0.93rem;color:#4c5b50;font-weight:300;margin-bottom:18px;}\n  .house-more{\n    font-size:0.78rem;letter-spacing:0.05em;text-transform:uppercase;text-decoration:none;\n    color:var(--verde-escuro);font-weight:600;border-bottom:1px solid var(--dourado);padding-bottom:2px;\n    cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;\n  }\n\n  \/* AMENITIES *\/\n  .amen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;}\n  @media (max-width:760px){.amen-grid{grid-template-columns:repeat(2,1fr);}}\n  .amen-grid img{width:100%;height:180px;object-fit:cover;cursor:pointer;}\n  .amen-feats{display:flex;justify-content:center;gap:44px;flex-wrap:wrap;text-align:center;}\n  .amen-feat{max-width:180px;}\n  .amen-feat .ic{font-size:1.6rem;color:var(--dourado);margin-bottom:8px;}\n  .amen-feat h4{font-family:'Montserrat',sans-serif;font-size:0.85rem;letter-spacing:0.05em;text-transform:uppercase;font-weight:600;color:var(--verde-escuro);margin-bottom:6px;}\n  .amen-feat p{font-size:0.85rem;color:#5c6a5f;font-weight:300;}\n\n  \/* LOCATION *\/\n  .loc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}\n  @media (max-width:760px){.loc-wrap{grid-template-columns:1fr;}}\n  .loc-wrap img{width:100%;height:340px;object-fit:cover;}\n  .loc-text p{font-weight:300;color:#4c5b50;margin-bottom:16px;}\n\n  \/* RESERVATION FORM *\/\n  #reservar{background:var(--verde-escuro);color:var(--texto-claro);}\n  #reservar .section-head p{color:#cdd6cc;}\n  #reservar .section-head h2{color:var(--texto-claro);}\n  form#booking-form{max-width:680px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;}\n  form#booking-form .full{grid-column:1\/-1;}\n  form#booking-form label{\n    display:block;font-size:0.78rem;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:6px;color:var(--dourado);\n  }\n  form#booking-form input,form#booking-form select,form#booking-form textarea{\n    width:100%;padding:11px 12px;border:1px solid rgba(247,244,236,0.3);background:rgba(247,244,236,0.06);\n    color:var(--texto-claro);font-family:inherit;font-size:0.92rem;border-radius:2px;\n  }\n  form#booking-form input::placeholder,form#booking-form textarea::placeholder{color:#a9b3a7;}\n  form#booking-form textarea{min-height:100px;resize:vertical;}\n  form#booking-form .submit-row{grid-column:1\/-1;text-align:center;margin-top:6px;}\n  #form-msg{grid-column:1\/-1;text-align:center;font-size:0.9rem;padding:10px;display:none;}\n  #form-msg.ok{display:block;background:rgba(201,162,75,0.18);color:var(--dourado);}\n  #form-msg.err{display:block;background:rgba(200,80,80,0.18);color:#e79a9a;}\n  @media (max-width:600px){form#booking-form{grid-template-columns:1fr;}}\n\n  \/* CONTACT \/ FOOTER *\/\n  footer{background:#17211a;color:#cfd6cc;padding:50px 0 24px;}\n  .footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px;margin-bottom:36px;}\n  .footer-col h4{font-family:'Cormorant Garamond',serif;color:var(--texto-claro);font-size:1.3rem;margin-bottom:14px;}\n  .footer-col p, .footer-col a{font-size:0.9rem;color:#b7bfb3;text-decoration:none;display:block;margin-bottom:8px;font-weight:300;}\n  .footer-col a:hover{color:var(--dourado);}\n  .footer-bottom{border-top:1px solid rgba(247,244,236,0.1);padding-top:20px;text-align:center;font-size:0.78rem;color:#7d857a;letter-spacing:0.04em;}\n\n  \/* LIGHTBOX *\/\n  #lightbox{\n    position:fixed;inset:0;background:rgba(15,20,15,0.94);z-index:1000;display:none;\n    align-items:center;justify-content:center;flex-direction:column;\n  }\n  #lightbox.open{display:flex;}\n  #lightbox img{max-width:88vw;max-height:78vh;object-fit:contain;}\n  #lightbox .lb-close{position:absolute;top:20px;right:28px;color:#fff;font-size:2rem;cursor:pointer;background:none;border:none;}\n  #lightbox .lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:2.4rem;cursor:pointer;padding:10px 18px;}\n  #lightbox .lb-prev{left:8px;}\n  #lightbox .lb-next{right:8px;}\n<\/style>\n<\/head>\n<body>\n\n<header>\n  <div class=\"nav-wrap\">\n    <a href=\"#top\" class=\"logo\">\n      <img decoding=\"async\" src=\"https:\/\/varandasdoermal.pt\/wp-content\/uploads\/varandas\/logo.jpg\" alt=\"Varandas do Ermal\">\n      <span class=\"logo-word\">Varandas <em>do Ermal<\/em><\/span>\n    <\/a>\n    <button class=\"menu-toggle\" id=\"menuToggle\">&#9776;<\/button>\n    <nav class=\"links\" id=\"navLinks\">\n      <a href=\"#casas\" data-lang=\"pt\">As Casas<\/a><a href=\"#casas\" data-lang=\"en\">The Houses<\/a>\n      <a href=\"#espacos\" data-lang=\"pt\">Piscina &amp; Espa\u00e7os<\/a><a href=\"#espacos\" data-lang=\"en\">Pool &amp; Amenities<\/a>\n      <a href=\"#localizacao\" data-lang=\"pt\">Localiza\u00e7\u00e3o<\/a><a href=\"#localizacao\" data-lang=\"en\">Location<\/a>\n      <a href=\"#contactos\" data-lang=\"pt\">Contactos<\/a><a href=\"#contactos\" data-lang=\"en\">Contact<\/a>\n      <a href=\"#reservar\" class=\"cta-btn\" data-lang=\"pt\">Reservar<\/a><a href=\"#reservar\" class=\"cta-btn\" data-lang=\"en\">Book Now<\/a>\n      <span class=\"lang-toggle\">\n        <button id=\"btnPt\" class=\"active\" onclick=\"setLang('pt')\">PT<\/button>\n        <button id=\"btnEn\" onclick=\"setLang('en')\">EN<\/button>\n      <\/span>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<div id=\"top\" class=\"hero\">\n  <img decoding=\"async\" src=\"https:\/\/varandasdoermal.pt\/wp-content\/uploads\/varandas\/comum-3.jpg\" alt=\"Varandas do Ermal\">\n  <div class=\"hero-content\">\n    <div class=\"kicker\">\u2726 SOUTO DO MONTE \u2726<\/div>\n    <h1>Varandas do Ermal<\/h1>\n    <p class=\"tagline\" data-lang=\"pt\">Quatro casas de alojamento local junto \u00e0 Barragem do Ermal, no cora\u00e7\u00e3o do Ger\u00eas.<\/p>\n    <p class=\"tagline\" data-lang=\"en\">Four local-accommodation houses by the Ermal Dam, in the heart of Ger\u00eas.<\/p>\n    <div class=\"btn-row\">\n      <a href=\"#casas\" class=\"btn btn-primary\" data-lang=\"pt\">Ver as Casas<\/a>\n      <a href=\"#casas\" class=\"btn btn-primary\" data-lang=\"en\">See the Houses<\/a>\n      <a href=\"#reservar\" class=\"btn btn-outline\" data-lang=\"pt\">Pedir Reserva<\/a>\n      <a href=\"#reservar\" class=\"btn btn-outline\" data-lang=\"en\">Request Booking<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"intro container\">\n  <h2 data-lang=\"pt\">Bem-vindos<\/h2>\n  <h2 data-lang=\"en\">Welcome<\/h2>\n  <p data-lang=\"pt\">Quatro casas com personalidades diferentes \u2014 todas com acesso \u00e0 piscina, ao jardim e a uma vista privilegiada sobre a barragem. Perfeito para escapadinhas em fam\u00edlia, entre amigos, ou simplesmente para desacelerar.<\/p>\n  <p data-lang=\"en\">Four houses, each with its own character \u2014 all with access to the pool, the garden, and a privileged view over the dam. Perfect for family getaways, trips with friends, or simply slowing down.<\/p>\n<\/div>\n\n<section id=\"casas\" class=\"container\">\n  <div class=\"section-head\">\n    <div class=\"kicker\" data-lang=\"pt\">Alojamento<\/div>\n    <div class=\"kicker\" data-lang=\"en\">Accommodation<\/div>\n    <h2 data-lang=\"pt\">As Nossas Casas<\/h2>\n    <h2 data-lang=\"en\">Our Houses<\/h2>\n    <p data-lang=\"pt\">Cada casa \u00e9 independente e tem o seu pr\u00f3prio estilo \u2014 escolha a que mais combina consigo.<\/p>\n    <p data-lang=\"en\">Each house is independent and has its own style \u2014 choose the one that suits you best.<\/p>\n  <\/div>\n\n  <div class=\"houses-grid\" id=\"housesGrid\"><\/div>\n<\/section>\n\n<section id=\"espacos\" class=\"alt-bg\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"kicker\" data-lang=\"pt\">Espa\u00e7os Partilhados<\/div>\n      <div class=\"kicker\" data-lang=\"en\">Shared Spaces<\/div>\n      <h2 data-lang=\"pt\">Piscina &amp; Jardim<\/h2>\n      <h2 data-lang=\"en\">Pool &amp; Garden<\/h2>\n      <p data-lang=\"pt\">Todas as casas t\u00eam acesso livre \u00e0 piscina exterior, ao jardim com zona de jogos para os mais novos, e a terra\u00e7os com vista sobre a Barragem do Ermal.<\/p>\n      <p data-lang=\"en\">All houses have free access to the outdoor pool, a garden with a play area for children, and terraces overlooking the Ermal Dam.<\/p>\n    <\/div>\n    <div class=\"amen-grid\" id=\"amenGrid\"><\/div>\n    <div class=\"amen-feats\">\n      <div class=\"amen-feat\"><div class=\"ic\">\ud83c\udfca<\/div><h4 data-lang=\"pt\">Piscina Exterior<\/h4><h4 data-lang=\"en\">Outdoor Pool<\/h4>\n        <p data-lang=\"pt\">De acesso livre a todos os h\u00f3spedes.<\/p><p data-lang=\"en\">Free access for all guests.<\/p><\/div>\n      <div class=\"amen-feat\"><div class=\"ic\">\ud83c\udf33<\/div><h4 data-lang=\"pt\">Jardim &amp; Recreio<\/h4><h4 data-lang=\"en\">Garden &amp; Play Area<\/h4>\n        <p data-lang=\"pt\">Espa\u00e7o verde com zona de jogos para crian\u00e7as.<\/p><p data-lang=\"en\">Green space with a kids&#8217; play area.<\/p><\/div>\n      <div class=\"amen-feat\"><div class=\"ic\">\ud83c\udfde\ufe0f<\/div><h4 data-lang=\"pt\">Vista sobre a Barragem<\/h4><h4 data-lang=\"en\">Dam View<\/h4>\n        <p data-lang=\"pt\">Terra\u00e7os virados para a Barragem do Ermal.<\/p><p data-lang=\"en\">Terraces facing the Ermal Dam.<\/p><\/div>\n      <div class=\"amen-feat\"><div class=\"ic\">\ud83d\ude97<\/div><h4 data-lang=\"pt\">Estacionamento<\/h4><h4 data-lang=\"en\">Parking<\/h4>\n        <p data-lang=\"pt\">Lugar de estacionamento privativo.<\/p><p data-lang=\"en\">Private parking space.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"localizacao\" class=\"container\">\n  <div class=\"loc-wrap\">\n    <img decoding=\"async\" src=\"https:\/\/varandasdoermal.pt\/wp-content\/uploads\/varandas\/comum-2.jpg\" alt=\"Vista sobre a Barragem do Ermal\">\n    <div class=\"loc-text\">\n      <div class=\"kicker\" data-lang=\"pt\">Onde Estamos<\/div>\n      <div class=\"kicker\" data-lang=\"en\">Where We Are<\/div>\n      <h2 data-lang=\"pt\">Souto do Monte<\/h2>\n      <h2 data-lang=\"en\">Souto do Monte<\/h2>\n      <p data-lang=\"pt\">Situadas junto \u00e0 Barragem do Ermal, na regi\u00e3o do Ger\u00eas \u2014 natureza, \u00e1gua e sossego a poucos minutos de dist\u00e2ncia. O lugar certo para desacelerar.<\/p>\n      <p data-lang=\"en\">Located next to the Ermal Dam, in the Ger\u00eas region \u2014 nature, water, and quiet, just minutes away. The right place to slow down.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"reservar\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <div class=\"kicker\" data-lang=\"pt\">Reservas<\/div>\n      <div class=\"kicker\" data-lang=\"en\">Bookings<\/div>\n      <h2 data-lang=\"pt\">Pedido de Reserva<\/h2>\n      <h2 data-lang=\"en\">Booking Request<\/h2>\n      <p data-lang=\"pt\">Preencha o formul\u00e1rio e entraremos em contacto consigo com a disponibilidade e o valor.<\/p>\n      <p data-lang=\"en\">Fill in the form and we will get back to you with availability and pricing.<\/p>\n    <\/div>\n\n    <form id=\"booking-form\">\n      <div>\n        <label data-lang=\"pt\">Nome<\/label><label data-lang=\"en\">Name<\/label>\n        <input type=\"text\" name=\"Nome\" required>\n      <\/div>\n      <div>\n        <label data-lang=\"pt\">Email<\/label><label data-lang=\"en\">Email<\/label>\n        <input type=\"email\" name=\"Email\" required>\n      <\/div>\n      <div>\n        <label data-lang=\"pt\">Telefone<\/label><label data-lang=\"en\">Phone<\/label>\n        <input type=\"tel\" name=\"Telefone\" required>\n      <\/div>\n      <div>\n        <label data-lang=\"pt\">Casa Pretendida<\/label><label data-lang=\"en\">Preferred House<\/label>\n        <select name=\"Casa\" id=\"casaSelect\">\n          <option data-lang=\"pt\" value=\"Ainda n\u00e3o sei\">Ainda n\u00e3o sei<\/option>\n          <option data-lang=\"en\" value=\"Not sure yet\">Not sure yet<\/option>\n          <option value=\"T1 Retiro\">T1 Retiro<\/option>\n          <option value=\"T2 Vintage\">T2 Vintage<\/option>\n          <option value=\"T2 Abrigo\">T2 Abrigo<\/option>\n          <option value=\"T4 Burgu\u00eas\">T4 Burgu\u00eas<\/option>\n        <\/select>\n      <\/div>\n      <div>\n        <label data-lang=\"pt\">Check-in<\/label><label data-lang=\"en\">Check-in<\/label>\n        <input type=\"date\" name=\"Check-in\">\n      <\/div>\n      <div>\n        <label data-lang=\"pt\">Check-out<\/label><label data-lang=\"en\">Check-out<\/label>\n        <input type=\"date\" name=\"Check-out\">\n      <\/div>\n      <div class=\"full\">\n        <label data-lang=\"pt\">N\u00ba de H\u00f3spedes<\/label><label data-lang=\"en\">Number of Guests<\/label>\n        <input type=\"number\" name=\"Hospedes\" min=\"1\" max=\"20\">\n      <\/div>\n      <div class=\"full\">\n        <label data-lang=\"pt\">Mensagem<\/label><label data-lang=\"en\">Message<\/label>\n        <textarea name=\"Mensagem\" placeholder=\"\"><\/textarea>\n      <\/div>\n      <div id=\"form-msg\"><\/div>\n      <div class=\"submit-row\">\n        <button type=\"submit\" class=\"btn btn-primary\" data-lang=\"pt\">Enviar Pedido<\/button>\n        <button type=\"submit\" class=\"btn btn-primary\" data-lang=\"en\">Send Request<\/button>\n      <\/div>\n    <\/form>\n  <\/div>\n<\/section>\n\n<footer id=\"contactos\">\n  <div class=\"container\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-col logo\">\n        <img decoding=\"async\" src=\"https:\/\/varandasdoermal.pt\/wp-content\/uploads\/varandas\/logo.jpg\" alt=\"Varandas do Ermal\">\n        <h4>Varandas do Ermal<\/h4>\n        <p data-lang=\"pt\">Souto do Monte<br>Barragem do Ermal \u00b7 Ger\u00eas<\/p>\n        <p data-lang=\"en\">Souto do Monte<br>Ermal Dam \u00b7 Ger\u00eas<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4 data-lang=\"pt\">Contactos<\/h4>\n        <h4 data-lang=\"en\">Contact<\/h4>\n        <a href=\"mailto:geral@varandasdoermal.pt\">geral@varandasdoermal.pt<\/a>\n        <a href=\"tel:+351912059963\">+351 912 059 963<\/a>\n        <a href=\"https:\/\/wa.me\/351912059963\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4 data-lang=\"pt\">Casas<\/h4>\n        <h4 data-lang=\"en\">Houses<\/h4>\n        <a href=\"#casas\">T1 Retiro<\/a>\n        <a href=\"#casas\">T2 Vintage<\/a>\n        <a href=\"#casas\">T2 Abrigo<\/a>\n        <a href=\"#casas\">T4 Burgu\u00eas<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      &copy; <span id=\"year\"><\/span> Varandas do Ermal &middot; <span data-lang=\"pt\">Todos os direitos reservados<\/span><span data-lang=\"en\">All rights reserved<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<div id=\"lightbox\">\n  <button class=\"lb-close\" onclick=\"closeLightbox()\">&times;<\/button>\n  <button class=\"lb-nav lb-prev\" onclick=\"lbNav(-1)\">&#8249;<\/button>\n  <img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"\">\n  <button class=\"lb-nav lb-next\" onclick=\"lbNav(1)\">&#8250;<\/button>\n<\/div>\n\n<script>\nconst IMG_BASE = \"https:\/\/varandasdoermal.pt\/wp-content\/uploads\/varandas\/\";\n\nconst houses = [\n  {\n    id: \"t1-retiro\",\n    name: \"T1 Retiro\",\n    tagPt: \"T1 \u00b7 1 quarto \u00b7 O seu ref\u00fagio a dois passos da piscina\",\n    tagEn: \"T1 \u00b7 1 bedroom \u00b7 Your retreat steps from the pool\",\n    descPt: \"Casa compacta e aconchegante, ideal para casais ou pequenas fam\u00edlias, com terra\u00e7o privado e rede de baloi\u00e7o junto \u00e0 piscina.\",\n    descEn: \"A compact, cozy house, ideal for couples or small families, with a private terrace and hammock by the pool.\",\n    photos: 5\n  },\n  {\n    id: \"t2-vintage\",\n    name: \"T2 Vintage\",\n    tagPt: \"T2 \u00b7 2 quartos \u00b7 Charme vintage com vista sobre a albufeira\",\n    tagEn: \"T2 \u00b7 2 bedrooms \u00b7 Vintage charm with a view over the reservoir\",\n    descPt: \"Decora\u00e7\u00e3o com car\u00e1cter, cozinha equipada e terra\u00e7o privado com vista desafogada sobre a Barragem do Ermal.\",\n    descEn: \"Characterful decor, a fully equipped kitchen, and a private terrace with an open view over the Ermal Dam.\",\n    photos: 9\n  },\n  {\n    id: \"t2-abrigo\",\n    name: \"T2 Abrigo\",\n    tagPt: \"T2 \u00b7 2 quartos \u00b7 Um abrigo acolhedor em madeira\",\n    tagEn: \"T2 \u00b7 2 bedrooms \u00b7 A cozy wooden hideaway\",\n    descPt: \"Constru\u00e7\u00e3o em madeira com um ambiente r\u00fastico e quente, sala ampla e terra\u00e7o partilhado com vista para a piscina.\",\n    descEn: \"A timber-built house with a warm, rustic feel, a spacious living area, and a terrace overlooking the pool.\",\n    photos: 9\n  },\n  {\n    id: \"t4-burgues\",\n    name: \"T4 Burgu\u00eas\",\n    tagPt: \"T4 \u00b7 4 quartos \u00b7 Espa\u00e7o e conforto para grupos maiores\",\n    tagEn: \"T4 \u00b7 4 bedrooms \u00b7 Space and comfort for bigger groups\",\n    descPt: \"A maior das nossas casas, pensada para grupos e fam\u00edlias numerosas, com amplas salas comuns e vista sobre a barragem.\",\n    descEn: \"Our largest house, designed for groups and larger families, with generous shared living areas and a view over the dam.\",\n    photos: 7\n  }\n];\n\nfunction img(id, n){ return IMG_BASE + id + \"-\" + n + \".jpg\"; }\n\nfunction renderHouses(){\n  const grid = document.getElementById(\"housesGrid\");\n  grid.innerHTML = houses.map(h => `\n    <div class=\"house-card\">\n      <div class=\"house-gallery\">\n        <img decoding=\"async\" class=\"main-img\" src=\"${img(h.id,1)}\" loading=\"lazy\" onclick=\"openLightbox('${h.id}', ${h.photos}, 0)\" alt=\"${h.name}\">\n        <div class=\"thumb-col\">\n          <img decoding=\"async\" src=\"${img(h.id,2)}\" loading=\"lazy\" onclick=\"openLightbox('${h.id}', ${h.photos}, 1)\" alt=\"${h.name}\">\n          <img decoding=\"async\" src=\"${img(h.id,3)}\" loading=\"lazy\" onclick=\"openLightbox('${h.id}', ${h.photos}, 2)\" alt=\"${h.name}\">\n        <\/div>\n      <\/div>\n      <div class=\"house-body\">\n        <h3>${h.name}<\/h3>\n        <span class=\"house-tag\" data-lang=\"pt\">${h.tagPt}<\/span>\n        <span class=\"house-tag\" data-lang=\"en\">${h.tagEn}<\/span>\n        <p class=\"house-desc\" data-lang=\"pt\">${h.descPt}<\/p>\n        <p class=\"house-desc\" data-lang=\"en\">${h.descEn}<\/p>\n        <button class=\"house-more\" onclick=\"openLightbox('${h.id}', ${h.photos}, 0)\">\n          <span data-lang=\"pt\">Ver Fotos (${h.photos})<\/span><span data-lang=\"en\">View Photos (${h.photos})<\/span>\n        <\/button>\n        &nbsp; &nbsp;\n        <button class=\"house-more\" onclick=\"requestInfo('${h.name}')\">\n          <span data-lang=\"pt\">Pedir Informa\u00e7\u00e3o<\/span><span data-lang=\"en\">Request Information<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  `).join(\"\");\n  applyLangToNewNodes();\n}\n\nfunction renderAmenities(){\n  const grid = document.getElementById(\"amenGrid\");\n  const amen = [\"comum-1\",\"comum-2\",\"comum-3\",\"comum-4\"];\n  grid.innerHTML = amen.map((id,i) => `<img decoding=\"async\" src=\"${IMG_BASE}${id}.jpg\" loading=\"lazy\" onclick=\"openLightbox('comum', 4, ${i})\" alt=\"Varandas do Ermal\">`).join(\"\");\n}\n\nfunction requestInfo(name){\n  document.getElementById(\"casaSelect\").value = name;\n  document.getElementById(\"reservar\").scrollIntoView({behavior:\"smooth\"});\n}\n\n\/* LIGHTBOX *\/\nlet lbState = {id:null, total:0, index:0};\nfunction openLightbox(id, total, index){\n  lbState = {id, total, index};\n  document.getElementById(\"lbImg\").src = img(id, index+1);\n  document.getElementById(\"lightbox\").classList.add(\"open\");\n}\nfunction closeLightbox(){ document.getElementById(\"lightbox\").classList.remove(\"open\"); }\nfunction lbNav(dir){\n  lbState.index = (lbState.index + dir + lbState.total) % lbState.total;\n  document.getElementById(\"lbImg\").src = img(lbState.id, lbState.index+1);\n}\ndocument.getElementById(\"lightbox\").addEventListener(\"click\", function(e){\n  if(e.target.id === \"lightbox\") closeLightbox();\n});\ndocument.addEventListener(\"keydown\", function(e){\n  if(!document.getElementById(\"lightbox\").classList.contains(\"open\")) return;\n  if(e.key === \"Escape\") closeLightbox();\n  if(e.key === \"ArrowRight\") lbNav(1);\n  if(e.key === \"ArrowLeft\") lbNav(-1);\n});\n\n\/* MOBILE MENU *\/\ndocument.getElementById(\"menuToggle\").addEventListener(\"click\", function(){\n  document.getElementById(\"navLinks\").classList.toggle(\"open\");\n});\n\n\/* LANGUAGE TOGGLE *\/\nfunction setLang(lang){\n  document.body.classList.toggle(\"lang-en\", lang === \"en\");\n  document.getElementById(\"btnPt\").classList.toggle(\"active\", lang === \"pt\");\n  document.getElementById(\"btnEn\").classList.toggle(\"active\", lang === \"en\");\n  try{ localStorage.setItem(\"vde_lang\", lang); }catch(e){}\n}\nfunction applyLangToNewNodes(){\n  \/\/ re-apply current lang state (CSS handles visibility via body class already)\n}\n(function initLang(){\n  let saved = \"pt\";\n  try{ saved = localStorage.getItem(\"vde_lang\") || \"pt\"; }catch(e){}\n  setLang(saved);\n})();\n\n\/* FORM SUBMISSION *\/\ndocument.getElementById(\"booking-form\").addEventListener(\"submit\", function(e){\n  e.preventDefault();\n  const form = e.target;\n  const data = new FormData(form);\n  data.append(\"_subject\", \"Novo pedido de reserva \u2014 Varandas do Ermal\");\n  data.append(\"_captcha\", \"false\");\n  data.append(\"_template\", \"table\");\n  const msgBox = document.getElementById(\"form-msg\");\n  msgBox.className = \"\";\n  msgBox.style.display = \"none\";\n\n  fetch(\"https:\/\/formsubmit.co\/ajax\/geral@varandasdoermal.pt\", {\n    method: \"POST\",\n    headers: {\"Accept\":\"application\/json\"},\n    body: data\n  }).then(r => r.json()).then(function(){\n    msgBox.className = \"ok\";\n    msgBox.innerHTML = '<span data-lang=\"pt\">Obrigado! O seu pedido foi enviado. Entraremos em contacto brevemente.<\/span><span data-lang=\"en\">Thank you! Your request has been sent. We will be in touch shortly.<\/span>';\n    setLang(document.body.classList.contains(\"lang-en\") ? \"en\" : \"pt\");\n    form.reset();\n  }).catch(function(){\n    msgBox.className = \"err\";\n    msgBox.innerHTML = '<span data-lang=\"pt\">N\u00e3o foi poss\u00edvel enviar. Tente novamente ou contacte-nos por email\/telefone.<\/span><span data-lang=\"en\">Could not send. Please try again or contact us by email\/phone.<\/span>';\n    setLang(document.body.classList.contains(\"lang-en\") ? \"en\" : \"pt\");\n  });\n});\n\ndocument.getElementById(\"year\").textContent = new Date().getFullYear();\n\nrenderHouses();\nrenderAmenities();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Varandas do Ermal Varandas do Ermal &#9776; As CasasThe Houses Piscina &amp; Espa\u00e7osPool &amp; Amenities Localiza\u00e7\u00e3oLocation ContactosContact ReservarBook Now PT EN \u2726 SOUTO DO MONTE \u2726 Varandas do Ermal Quatro casas de alojamento local junto \u00e0 Barragem do Ermal, no cora\u00e7\u00e3o do Ger\u00eas. Four local-accommodation houses by the Ermal Dam, in the heart of Ger\u00eas. [&hellip;]<\/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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/varandasdoermal.pt\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/varandasdoermal.pt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/varandasdoermal.pt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/varandasdoermal.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/varandasdoermal.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":1,"href":"https:\/\/varandasdoermal.pt\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/varandasdoermal.pt\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/varandasdoermal.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}