/* ==========================================================
   LUNAS TOUR - CUSTOM.CSS
   Arquivo global de estilos
   Local sugerido: assets/css/custom.css

   Observação:
   - Este arquivo substitui os blocos <style> do index.asp.
   - Deve ser carregado depois do theme.min.css e depois dos ícones.
   - As cores abaixo ficam centralizadas em :root para facilitar manutenção.
========================================================== */

/* ==========================================================
   01. VARIÁVEIS GLOBAIS / IDENTIDADE VISUAL
   Local no HTML: usado em todas as páginas
========================================================== */

:root{
  --lt-primary:#1BB6C9;
  --lt-primary-hover:#1398A8;
  --lt-dark:#102F39;
  --lt-light:#E9FAFC;
  --lt-text:#122B35;
  --lt-soft:#E9FAFC;
  --lt-gradient:linear-gradient(135deg,#1BB6C9 0%,#60CCD8 50%,#F4FCFD 100%);
}

/* ==========================================================
   02. BASE GLOBAL / CORREÇÕES GERAIS
   Local no HTML: html, body, page-wrapper e textos gerais
========================================================== */

html{
  scroll-behavior:smooth;
  overflow-x:hidden;
}

body{
  overflow-x:hidden;
  color:var(--lt-text);
  background:#fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
li,
a,
label,
small,
strong{
  visibility:visible;
}

.page-wrapper{
  opacity:1;
  visibility:visible;
}

.text-lt{
  color:var(--lt-primary)!important;
}

.bg-lt-soft{
  background:var(--lt-light)!important;
}

.section-title{
  letter-spacing:-.035em;
  color:var(--lt-dark);
  margin-bottom:1.5rem;
}

.letter-spacing-2{
  letter-spacing:2px;
}

/* ==========================================================
   03. BOTÕES
   Local no HTML: botões gerais, CTA, hero e formulários
========================================================== */

.btn-lt{
  background:var(--lt-primary);
  border-color:var(--lt-primary);
  color:#fff;
  box-shadow:0 14px 30px rgba(27,182,201,.28);
}

.btn-lt:hover{
  background:var(--lt-primary-hover);
  border-color:var(--lt-primary-hover);
  color:#fff;
  transform:translateY(-1px);
}

.btn-outline-lt{
  border-color:var(--lt-primary);
  color:var(--lt-primary);
}

.btn-outline-lt:hover{
  background:var(--lt-primary);
  color:#fff;
}

.btn-whatsapp-hero{
  background:#25D366!important;
  border-color:#25D366!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(37,211,102,.35);
}

.btn-whatsapp-hero:hover{
  background:#1ebe5d!important;
  border-color:#1ebe5d!important;
  color:#fff!important;
  transform:translateY(-1px);
}

/* ==========================================================
   04. PRELOADER / CARREGAMENTO
   Local no HTML: <div class="page-loading active">
========================================================== */

.page-loading{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  transition:all .4s .2s ease-in-out;
  background:#fff;
  opacity:0;
  visibility:hidden;
  z-index:9999;
}

.page-loading.active{
  opacity:1;
  visibility:visible;
  animation:ltPreloaderFallback .35s ease 2.5s forwards;
}

.page-loading-inner{
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  text-align:center;
  transform:translateY(-50%);
}

.page-spinner{
  display:inline-block;
  width:2.75rem;
  height:2.75rem;
  margin-bottom:.75rem;
  background:var(--lt-primary);
  border-radius:50%;
  animation:spinner .75s linear infinite;
}

@keyframes spinner{
  0%{
    transform:scale(0);
  }

  50%{
    opacity:1;
    transform:none;
  }
}

@keyframes ltPreloaderFallback{
  to{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
}

/* ==========================================================
   05. HEADER / MENU SUPERIOR
   Local no HTML: <header class="navbar navbar-expand-lg fixed-top">
========================================================== */

.navbar{
  backdrop-filter:blur(16px);
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(25,72,86,.08);
}

.brand-logo{
  height:58px;
  width:auto;
}

@media(min-width:992px){
  .navbar .nav-link{
    transition:color .25s ease;
  }
}

/* Menu mobile controlado via JS */
@media(max-width:991.98px){
  #navbarNav{
    display:none!important;
  }

  #navbarNav.menu-mobile-aberto{
    display:block!important;
    background:#fff;
    padding:1rem;
    margin-top:.75rem;
    border-radius:1rem;
    box-shadow:0 18px 45px rgba(25,72,86,.12);
  }
}

/* ==========================================================
   06. HERO PRINCIPAL
   Local no HTML: <section class="hero-lunas" id="top">
========================================================== */

.hero-lunas{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 80% 20%,rgba(96,204,216,.30),transparent 34%),
    linear-gradient(135deg,#f4fcfd 0%,#dff7fb 45%,#ffffff 100%);
}

.hero-lunas:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../../images/banner-lunas.jpg') center center/cover no-repeat;
  opacity:.80;
  filter:saturate(1.15) contrast(1.05) brightness(1.03);
}

