:root{
    --azul:#2F4A88;
    --azul-escuro:#16264A;
    --azul-claro:#EAEFF8;
    --sol-laranja:#E08F3D;
    --sol-amarelo:#FFD400;
    --teal:#0E8C82;
    --magenta:#C7549F;
    --magenta-escuro:#8C3870;
    --cinza-bg:#F3F5F8;
    --cinza-borda:#E2E6EC;
    --texto:#262B33;
    --texto-suave:#5B6470;
    --branco:#FFFFFF;
    --radius:12px;
    --max:1200px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0; background:var(--cinza-bg); color:var(--texto);
    font-family:'Inter', sans-serif; line-height:1.55;
  }
  h1,h2,h3{font-family:'Poppins', sans-serif; margin:0; line-height:1.2;}
  p{margin:0;}
  a{color:inherit; text-decoration:none;}
  ul{margin:0; padding:0; list-style:none;}
  button,select,input{font-family:inherit;}
  img,svg{display:block; max-width:100%;}
  :focus-visible{outline:2.5px solid var(--sol-laranja); outline-offset:2px; border-radius:4px;}
  @media (prefers-reduced-motion: reduce){*{transition-duration:.01ms !important; animation-duration:.01ms !important;}}

  .wrap{max-width:var(--max); margin:0 auto; padding:0 24px;}

  .btn{display:inline-flex; align-items:center; gap:8px; padding:13px 26px; border-radius:8px; font-weight:700; font-size:0.95rem; transition:transform .15s, box-shadow .15s, background .15s;}
  .btn-laranja{background:linear-gradient(135deg,var(--sol-laranja),var(--sol-amarelo)); color:var(--azul-escuro);}
  .btn-laranja:hover{filter:brightness(1.05); transform:translateY(-2px); box-shadow:0 10px 22px -8px rgba(224,143,61,.55);}
  .btn-outline{border:1.5px solid var(--branco); color:var(--branco);}
  .btn-outline:hover{background:rgba(255,255,255,.12); transform:translateY(-2px);}
  .btn-azul{background:var(--azul); color:var(--branco); width:100%; text-align:center; justify-content:center;}
  .btn-azul:hover{background:var(--azul-escuro);}

  /* ===== HEADER ===== */
  header{position:sticky; top:0; z-index:100; background:var(--branco); border-bottom:1px solid var(--cinza-borda);}
  .nav{display:flex; align-items:center; justify-content:space-between; height:72px;}
  .brand{display:flex; align-items:center; gap:10px;}
  .brand img{height:48px; width:auto;}
  .nav-links{display:flex; align-items:center; gap:30px;}
  .nav-links a{font-weight:600; font-size:0.92rem; color:var(--texto); transition:color .15s;}
  .nav-links a:hover{color:var(--azul);}
  .nav-cta{display:flex;}
  .nav-toggle{display:none; background:none; border:none; padding:6px;}
  .nav-toggle svg{width:26px; height:26px; color:var(--azul-escuro);}

  @media (max-width:900px){
    .nav-links{position:absolute; top:72px; left:0; right:0; background:var(--branco); flex-direction:column; align-items:flex-start; max-height:0; overflow:hidden; transition:max-height .3s ease; border-bottom:1px solid var(--cinza-borda);}
    .nav-links.open{max-height:420px;}
    .nav-links a{width:100%; padding:15px 24px; border-top:1px solid var(--cinza-borda);}
    .nav-cta{display:none;}
    .nav-toggle{display:block;}
  }

  /* ===== HERO ===== */
  .hero{background:var(--azul-escuro); position:relative; overflow:hidden; min-height:420px; display:flex; align-items:center;}
  .hero-slides{position:absolute; inset:0; z-index:0;}
  .hero-slide{
    position:absolute; inset:0; background-size:cover; background-position:center;
    opacity:0; transition:opacity 2.2s ease;
  }
  .hero-slide.active{opacity:1;}
  .hero-overlay{
    position:absolute; inset:0; z-index:1;
    background:linear-gradient(180deg, rgba(11,21,42,.55) 0%, rgba(15,27,52,.38) 45%, rgba(11,21,42,.7) 100%);
  }
  .hero-inner{position:relative; z-index:2; text-align:center; max-width:780px; margin:0 auto; padding:90px 24px;}
  .hero h1{
    font-family:'Fraunces', serif; font-style:italic; font-weight:500;
    font-size:clamp(1.8rem,4vw,2.9rem); line-height:1.35; color:var(--branco);
    text-shadow:0 2px 18px rgba(0,0,0,.35);
  }

  .hero-dots{display:flex; gap:9px; justify-content:center; margin-top:40px;}
  .hero-dot{width:9px; height:9px; border-radius:50%; border:none; background:rgba(255,255,255,.45); cursor:pointer; transition:background .2s, transform .2s; padding:0;}
  .hero-dot.active{background:var(--sol-amarelo); transform:scale(1.3);}
  .hero-dot:hover{background:rgba(255,255,255,.75);}
  @media (max-width:600px){.hero{min-height:340px;} .hero-inner{padding:48px 22px;}}

  /* ===== PACOTES ===== */
  .pacotes{padding:90px 0 70px;}
  .section-head{max-width:680px; margin-bottom:34px;}
  .section-head .eyebrow{color:var(--magenta-escuro); font-weight:700; letter-spacing:.06em; font-size:0.78rem; text-transform:uppercase;}
  .section-head h2{font-size:clamp(1.7rem,3vw,2.2rem); margin-top:8px; color:var(--azul-escuro);}
  .section-head p{margin-top:12px; color:var(--texto-suave); font-size:1.02rem;}

  .filters{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:34px;}
  .filter-btn{
    padding:9px 18px; border-radius:999px; border:1.5px solid var(--cinza-borda);
    background:var(--branco); font-weight:600; font-size:0.86rem; color:var(--texto-suave); transition:all .15s;
  }
  .filter-btn:hover{border-color:var(--azul); color:var(--azul);}
  .filter-btn.active{background:var(--azul); border-color:var(--azul); color:var(--branco);}

  .grid-pacotes{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
  @media (max-width:1100px){.grid-pacotes{grid-template-columns:repeat(3,1fr);}}
  @media (max-width:820px){.grid-pacotes{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.grid-pacotes{grid-template-columns:1fr;}}

  .pkg{
    background:var(--branco); border-radius:var(--radius); overflow:hidden; position:relative;
    box-shadow:0 10px 24px -16px rgba(7,58,102,.22); border:1px solid var(--cinza-borda);
    display:flex; flex-direction:column; opacity:1; transition:opacity .25s, transform .25s;
  }
  .pkg.hidden{display:none;}
  .pkg-top{padding:20px 18px 14px; color:var(--branco); position:relative; overflow:hidden;}
  .pkg-top-photo{position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(1.35) brightness(1.08) contrast(1.05);}
  .pkg-top-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(22,38,74,0) 40%, rgba(22,38,74,.35) 75%, rgba(22,38,74,.8) 100%);}
  .pkg-top > *:not(.pkg-top-photo):not(.pkg-top-overlay){position:relative; z-index:2;}
  .pkg-top.cat-rodoviario{background:linear-gradient(135deg,var(--azul-escuro),var(--azul));}
  .pkg-top.cat-maritimo{background:linear-gradient(135deg,#075852,var(--teal));}
  .pkg-top.cat-aereo{background:linear-gradient(135deg,var(--magenta-escuro),var(--magenta));}
  .pkg-tags{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px;}
  .tag{font-size:0.66rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:4px 9px; border-radius:999px; background:rgba(255,255,255,.22);}
  .tag.romaria{background:linear-gradient(135deg,var(--sol-laranja),var(--sol-amarelo)); color:var(--azul-escuro);}
  .tag.lazer{background:rgba(255,255,255,.22);}
  .pkg-top h3{font-size:1.08rem; margin-top:2px;}
  .pkg-top .destino{font-size:0.84rem; opacity:.85; margin-top:4px; display:block;}

  .pkg-body{padding:16px 18px 18px; display:flex; flex-direction:column; gap:12px; flex:1;}
  .pkg-dates{display:flex; justify-content:space-between; font-size:0.82rem; color:var(--texto-suave);}
  .pkg-dates strong{display:block; color:var(--texto); font-size:0.9rem;}
  .pkg-price{border-top:1px dashed var(--cinza-borda); padding-top:12px;}
  .pkg-price .principal{font-size:1.02rem; font-weight:700; color:var(--azul-escuro);}
  .pkg-price .desconto{display:block; font-size:0.76rem; color:var(--teal); margin-top:2px; font-weight:600;}
  .pkg-cta{margin-top:auto;}

  /* ===== TRUST STRIP ===== */
  .trust{background:var(--azul-escuro); color:var(--branco); padding:48px 0;}
  .trust h3{font-size:1.2rem; font-weight:600; max-width:880px; margin:0 auto; text-align:center; line-height:1.5;}

  /* ===== FRETAMENTO ===== */
  .fretamento{
    background:linear-gradient(135deg, var(--azul-escuro), var(--azul) 75%);
    color:var(--branco); overflow:hidden; position:relative;
  }
  .fretamento-grid{
    display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:30px;
    padding:80px 0;
  }
  .fretamento-texto h2{font-size:clamp(1.7rem,3.2vw,2.4rem); margin-top:10px;}
  .fretamento-texto p{margin-top:16px; max-width:480px; font-size:1rem; color:#D8E8FA;}
  .fretamento-texto .btn{margin-top:26px;}
  .fretamento-imagem{display:flex; justify-content:center; align-items:center; position:relative;}
  .fretamento-foto-card{
    width:100%; max-width:560px; background:var(--branco);
    border-radius:var(--radius); overflow:hidden;
    box-shadow:0 16px 30px -18px rgba(0,0,0,.5);
  }
  .fretamento-foto-card img{width:100%; display:block;}
  @media (max-width:900px){
    .fretamento-grid{grid-template-columns:1fr; padding:60px 0 50px; text-align:center;}
    .fretamento-texto p{margin-inline:auto;}
    .fretamento-imagem{margin-top:30px;}
  }


  /* ===== SOBRE ===== */
  /* ===== A AGÊNCIA ===== */
  .agencia-hero{
    background:linear-gradient(135deg, var(--azul-escuro), var(--azul) 75%);
    color:var(--branco); padding:64px 0 80px;
  }
  .agencia-hero h1{font-size:clamp(2.1rem,4vw,3rem); margin-top:10px;}
  .agencia-hero p{margin-top:18px; max-width:720px; font-size:1.05rem; color:#D8E8FA; line-height:1.65;}
  .agencia-hero .agencia-destaque{
    margin-top:26px; font-family:'Poppins',sans-serif; font-weight:600; font-size:1.15rem;
    color:var(--branco); border-left:3px solid var(--sol-amarelo); padding-left:18px;
  }

  .mvv{padding:80px 0; background:var(--cinza-bg);}
  .grid-mvv{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
  @media (max-width:880px){.grid-mvv{grid-template-columns:1fr; max-width:480px; margin-inline:auto;}}
  .mvv-card{
    background:var(--branco); border-radius:var(--radius); border:1px solid var(--cinza-borda);
    padding:34px 28px; text-align:center; box-shadow:0 10px 24px -18px rgba(7,58,102,.25);
  }
  .mvv-card svg{
    width:46px; height:46px; color:var(--branco); padding:12px; box-sizing:content-box;
    background:linear-gradient(135deg,var(--azul-escuro),var(--azul)); border-radius:50%; margin-bottom:18px;
  }
  .mvv-card h2{font-size:1.2rem; color:var(--azul-escuro); margin-bottom:12px;}
  .mvv-card p{font-size:0.95rem; color:var(--texto-suave); line-height:1.6;}

  /* ===== CONTATO ===== */
  .grid-contato{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
  @media (max-width:880px){.grid-contato{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.grid-contato{grid-template-columns:1fr; max-width:360px; margin-inline:auto;}}
  .contato-card{
    display:block; background:var(--branco); border-radius:var(--radius); border:1px solid var(--cinza-borda);
    padding:30px 24px; text-align:center; box-shadow:0 10px 24px -18px rgba(7,58,102,.25);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .contato-card:hover{transform:translateY(-4px); box-shadow:0 16px 30px -16px rgba(7,58,102,.32);}
  .contato-icone{
    display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px;
    border-radius:50%; margin-bottom:16px; color:var(--branco);
  }
  .contato-icone svg{width:26px; height:26px;}
  .contato-whatsapp{background:#25D366;}
  .contato-telefone{background:linear-gradient(135deg,var(--azul-escuro),var(--azul));}
  .contato-instagram{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF);}
  .contato-facebook{background:#1877F2;}
  .contato-card h2{font-size:1.05rem; color:var(--azul-escuro); margin-bottom:6px;}
  .contato-card p{font-size:0.9rem; color:var(--texto-suave);}

  /* ===== CTA FINAL ===== */
  .cta-final{background:linear-gradient(135deg,var(--sol-laranja),var(--sol-amarelo)); padding:70px 0; text-align:center; color:var(--azul-escuro);}
  .cta-final h2{font-size:clamp(1.8rem,3.2vw,2.4rem);}
  .cta-final p{margin-top:14px; opacity:.95; max-width:540px; margin-inline:auto;}
  .cta-final .btn{margin-top:26px;}

  /* ===== FOOTER ===== */
  footer{background:#06223D; color:#C9D7E6; padding:60px 0 30px;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px;}
  @media (max-width:820px){.footer-grid{grid-template-columns:1fr; gap:30px;}}
  .footer-grid h4{color:var(--branco); font-family:'Poppins',sans-serif; font-size:0.95rem; margin-bottom:14px;}
  .footer-grid p, .footer-grid a{font-size:0.88rem; line-height:1.7;}
  .footer-grid ul li{margin-bottom:8px;}
  .footer-grid a:hover{color:var(--sol-amarelo);}
  .footer-social{display:flex; gap:14px; margin-top:16px;}
  .footer-social a{width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center;}
  .footer-social svg{width:18px; height:18px;}
  .footer-bottom{margin-top:40px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); font-size:0.78rem; opacity:.6;}

  /* ===== WHATSAPP FLOAT ===== */
  .wa-float{
    position:fixed; bottom:22px; right:22px; z-index:200;
    width:58px; height:58px; border-radius:50%; background:#25D366;
    display:flex; align-items:center; justify-content:center; box-shadow:0 10px 24px -6px rgba(0,0,0,.35);
    transition:transform .15s;
  }
  .wa-float:hover{transform:scale(1.08);}
  .wa-float svg{width:28px; height:28px; color:white;}

  /* ===== PÁGINA DE DETALHES DO PACOTE ===== */
  .voltar-link{display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:0.88rem; color:var(--azul); margin-bottom:20px;}
  .voltar-link svg{width:16px; height:16px;}
  .voltar-link:hover{color:var(--azul-escuro);}

  .pkg-hero{
    border-radius:var(--radius); overflow:hidden; position:relative; color:var(--branco);
    min-height:320px; display:flex; align-items:flex-end;
    margin-bottom:36px;
  }
  .pkg-hero-photo{position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(1.35) brightness(1.08) contrast(1.05);}
  .pkg-hero-overlay{content:'';position:absolute; inset:0; background:linear-gradient(180deg, rgba(22,38,74,0) 30%, rgba(22,38,74,.35) 70%, rgba(22,38,74,.85) 100%);}
  .pkg-hero.cat-rodoviario{background-color:var(--azul-escuro);}
  .pkg-hero.cat-maritimo{background-color:#075852;}
  .pkg-hero.cat-aereo{background-color:var(--magenta-escuro);}
  .pkg-hero-inner{position:relative; z-index:2; padding:34px;}
  .pkg-hero-inner .pkg-tags{margin-bottom:12px;}
  .pkg-hero-inner h1{font-size:clamp(1.7rem,3.4vw,2.4rem);}
  .pkg-hero-inner .destino{display:block; margin-top:8px; font-size:1.05rem; opacity:.9;}

  .pkg-detalhes-grid{display:grid; grid-template-columns:1.6fr 1fr; gap:40px; align-items:start;}
  @media (max-width:880px){.pkg-detalhes-grid{grid-template-columns:1fr;}}

  .pkg-info-card{
    background:var(--branco); border-radius:var(--radius); border:1px solid var(--cinza-borda);
    padding:26px; position:sticky; top:96px;
  }
  .pkg-info-card .pkg-dates{font-size:0.88rem;}
  .pkg-info-card .pkg-price{margin-top:16px;}
  .pkg-info-card .pkg-price .principal{font-size:1.3rem;}
  .pkg-info-card .btn{width:100%; margin-top:18px; justify-content:center;}

  .roteiro-bloco{margin-bottom:40px;}
  .roteiro-bloco h2{font-size:1.4rem; color:var(--azul-escuro); margin-bottom:18px;}
  .roteiro-dia{
    border-left:3px solid var(--azul); padding:2px 0 22px 22px; position:relative;
  }
  .roteiro-dia::before{content:'';position:absolute; left:-7px; top:4px; width:12px; height:12px; border-radius:50%; background:var(--azul);}
  .roteiro-dia:last-child{padding-bottom:2px;}
  .roteiro-dia h3{font-size:1rem; color:var(--azul-escuro); margin-bottom:8px;}
  .roteiro-dia ul{display:flex; flex-direction:column; gap:6px;}
  .roteiro-dia li{font-size:0.92rem; color:var(--texto-suave); line-height:1.5;}

  .lista-incluso{display:flex; flex-direction:column; gap:10px;}
  .lista-incluso li{display:flex; align-items:flex-start; gap:10px; font-size:0.92rem; color:var(--texto);}
  .lista-incluso svg{width:18px; height:18px; color:var(--teal); flex-shrink:0; margin-top:1px;}

  .pkg-observacao{
    margin-top:24px; padding:16px 18px; background:var(--azul-claro); border-radius:10px;
    font-size:0.84rem; color:var(--texto-suave); font-style:italic;
  }

  .pkg-nao-encontrado{padding:120px 0; text-align:center;}
  .pkg-nao-encontrado h1{font-size:1.8rem; color:var(--azul-escuro);}
  .pkg-nao-encontrado p{margin-top:12px; color:var(--texto-suave);}
  .pkg-nao-encontrado .btn{margin-top:24px;}