/* ==========================================================================
   Vimal Travels and Tourism — Design System & Global Stylesheet
   Author: Premium Travel Web Build
   Sections: 1.Tokens 2.Base 3.Buttons 4.Header 5.Hero 6.Search 7.Sections
             8.Destinations 9.Packages 10.Features 11.Stats 12.Experience
             13.Testimonials 14.FAQ 15.CTA 16.Newsletter 17.Footer
             18.Floating 19.Modal 20.Page-header 21.Forms 22.Utilities
             23.Animations 24.Responsive
   ========================================================================== */

/* ---------- 1. DESIGN TOKENS ---------- */
:root{
  /* Brand palette — deep ocean + refined gold + warm sand */
  --ink-900:#04141f;
  --ink-800:#072433;
  --ink-700:#0c3247;
  --ink-600:#154a66;
  --gold-600:#b98c3a;
  --gold-500:#c9a24d;
  --gold-400:#e0bd74;
  --gold-200:#f2e2c2;
  --gold-050:#fbf6ec;
  --sand:#faf7f2;
  --paper:#ffffff;
  --text:#12212e;
  --text-soft:#3f5566;
  --muted:#6d8291;
  --line:rgba(12,50,71,.10);
  --line-strong:rgba(12,50,71,.18);
  --success:#1f8a5f;

  /* Typography */
  --font-display:"Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* Radii */
  --r-xs:8px;
  --r-sm:12px;
  --r-md:18px;
  --r-lg:26px;
  --r-xl:36px;
  --r-pill:999px;

  /* Elevation */
  --sh-xs:0 2px 8px rgba(6,32,48,.06);
  --sh-sm:0 10px 30px -12px rgba(6,32,48,.22);
  --sh-md:0 24px 50px -22px rgba(6,32,48,.32);
  --sh-lg:0 44px 90px -40px rgba(6,32,48,.45);
  --sh-gold:0 18px 40px -18px rgba(201,162,77,.55);

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.55s;

  /* Layout */
  --container:1240px;
  --header-h:86px;
}

/* ---------- 2. BASE ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.7;
  color:var(--text);
  background:var(--paper);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body.nav-open{overflow:hidden}
img{max-width:100%;display:block;background:linear-gradient(135deg,#e9e0d0,#d5c4a4)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.14;
  margin:0 0 .5em;
  letter-spacing:-.01em;
  color:var(--ink-900);
}
h1{font-size:clamp(2.4rem,5.2vw,4.35rem)}
h2{font-size:clamp(1.85rem,3.4vw,2.85rem)}
h3{font-size:clamp(1.15rem,1.7vw,1.45rem)}
p{margin:0 0 1rem}
::selection{background:var(--gold-400);color:var(--ink-900)}

.container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:24px;
}
.section{padding:clamp(64px,8vw,116px) 0;position:relative}
.section--sand{background:var(--sand)}
.section--ink{background:var(--ink-900);color:#cfdae2}
.section--ink h2,.section--ink h3{color:#fff}
.section--tight{padding-top:clamp(40px,5vw,64px)}

/* scroll progress */
.scroll-progress{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:1200;
  background:linear-gradient(90deg,var(--gold-500),var(--gold-400),#fff2d6);
  box-shadow:0 0 14px rgba(201,162,77,.7);
  transition:width .1s linear;
}

/* ---------- 3. BUTTONS & BITS ---------- */
.btn{
  --btn-bg:var(--gold-500);
  --btn-fg:#22190a;
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:15px 30px;
  border:1px solid transparent;
  border-radius:var(--r-pill);
  background:var(--btn-bg);color:var(--btn-fg);
  font-weight:600;font-size:.95rem;letter-spacing:.01em;
  cursor:pointer;
  position:relative;overflow:hidden;white-space:nowrap;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,color .3s,border-color .3s;
  box-shadow:var(--sh-gold);
}
.btn::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.45),transparent 80%);
  transform:translateX(-130%);transition:transform .8s var(--ease);
}
.btn:hover{transform:translateY(-3px);box-shadow:0 24px 46px -20px rgba(201,162,77,.75)}
.btn:hover::after{transform:translateX(130%)}
.btn:active{transform:translateY(-1px)}
.btn:hover{background:linear-gradient(135deg,var(--gold-400),var(--gold-500))}