.hero-lunas>*{
  position:relative;
  z-index:1;
}

.hero-badge{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  background:#fff;
  border:1px solid rgba(27,182,201,.22);
  border-radius:999px;
  padding:.55rem 1rem;
  color:var(--lt-dark);
  box-shadow:0 12px 30px rgba(25,72,86,.08);
}

.hero-title{
  font-size:clamp(2rem,4vw,4.2rem);
  letter-spacing:-.045em;
  line-height:1.05;
  color:var(--lt-dark);
}

.hero-title-shadow{
  text-shadow:
    0 4px 12px rgba(0,0,0,.65),
    0 10px 28px rgba(0,0,0,.45);
}

.hero-text-glow{
  color:#fff !important;
  font-weight:500;
  text-shadow:
    0 2px 4px rgba(0,0,0,.75),
    0 8px 24px rgba(0,0,0,.55),
    0 0 40px rgba(0,0,0,.45);
}

.hero-card{
  background:rgba(255,255,255,.84);
  border:1px solid rgba(27,182,201,.18);
  border-radius:2rem;
  box-shadow:0 24px 70px rgba(25,72,86,.14);
  backdrop-filter:blur(14px);
}

.hero-stats .hero-card strong{
  display:block;
  font-size:1.65rem;
  line-height:1.1;
  color:var(--lt-dark);
  font-weight:800;
}

.hero-stats .hero-card small{
  color:#102f39!important;
  font-weight:600;
}

.hero-person-wrapper{
  display:flex;
  justify-content:center;
  align-items:flex-end;
}

.hero-person-img{
  max-height:560px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.28));
}

.floating-logo{
  max-width:360px;
  width:100%;
  filter:drop-shadow(0 25px 35px rgba(25,72,86,.18));
}

@media(max-width:991.98px){
  .hero-person-wrapper{
    display:none!important;
  }
}

/* ==========================================================
   07. HERO INTERNO / PÁGINAS DE POLÍTICAS
   Local no HTML: <section class="hero-lunas hero-interna">
========================================================== */

.hero-interna{
  min-height:420px;
  padding-top:7rem;
  padding-bottom:4rem;
}

.hero-interna .hero-title,
.hero-interna p,
.hero-interna .hero-badge{
  text-shadow:
    0 4px 12px rgba(0,0,0,.65),
    0 10px 28px rgba(0,0,0,.45);
}

.hero-interna .hero-badge{
  text-shadow:none;
}

/* ==========================================================
   08. ESPAÇAMENTO ENTRE SEÇÕES
   Local no HTML: main.page-wrapper > section
========================================================== */

main.page-wrapper > section:not(.hero-lunas){
  padding-top: 3rem!important;
  padding-bottom: 3rem!important;
}

main.page-wrapper > section.container:not(.hero-lunas){
  margin-top:0;
  margin-bottom:0;
}

#sobre,
#diferenciais,
#faq{
  scroll-margin-top:95px;
}

#servicos,
#experiencias,
#contato{
  scroll-margin-top:95px;
}

/* ==========================================================
   09. CARDS GERAIS
   Local no HTML: .lt-card, cards do sobre, contato, diferenciais
========================================================== */

