/* =============================================================
   VIETNAM · v7 · CocoVolare
   The Vietnam page is built on Argentina's design system:
   main.css + colombia.css + argentina.css carry all layout,
   components and responsive behavior. This file holds only
   Vietnam-specific accents, kept intentionally minimal.
   The itinerary cards reuse Colombia's cv-pkg-compact design.
   ============================================================= */

/* Hero flag dots · Vietnamese flag (red field with a five-point
   golden star). Two cells: the red field and the yellow star. */
.cv-hero__flag .stripe.vn-r { background:#DA251D; }
.cv-hero__flag .stripe.vn-y {
  background:#DA251D;
  position:relative;
}
.cv-hero__flag .stripe.vn-y::after {
  content:"★";
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-52%);
  color:#FFFF00;
  font-size:13px;
  line-height:1;
}

/* Hero · calm Ken Burns drift for the lantern cover image. */
.cv-hero__bg--kenburns { animation-duration: 28s; }

/* Safety · never allow a destination image to distort.
   Every <img> carries width/height; this guarantees object-fit
   on any media slot regardless of intrinsic ratio. */
.cv-arg-regcard__media img,
.cv-arg-exp__media img,
.cv-arc-gallery__item img,
.cv-hero__bg {
  object-fit: cover;
}

/* Itinerary section · the Colombia cv-pkg cards live inside an
   Argentina-style section. The Egypt itinerary section uses a black
   background; we match it so the dark Colombia cards sit correctly
   and the section header stays legible. */
.cv-vnm-pkg { padding: 110px 0; background:#000; color:var(--wh); }
.cv-vnm-pkg .cv-pkg-carousel { margin-top: 38px; }
.cv-vnm-pkg .cv-arg-pkg__custom { margin-top: 30px; }