:root {
            --navy-blue: #002D62;
            --golden-yellow: #DAA520;
            --soft-blue: #3884c3;
            --off-white: #F5F5DC;
            --soft-gray: #9E9E9E;
            --soft-branco: #ffffff;
             --section-padding: 80px;

        }
        
        :root {
            --golden: #DAA520;  /* dourado */
            --navy: #002D62;    /* azul marinho */
            --off-white: #F5F5DC;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            background-color: var(--off-white);
            color: var(--soft-gray);
        }
        
       .section-spacing {
            padding-top: var(--section-padding);
            padding-bottom: var(--section-padding);
        }

        @media (max-width: 767px) {
            :root {
                --section-padding: 50px;
            }
        }



        /* Typography */
        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
        }
        
        .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
            font-family: 'Poppins', sans-serif;
        }
        
        p, span, div, a, li, td, th, label, input, textarea, select {
            font-family: 'Open Sans', sans-serif;
        }
        
        .logo-font {
            font-family: 'Cinzel', serif;
        }
        
        .handwriting {
            font-family: 'Pacifico', cursive;
        }
        
        /* Custom Bootstrap Colors */
        .bg-navy { background-color: var(--navy-blue) !important; }
        .bg-golden { background-color: var(--golden-yellow) !important; }
        .bg-soft-blue { background-color: var(--soft-blue) !important; }
        .bg-off-white { background-color: var(--off-white) !important; }
        .bg-soft-gray { background-color: var(--soft-gray) !important; }


        .bg-soft-branco { background-color: var(--soft-branco) !important; }
        
        .text-navy { color: var(--navy-blue) !important; }
        .text-golden { color: var(--golden-yellow) !important; }
        .text-soft-blue { color: var(--soft-blue) !important; }
        .text-off-white { color: var(--off-white) !important; }
        .text-soft-gray { color: var(--soft-gray) !important; }
        
        .border-navy { border-color: var(--navy-blue) !important; }
        .border-golden { border-color: var(--golden-yellow) !important; }
        .border-soft-blue { border-color: var(--soft-blue) !important; }
        
        /* Botão dourado */
        .btn-golden {
            background-color: var(--golden-yellow);
            border-color: var(--golden-yellow);
            color: var(--off-white);
        }

        .btn-golden:hover      {
            background-color: var(--navy);
            border-color: var(--navy);
            color: var(--off-white);
        }
        

        .btn-outline-light{
            border-width: 1px;
            color: var(--soft-branco);
        }

        .btn-outline-light:hover {
            color: var(--navy-blue);
        }

        .shadow-hover{ transition: transform .18s ease, box-shadow .18s ease; }
        .shadow-hover:hover{ transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.28); }


        .btn-outline-golden {
            color: var(--golden-yellow);
            border-color: var(--golden-yellow);
        }
        
        .btn-outline-golden:hover {
            background-color: var(--golden-yellow);
            border-color: var(--golden-yellow);
            color: white;
        }

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

        .btn-outline-primary:hover{
        background-color:var(--navy-blue);
        color: var(--off-white);

        }

/* Efeito de zoom */
.hover-zoom {
    transition: transform 0.3s ease;
}

.hover-zoom:hover {
    transform: scale(1.05);
}

/* Efeito de elevação */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Efeito combinado */
.hover-effect {
    transition: all 0.3s ease;
}

.hover-effect:hover {
    transform: scale(1.03) translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}




/* Fundo */
  .quote-highlight {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .quote-highlight .bg-image {
    overflow: hidden;
  }

  .quote-highlight img {
    filter: brightness(0.8);
  }

  /* Gradiente */
  .bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      rgba(0, 0, 0, 0.4) 0%, 
      rgba(0, 0, 0, 0.6) 100%
    );
    z-index: 1;
  }

  /* Fonte manuscrita */
  .handwriting {
    font-family: "Pacifico", cursive, sans-serif;
  }

        
        /* Navigation Effects */
        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: var(--golden-yellow);
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after {
            width: 100%;
        }
        
        /* Wave Shape */
        .wave-shape {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            line-height: 0;
        }
        
        .wave-shape svg {
            position: relative;
            display: block;
            width: calc(100% + 1.3px);
            height: 150px;
        }
        
        .wave-shape .shape-fill {
            fill: var(--navy-blue);
        }
        
        /* Card Hover Effects */
        .tour-card {
            transition: all 0.3s ease;
        }
        
        .tour-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        /* Beer Bubble Animation */
        .beer-bubble {
            position: absolute;
            background-color: rgba(218, 165, 32, 0.6);
            border-radius: 50%;
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(10deg); }
            100% { transform: translateY(0) rotate(0deg); }
        }
        
        /* Booking Form */
        .booking-form {
            background: rgba(0, 45, 98, 0.9);
        }
        
        /* Testimonial Cards */
        .testimonial-card {
            transition: all 0.3s ease;
        }
        
        .testimonial-card:hover {
            transform: scale(1.05);
        }
        
        /* Gallery Items */
        .gallery-item {
            transition: all 0.3s ease;
        }
        
        .gallery-item:hover {
            transform: scale(1.03);
        }
        
        /* Gradient Backgrounds */
        .bg-gradient-navy-blue {
            background: linear-gradient(135deg, var(--navy-blue) 0%, var(--soft-blue) 100%);
        }
        
        .bg-gradient-golden {
            background: linear-gradient(135deg, var(--golden-yellow) 0%, #f4d03f 100%);
        }
        
        /* Custom Animations */
        .animate-pulse {
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        
        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: .5;
            }
        }
        
        .animate-bounce {
            animation: bounce 1s infinite;
        }
        
        @keyframes bounce {
            0%, 100% {
                transform: translateY(-25%);
                animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
            }
            50% {
                transform: none;
                animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            }
        }


        /* ========== Mídia ========== */
  .highlight-media{ min-height: 420px; aspect-ratio: 4/3; }
  @media (min-width: 992px){
    .highlight-media{ min-height: 540px; aspect-ratio: auto; }
  }
  .media-overlay{
    position: absolute; inset: 0;
    background:
      linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.18) 60%, rgba(0,0,0,.20) 100%),
      linear-gradient(45deg, color-mix(in oklab, var(--navy) 18%, transparent) 0%,
                            color-mix(in oklab, var(--golden) 12%, transparent) 100%);
    pointer-events: none;
  }

   .info-box{ backdrop-filter: saturate(1.1) blur(2px); }



   .footer-sun7 .footer-desc{
    color: rgba(255,255,255,.8);
    font-size: .95rem;
    line-height: 1.6;
  }
  .footer-link{
    color: rgba(255,255,255,.85);
    font-size: .95rem;
    text-decoration: none;
  }
  .footer-link:hover,
  .social-btn:hover{
    color: #fff;
    filter: brightness(1.05);
    transform: translateY(-1px);
  }
  .footer-divider{
    border: 0;
    border-top: 1px solid color-mix(in oklab, var(--golden) 45%, transparent);
    opacity: 1;
  }
  .border-golden-subtle{
    border-color: color-mix(in oklab, var(--golden) 35%, transparent) !important;
  }

  /* Inputs */
  .footer-input{
    width: 170px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
  }
  .footer-input::placeholder{ color: rgba(255,255,255,.7); }
  .footer-input:focus{
    border-color: var(--golden);
    box-shadow: 0 0 0 .2rem rgba(218,165,32,.25);
    outline: 0;
  }