.lt-card{
  border:1px solid rgba(25,72,86,.08);
  border-radius:1.5rem;
  background:#fff;
  box-shadow:0 16px 42px rgba(25,72,86,.07);
  transition:.25s ease;
  height:100%;
}

.lt-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 55px rgba(25,72,86,.12);
}

.lt-icon{
  width:3.25rem;
  height:3.25rem;
  border-radius:1rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--lt-soft);
  color:var(--lt-primary);
  font-size:1.45rem;
}

/* ==========================================================
   10. SERVIÇOS
   Local no HTML: <section id="servicos"> / .service-card
========================================================== */

.service-card{
  min-height:280px;
  background:#fff;
  border-radius:28px;
  border:1px solid rgba(0,0,0,.04);
  transition:all .35s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.service-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px rgba(0,0,0,.08);
}

.service-watermark{
  position:absolute;
  right:-25px;
  bottom:-20px;
  width:190px;
  opacity:.15;
  pointer-events:none;
  z-index:1;
  transition:all .4s ease;
}

.service-card:hover .service-watermark{
  transform:scale(1.05);
  opacity:.22;
}

.service-title{
  font-size:1.45rem;
  font-weight:700;
  line-height:1.3;
  color:#1f1f1f;
  max-width:85%;
}

.service-text{
  font-size:.98rem;
  line-height:1.7;
  color:#1d1d1d;
  max-width:85%;
}

.service-link{
  color:var(--lt-primary);
  font-weight:600;
  text-decoration:none;
  transition:all .25s ease;
}

.service-link:hover{
  opacity:.8;
}

/* ==========================================================
   11. DIFERENCIAIS
   Local no HTML: <section class="diferenciais-section" id="diferenciais">
========================================================== */

.diferenciais-section{
  position:relative;
  background-image:url('../../images/diferenciais-bg.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.diferenciais-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      120deg,
      rgba(5, 18, 38, .88) 0%,
      rgba(7, 36, 68, .82) 40%,
      rgba(16, 95, 120, .68) 100%
    );
  z-index:1;
}

.diferenciais-section .lt-card{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  border-radius:22px;
  border:1px solid rgba(255,255,255,.15);
  transition:all .35s ease;
  height:100%;
}

.diferenciais-section .lt-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,0,0,.18);
}

/* =========================================
   DIFERENCIAIS PREMIUM - LUNAS TOUR
========================================= */

.diferenciais-section{
  position:relative;
  background:
    url("images/diferenciais-bg.jpg") center center/cover no-repeat;
}

/* Overlay azul elegante */
.diferenciais-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      120deg,
      rgba(27,182,201,.92) 0%,
      rgba(27,182,201,.72) 28%,
      rgba(255,255,255,.38) 68%,
      rgba(255,255,255,.08) 100%
    );
  z-index:1;
}

/* brilho suave */
.diferenciais-section::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  background:rgba(27,182,201,.14);
  filter:blur(90px);
  top:-140px;
  right:-120px;
  z-index:1;
}

.diferenciais-section::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(27,182,201,.10);
  filter:blur(90px);
  bottom:-160px;
  left:-120px;
  z-index:1;
}

/* texto */
.diferenciais-section .section-title{
  text-shadow:
    0 4px 18px rgba(0,0,0,.35);
}

.diferenciais-section p{
  text-shadow:
    0 2px 12px rgba(0,0,0,.25);
}

/* cards glass */
.diferenciais-section .lt-card{
  position:relative;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(14px);
  border-radius:24px;
  transition:.35s ease;
  overflow:hidden;
  box-shadow:
    0 10px 30px rgba(0,0,0,.18);
}

/* glow interno */
.diferenciais-section .lt-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,0)
    );
  z-index:0;
}

.diferenciais-section .lt-card > *{
  position:relative;
  z-index:1;
}

/* hover elegante */
.diferenciais-section .lt-card:hover{
  transform:translateY(-6px);
  border-color:rgba(27,182,201,.55);
  box-shadow:
    0 18px 40px rgba(0,0,0,.28),
    0 0 30px rgba(27,182,201,.18);
}