.btn--dark{--btn-bg:var(--ink-800);--btn-fg:#fff;box-shadow:var(--sh-sm)}
.btn--dark:hover{background:var(--ink-700);box-shadow:var(--sh-md)}
.btn--ghost{--btn-bg:transparent;--btn-fg:var(--ink-900);border-color:var(--line-strong);box-shadow:none}
.btn--ghost:hover{background:var(--ink-900);color:#fff;border-color:var(--ink-900);box-shadow:var(--sh-sm)}
.btn--light{--btn-bg:rgba(255,255,255,.1);--btn-fg:#fff;border-color:rgba(255,255,255,.4);box-shadow:none;backdrop-filter:blur(8px)}
.btn--light:hover{background:#fff;color:var(--ink-900)}
.btn--sm{padding:11px 22px;font-size:.85rem}
.btn--block{width:100%}
.btn svg{width:17px;height:17px;flex:0 0 auto}

.eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-600);margin-bottom:1rem;
}
.eyebrow::before{content:"";width:30px;height:1px;background:currentColor;opacity:.7}
.eyebrow--center{justify-content:center}
.eyebrow--center::after{content:"";width:30px;height:1px;background:currentColor;opacity:.7}
.eyebrow--light{color:var(--gold-400)}

.section-head{max-width:680px;margin-bottom:clamp(36px,4vw,60px)}
.section-head p{color:var(--muted);font-size:1.03rem;margin:0}
.section-head--center{margin-inline:auto;text-align:center}
.section-head--center p{margin-inline:auto}
.section--ink .section-head p{color:#9fb3c1}

.link-arrow{
  display:inline-flex;align-items:center;gap:.45rem;
  font-weight:600;font-size:.88rem;color:var(--ink-700);
  border-bottom:1px solid transparent;transition:.3s var(--ease);
}
.link-arrow span{transition:transform .3s var(--ease)}
.link-arrow:hover{color:var(--gold-600);border-color:var(--gold-400)}
.link-arrow:hover span{transform:translateX(5px)}

.pill{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:6px 14px;border-radius:var(--r-pill);
  background:var(--gold-050);color:var(--gold-600);
  font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--gold-200);
}
.pill--glass{
  background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.35);
  backdrop-filter:blur(10px);
}

/* ---------- 4. HEADER ---------- */
.site-header{
  position:fixed;inset:0 0 auto;z-index:1000;
  transition:background .45s var(--ease),box-shadow .45s var(--ease),backdrop-filter .45s;
}
.topbar{
  background:var(--ink-900);color:#a9bdcb;font-size:.8rem;
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:height .4s var(--ease),opacity .3s;
}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;flex-wrap:wrap}
.topbar__list{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.topbar__list li{display:flex;align-items:center;gap:.5rem}
.topbar svg{width:15px;height:15px;color:var(--gold-400);flex:0 0 auto}
.topbar a:hover{color:#fff}
.topbar__socials{display:flex;gap:14px}
.topbar__socials a{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);transition:.3s}
.topbar__socials a:hover{background:var(--gold-500);color:var(--ink-900)}
.topbar__socials svg{width:13px;height:13px;color:currentColor}

.nav-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:var(--header-h);
  transition:min-height .4s var(--ease);
}
.site-header.is-stuck{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 12px 40px -24px rgba(6,32,48,.45);
}
.site-header.is-stuck .topbar{height:0;min-height:0;opacity:0;overflow:hidden;border:0}
.site-header.is-stuck .nav-wrap{min-height:74px}

.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.brand__mark{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(140deg,var(--gold-400),var(--gold-600));
  box-shadow:var(--sh-gold);color:#20170a;
  transition:transform .5s var(--ease);
}
.brand__mark svg{width:25px;height:25px}
.brand:hover .brand__mark{transform:rotate(-8deg) scale(1.05)}
.brand__text{display:flex;flex-direction:column;line-height:1.1}
.brand__name{font-family:var(--font-display);font-weight:700;font-size:1.16rem;color:#fff;letter-spacing:-.01em}
.brand__tag{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-400)}
.site-header.is-stuck .brand__name,.site-header.is-stuck .brand__tag{color:var(--ink-900)}
.site-header.is-stuck .brand__tag{color:var(--gold-600)}

