.mcf-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--border);
}

.mcf-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .18;
}

.mcf-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--background) 0%, rgba(252, 250, 246, .94) 42%, rgba(252, 250, 246, .62) 100%);
}

.mcf-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card);
  box-shadow: 0 18px 45px rgba(38, 22, 15, .07);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.mcf-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
  box-shadow: 0 24px 58px rgba(38, 22, 15, .11);
}

.mcf-blank-card {
  min-height: 260px;
}

.mcf-metric {
  border-left: 3px solid var(--primary);
  border-radius: 0 8px 8px 0;
}

.mcf-stars {
  color: #f99c00;
  letter-spacing: .04em;
}

.mcf-carousel {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.mcf-carousel-track {
  display: flex;
  width: max-content;
  gap: 1rem;
  animation: mcf-scroll 58s linear infinite;
}

.mcf-carousel:hover .mcf-carousel-track {
  animation-play-state: paused;
}

.mcf-testimonial {
  flex: 0 0 auto;
  width: min(82vw, 330px);
  min-height: 220px;
}

.mcf-proof-band {
  background: linear-gradient(135deg, var(--primary), #d95208);
}

.mcf-cta-btn {
  transition: transform .2s ease, box-shadow .2s ease;
}

.mcf-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(243, 104, 15, .35);
}

.mcf-stat-strip > div {
  transition: transform .2s ease;
}

.mcf-stat-strip > div:hover {
  transform: translateY(-2px);
}

@keyframes mcf-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 767px) {
  .mcf-hero-img {
    opacity: .12;
  }

  .mcf-hero-shade {
    background: linear-gradient(180deg, var(--background) 0%, rgba(252, 250, 246, .9) 100%);
  }

  .mcf-testimonial {
    width: min(88vw, 300px);
    min-height: 200px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mcf-carousel-track {
    animation: none;
  }

  .mcf-card,
  .mcf-card:hover,
  .mcf-cta-btn,
  .mcf-cta-btn:hover,
  .mcf-stat-strip > div,
  .mcf-stat-strip > div:hover {
    transform: none;
  }
}



/* AVANTECREDITO BLUE THEME OVERRIDE */
:root,
:host {
  --background: #F8FAFC !important;
  --foreground: #0F172A !important;
  --card: #FFFFFF !important;
  --card-foreground: #0F172A !important;
  --popover: #FFFFFF !important;
  --popover-foreground: #0F172A !important;
  --primary: #2563EB !important;
  --primary-foreground: #F8FAFC !important;
  --secondary: #F8FAFC !important;
  --secondary-foreground: #2563EB !important;
  --muted: #F8FAFC !important;
  --muted-foreground: #64748B !important;
  --accent: #EFF6FF !important;
  --accent-foreground: #2563EB !important;
  --destructive: #DC2626 !important;
  --border: #E2E8F0 !important;
  --input: #E2E8F0 !important;
  --ring: #2563EB !important;
  --success: #2563EB !important;
}
body { background: #F8FAFC !important; color: #0F172A !important; }
.bg-background { background-color: #F8FAFC !important; }
.bg-card { background-color: #FFFFFF !important; }
.text-foreground { color: #0F172A !important; }
.text-muted-foreground { color: #64748B !important; }
.text-primary { color: #2563EB !important; }
.bg-primary, .mcf-cta-btn, .mcf-thanks-primary { background-color: #2563EB !important; color: #F8FAFC !important; }
.hover\:bg-primary\/90:hover, .mcf-cta-btn:hover, .mcf-thanks-primary:hover { background-color: #1D4ED8 !important; color: #F8FAFC !important; }
.border-border { border-color: #E2E8F0 !important; }
.mcf-hero-shade { background: linear-gradient(90deg, rgba(5,5,5,.96) 0%, rgba(5,5,5,.86) 44%, rgba(5,5,5,.35) 100%) !important; }
.mcf-card { background: #FFFFFF !important; border-color: #E2E8F0 !important; box-shadow: 0 18px 48px rgba(15,23,42,.38) !important; }
.mcf-card:hover { border-color: #2563EB !important; box-shadow: 0 24px 58px rgba(37,99,235,.18) !important; }
.mcf-stars { color: #2563EB !important; }
.mcf-proof-band { background: linear-gradient(135deg, #2563EB, #1D4ED8) !important; color: #F8FAFC !important; }
.mcf-questionnaire-title { color: #0F172A !important; }
.mcf-questionnaire [role="progressbar"] { background: rgba(37,99,235,.22) !important; }
.mcf-questionnaire [role="progressbar"] > div { background: #2563EB !important; }
.mcf-option-card:hover,
.mcf-option-card.is-selected,
.mcf-upload-card:hover { border-color: #2563EB !important; box-shadow: 0 12px 28px rgba(37,99,235,.18) !important; }
.mcf-option-radio.is-selected { border-color: #2563EB !important; background: #2563EB !important; }
.mcf-hero .mt-6 svg.text-primary,
.mcf-questionnaire .text-primary svg,
.mcf-thanks-check { color: #2563EB !important; }


/* AVANTECREDITO BLUE PALETTE RESTORED */
:root,
:host {
  --background: #F8FAFC !important;
  --foreground: #0F172A !important;
  --card: #FFFFFF !important;
  --card-foreground: #0F172A !important;
  --popover: #FFFFFF !important;
  --popover-foreground: #0F172A !important;
  --primary: #2563EB !important;
  --primary-foreground: #FFFFFF !important;
  --secondary: #F8FAFC !important;
  --secondary-foreground: #2563EB !important;
  --muted: #F8FAFC !important;
  --muted-foreground: #64748B !important;
  --accent: #F8FAFC !important;
  --accent-foreground: #2563EB !important;
  --destructive: #0F172A !important;
  --border: #E2E8F0 !important;
  --input: #E2E8F0 !important;
  --ring: #2563EB !important;
  --success: #16A34A !important;
}
body { background: #F8FAFC !important; color: #0F172A !important; }
.bg-background { background-color: #F8FAFC !important; }
.bg-card { background-color: #FFFFFF !important; }
.text-foreground { color: #0F172A !important; }
.text-muted-foreground { color: #64748B !important; }
.text-primary { color: #2563EB !important; }
.bg-primary, .mcf-cta-btn, .mcf-thanks-primary { background-color: #2563EB !important; color: #FFFFFF !important; }
.hover\:bg-primary\/90:hover, .mcf-cta-btn:hover, .mcf-thanks-primary:hover { background-color: #1D4ED8 !important; color: #FFFFFF !important; }
.border-border { border-color: #E2E8F0 !important; }
.mcf-hero-shade { background: linear-gradient(90deg, #F8FAFC 0%, rgba(248,250,252,.94) 42%, rgba(248,250,252,.62) 100%) !important; }
.mcf-card { background: #FFFFFF !important; border-color: #E2E8F0 !important; box-shadow: 0 18px 45px rgba(15,23,42,.07) !important; }
.mcf-card:hover { border-color: color-mix(in srgb, #2563EB 28%, #E2E8F0) !important; box-shadow: 0 24px 58px rgba(15,23,42,.11) !important; }
.mcf-stars { color: #2563EB !important; }
.mcf-proof-band { background: linear-gradient(135deg, #2563EB, #1D4ED8) !important; color: #FFFFFF !important; }
.mcf-questionnaire-title { color: #0F172A !important; }
.mcf-questionnaire [role="progressbar"] { background: color-mix(in srgb, #2563EB 18%, transparent) !important; }
.mcf-questionnaire [role="progressbar"] > div { background: #2563EB !important; }
.mcf-option-card:hover,
.mcf-option-card.is-selected,
.mcf-upload-card:hover { border-color: #2563EB !important; box-shadow: 0 12px 28px rgba(15,23,42,.08) !important; }
.mcf-option-radio.is-selected { border-color: #2563EB !important; background: #2563EB !important; }
.mcf-hero .mt-6 svg.text-primary,
.mcf-questionnaire .text-primary svg,
.mcf-thanks-check { color: #16A34A !important; }

/* Official Avante Crédito logo */
.mcf-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 0;
  text-decoration: none;
}

.mcf-brand-logo {
  display: block;
  width: clamp(132px, 18vw, 196px);
  height: auto;
  object-fit: contain;
}

.mcf-footer-logo {
  display: block;
  width: min(176px, 72vw);
  height: auto;
  object-fit: contain;
}

.mcf-thanks-logo {
  display: block;
  width: min(260px, 74vw);
  height: auto;
  margin: 0 auto 28px;
  object-fit: contain;
}

@media (max-width: 640px) {
  .mcf-brand-logo {
    width: 126px;
  }
}