/* =====================================================================
   Aqua Barroso - Parque de Campismo de Penedones
   Estilo "natureza / agua": verde-agua da albufeira e azul profundo.
   As cores --cor1..--cor3 sao injectadas pelo header a partir da BD.
   ===================================================================== */

:root{
  --cor1: #159A9C;          /* verde-agua do Alto Rabagao */
  --cor2: #0D6E70;          /* verde-agua escuro          */
  --cor3: #0E2A33;          /* azul profundo              */
  --areia: #F3F7F7;
  --texto: #2B3A40;
  --texto-suave: #667A82;
  --linha: #E2EAEA;
  --raio: 14px;
  --sombra: 0 20px 50px rgba(14,42,51,.12);
  --sombra-leve: 0 6px 20px rgba(14,42,51,.08);
  --transicao: .25s ease;
}

*{ box-sizing: border-box; }

body{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--texto);
  font-size: 1rem;
  line-height: 1.75;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5{
  font-family: 'Outfit', 'Segoe UI', sans-serif;
  color: var(--cor3);
  font-weight: 600;
  letter-spacing: -.015em;
}
h1{ font-size: clamp(2rem, 4.6vw, 3.4rem); line-height: 1.1; }
h2{ font-size: clamp(1.65rem, 3.1vw, 2.5rem); line-height: 1.18; }
h3{ font-size: 1.25rem; }

a{ color: var(--cor1); transition: color var(--transicao); }
a:hover{ color: var(--cor2); text-decoration: none; }
img{ max-width: 100%; }
.container{ max-width: 1180px; }

