/* =============================================================
   DUBÁI · v7 · CocoVolare
   The Dubai 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
   Dubai-specific accents, kept intentionally minimal.
   The itinerary cards reuse Colombia's cv-pkg-compact design.
   ============================================================= */

/* Hero flag chip · UAE flag (red bar + green/white/black bands).
   The hero markup uses a four-stripe block. */
.cv-hero__flag .ae-flag {
  width: 22px;
  height: 15px;
  border-radius: 2px;
  display: inline-grid;
  grid-template-columns: 6px 1fr;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0,0,0,.35);
}
.cv-hero__flag .ae-flag i { display: block; }
.cv-hero__flag .ae-flag .ae-red { grid-row: 1 / 4; background: #FF0000; }
.cv-hero__flag .ae-flag .ae-g { background: #00732F; }
.cv-hero__flag .ae-flag .ae-w { background: #FFFFFF; }
.cv-hero__flag .ae-flag .ae-b { background: #000000; }

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

/* 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 on a black background, so the dark
   Colombia cards sit correctly and the header stays legible. */
.cv-dxb-pkg { padding: 110px 0; background:#000; color:var(--wh); }
.cv-dxb-pkg .cv-pkg-carousel { margin-top: 38px; }
.cv-dxb-pkg .cv-arg-pkg__custom { margin-top: 30px; }