:root{
  --rb-ink:#0e1726;
  --rb-muted:#586678;
  --rb-surface:#ffffff;
  --rb-soft:#eef6fb;
  --rb-sky:#0b7fda;
  --rb-cyan:#30b7d4;
  --rb-leaf:#19a66a;
  --rb-coral:#f15f4a;
  --rb-line:rgba(14,23,38,.1);
}

:root[data-theme="riverbug"]{
  color-scheme:light;
  --color-primary:var(--rb-sky);
  --color-secondary:var(--rb-cyan);
  --color-accent:var(--rb-coral);
  --color-neutral:var(--rb-ink);
  --color-base-100:#ffffff;
  --color-base-200:#f5f9fc;
  --color-base-300:#dce8f1;
  --radius-box:.75rem;
  --radius-field:.55rem;
  --radius-selector:.55rem;
}

body{
  background:
    linear-gradient(180deg, #f7fbfd 0%, #fff 24%, #f4f8fb 100%);
}

.site-navbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
}

.mobile-site-nav-menu{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1045;
}

.modern-nav{
  padding:8px 0;
  background:rgba(7,21,34,.52);
  border-bottom:1px solid rgba(255,255,255,.2);
  box-shadow:0 14px 38px rgba(5,15,28,.16);
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
}

.site-navbar .site-nav-menu.hidden.md\:block,
.mobile-site-nav-menu.md\:hidden{
  display:none !important;
}

@media (min-width: 768px){
  .modern-nav .container{
    gap:12px;
  }

  .modern-nav .site-logo img{
    width:196px;
  }

  .modern-nav .site-nav-menu.hidden.md\:block{
    display:block !important;
  }

  .mobile-site-nav-menu.md\:hidden,
  .mobile-nav-popup-panel,
  .mobile-nav-popup-backdrop{
    display:none !important;
  }

  .modern-nav .site-nav-list{
    gap:10px;
    padding-top:0;
  }
}

@media (max-width: 767.98px){
  .site-navbar .site-nav-menu.hidden.md\:block{
    display:none !important;
  }

  .mobile-site-nav-menu.md\:hidden{
    display:block !important;
  }
}

.modern-nav .site-nav-link{
  min-height:34px;
  padding:6px 11px;
  border:1px solid transparent;
}

.modern-nav .nav-dropdown-parent{
  position:relative;
}

.modern-nav .nav-dropdown-trigger{
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  color:inherit;
  cursor:pointer;
}

.modern-nav .nav-dropdown-trigger.site-nav-link,
.modern-nav .nav-dropdown-trigger.site-nav-link:visited,
.modern-nav .nav-dropdown-trigger.site-nav-link:hover,
.modern-nav .nav-dropdown-trigger.site-nav-link:focus,
.modern-nav .nav-dropdown-trigger.site-nav-link:active{
  color:#fff;
  text-decoration:none;
}

.modern-nav .nav-dropdown-parent.is-open > .nav-dropdown-panel{
  display:block !important;
}

.modern-nav .nav-dropdown-caret{
  transition: transform .2s ease;
}

.modern-nav .nav-dropdown-parent.is-open .nav-dropdown-caret{
  transform: rotate(180deg);
}