.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.nav-link{
  position:relative;padding:10px 15px;border-radius:var(--r-pill);
  font-size:.9rem;font-weight:600;color:rgba(255,255,255,.88);
  transition:color .3s,background .3s;
}
.nav-link::after{
  content:"";position:absolute;left:50%;bottom:4px;translate:-50% 0;
  width:0;height:2px;border-radius:2px;background:var(--gold-400);transition:width .35s var(--ease);
}
.nav-link:hover{color:#fff}
.nav-link:hover::after,.nav-link.is-active::after{width:22px}
.nav-link.is-active{color:#fff}
.site-header.is-stuck .nav-link{color:var(--text-soft)}
.site-header.is-stuck .nav-link:hover,.site-header.is-stuck .nav-link.is-active{color:var(--ink-900)}

.nav-drawer-cta,.nav-drawer-phone{display:none}

.nav-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.nav-phone{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:.88rem;color:#fff}
.nav-phone svg{width:18px;height:18px;color:var(--gold-400)}
.site-header.is-stuck .nav-phone{color:var(--ink-900)}

.nav-toggle{
  display:none;width:46px;height:46px;border-radius:14px;
  border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);
  cursor:pointer;place-items:center;backdrop-filter:blur(8px);
}
.nav-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative;transition:.3s var(--ease)}
.nav-toggle span::before,.nav-toggle span::after{
  content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;border-radius:2px;transition:.35s var(--ease);
}
.nav-toggle span::before{top:-6px}
.nav-toggle span::after{top:6px}
.site-header.is-stuck .nav-toggle{border-color:var(--line-strong);background:rgba(12,50,71,.05)}
.site-header.is-stuck .nav-toggle span,.site-header.is-stuck .nav-toggle span::before,.site-header.is-stuck .nav-toggle span::after{background:var(--ink-900)}
body.nav-open .nav-toggle span{background:transparent}
body.nav-open .nav-toggle span::before{top:0;transform:rotate(45deg);background:#fff}
body.nav-open .nav-toggle span::after{top:0;transform:rotate(-45deg);background:#fff}

.nav-backdrop{
  position:fixed;inset:0;background:rgba(4,20,31,.55);backdrop-filter:blur(4px);
  opacity:0;visibility:hidden;transition:.4s;z-index:998;
}
body.nav-open .nav-backdrop{opacity:1;visibility:visible}

/* ---------- 5. HERO ---------- */
.hero{
  position:relative;min-height:100svh;
  display:flex;flex-direction:column;justify-content:center;
  padding-top:calc(var(--header-h) + 62px);padding-bottom:44px;
  color:#fff;overflow:hidden;
  background:var(--ink-900);
}
.hero-media{position:absolute;inset:0;z-index:0}
.hero-slide{
  position:absolute;inset:0;
  background-image:var(--img);background-size:cover;background-position:center;
  opacity:0;transform:scale(1.06);
  transition:opacity 1.6s var(--ease),transform 9s linear;
}
.hero-slide.is-active{opacity:1;transform:scale(1.14)}
.hero-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,rgba(4,20,31,.82) 0%,rgba(4,20,31,.45) 38%,rgba(4,20,31,.72) 100%),
    radial-gradient(120% 90% at 12% 20%,rgba(201,162,77,.24),transparent 60%);
}
.hero-grain{
  position:absolute;inset:0;z-index:2;opacity:.35;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);
  background-size:4px 4px;
}
.hero-inner{position:relative;z-index:3;max-width:830px}
.hero-title{color:#fff;margin-bottom:1.1rem}
.hero-title em{
  font-style:italic;
  background:linear-gradient(100deg,var(--gold-400),#fff3d9 55%,var(--gold-500));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{font-size:1.08rem;color:#cddae3;max-width:600px;margin-bottom:2rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero-trust{
  position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:32px;
  margin-top:46px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);
}
.hero-trust div{min-width:110px}
.hero-trust b{display:block;font-family:var(--font-display);font-size:1.7rem;color:#fff;line-height:1.1}
.hero-trust span{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#9fb3c1}

.hero-dots{position:absolute;right:32px;top:50%;translate:0 -50%;z-index:4;display:flex;flex-direction:column;gap:12px}
.hero-dots button{
  width:9px;height:9px;padding:0;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.35);transition:.4s var(--ease);
}
.hero-dots button.is-active{background:var(--gold-400);height:30px;border-radius:6px}
.hero-scroll{
  position:absolute;left:50%;bottom:18px;translate:-50% 0;z-index:4;
  display:grid;place-items:center;gap:8px;color:#9fb3c1;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;
}
.hero-scroll i{display:block;width:1px;height:44px;background:linear-gradient(180deg,transparent,var(--gold-400));animation:scrollcue 2.2s var(--ease) infinite}

/* ---------- 6. SEARCH PANEL ---------- */
.search-panel{
  position:relative;z-index:5;margin-top:52px;
  background:rgba(255,255,255,.97);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-lg);
  padding:14px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:6px;
  align-items:center;
  border:1px solid rgba(255,255,255,.6);
}
.search-field{position:relative;padding:10px 18px;border-radius:var(--r-md);transition:background .3s}
.search-field:hover{background:var(--gold-050)}
.search-field+.search-field::before{
  content:"";position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--line);
}
.search-field label{display:flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-600)}
.search-field label svg{width:13px;height:13px}
.search-field select,.search-field input{
  width:100%;border:0;background:transparent;outline:none;
  font-size:.95rem;font-weight:600;color:var(--ink-900);
  padding:4px 0 0;appearance:none;cursor:pointer;
}
.search-field input{cursor:text}
.search-field select{
  padding-right:20px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d8291' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right center;background-size:14px 14px;
}
.search-panel .btn{height:60px;padding-inline:30px}