/* ---------- Botoes ---------- */
.btn{
  border-radius: 999px; font-weight: 600; letter-spacing: .01em;
  padding: .74rem 1.7rem; border: 0; font-size: .94rem;
  transition: all var(--transicao);
}
.btn i{ margin-right: .5rem; }
.btn-ab{ background: var(--cor1); color: #fff; }
.btn-ab:hover{ background: var(--cor2); color: #fff; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(21,154,156,.32); }
.btn-ab-escuro{ background: var(--cor3); color: #fff; }
.btn-ab-escuro:hover{ background: #071b21; color: #fff; }
.btn-ab-claro{ background: #fff; color: var(--cor3); }
.btn-ab-claro:hover{ background: #fff; color: var(--cor1); transform: translateY(-2px); }
.btn-ab-linha{ background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55); }
.btn-ab-linha:hover{ background: rgba(255,255,255,.14); color: #fff; }
.btn-ab-contorno{ background: transparent; color: var(--cor1); box-shadow: inset 0 0 0 1.5px var(--cor1); }
.btn-ab-contorno:hover{ background: var(--cor1); color: #fff; }

/* ---------- Barra de topo ---------- */
.barra-topo{
  background: var(--cor3); color: rgba(255,255,255,.75);
  font-size: .82rem; padding: .55rem 0;
}
.barra-topo a{ color: rgba(255,255,255,.75); }
.barra-topo a:hover{ color: #fff; }
.barra-topo .separa{ margin: 0 .9rem; color: rgba(255,255,255,.22); }
.barra-topo i{ color: var(--cor1); }
/* A barra de topo tem de caber sempre numa unica linha */
.barra-topo .topo-esq,
.barra-topo .topo-dir{ white-space: nowrap; }
.barra-topo .topo-esq{ overflow: hidden; text-overflow: ellipsis; }
.etiq-epoca{
  background: rgba(21,154,156,.18); color: #7FE3E4; border-radius: 999px;
  padding: .1rem .8rem; font-size: .74rem; font-weight: 600; white-space: nowrap;
}
.etiq-epoca i{ color: #7FE3E4; }
@media (max-width: 1199px){ .etiq-epoca{ display: none; } }
.rot-idioma{ font-size: .78rem; margin-right: .5rem; color: rgba(255,255,255,.5); }

#google_translate_element{ display: inline-block; }
#google_translate_element .goog-te-gadget{ font-size: 0 !important; color: transparent !important; }
#google_translate_element .goog-te-gadget-simple,
#google_translate_element select{
  background: transparent !important; border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 999px; color: #fff !important; font-size: .78rem !important;
  padding: .15rem .6rem !important; outline: none;
}
#google_translate_element select option{ color: #333; }
body{ top: 0 !important; }
.goog-te-banner-frame{ display: none !important; }

/* ---------- Cabecalho ---------- */
.cabecalho{ background: #fff; padding: 1.1rem 0; border-bottom: 1px solid var(--linha); }
.marca{ display: inline-flex; align-items: center; }
.logo-site{ max-height: 66px; width: auto; }
.marca-texto{
  font-family: 'Outfit', sans-serif; font-size: 1.6rem; font-weight: 700;
  color: var(--cor3); line-height: 1.05; display: inline-block; letter-spacing: -.02em;
}
.marca-texto em{ font-style: normal; color: var(--cor1); }
.marca-texto small{
  display: block; font-family: 'Inter', sans-serif; font-size: .62rem;
  letter-spacing: .2em; text-transform: uppercase; color: var(--texto-suave);
  font-weight: 600; margin-top: .2rem;
}
.rodape-marca{ color: #fff; margin-bottom: 1rem; }
.rodape-marca small{ color: rgba(255,255,255,.45); }
.bloco-info{ display: flex; align-items: center; gap: .8rem; }
.bloco-info .ico{
  width: 44px; height: 44px; border-radius: 14px; flex: 0 0 44px;
  background: var(--areia); color: var(--cor1);
  display: flex; align-items: center; justify-content: center;
}
.bloco-info .rot{ display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; color: var(--texto-suave); }
.bloco-info .val{ display: block; font-weight: 600; color: var(--cor3); font-size: .95rem; }
.bloco-info .val a{ color: var(--cor3); }

/* ---------- Menu ---------- */
.menu-principal{ background: var(--cor3); padding: 0; }
.rot-menu{ color: #fff; font-family: 'Outfit', sans-serif; letter-spacing: .14em; font-size: .85rem; font-weight: 600; }
.menu-principal .navbar-nav .nav-link{
  color: rgba(255,255,255,.8); font-weight: 500; font-size: .88rem;
  text-transform: uppercase; letter-spacing: .07em;
  padding: 1.15rem 1.05rem; position: relative;
}
.menu-principal .navbar-nav .nav-link:hover{ color: #fff; }
.menu-principal .nav-item.active > .nav-link{ color: #fff; }
.menu-principal .nav-item.active > .nav-link::after{
  content:''; position:absolute; left:1.05rem; right:1.05rem; bottom:.7rem;
  height:2px; background: var(--cor1);
}
.botao-menu-reserva{
  background: var(--cor1); color: #fff !important; border-radius: 999px;
  padding: .55rem 1.4rem !important; margin: .5rem 0;
}
.botao-menu-reserva:hover, .botao-menu-reserva.activo{ background: var(--cor2); }
.navbar-toggler{ border: 1px solid rgba(255,255,255,.25); padding: .35rem .6rem; }

/* ---------- Slideshow ---------- */
.hero{ position: relative; }
.hero .carousel-item{
  height: 82vh; min-height: 500px; background-size: cover; background-position: center;
  background-color: var(--cor3);
}
.hero .veu{
  position: absolute; inset: 0;
  background: linear-gradient(to right, rgba(14,42,51,.82) 0%, rgba(14,42,51,.45) 58%, rgba(14,42,51,.22) 100%);
}
.hero .conteudo{ position: absolute; inset: 0; display: flex; align-items: center; }
.hero .etiqueta{
  display: inline-block; color: #fff; font-size: .76rem; letter-spacing: .22em;
  text-transform: uppercase; margin-bottom: 1rem;
  border-left: 3px solid var(--cor1); padding-left: .8rem;
}
.hero h2{ color: #fff; font-size: clamp(2.2rem, 5.4vw, 4.2rem); max-width: 16ch; margin-bottom: 1rem; }
.hero h2 span{ color: #57D4D6; }
.hero p{ color: rgba(255,255,255,.86); max-width: 48ch; font-size: 1.06rem; margin-bottom: 1.8rem; }

.carousel-indicators{ bottom: 26px; }
.carousel-indicators li{
  width: 34px; height: 3px; border-radius: 0; background: rgba(255,255,255,.4);
  transition: all var(--transicao); opacity: 1;
}
.carousel-indicators .active{ background: var(--cor1); height: 5px; }

.hero .carousel-control-prev, .hero .carousel-control-next{ width: 8%; opacity: 0; transition: opacity var(--transicao); }
.hero:hover .carousel-control-prev, .hero:hover .carousel-control-next{ opacity: 1; }
.hero .seta{
  width: 48px; height: 48px; border-radius: 50%;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.3);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 1rem; transition: all var(--transicao);
}
.hero .seta:hover{ background: var(--cor1); border-color: var(--cor1); }
@media (max-width: 991px){
  .hero .carousel-control-prev, .hero .carousel-control-next{ opacity: 1; width: 14%; }
  .hero .seta{ width: 38px; height: 38px; font-size: .85rem; }
}

.carousel-fade .carousel-item{ opacity: 0; transition: opacity .9s ease; }
.carousel-fade .carousel-item.active{ opacity: 1; }
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right{ opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right{ opacity: 0; }
.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev{ transform: none; }

.hero .carousel-item.active .conteudo .container > *{ animation: subir .8s ease both; }
.hero .carousel-item.active .conteudo h2{ animation-delay: .12s; }
.hero .carousel-item.active .conteudo p{ animation-delay: .24s; }
.hero .carousel-item.active .conteudo .btn{ animation-delay: .34s; }
@keyframes subir{ from{ opacity:0; transform: translateY(18px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){
  .hero .carousel-item.active .conteudo .container > *{ animation: none; }
  .carousel-fade .carousel-item{ transition: none; }
}

/* ---------- Barra de pedido rapido ---------- */
.barra-reserva{
  background: #fff; border-radius: var(--raio); box-shadow: var(--sombra);
  padding: 1.5rem 1.7rem; margin-top: -56px; position: relative; z-index: 5;
}
.barra-reserva label{
  display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .12em;
  color: var(--texto-suave); margin-bottom: .35rem; font-weight: 600;
}
.barra-reserva .form-control{ border: 1px solid var(--linha); border-radius: 10px; height: 48px; font-size: .92rem; }
.barra-reserva .form-control:focus{ border-color: var(--cor1); box-shadow: 0 0 0 3px rgba(21,154,156,.14); }

/* ---------- Seccoes ---------- */
.seccao{ padding: 5.5rem 0; }
.seccao-suave{ background: var(--areia); }
.seccao-escura{ background: var(--cor3); color: rgba(255,255,255,.78); }
.seccao-escura h2, .seccao-escura h3{ color: #fff; }

.etiqueta-seccao{
  display: inline-flex; align-items: center; gap: .7rem;
  font-size: .74rem; letter-spacing: .22em; text-transform: uppercase;
  color: var(--cor1); font-weight: 600; margin-bottom: .8rem;
}
.etiqueta-seccao::before{ content:''; width: 34px; height: 2px; background: var(--cor1); }
.etiqueta-seccao.centro{ justify-content: center; }
.titulo-seccao{ margin-bottom: 1.2rem; }
.texto-intro{ color: var(--texto-suave); font-size: 1.02rem; }
.limitado{ max-width: 62ch; }

/* ---------- Foto de destaque ---------- */
.foto-sobre{
  width: 100%; height: 470px; object-fit: cover;
  border-radius: var(--raio); box-shadow: var(--sombra);
}
.foto-logo{
  object-fit: contain; background: #fff; padding: 3rem; height: 360px;
  border: 1px solid var(--linha); box-shadow: var(--sombra-leve);
}
.foto-vazia{ background: linear-gradient(135deg, var(--cor1) 0%, var(--cor3) 100%); opacity: .16; }
.selo-destaque{
  position: absolute; right: -14px; bottom: -20px;
  background: var(--cor1); color: #fff; border-radius: var(--raio);
  padding: 1.1rem 1.6rem; text-align: center;
  box-shadow: 0 14px 34px rgba(21,154,156,.38);
}
.selo-destaque strong{ display: block; font-family: 'Outfit', sans-serif; font-size: 2.4rem; line-height: 1; font-weight: 700; }
.selo-destaque span{ font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; }
@media (max-width: 991px){
  .foto-sobre{ height: 300px; }
  .foto-logo{ height: 240px; padding: 2rem; }
  .selo-destaque{ right: 10px; }
}

.lista-check{ list-style: none; padding: 0; margin: 1.4rem 0 0; }
.lista-check li{ padding: .35rem 0; display: flex; gap: .8rem; align-items: flex-start; }
.lista-check i{ color: var(--cor1); margin-top: .35rem; }

/* ---------- Cartoes de comodidade ---------- */
.cartao-comodidade{
  background: #fff; border: 1px solid var(--linha); border-radius: var(--raio);
  padding: 2rem 1.6rem; height: 100%; text-align: center; transition: all var(--transicao);
}
.cartao-comodidade:hover{ transform: translateY(-6px); box-shadow: var(--sombra); border-color: transparent; }
.cartao-comodidade .ico{
  width: 62px; height: 62px; border-radius: 18px; margin: 0 auto 1.1rem;
  background: var(--areia); color: var(--cor1);
  display: flex; align-items: center; justify-content: center; font-size: 1.4rem;
  transition: all var(--transicao);
}
.cartao-comodidade:hover .ico{ background: var(--cor1); color: #fff; }
.cartao-comodidade h3{ font-size: 1.05rem; margin-bottom: .4rem; }
.cartao-comodidade p{ color: var(--texto-suave); font-size: .9rem; margin: 0; }

/* ---------- Cartao de servico (linha) ---------- */
.cartao-servico{
  background: #fff; border: 1px solid var(--linha); border-radius: var(--raio);
  padding: 1.5rem 1.4rem; height: 100%; display: flex; gap: 1rem; align-items: flex-start;
  transition: all var(--transicao);
}
.cartao-servico:hover{ transform: translateY(-4px); box-shadow: var(--sombra); border-color: transparent; }
.cartao-servico .ico{
  width: 46px; height: 46px; border-radius: 14px; flex: 0 0 46px;
  background: var(--areia); color: var(--cor1);
  display: flex; align-items: center; justify-content: center; font-size: 1.1rem;
  transition: all var(--transicao);
}
.cartao-servico:hover .ico{ background: var(--cor1); color: #fff; }
.cartao-servico h3{ font-size: .98rem; margin-bottom: .3rem; }
.cartao-servico p{ margin: 0; color: var(--texto-suave); font-size: .86rem; line-height: 1.6; }

/* ---------- Cartao com imagem ---------- */
.cartao-foto{
  background: #fff; border-radius: var(--raio); overflow: hidden;
  box-shadow: var(--sombra-leve); height: 100%;
  display: flex; flex-direction: column; transition: all var(--transicao);
}
.cartao-foto:hover{ transform: translateY(-6px); box-shadow: var(--sombra); }
.cartao-foto .imagem{
  height: 240px; background: var(--areia) center/cover no-repeat;
  position: relative; display: block;
}
.cartao-foto .imagem .sem-foto{
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: var(--cor1); opacity: .28; font-size: 2.4rem;
}
.cartao-foto .etiq{
  position: absolute; left: 0; bottom: 0; background: var(--cor1); color: #fff;
  padding: .4rem 1rem; font-size: .8rem; font-weight: 600; border-top-right-radius: var(--raio);
}
.cartao-foto .corpo{ padding: 1.6rem; flex: 1; display: flex; flex-direction: column; }
.cartao-foto h3{ margin-bottom: .5rem; }
.cartao-foto p{ color: var(--texto-suave); font-size: .92rem; }
.cartao-foto .caracteristicas{
  list-style: none; padding: 0; margin: .8rem 0 1.2rem;
  display: flex; flex-wrap: wrap; gap: .5rem .9rem; font-size: .84rem; color: var(--texto-suave);
}
.cartao-foto .caracteristicas i{ color: var(--cor1); margin-right: .35rem; }
.cartao-foto .rodape-cartao{ margin-top: auto; }

/* ---------- Tarifario ---------- */
.cartao-preco{
  background: #fff; border: 1px solid var(--linha); border-radius: var(--raio);
  overflow: hidden; height: 100%; display: flex; flex-direction: column;
  transition: all var(--transicao);
}
.cartao-preco:hover{ transform: translateY(-6px); box-shadow: var(--sombra); border-color: transparent; }
.cartao-preco .imagem{ height: 190px; background: var(--areia) center/cover no-repeat; position: relative; }
.cartao-preco .imagem .sem-foto{
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: var(--cor1); opacity: .28; font-size: 2.2rem;
}
.cartao-preco .corpo{ padding: 1.6rem; flex: 1; display: flex; flex-direction: column; }
.cartao-preco h3{ font-size: 1.05rem; text-transform: uppercase; letter-spacing: .04em; margin-bottom: .2rem; }
.cartao-preco .valor{
  font-family: 'Outfit', sans-serif; font-size: 2.3rem; font-weight: 700;
  color: var(--cor1); line-height: 1; margin: .6rem 0 .1rem;
}
.cartao-preco .unidade{ font-size: .82rem; color: var(--texto-suave); }
.cartao-preco .nota{ font-size: .84rem; color: var(--texto-suave); margin-top: .7rem; }
.cartao-preco .inclui{
  list-style: none; padding: 0; margin: 1rem 0 1.2rem; font-size: .86rem; color: var(--texto-suave);
}
.cartao-preco .inclui li{ padding: .18rem 0; }
.cartao-preco .inclui i{ color: var(--cor1); width: 18px; margin-right: .4rem; }
.cartao-preco .rodape-cartao{ margin-top: auto; }

.tabela-precos{ width: 100%; font-size: .93rem; }
.tabela-precos th{
  font-size: .72rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--texto-suave); font-weight: 600; border-bottom: 2px solid var(--linha); padding: .8rem .6rem;
}
.tabela-precos td{ padding: .8rem .6rem; border-bottom: 1px solid var(--linha); vertical-align: middle; }
.tabela-precos tr:last-child td{ border-bottom: 0; }
.tabela-precos .preco{ font-weight: 700; color: var(--cor1); font-family: 'Outfit', sans-serif; font-size: 1.05rem; }

/* ---------- Numeros ---------- */
.cartao-numero{ text-align: center; padding: 1.2rem .5rem; }
.cartao-numero .valor{
  display: block; font-family: 'Outfit', sans-serif; font-size: 2.9rem; font-weight: 700;
  color: var(--cor1); line-height: 1;
}
.cartao-numero .rotulo{
  display: block; font-size: .76rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--texto-suave); margin-top: .5rem;
}
.seccao-escura .cartao-numero .rotulo{ color: rgba(255,255,255,.6); }

/* ---------- Faixa de titulo ---------- */
.faixa-pagina{
  position: relative; padding: 5.5rem 0 4rem;
  background: var(--cor3) center/cover no-repeat;
}
.faixa-pagina .veu{ position: absolute; inset: 0; background: rgba(14,42,51,.7); }
.faixa-pagina .container{ position: relative; }
.faixa-pagina h1{ color: #fff; margin: 0; }
.faixa-pagina .caminho{ color: rgba(255,255,255,.6); font-size: .82rem; margin-bottom: .6rem; }
.faixa-pagina .caminho a{ color: rgba(255,255,255,.85); }

/* ---------- Galeria ---------- */
.filtros{ text-align: center; margin-bottom: 2.4rem; }
.filtros button{
  background: transparent; border: 1px solid var(--linha); border-radius: 999px;
  padding: .42rem 1.15rem; margin: .25rem; font-size: .85rem; color: var(--texto-suave);
  transition: all var(--transicao);
}
.filtros button:hover, .filtros button.activo{ background: var(--cor1); border-color: var(--cor1); color: #fff; }

.item-galeria{
  display: block; position: relative; overflow: hidden;
  border-radius: var(--raio); margin-bottom: 1.5rem; background: var(--areia);
}
.item-galeria img{ width: 100%; height: 230px; object-fit: cover; transition: transform .5s ease; display: block; }
.item-galeria:hover img{ transform: scale(1.07); }
.item-galeria .veu{ position: absolute; inset: 0; background: rgba(14,42,51,.42); opacity: 0; transition: opacity var(--transicao); }
.item-galeria:hover .veu{ opacity: 1; }
.item-galeria .lupa{
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 1.4rem; opacity: 0; transition: opacity var(--transicao);
}
.item-galeria:hover .lupa{ opacity: 1; }
.item-galeria .legenda{
  position: absolute; left: 0; right: 0; bottom: 0; padding: 1.4rem 1rem .9rem;
  background: linear-gradient(transparent, rgba(14,42,51,.88)); color: #fff;
  font-size: .88rem; transform: translateY(8px); opacity: 0; transition: all var(--transicao);
}
.item-galeria:hover .legenda{ transform: translateY(0); opacity: 1; }

/* ---------- Pontos de interesse ---------- */
.cartao-poi{
  background: #fff; border-radius: var(--raio); overflow: hidden; height: 100%;
  box-shadow: var(--sombra-leve); transition: all var(--transicao);
  display: flex; flex-direction: column;
}
.cartao-poi:hover{ transform: translateY(-5px); box-shadow: var(--sombra); }
.cartao-poi .topo{ padding: 1.4rem 1.5rem .2rem; display: flex; align-items: center; gap: .9rem; }
.cartao-poi .ico{
  width: 46px; height: 46px; border-radius: 14px; flex: 0 0 46px;
  background: var(--areia); color: var(--cor1);
  display: flex; align-items: center; justify-content: center;
}
.cartao-poi h3{ font-size: 1.05rem; margin: 0; }
.cartao-poi .dist{ font-size: .76rem; color: var(--cor1); letter-spacing: .06em; text-transform: uppercase; }
.cartao-poi p{ padding: .6rem 1.5rem 1.5rem; margin: 0; color: var(--texto-suave); font-size: .92rem; }

/* ---------- Titulo de grupo ---------- */
.titulo-grupo{
  font-size: 1.2rem; color: var(--cor3); margin: 2.2rem 0 1.4rem;
  padding-bottom: .7rem; border-bottom: 1px solid var(--linha);
}
.titulo-grupo i{ color: var(--cor1); }

/* ---------- Faixa da albufeira ---------- */
.faixa-agua{
  background: linear-gradient(135deg, var(--cor3) 0%, var(--cor2) 100%);
  border-radius: var(--raio); padding: 3rem; color: rgba(255,255,255,.82);
  position: relative; overflow: hidden;
}
.faixa-agua h2{ color: #fff; }
.faixa-agua .texto-intro{ color: rgba(255,255,255,.8); }
.faixa-agua .etiqueta-seccao{ color: #7FE3E4; }
.faixa-agua .etiqueta-seccao::before{ background: #7FE3E4; }
.selo-agua{
  display: inline-block; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--raio); padding: 1.4rem 1.8rem; text-align: center;
}
.selo-agua .n{ display: block; font-family: 'Outfit', sans-serif; font-size: 2.6rem; font-weight: 700; line-height: 1; color: #fff; }
.selo-agua .rot{ display: block; margin-top: .4rem; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: #7FE3E4; font-weight: 600; }
@media (max-width: 991px){ .faixa-agua{ padding: 1.8rem; text-align: center; } }

/* ---------- Coordenadas ---------- */
.caixa-coord{
  display: inline-block; background: var(--cor3); color: #fff;
  border-radius: var(--raio); padding: .9rem 1.4rem; margin-top: 1.2rem;
}
.caixa-coord .rot{
  display: block; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
  color: rgba(255,255,255,.5); margin-bottom: .2rem;
}
.caixa-coord strong{ font-size: 1.05rem; letter-spacing: .02em; }

/* ---------- Formularios ---------- */
.caixa-form{
  background: #fff; border: 1px solid var(--linha); border-radius: var(--raio);
  padding: 2.4rem; box-shadow: var(--sombra-leve);
}
.caixa-form label{
  font-size: .78rem; text-transform: uppercase; letter-spacing: .1em;
  color: var(--texto-suave); font-weight: 600; margin-bottom: .4rem;
}
.caixa-form .form-control{
  border: 1px solid var(--linha); border-radius: 10px; padding: .7rem .9rem;
  height: auto; font-size: .95rem;
}
.caixa-form textarea.form-control{ min-height: 130px; }
.caixa-form .form-control:focus{ border-color: var(--cor1); box-shadow: 0 0 0 3px rgba(21,154,156,.14); }
.caixa-form .ajuda{
  display: block; margin-top: .35rem; font-size: .78rem; color: var(--texto-suave);
  text-transform: none; letter-spacing: 0;
}
.obrigatorio{ color: #C0392B; }

.aviso{ border-radius: var(--raio); padding: 1rem 1.2rem; font-size: .92rem; }
.aviso-ok{ background: #E6F5F5; color: #0D6E70; border: 1px solid #BEE4E4; }
.aviso-erro{ background: #FCECEA; color: #A03024; border: 1px solid #F3CCC7; }

/* ---------- Contactos ---------- */
.cartao-contacto{
  background: #fff; border: 1px solid var(--linha); border-radius: var(--raio);
  padding: 1.8rem; height: 100%; display: flex; gap: 1.1rem; align-items: flex-start;
}
.cartao-contacto .ico{
  width: 48px; height: 48px; border-radius: 14px; flex: 0 0 48px;
  background: var(--cor1); color: #fff;
  display: flex; align-items: center; justify-content: center;
}
.cartao-contacto h3{ font-size: 1rem; margin-bottom: .3rem; }
.cartao-contacto p{ margin: 0; color: var(--texto-suave); font-size: .93rem; }
.mapa-embed{ border: 0; width: 100%; height: 420px; border-radius: var(--raio); }

/* ---------- Faixa CTA ---------- */
.faixa-cta{ background: var(--cor1); color: #fff; padding: 3.4rem 0; }
.faixa-cta h2{ color: #fff; margin-bottom: .35rem; }
.faixa-cta p{ margin: 0; color: rgba(255,255,255,.88); }

/* ---------- Rodape ---------- */
.rodape{ background: var(--cor3); color: rgba(255,255,255,.62); padding: 4rem 0 1.5rem; font-size: .92rem; }
.rodape h5{
  color: #fff; font-size: .82rem; letter-spacing: .16em; text-transform: uppercase;
  margin-bottom: 1.2rem; font-family: 'Inter', sans-serif; font-weight: 600;
}
.rodape a{ color: rgba(255,255,255,.62); }
.rodape a:hover{ color: var(--cor1); }
.logo-rodape{ max-height: 60px; margin-bottom: 1rem; }
.rodape .lista{ list-style: none; padding: 0; margin: 0; }
.rodape .lista li{ margin-bottom: .55rem; }
.rodape .lista i{ color: var(--cor1); width: 18px; margin-right: .3rem; }
.icones-sociais a{
  width: 36px; height: 36px; border-radius: 12px; background: rgba(255,255,255,.08);
  display: inline-flex; align-items: center; justify-content: center; margin-right: .45rem;
  transition: all var(--transicao);
}
.icones-sociais a:hover{ background: var(--cor1); color: #fff; }
.rnal{ font-size: .78rem; color: rgba(255,255,255,.45); }
.linha-copyright{
  border-top: 1px solid rgba(255,255,255,.09); margin-top: 2rem; padding-top: 1.4rem;
  font-size: .82rem; color: rgba(255,255,255,.45);
}
.linha-copyright a{ color: var(--cor1); }
.link-admin{ color: rgba(255,255,255,.35) !important; }
.link-admin:hover{ color: var(--cor1) !important; }

/* ---------- Botao flutuante ---------- */
.flutuante{
  position: fixed; right: 16px; bottom: 16px; z-index: 900;
  background: var(--cor1); color: #fff; border-radius: 999px;
  padding: .8rem 1.4rem; font-weight: 600; font-size: .9rem;
  box-shadow: 0 10px 28px rgba(21,154,156,.45);
}
.flutuante:hover{ color: #fff; background: var(--cor2); }
.flutuante i{ margin-right: .5rem; }

/* ---------- Movel ---------- */
@media (max-width: 991px){
  .seccao{ padding: 3.5rem 0; }
  .hero .carousel-item{ height: 66vh; min-height: 420px; }
  .barra-reserva{ margin-top: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--linha); }
  .cabecalho{ padding: .9rem 0; }
  .logo-site{ max-height: 50px; }
  .faixa-pagina{ padding: 3.5rem 0 2.5rem; }
  .faixa-cta{ text-align: center; }
}