/* títulos cards */
.diferenciais-section .lt-card h3{
  color:#000000;
  font-weight:700;
  margin-bottom:.7rem;
}

/* textos cards */
.diferenciais-section .lt-card p{
  color:rgba(10, 10, 10, 0.78) !important;
}

/* botão */
.diferenciais-section .btn-lt{
  box-shadow:
    0 14px 30px rgba(27,182,201,.35);
}

.diferenciais-section .btn-lt:hover{
  transform:translateY(-2px);
}

/* ==========================================================
   12. GALERIA / EXPERIÊNCIAS
   Local no HTML: <section id="experiencias"> / .gallery-img
========================================================== */

.gallery-img{
  height:320px;
  object-fit:cover;
  border-radius:1.5rem;
  box-shadow:0 18px 45px rgba(25,72,86,.12);
}

/* ==========================================================
   13. CTA COM IMAGEM
   Local no HTML: .cta-box-img / .cta-photo
========================================================== */

.cta-box-img{
  border-radius:32px;
  background:linear-gradient(135deg,var(--lt-primary),#7a3f13);
  position:relative;
  box-shadow:0 24px 60px rgba(0,0,0,.12);
}

.cta-photo{
  height:100%;
  min-height:320px;
  position:relative;
}

.cta-photo img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  display:block;
}

@media(min-width:992px){
  .cta-photo img{
    border-radius:0 32px 32px 0;
  }
}

@media(max-width:991px){
  .cta-photo{
    min-height:260px;
  }

  .cta-photo img{
    min-height:260px;
    border-radius:0 0 32px 32px;
  }
}

/* ==========================================================
   14. FAQ
   Local no HTML: <section id="faq"> / .faq-image-wrapper
========================================================== */

.faq-image-wrapper{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:2rem;
  overflow:hidden;
}

.faq-image{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
  display:block;
}

@media(min-width:992px){
  .faq-image-wrapper{
    height:520px;
    margin-top:2.5rem;
  }

  .faq-image{
    max-height:100%;
  }
}

@media(max-width:991px){
  .faq-image-wrapper{
    height:auto;
    margin-top:2rem;
  }

  .faq-image{
    max-height:360px;
  }
}

@media(max-width:575px){
  .faq-image{
    max-height:280px;
  }
}

/* ==========================================================
   15. CONTATO
   Local no HTML: <section id="contato"> / .contact-icon
========================================================== */

.contact-icon{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  background:rgba(13,110,253,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--lt-primary);
  font-size:1.1rem;
  margin-top:2px;
  transition:.3s ease;
}

.lt-card p:hover .contact-icon{
  transform:translateY(-2px);
  background:var(--lt-primary);
  color:#fff;
}

/* ==========================================================
   16. ANIMAÇÕES SUBSTITUTAS DO AOS
   Local no HTML: elementos com data-aos
========================================================== */

[data-aos]{
  opacity:1!important;
  visibility:visible!important;
}

.lt-animate{
  opacity:0!important;
  transition:opacity .7s ease, transform .7s ease;
}

.lt-animate[data-aos="fade-up"]{
  transform:translateY(32px);
}

.lt-animate[data-aos="fade-right"]{
  transform:translateX(-32px);
}

.lt-animate[data-aos="fade-left"]{
  transform:translateX(32px);
}

.lt-animate[data-aos="zoom-in"]{
  transform:scale(.94);
}

.lt-animate.lt-animate-show{
  opacity:1!important;
  transform:none!important;
}

/* ==========================================================
   17. BOTÃO VOLTAR AO TOPO
   Local no HTML: .btn-scroll-top
========================================================== */

.btn-scroll-top{
  position:fixed;
  right:22px;
  bottom:92px;
  z-index:1039;
  width:46px;
  height:46px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:var(--lt-primary);
  box-shadow:0 14px 32px rgba(25,72,86,.18);
  border:1px solid rgba(25,72,86,.10);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:all .25s ease;
  text-decoration:none;
}

