/* KHỐI KÊU GỌI — style scoped của CinemaCtaPanel.vue. */

/* Mép trong trái của `.ex-container` (khung 1360px, lề 20 → 32 → 40 theo mốc) — tính theo bề ngang khối. */
[data-ex-section="cta"] .ex-cta6 { --pad: 20px; --pl: max(var(--pad), calc(50% - 680px + var(--pad))); }
@media (min-width: 768px) { [data-ex-section="cta"] .ex-cta6 { --pad: 32px; } }
@media (min-width: 992px) { [data-ex-section="cta"] .ex-cta6 { --pad: 40px; } }
[data-ex-section="cta"] .ex-cta6-panel {
  /* Xanh dương logo chuyển dọc. Góc trên-phải vuông. */
  background: linear-gradient(180deg, #2f62dc 0%, #2654cb 55%, #1d44ad 100%);
  /* Rộng vừa nội dung + đệm phải ~ một nút. */
  width: fit-content;
  padding: 72px 88px 64px var(--pl);
  border-radius: 0 0 72px 0;
}
/* Dưới 992px: mảng trong dòng chảy. Điện thoại kín bề ngang, đệm trên = cao góc khoét + 12px; máy tính bảng vừa nội dung,
   chừa chỗ bên phải cho chữ viền dọc. */
@media (max-width: 767.98px) {
  [data-ex-section="cta"] .ex-cta6-panel { width: auto; padding: calc(var(--notch-h) + 12px) var(--pad) 40px var(--pl); border-radius: 0 0 48px 0; }
  [data-ex-section="cta"] .ex-cta6.is-tuck .ex-cta6-panel { padding-top: 36px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  [data-ex-section="cta"] .ex-cta6-panel { max-width: calc(100% - 150px); padding: 64px 64px 56px var(--pl); border-radius: 0 0 64px 0; }
}
@media (hover: hover) {
  [data-ex-section="cta"] .ex-cta6-go:hover { transform: scale(1.05); background: #fff; color: #021a21; }
  [data-ex-section="cta"] .ex-cta6-go:hover svg { transform: translateX(3px); }
}

[data-ex-section="cta"] .ex-cta-title {
  font-family: 'Momo Trust Display', 'Be Vietnam Pro', sans-serif;
  font-weight: 400;
  letter-spacing: -0.02em;
}

/* Chữ viền dọc: writing-mode dọc + xoay 180° để đọc từ dưới lên; dải lặp 4 lần, trôi nửa dải là khớp nối. */
[data-ex-section="cta"] .ex-cta6-marquee { transform: rotate(180deg); }
[data-ex-section="cta"] .ex-cta6-track {
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-family: 'Momo Trust Display', 'Be Vietnam Pro', sans-serif;
  font-size: 72px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: transparent;
  /* Nét viền vẽ GIỮA đường bao nên 1px trông dày — 0.6px + bớt đục. */
  -webkit-text-stroke: 0.6px rgba(255, 255, 255, 0.7);
}
@media (min-width: 992px) { [data-ex-section="cta"] .ex-cta6-track { font-size: 94px; } }
@media (prefers-reduced-motion: no-preference) {
  [data-ex-section="cta"] .ex-cta6-track { animation: ex-cta6-run 40s linear infinite; }
}
/* Cụm "số hoá chuỗi nông sản": xanh chanh màu đặc. */
[data-ex-section="cta"] .ex-cta6-accent { color: #c8f533; }
[data-ex-section="cta"] .ex-cta6-infinity {
  background: linear-gradient(100deg, #a3d94b 0%, #45b57a 55%, #279240 100%);
  -webkit-mask: url('../../ecomax/logos/ecomax-infinity-white.webp') center / contain no-repeat;
  mask: url('../../ecomax/logos/ecomax-infinity-white.webp') center / contain no-repeat;
}
@keyframes ex-cta6-run {
  to { transform: translateY(-50%); }
}