<!-- ========================= -->
  <!-- 2026 BRAND STYLES (move to CSS file ideally) -->
  <!-- ========================= -->
  <style>
    :root{
      --nuria-red:#c21d1d;
      --antique-gold:#8A6B3E;
      --antique-gold-soft:#B08D57;
      --charcoal:#121417;
      --offwhite:#F7F7F5;
      --border:#E7E7E5;
    }

/* NURIA TOURS BRAND */

.nt-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
}

.nt-brand-icon{
  width:92px;
  height:auto;
}

.nt-brand-text{
  color:#c21d1d;
  font-size:.95rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.nt-brand-dot{
  color:#c21d1d;
}

.nt-brand:hover{
  text-decoration:none;
}
    /* ===== HERO readability (centered) ===== */
    #carouselHero .carousel-item{ position: relative; }
    #carouselHero .carousel-item::before{
      content:"";
      position:absolute;
      inset:0;
      background: linear-gradient(
        180deg,
        rgba(0,0,0,0.25) 0%,
        rgba(0,0,0,0.55) 65%,
        rgba(0,0,0,0.65) 100%
      );
      z-index: 1;
    }
    #carouselHero .hero-img{
      min-height: 78vh;
      object-fit: cover;
    }
    #carouselHero .hero-caption{
      z-index: 2;
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      bottom: 12%;
    }
    .hero-panel{
      max-width: 760px;
      padding: 24px 22px 18px;
      border-radius: 18px;
      background: rgba(18,20,23,0.42);
      border: 1px solid rgba(231,231,229,0.22);
      backdrop-filter: blur(7px);
      -webkit-backdrop-filter: blur(7px);
      box-shadow: 0 18px 45px rgba(0,0,0,0.25);
    }
    .hero-title{
      color:#fff;
      font-weight: 780;
      line-height: 1.05;
      letter-spacing: -0.02em;
      margin-bottom: 10px;
      text-shadow: 0 6px 18px rgba(0,0,0,0.55);
    }
    .hero-subtitle{
      color: rgba(255,255,255,0.88);
      margin-bottom: 16px;
      text-shadow: 0 4px 14px rgba(0,0,0,0.45);
    }
    .hero-subtitle strong{
      color: rgba(255,255,255,0.95); /* keep readable */
    }

    @media (max-width: 768px){
      #carouselHero .hero-caption{
        left: 6%;
        transform: none;
        width: 88%;
        bottom: 10%;
      }
      .hero-panel{
        max-width: 100%;
        padding: 18px;
      }
      .hero-title{ font-size: 1.7rem; }
    }

    /* ===== Typography + sections ===== */
    body{ color: var(--charcoal); }
    .section-title{
      color: var(--charcoal);
      font-weight: 750;
      letter-spacing: -0.02em;
    }
    .section-title .accent{ color: var(--nuria-red); }

    .title-underline{
      display:inline-block;
      border-bottom: 2px solid var(--nuria-red);
      padding-bottom: 2px;
    }

    .section-soft{
      background: var(--offwhite);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
    }

    /* ===== Buttons ===== */
    .btn-brand{
      background: var(--nuria-red);
      border: 1px solid var(--nuria-red);
      color:#fff;
      border-radius: 999px;
      padding: 12px 20px;
      font-weight: 650;
    }
    .btn-brand:hover{
      background:#a81717;
      border-color:#a81717;
      color:#fff;
    }

    /* ===== Cards ===== */
    .CustomCard{
      border: 1px solid var(--border);
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(18,20,23,0.06);
      background:#fff;
    }

    /* Premium border (antique gold cue) */
    .premium-border{ position: relative; }
    .premium-border:before{
      content:"";
      position:absolute;
      inset:0;
      border-radius: 16px;
      padding: 1px;
      background: linear-gradient(
        135deg,
        rgba(138,107,62,0.90),
        rgba(231,231,229,0.65),
        rgba(176,141,87,0.60)
      );
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events:none;
    }

    /* Badge + bullets */
    .badge-established{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size: 0.95rem;
      padding: 8px 12px;
      border-radius: 999px;
      background: #fff;
      border: 1px solid var(--border);
    }
    .badge-established .dot{
      width:8px;height:8px;border-radius:50%;
      background: var(--antique-gold);
    }

    .bullet-check{
      display:flex;
      gap:10px;
      margin-bottom: 12px;
      font-size: 1.05rem;
    }
    .bullet-check .mark{
      color: var(--antique-gold);
      font-weight: 900;
      line-height: 1.2;
    }