.modern-nav .nav-dropdown-panel{
  position:absolute;
  top:100%;
  left:0;
  z-index:50;
  min-width:220px;
  margin-top:6px;
  padding:8px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:12px;
  background:rgba(255,255,255,.95);
  box-shadow:0 18px 40px rgba(15,23,42,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.modern-nav .nav-dropdown-panel a,
.modern-nav .nav-dropdown-panel a:visited{
  color:#334155;
  text-decoration:none;
  transition:background-color .18s ease, color .18s ease;
}

.modern-nav .nav-dropdown-panel a:hover,
.modern-nav .nav-dropdown-panel a:focus,
.modern-nav .nav-dropdown-panel a:active{
  color:#0f172a;
  background:#eef2f7;
}

.mobile-nav-popup-panel{
  position:fixed;
  left:12px;
  right:12px;
  bottom:calc(88px + env(safe-area-inset-bottom, 0px));
  z-index:1100;
  display:none;
  max-height:44dvh;
  overflow:auto;
  padding:8px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:14px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 40px rgba(15,23,42,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mobile-nav-popup-backdrop{
  position:fixed;
  inset:0;
  z-index:1040;
  background:rgba(2, 6, 23, .22);
}

.mobile-nav-popup-link,
.mobile-nav-popup-link:visited{
  display:block;
  padding:10px 12px;
  border-radius:10px;
  color:#334155;
  text-decoration:none;
  font-size:.86rem;
  font-weight:700;
}

.mobile-nav-popup-link:hover,
.mobile-nav-popup-link:focus,
.mobile-nav-popup-link:active{
  color:#0f172a;
  background:#edf3fb;
}

@media (max-width: 430px) {
  .mobile-nav-popup-panel {
    left:8px;
    right:8px;
    bottom:calc(82px + env(safe-area-inset-bottom, 0px));
    max-height:50dvh;
    border-radius:12px;
  }
}

@media (max-height: 720px) {
  .mobile-nav-popup-panel {
    bottom:calc(74px + env(safe-area-inset-bottom, 0px));
    max-height:58dvh;
  }
}

@media (max-height: 620px) {
  .mobile-nav-popup-panel {
    top:max(10px, env(safe-area-inset-top, 0px));
    bottom:calc(72px + env(safe-area-inset-bottom, 0px));
    max-height:calc(100dvh - 92px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
}

.modern-nav .site-nav-link.active,
.modern-nav .site-nav-link:hover,
.modern-nav .site-nav-link:focus{
  color:#fff;
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.24);
}

.modern-hero{
  min-height:var(--hero-banner-height);
  min-height:var(--hero-banner-height-safe);
  overflow:visible;
  background-position:center;
  background-size:cover;
}

.modern-hero::before{
  content:"";
  position:absolute;
  inset:auto 0 -1px;
  z-index:0;
  height:clamp(72px, 12vh, 128px);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath fill='%23f7fbfd' d='M0 78 C150 38 302 34 462 76 C622 118 752 118 916 74 C1082 30 1248 30 1440 72 L1440 160 L0 160 Z'/%3E%3C/svg%3E") bottom center / 100% 100% no-repeat;
  pointer-events:none;
}

.modern-hero .hero-content{
  position:relative;
  z-index:1;
  min-height:var(--hero-banner-height);
  min-height:var(--hero-banner-height-safe);
  display:flex;
  align-items:center;
  padding-top:clamp(104px, 12vh, 136px);
  padding-bottom:clamp(48px, 8vh, 88px);
}

.modern-hero .hero-content > .row,
.modern-hero .hero-content > .grid{
  width:100%;
}

.modern-hero .hero-copy-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.modern-hero .hero-shade{
  background:
    linear-gradient(180deg, rgba(4,14,26,.34) 0%, rgba(4,14,26,.2) 48%, rgba(4,14,26,.58) 100%),
    linear-gradient(90deg, rgba(4,14,26,.42), transparent 68%);
}

.modern-hero .hero-title{
  margin:0;
  max-width:8.5ch;
  font:400 clamp(3.15rem, 6vw, 5.6rem)/1.02 "Permanent Marker", Impact, sans-serif;
  text-transform:none;
  letter-spacing:.01em;
  text-wrap:balance;
  text-shadow:0 18px 48px rgba(0,0,0,.38);
}

.modern-hero .hero-copy{
  max-width:34rem;
  margin-top:20px;
  color:rgba(255,255,255,.88);
  font:600 clamp(1rem, 1.2vw, 1.08rem)/1.7 "Inter", Arial, Helvetica, sans-serif;
  text-transform:none;
  text-shadow:0 12px 34px rgba(0,0,0,.3);
}

.modern-hero-panel{
  position:relative;
  padding:30px;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(6,24,40,.58), rgba(4,18,30,.5)),
    linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,.04));
  box-shadow:0 20px 52px rgba(6,20,32,.2);
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
}

.modern-hero-panel::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:88px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--rb-coral), #ffc16f);
}

.modern-hero-panel-label{
  margin:0 0 14px;
  color:#9bdcff;
  font:var(--type-xs);
  letter-spacing:.14em;
  text-transform:uppercase;
}

.modern-hero-panel-copy{
  margin:0;
  color:rgba(255,255,255,.84);
  font:600 1rem/1.7 "Inter", Arial, Helvetica, sans-serif;
}

.modern-hero-panel-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:24px;
}

.modern-hero-panel-item{
  min-height:96px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:rgba(255,255,255,.1);
}

.modern-hero-panel-item-wide{
  grid-column:1 / -1;
}

.modern-hero-panel-accent{
  background:linear-gradient(135deg, rgba(241,95,74,.22), rgba(11,127,218,.22));
}