/* ---------- 7. GENERIC SECTION ELEMENTS ---------- */
.breadcrumb{display:flex;gap:.6rem;align-items:center;font-size:.82rem;color:#9fb3c1;margin-bottom:.9rem;justify-content:center;flex-wrap:wrap}
.breadcrumb a:hover{color:#fff}
.breadcrumb span{opacity:.5}
.page-header{
  position:relative;
  min-height:clamp(360px,52vh,520px);
  display:grid;place-items:center;text-align:center;
  color:#fff;overflow:hidden;
  padding:calc(var(--header-h) + 70px) 0 70px;
  background:var(--ink-900);
}
.page-header__bg{position:absolute;inset:0;background-image:var(--img);background-size:cover;background-position:center;transform:scale(1.05)}
.page-header::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,20,31,.86),rgba(4,20,31,.55) 45%,rgba(4,20,31,.88));
}
.page-header .container{position:relative;z-index:2}
.page-header h1{color:#fff;margin-bottom:.6rem}
.page-header p{color:#c3d2dc;max-width:620px;margin-inline:auto}

/* ---------- 8. DESTINATIONS ---------- */
.dest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.dest-card{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  min-height:400px;display:flex;align-items:flex-end;
  box-shadow:var(--sh-sm);isolation:isolate;
  transition:transform .6s var(--ease),box-shadow .6s var(--ease);
}
.dest-card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}
.dest-card__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.dest-card:hover .dest-card__img{transform:scale(1.12)}
.dest-card::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(4,20,31,.05) 30%,rgba(4,20,31,.86));
  transition:background .5s;
}
.dest-card:hover::after{background:linear-gradient(180deg,rgba(4,20,31,.28) 10%,rgba(4,20,31,.92))}
.dest-card__tag{
  position:absolute;top:16px;left:16px;z-index:2;
  padding:6px 13px;border-radius:var(--r-pill);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);
}
.dest-card__body{position:relative;z-index:2;padding:22px;color:#fff;width:100%}
.dest-card__body h3{color:#fff;margin-bottom:.2rem}
.dest-card__body p{font-size:.86rem;color:#c3d2dc;margin:0 0 .8rem}
.dest-card__meta{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:.8rem;border-top:1px solid rgba(255,255,255,.2);
  font-size:.8rem;font-weight:600;color:#dfe8ee;
  opacity:0;max-height:0;transform:translateY(8px);
  transition:opacity .45s var(--ease),transform .45s var(--ease),max-height .45s var(--ease),padding .45s;
  overflow:hidden;
}
.dest-card:hover .dest-card__meta{opacity:1;max-height:60px;transform:translateY(0)}
.dest-card--tall{grid-row:span 2}
.dest-grid--mosaic{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px}
.dest-grid--mosaic .dest-card{min-height:0}

/* ---------- 9. PACKAGES ---------- */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}
.filter-btn{
  padding:10px 22px;border-radius:var(--r-pill);
  border:1px solid var(--line-strong);background:#fff;
  font-size:.85rem;font-weight:600;color:var(--text-soft);cursor:pointer;
  transition:.35s var(--ease);
}
.filter-btn:hover{border-color:var(--gold-500);color:var(--ink-900);transform:translateY(-2px)}
.filter-btn.is-active{background:var(--ink-900);border-color:var(--ink-900);color:#fff;box-shadow:var(--sh-sm)}

.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:28px}
.pkg-card{
  background:#fff;border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--sh-xs);
  display:flex;flex-direction:column;
  transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s;
}
.pkg-card:hover{transform:translateY(-10px);box-shadow:var(--sh-md);border-color:var(--gold-200)}
.is-hidden{display:none !important}
.pkg-card__media{position:relative;aspect-ratio:16/11;overflow:hidden}
.pkg-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.pkg-card:hover .pkg-card__media img{transform:scale(1.1)}
.pkg-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,31,.35),transparent 45%,rgba(4,20,31,.55))}
.badge{
  position:absolute;top:14px;left:14px;z-index:2;
  padding:7px 14px;border-radius:var(--r-pill);
  font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:#22190a;
  box-shadow:var(--sh-gold);
}
.badge--new{background:linear-gradient(135deg,#5ad1a5,#1f8a5f);color:#04231a;box-shadow:0 18px 40px -18px rgba(31,138,95,.6)}
.badge--lux{background:linear-gradient(135deg,#fff,#d8dee3);color:#12212e;box-shadow:var(--sh-sm)}
.wish{
  position:absolute;top:14px;right:14px;z-index:2;
  width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.16);backdrop-filter:blur(10px);color:#fff;
  display:grid;place-items:center;cursor:pointer;transition:.35s var(--ease);
}
.wish svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.wish:hover{background:#fff;color:#e2536b;transform:scale(1.08)}
.wish.is-on{background:#fff;color:#e2536b}
.wish.is-on svg{fill:#e2536b}
.pkg-card__price{
  position:absolute;bottom:14px;left:14px;z-index:2;
  padding:8px 15px;border-radius:var(--r-sm);
  background:rgba(255,255,255,.95);backdrop-filter:blur(8px);
  font-weight:800;font-size:1rem;color:var(--ink-900);line-height:1.15;
}
.pkg-card__price small{display:block;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pkg-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.pkg-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:var(--muted);font-weight:600;margin-bottom:.7rem}
.pkg-meta span{display:flex;align-items:center;gap:.4rem}
.pkg-meta svg{width:14px;height:14px;color:var(--gold-500)}
.pkg-meta .star{color:#f0a92e}
.pkg-card h3{margin-bottom:.45rem}
.pkg-card h3 a:hover{color:var(--gold-600)}
.pkg-card__body>p{font-size:.9rem;color:var(--muted);margin-bottom:1rem}
.pkg-includes{list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pkg-includes li{
  font-size:.74rem;font-weight:600;color:var(--text-soft);
  padding:5px 11px;border-radius:var(--r-pill);background:var(--gold-050);border:1px solid var(--gold-200);
}
.pkg-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:1rem;border-top:1px dashed var(--line-strong)}
.pkg-old{font-size:.85rem;color:var(--muted);text-decoration:line-through}
.pkg-save{font-size:.78rem;font-weight:700;color:var(--success)}

/* ---------- 10. FEATURES ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feature{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px 26px;position:relative;overflow:hidden;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;
}
.feature::before{
  content:"";position:absolute;inset:auto auto -60px -60px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,var(--gold-050),transparent 70%);
  transition:transform .6s var(--ease);
}
.feature:hover{transform:translateY(-8px);box-shadow:var(--sh-md);border-color:var(--gold-200)}
.feature:hover::before{transform:scale(1.5)}
.feature__icon{
  width:58px;height:58px;border-radius:var(--r-md);display:grid;place-items:center;
  background:linear-gradient(140deg,var(--gold-400),var(--gold-600));color:#22190a;
  box-shadow:var(--sh-gold);margin-bottom:1.2rem;position:relative;z-index:1;
  transition:transform .5s var(--ease);
}
.feature:hover .feature__icon{transform:translateY(-4px) rotate(-6deg)}
.feature__icon svg{width:26px;height:26px}
.feature h3{font-size:1.14rem;position:relative;z-index:1}
.feature p{font-size:.9rem;color:var(--muted);margin:0;position:relative;z-index:1}

/* ---------- 11. STATS ---------- */
.stats{
  position:relative;color:#fff;overflow:hidden;
  background:linear-gradient(140deg,var(--ink-900),var(--ink-700));
}
.stats::before{
  content:"";position:absolute;inset:0;
  background-image:var(--img);background-size:cover;background-position:center;
  opacity:.16;mix-blend-mode:luminosity;
}
.stats .container{position:relative;z-index:1}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat{padding:26px 12px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);backdrop-filter:blur(6px)}
.stat b{display:block;font-family:var(--font-display);font-size:clamp(2.1rem,4vw,3rem);color:#fff;line-height:1}
.stat b i{color:var(--gold-400);font-style:normal}
.stat span{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#9fb3c1}

/* ---------- 12. EXPERIENCE / SPLIT ---------- */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.split--reverse .split__media{order:2}
.split__media{position:relative}
.collage{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
.collage img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--sh-md)}
.collage img:first-child{grid-row:span 2;height:100%}
.collage__badge{
  position:absolute;right:-14px;bottom:-14px;
  background:#fff;border-radius:var(--r-md);padding:16px 20px;box-shadow:var(--sh-lg);
  display:flex;align-items:center;gap:12px;border:1px solid var(--line);
}
.collage__badge svg{width:30px;height:30px;color:var(--gold-500)}
.collage__badge b{display:block;font-family:var(--font-display);font-size:1.2rem;line-height:1.1}
.collage__badge span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

.check-list{list-style:none;margin:0 0 1.8rem;padding:0;display:grid;gap:12px}
.check-list li{display:flex;gap:.75rem;align-items:flex-start;font-size:.95rem;color:var(--text-soft)}
.check-list svg{width:20px;height:20px;flex:0 0 auto;color:var(--gold-500);margin-top:3px}

/* ---------- 13. TESTIMONIALS ---------- */
.testi-viewport{overflow:hidden;padding:6px}
.testi-track{display:flex;transition:transform .7s var(--ease);gap:26px}
.testi-card{
  flex:0 0 calc((100% - 52px)/3);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px 28px;box-shadow:var(--sh-xs);position:relative;
}
.testi-card::before{
  content:"\201C";position:absolute;top:6px;right:22px;
  font-family:var(--font-display);font-size:5.5rem;line-height:1;color:var(--gold-200);
}
.testi-stars{display:flex;gap:3px;margin-bottom:1rem}
.testi-stars svg{width:16px;height:16px;color:#f0a92e;fill:currentColor}
.testi-card p{font-size:.97rem;color:var(--text-soft);position:relative;z-index:1}
.testi-person{display:flex;align-items:center;gap:12px;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.testi-person img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.testi-person b{display:block;font-size:.92rem}
.testi-person span{font-size:.76rem;color:var(--muted)}
.testi-nav{display:flex;gap:10px;justify-content:center;margin-top:34px}
.testi-nav button{
  width:48px;height:48px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;
  display:grid;place-items:center;cursor:pointer;color:var(--ink-900);transition:.35s var(--ease);
}
.testi-nav button:hover{background:var(--ink-900);color:#fff;border-color:var(--ink-900);transform:translateY(-3px)}
.testi-nav svg{width:18px;height:18px}

/* ---------- 14. FAQ ---------- */
.faq{max-width:840px;margin-inline:auto;display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:.4s var(--ease)}
.faq-item.is-open{border-color:var(--gold-200);box-shadow:var(--sh-sm)}
.faq-q{
  width:100%;text-align:left;background:none;border:0;cursor:pointer;
  padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  font-family:var(--font-display);font-size:1.06rem;font-weight:600;color:var(--ink-900);
}
.faq-q i{
  flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold-050);color:var(--gold-600);transition:.4s var(--ease);font-style:normal;
}
.faq-q i svg{width:15px;height:15px;transition:transform .4s var(--ease)}
.faq-item.is-open .faq-q i{background:var(--gold-500);color:#fff}
.faq-item.is-open .faq-q i svg{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.faq-a p{padding:0 26px 24px;margin:0;color:var(--muted);font-size:.94rem}

/* ---------- 15. CTA ---------- */
.cta-band{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  padding:clamp(40px,6vw,74px);color:#fff;
  background:linear-gradient(120deg,var(--ink-900),var(--ink-700));
  display:grid;grid-template-columns:1.3fr auto;gap:32px;align-items:center;
  box-shadow:var(--sh-lg);
}
.cta-band::before{
  content:"";position:absolute;inset:0;
  background-image:var(--img);background-size:cover;background-position:center;opacity:.2;
}
.cta-band::after{
  content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,77,.35),transparent 65%);
}
.cta-band>*{position:relative;z-index:1}
.cta-band h2{color:#fff;margin-bottom:.5rem}
.cta-band p{color:#c3d2dc;margin:0}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 16. NEWSLETTER & PARTNERS ---------- */
.partners{display:flex;flex-wrap:wrap;gap:42px;align-items:center;justify-content:center;opacity:.62}
.partners span{
  font-family:var(--font-display);font-size:1.24rem;font-weight:600;color:var(--ink-700);
  letter-spacing:.02em;transition:.35s;white-space:nowrap;
}
.partners span:hover{opacity:1;color:var(--gold-600);transform:translateY(-2px)}

.newsletter{
  background:linear-gradient(135deg,var(--gold-050),#fff);
  border:1px solid var(--gold-200);border-radius:var(--r-xl);
  padding:clamp(34px,5vw,58px);
  display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;
}
.newsletter form{display:flex;gap:10px;background:#fff;padding:8px;border-radius:var(--r-pill);box-shadow:var(--sh-sm);border:1px solid var(--line)}
.newsletter input{flex:1;border:0;outline:none;padding:12px 20px;background:transparent;font-size:.95rem}
.newsletter .form-note{font-size:.78rem;color:var(--muted);margin:.8rem 0 0}

/* ---------- 17. FOOTER ---------- */
.site-footer{background:var(--ink-900);color:#9fb3c1;padding-top:clamp(56px,7vw,90px);position:relative;overflow:hidden}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-500),transparent);
}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:52px}
.site-footer h4{color:#fff;font-size:1rem;margin-bottom:1.2rem;letter-spacing:.02em}
.site-footer p{font-size:.9rem;line-height:1.75}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.footer-links a{font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:.3s var(--ease)}
.footer-links a::before{content:"";width:0;height:1px;background:var(--gold-400);transition:width .3s var(--ease)}
.footer-links a:hover{color:#fff;transform:translateX(2px)}
.footer-links a:hover::before{width:12px}
.footer-contact{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.footer-contact li{display:flex;gap:.8rem;font-size:.9rem;align-items:flex-start}
.footer-contact svg{width:17px;height:17px;color:var(--gold-400);flex:0 0 auto;margin-top:4px}
.footer-socials{display:flex;gap:10px;margin-top:1.4rem}
.footer-socials a{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:.35s var(--ease);
}
.footer-socials a:hover{background:var(--gold-500);color:var(--ink-900);transform:translateY(-3px)}
.footer-socials svg{width:16px;height:16px}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  padding:22px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  font-size:.82rem;
}
.footer-bottom ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.footer-bottom a:hover{color:#fff}

/* ---------- 18. FLOATING ACTIONS ---------- */
.to-top{
  position:fixed;right:22px;bottom:94px;z-index:900;
  width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;
  background:var(--ink-900);color:#fff;display:grid;place-items:center;
  box-shadow:var(--sh-md);opacity:0;visibility:hidden;transform:translateY(12px);
  transition:.45s var(--ease);
}
.to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.to-top:hover{background:var(--gold-500);color:var(--ink-900);transform:translateY(-4px)}
.to-top svg{width:18px;height:18px}
.whatsapp{
  position:fixed;right:22px;bottom:26px;z-index:900;
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(140deg,#43d17a,#128c4a);color:#fff;
  box-shadow:0 18px 40px -16px rgba(18,140,74,.7);
  transition:.4s var(--ease);
}
.whatsapp:hover{transform:translateY(-4px) scale(1.05)}
.whatsapp svg{width:27px;height:27px}
.whatsapp::after{
  content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(67,209,122,.6);
  animation:ping 2.4s var(--ease) infinite;
}

/* ---------- 19. MODAL ---------- */
.modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.4s var(--ease)}
.modal.is-open{visibility:visible;opacity:1}
.modal__backdrop{position:absolute;inset:0;background:rgba(4,20,31,.6);backdrop-filter:blur(6px)}
.modal__panel{
  position:relative;width:min(620px,100%);max-height:90svh;overflow-y:auto;
  background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);
  padding:clamp(26px,4vw,40px);transform:translateY(22px) scale(.98);transition:.45s var(--ease);
}
.modal.is-open .modal__panel{transform:translateY(0) scale(1)}
.modal__close{
  position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;
  color:var(--ink-900);transition:.3s;
}
.modal__close:hover{background:var(--ink-900);color:#fff}
.modal__close svg{width:16px;height:16px}
.modal__panel h3{margin-bottom:.3rem}
.modal__panel>p{color:var(--muted);font-size:.9rem;margin-bottom:1.6rem}

/* ---------- 20. FORMS ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:.45rem}
.field--full{grid-column:1/-1}
.field label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}
.field input,.field select,.field textarea{
  padding:14px 16px;border-radius:var(--r-sm);
  border:1px solid var(--line-strong);background:#fff;outline:none;
  font-size:.95rem;transition:.3s var(--ease);width:100%;
}
.field select{
  appearance:none;cursor:pointer;padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d8291' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:15px 15px;
}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--gold-500);box-shadow:0 0 0 4px rgba(201,162,77,.15);
}
.field .error-msg{font-size:.76rem;color:#d2495f;display:none}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#d2495f}
.field.has-error .error-msg{display:block}
.form-success{
  display:none;align-items:center;gap:.7rem;
  background:rgba(31,138,95,.08);border:1px solid rgba(31,138,95,.3);color:#136c49;
  padding:14px 18px;border-radius:var(--r-sm);font-size:.88rem;font-weight:600;margin-top:1rem;
}
.form-success.is-shown{display:flex}

/* ---------- 21. INFO CARDS ---------- */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.info-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px;
  transition:.5s var(--ease);
}
.info-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:var(--gold-200)}
.info-card__icon{width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--gold-050);color:var(--gold-600);margin-bottom:1.1rem}
.info-card__icon svg{width:23px;height:23px}
.info-card h3{font-size:1.08rem;margin-bottom:.4rem}
.info-card p,.info-card a{font-size:.92rem;color:var(--muted);margin:0}
.info-card a:hover{color:var(--gold-600)}
.map-frame{
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-sm);
  aspect-ratio:16/8;background:var(--sand);position:relative;
}
.map-frame iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.25) contrast(1.05)}

/* ---------- 22. TIMELINE / ABOUT ---------- */
.timeline{position:relative;display:grid;gap:26px;padding-left:36px}
.timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--gold-400),var(--line))}
.timeline__item{position:relative}
.timeline__item::before{
  content:"";position:absolute;left:-36px;top:6px;width:20px;height:20px;border-radius:50%;
  background:#fff;border:2px solid var(--gold-500);box-shadow:0 0 0 5px var(--gold-050);
}
.timeline__item b{display:block;font-family:var(--font-display);font-size:1.05rem;color:var(--ink-900)}
.timeline__item span{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-600)}
.timeline__item p{font-size:.92rem;color:var(--muted);margin:.35rem 0 0}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team-card{text-align:center}
.team-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:.6s var(--ease)}
.team-card:hover img{transform:translateY(-6px);box-shadow:var(--sh-md)}
.team-card b{display:block;font-family:var(--font-display);font-size:1.05rem;margin-top:1rem}
.team-card span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-600)}

/* ---------- 23. ANIMATIONS ---------- */
@keyframes scrollcue{0%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(.2);transform-origin:bottom}}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.is-in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.09s}
.reveal[data-delay="2"]{transition-delay:.18s}
.reveal[data-delay="3"]{transition-delay:.27s}
.reveal[data-delay="4"]{transition-delay:.36s}
.reveal[data-delay="5"]{transition-delay:.45s}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}

