/* AUTO-GENERATED por build-campanhas.mjs · não editar */
.cmp-carousel { position: relative; z-index: 50; min-height: 44px; }
.cmp-slide { display: none; padding: 10px 16px; text-align: center; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.cmp-slide.active { display: flex; }
.cmp-msg { font-size: 14px; font-weight: 500; letter-spacing: 0.01em; max-width: 70ch; }
.cmp-cta { text-decoration: none; font-size: 13px; font-weight: 600; padding: 4px 12px; border-radius: 100px; transition: all 0.2s; white-space: nowrap; border: 1px solid transparent; }

/* Variantes de estilo */
.cmp-slide[data-estilo="default"], .cmp-slide[data-estilo="campanha"] { background: linear-gradient(90deg, #1F4A26 0%, #2F6B36 100%); color: #F3F0E7; }
.cmp-slide[data-estilo="default"] .cmp-cta, .cmp-slide[data-estilo="campanha"] .cmp-cta { color: #E2B13C; border-color: #E2B13C; }
.cmp-slide[data-estilo="default"] .cmp-cta:hover, .cmp-slide[data-estilo="campanha"] .cmp-cta:hover { background: #E2B13C; color: #1F4A26; }

.cmp-slide[data-estilo="earth"] { background: linear-gradient(90deg, #8A4A2B 0%, #C97752 100%); color: #F3F0E7; }
.cmp-slide[data-estilo="earth"] .cmp-cta { color: #F3F0E7; border-color: #F3F0E7; }
.cmp-slide[data-estilo="earth"] .cmp-cta:hover { background: #F3F0E7; color: #8A4A2B; }

.cmp-slide[data-estilo="sage"] { background: linear-gradient(90deg, #A8D5B1 0%, #C8E0C9 100%); color: #1F4A26; }
.cmp-slide[data-estilo="sage"] .cmp-cta { color: #1F4A26; border-color: #1F4A26; }
.cmp-slide[data-estilo="sage"] .cmp-cta:hover { background: #1F4A26; color: #F3F0E7; }

.cmp-slide[data-estilo="warning"] { background: linear-gradient(90deg, #E2B13C 0%, #F0C95A 100%); color: #1F4A26; }
.cmp-slide[data-estilo="warning"] .cmp-cta { color: #1F4A26; border-color: #1F4A26; }
.cmp-slide[data-estilo="warning"] .cmp-cta:hover { background: #1F4A26; color: #E2B13C; }

.cmp-slide[data-estilo="gold"] { background: linear-gradient(90deg, #C9961F 0%, #E2B13C 100%); color: #1F4A26; }
.cmp-slide[data-estilo="gold"] .cmp-cta { color: #1F4A26; border-color: #1F4A26; }
.cmp-slide[data-estilo="gold"] .cmp-cta:hover { background: #1F4A26; color: #E2B13C; }

/* Dots */
.cmp-dots { display: flex; justify-content: center; gap: 6px; padding: 6px 0; background: rgba(0,0,0,0.03); border-bottom: 1px solid rgba(0,0,0,0.05); }
.cmp-dot { width: 8px; height: 8px; border-radius: 50%; border: 0; background: rgba(0,0,0,0.2); cursor: pointer; padding: 0; transition: all 0.2s; }
.cmp-dot:hover { background: rgba(0,0,0,0.4); }
.cmp-dot.active { background: #2F6B36; width: 20px; border-radius: 4px; }
.cmp-dot:focus-visible { outline: 2px solid #E2B13C; outline-offset: 2px; }

/* Mobile */
@media (max-width: 600px) {
  .cmp-slide { padding: 8px 12px; gap: 8px; }
  .cmp-msg { font-size: 12px; }
  .cmp-cta { font-size: 11px; padding: 3px 10px; }
  .cmp-dot { width: 10px; height: 10px; }
  .cmp-dot.active { width: 22px; }
  .cmp-dots { padding: 8px 0; gap: 8px; } /* touch target ≥44px via padding */
}

/* Prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
  .cmp-slide.active { transition: none; }
}