.btn-scroll-top.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.btn-scroll-top svg{
  display:none;
}

.btn-scroll-top:hover{
  background:var(--lt-primary);
  color:#fff;
  transform:translateY(-2px);
}

/* ==========================================================
   18. RODAPÉ
   Local no HTML: <footer class="footer-lunas">
========================================================== */

.footer-lunas{
  background:#1BB6C9;
  color:#fff;
}

.footer-social{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.75rem;
  margin:1.1rem 0;
}

.footer-social a{
  width:44px;
  height:44px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  font-size:1.1rem;
  transition:all .25s ease;
  text-decoration:none;
}

.footer-social a:hover{
  background:var(--lt-primary);
  border-color:var(--lt-primary);
  color:#fff;
  transform:translateY(-3px);
}

.footer-link-activon{
  color:#fff;
  text-decoration:none;
  transition:all .3s ease;
}

.footer-link-activon:hover{
  color:#fff;
  text-shadow:0 0 8px rgba(255,255,255,.8);
  opacity:1;
}

.footer-policy-links{
  text-align:center;
  margin-bottom:12px;
  color:rgba(255,255,255,.65);
}

.footer-policy-links a{
  color:rgba(255,255,255,.8);
  text-decoration:none;
  transition:all .3s ease;
  font-size:.95rem;
}

.footer-policy-links a:hover{
  color:#fff;
  text-shadow:0 0 8px rgba(255,255,255,.7);
}

.footer-policy-links span{
  margin:0 10px;
  color:rgba(255,255,255,.4);
}

/* ==========================================================
   19. AVISO DE COOKIES
   Local no HTML: <div id="cookieConsent" class="cookie-consent">
========================================================== */

.cookie-consent{
  position:fixed;
  left:20px;
  right:20px;
  bottom:20px;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
  background:rgba(20,20,20,.96);
  color:#fff;
  border-radius:18px;
  box-shadow:0 10px 35px rgba(0,0,0,.35);
}

.cookie-consent-text{
  font-size:.95rem;
  line-height:1.5;
  color:rgba(255,255,255,.8);
}

.cookie-consent-text a{
  color:#fff;
  text-decoration:none;
  font-weight:600;
}

.cookie-consent-text a:hover{
  text-decoration:underline;
}

.cookie-consent-btn{
  border:0;
  background:#fff;
  color:#222;
  border-radius:999px;
  padding:10px 24px;
  font-weight:600;
  cursor:pointer;
  transition:all .3s ease;
  white-space:nowrap;
}

.cookie-consent-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(255,255,255,.25);
}

/* ==========================================================
   20. RESPONSIVO GERAL
   Local no HTML: ajustes globais para tablets e celulares
========================================================== */

@media(max-width:991px){
  .service-card{
    min-height:250px;
  }

  .service-watermark{
    width:150px;
  }

  .service-title{
    font-size:1.25rem;
    max-width:100%;
  }

  .service-text{
    max-width:100%;
  }
}

@media(max-width:768px){
  .cookie-consent{
    flex-direction:column;
    align-items:flex-start;
  }

  .cookie-consent-btn{
    width:100%;
  }
}

@media(max-width:767.98px){
  .brand-logo{
    height:48px;
  }

  .hero-lunas{
    min-height:auto;
    padding-top:7rem;
    padding-bottom:4rem;
  }

  .hero-card{
    border-radius:1.4rem;
  }

  .gallery-img{
    height:210px;
  }

  .display-5{
    font-size:2rem;
  }

  .py-6{
    padding-top:4rem!important;
    padding-bottom:4rem!important;
  }

  main.page-wrapper > section:not(.hero-lunas){
    padding-top:4.5rem!important;
    padding-bottom:4.5rem!important;
  }

  .btn-scroll-top{
    right:18px;
    bottom:88px;
    width:44px;
    height:44px;
  }
}

/* =========================================
   CTA DESTINO - SEÇÃO COM IMAGEM DE FUNDO
========================================= */