.modern-hero-panel-key{
  display:block;
  margin-bottom:8px;
  color:rgba(220,242,255,.76);
  font:var(--type-xs);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.modern-hero-panel-item strong{
  display:block;
  color:#fff;
  font:800 clamp(1rem, 1.4vw, 1.2rem)/1.35 "Inter", Arial, Helvetica, sans-serif;
}

.modern-primary-action{
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg, var(--rb-coral), #ff8a53 45%, var(--rb-sky));
  box-shadow:0 14px 30px rgba(13,87,145,.22);
}

.modern-primary-action:hover,
.modern-primary-action:focus{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(13,87,145,.3);
}

.modern-primary-action.btn-outline-primary,
.modern-primary-action.btn-outline-primary:hover,
.modern-primary-action.btn-outline-primary:focus{
  color:#fff;
  background:linear-gradient(135deg,#2ba3ff 0%,#0563c1 100%);
  border-color:#2ba3ff;
}

.modern-video-link span{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}

.modern-section{
  position:relative;
}

.modern-section .container{
  position:relative;
  z-index:1;
}

.modern-intro{
  background:
    radial-gradient(circle at 18% 12%, rgba(48,183,212,.12), transparent 34%),
    linear-gradient(180deg, #f8fbfe, #f2f7fc);
}

.modern-itinerary{
  background:
    linear-gradient(180deg, #fff, #f7fbfd);
}

.modern-info{
  background:
    radial-gradient(circle at 84% 18%, rgba(241,95,74,.1), transparent 26%),
    linear-gradient(180deg, #f4f8fb, #eef6fb);
}

.modern-label{
  font-family:"Inter", Arial, Helvetica, sans-serif;
  letter-spacing:.05em;
}

.modern-label:not(.paint-label){
  padding:7px 14px;
  color:#075b9f;
  background:#e7f6ff;
  border:1px solid rgba(11,127,218,.16);
  border-radius:999px;
  min-width:0;
}

.modern-gallery-frame{
  transform:none;
  padding:0;
  filter:none;
}

.modern-gallery-frame::before,
.modern-gallery-frame::after{
  display:none;
}

.modern-gallery-frame img{
  border:0;
  border-radius:18px;
  box-shadow:0 24px 55px rgba(15,35,58,.18);
  filter:saturate(1.02) contrast(1.02);
}

.intro-thumb-btn{
  border-radius:12px;
}

.fact-tile i,
.reason-list i,
.card-title i,
.info-card h4 i{
  border:0;
  color:#075b9f;
  background:#e7f6ff;
  border-radius:12px;
}

.modern-card{
  border:1px solid rgba(14,23,38,.08);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 44px rgba(20,43,67,.08);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.modern-card:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 58px rgba(20,43,67,.12);
}

.step-list li::before{
  background:linear-gradient(135deg, var(--rb-sky), var(--rb-leaf));
}

.modern-pricing{
  padding:38px 0;
  background:
    linear-gradient(120deg, rgba(9,24,38,.68), rgba(8,85,121,.52)),
    url("images/img-5376-2146x1431.webp") center/cover no-repeat;
}

.modern-pricing .cta-content{
  padding:14px 18px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  background:rgba(7,26,42,.36);
  box-shadow:0 18px 40px rgba(3,16,28,.18);
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
}

.modern-pricing .cta-content p{
  color:rgba(235,246,255,.88);
}

.modern-price-card{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(12px) saturate(120%);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
}

.modern-price-card:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.24);
}

.modern-footer{
  background:linear-gradient(180deg, #081a2b, #06111d);
}

.modern-whatsapp{
  border-radius:999px;
  transform:translateX(-50%);
}

.modern-whatsapp i{
  transform:none;
}

.modern-whatsapp:hover{
  transform:translateX(-50%) translateY(-2px) scale(1.04);
}

@media (max-width: 1199px){
  .modern-nav{
    background:rgba(7,21,34,.92);
  }

  .modern-hero .hero-title{
    max-width:9.5ch;
  }

  .modern-hero-panel{
    padding:26px;
  }
}

@media (max-width: 991px){
  .modern-hero{
    min-height:var(--hero-banner-height);
    min-height:var(--hero-banner-height-safe);
  }

  .modern-hero .hero-content{
    min-height:var(--hero-banner-height);
    min-height:var(--hero-banner-height-safe);
  }

  .modern-hero-panel-grid{
    grid-template-columns:1fr;
  }

  .modern-hero-panel-item,
  .modern-hero-panel-item-wide{
    grid-column:auto;
  }
}

@media (max-width: 767px){
  .modern-nav .site-nav-link{
    min-height:0;
    padding:0 6px;
  }

  .modern-hero{
    min-height:var(--hero-banner-height);
    min-height:var(--hero-banner-height-safe);
  }

  .modern-hero .hero-content{
    min-height:var(--hero-banner-height);
    min-height:var(--hero-banner-height-safe);
    padding-top:96px;
    padding-bottom:52px;
  }

  .modern-hero .hero-title{
    max-width:100%;
    font-size:clamp(2.7rem, 14vw, 4.15rem);
    line-height:1.04;
  }

  .modern-hero .hero-copy{
    font-size:.98rem;
    line-height:1.65;
  }

  .modern-hero-panel{
    padding:24px 20px;
    margin-top:6px;
    border-radius:22px;
  }

  .modern-hero-panel-grid{
    grid-template-columns:1fr;
  }

  .modern-hero-panel-item,
  .modern-hero-panel-item-wide{
    grid-column:auto;
    min-height:0;
  }

  .modern-card{
    border-radius:16px;
  }
}

@media (max-width: 430px){
  .modern-hero .hero-content{
    min-height:var(--hero-banner-height);
    min-height:var(--hero-banner-height-safe);
    padding-top:92px;
    padding-bottom:48px;
  }
}
.seo-breadcrumbs {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
}