/* ---------- 24. RESPONSIVE ---------- */
@media (max-width:1180px){
  .dest-grid{grid-template-columns:repeat(2,1fr)}
  .dest-grid--mosaic{grid-template-columns:repeat(2,1fr)}
  .feature-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .testi-card{flex:0 0 calc((100% - 26px)/2)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1.2fr}
  .footer-grid>div:last-child{grid-column:1/-1}
  .search-panel{grid-template-columns:1fr 1fr;gap:4px;padding:16px}
  .search-field+.search-field::before{display:none}
  .search-panel .btn{grid-column:span 2;height:56px}
}
@media (min-width:981px) and (max-width:1180px){
  .nav-link{padding:9px 11px;font-size:.85rem}
  .nav-phone{display:none}
  .nav-actions{gap:8px}
  .topbar__list{gap:16px}
}
@media (max-width:980px){
  .main-nav{
    position:fixed;top:0;right:0;height:100svh;width:min(360px,86vw);
    background:linear-gradient(180deg,var(--ink-900),var(--ink-800));
    flex-direction:column;align-items:stretch;gap:6px;
    padding:96px 26px 40px;margin:0;z-index:999;
    transform:translateX(105%);transition:transform .5s var(--ease);
    box-shadow:-30px 0 70px -30px rgba(0,0,0,.6);overflow-y:auto;
  }
  body.nav-open .main-nav{transform:translateX(0)}
  .nav-link{color:#dfe8ee;padding:14px 16px;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}
  .nav-link::after{display:none}
  .nav-link:hover,.nav-link.is-active{color:var(--gold-400);background:rgba(255,255,255,.05)}
  .main-nav .btn{margin-top:18px}
  .main-nav .nav-drawer-cta{display:inline-flex}
  .nav-drawer-phone{
    display:flex;align-items:center;gap:.6rem;margin-top:22px;padding-top:20px;
    border-top:1px solid rgba(255,255,255,.12);color:var(--gold-400);
    font-size:.85rem;font-weight:700;letter-spacing:.04em;
  }
  .nav-drawer-phone svg{width:16px;height:16px}
  .nav-toggle{display:grid}
  .nav-phone{display:none}
  .split,.newsletter,.cta-band{grid-template-columns:1fr}
  .split--reverse .split__media{order:0}
  .cta-band{text-align:left}
  .info-grid{grid-template-columns:1fr}
  .nav-cta-desktop{display:none}
}
@media (max-width:760px){
  :root{--header-h:74px}
  .topbar__list li:nth-child(n+3){display:none}
  .hero{padding-top:calc(var(--header-h) + 40px);min-height:auto}
  .hero-slide.is-active{transform:scale(1.06)}
  .hero-trust{gap:20px 28px;margin-top:34px}
  .hero-trust b{font-size:1.35rem}
  .hero-dots{display:none}
  .hero-scroll{display:none}
  .search-panel{grid-template-columns:1fr;margin-top:36px}
  .search-panel .btn{grid-column:auto}
  .dest-grid,.dest-grid--mosaic{grid-template-columns:1fr}
  .dest-card--tall{grid-row:auto}
  .pkg-grid{grid-template-columns:1fr}
  .feature-grid,.stats-grid,.team-grid{grid-template-columns:1fr}
  .testi-card{flex:0 0 100%}
  .form-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:34px}
  .newsletter form{flex-direction:column;border-radius:var(--r-lg)}
  .newsletter .btn{width:100%}
  .to-top{right:16px;bottom:88px}
  .whatsapp{right:16px;bottom:22px;width:50px;height:50px}
  .footer-bottom{justify-content:center;text-align:center}
}
@media (max-width:480px){
  .container{padding-inline:18px}
  .btn{padding:13px 24px;font-size:.9rem}
  .stat{padding:20px 10px}
}