.cta-destino{
  position:relative;
  min-height:620px;
  border-radius:36px;
  overflow:hidden;
  background:url("../images/cta-viagem.png") center center/cover no-repeat;
  box-shadow:0 24px 60px rgba(25,72,86,.12);
}

.cta-destino::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.98) 0%,
    rgba(255,255,255,.88) 28%,
    rgba(255,255,255,.38) 52%,
    rgba(255,255,255,0) 72%
  );
  z-index:1;
}

.cta-destino-content{
  position:relative;
  z-index:4;
  max-width:440px;
  padding:64px 0 230px 38px;
}

.cta-destino-line{
  position:absolute;
  left:0;
  top:64px;
  width:5px;
  height:150px;
  border-radius:999px;
  background:var(--lt-primary);
}

.cta-destino h2{
  margin:0 0 24px 28px;
  font-size:clamp(2.6rem,4.4vw,4.8rem);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:800;
  color:#061832;
}

.cta-destino h2 strong{
  display:inline-block;
  color:var(--lt-primary);
}

.cta-destino p{
  margin:0 0 30px 28px;
  max-width:330px;
  font-size:1.2rem;
  line-height:1.55;
  color:#435066;
}

.cta-destino-btn{
  margin-left:28px;
  background:var(--lt-primary);
  color:#fff;
  border:0;
  padding:.85rem 1.6rem;
  font-weight:700;
  box-shadow:0 12px 26px rgba(27,182,201,.35);
}

.cta-destino-btn:hover{
  background:var(--lt-primary-hover);
  color:#fff;
  transform:translateY(-2px);
}

.cta-destino-features{
  position:absolute;
  left:32px;
  right:32px;
  bottom:28px;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.75);
  border-radius:32px;
  box-shadow:0 18px 45px rgba(25,72,86,.12);
  overflow:hidden;
}

.cta-feature{
  display:flex;
  align-items:center;
  gap:18px;
  padding:28px 34px;
  color:#061832;
}

.cta-feature:not(:last-child){
  border-right:1px solid rgba(25,72,86,.12);
}

.cta-feature span{
  width:54px;
  height:54px;
  min-width:54px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(27,182,201,.10);
  border:1px solid rgba(27,182,201,.25);
  color:var(--lt-primary);
  font-size:1.55rem;
}

.cta-feature strong{
  font-size:1rem;
  line-height:1.25;
  font-weight:800;
}

/* Responsivo */
@media(max-width:991.98px){

  .cta-destino{
    min-height:auto;
    padding-bottom:28px;
    background-position:center right;
    border-radius:28px;
  }

  .cta-destino::before{
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.88) 48%,
      rgba(255,255,255,.48) 100%
    );
  }

  .cta-destino-content{
    padding:48px 26px 30px 34px;
    max-width:100%;
  }

  .cta-destino-line{
    left:24px;
    top:50px;
    height:120px;
  }

  .cta-destino h2{
    margin-left:22px;
    font-size:2.8rem;
  }

  .cta-destino p{
    margin-left:22px;
    max-width:430px;
    font-size:1.05rem;
  }

  .cta-destino-btn{
    margin-left:22px;
  }

  .cta-destino-features{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin:20px 20px 0;
    grid-template-columns:repeat(2,1fr);
  }

  .cta-feature{
    padding:22px;
  }

  .cta-feature:nth-child(2){
    border-right:0;
  }

  .cta-feature:nth-child(1),
  .cta-feature:nth-child(2){
    border-bottom:1px solid rgba(25,72,86,.12);
  }
}

@media(max-width:575px){

  .cta-destino h2{
    font-size:2.35rem;
  }

  .cta-destino-features{
    grid-template-columns:1fr;
  }

  .cta-feature{
    border-right:0 !important;
    border-bottom:1px solid rgba(25,72,86,.12);
  }

  .cta-feature:last-child{
    border-bottom:0;
  }
}

.text-muted_lunas {
    opacity: 1;
    color: #1d1d1d !important;
}

.gallery-img{
    width:100%;
    height:450px;
    object-fit:cover;
    border-radius:24px;
    transition:.4s ease;
}

.gallery-img:hover{
    transform:scale(1.03);
}