/* ============================================================
   VENTA AUTO — Global Stylesheet  v1.4.0
   Font: Manrope (Google Fonts, encolada desde el plugin)
   All rules scoped inside .va-card to override WP themes.
   ============================================================ */

/* ── Universal font override for the entire form ── */
.va-wrapper,
.va-wrapper * {
  font-family: 'Manrope', system-ui, sans-serif !important;
}

/* ============================================================
   VENTA AUTO — Global Stylesheet  v1.0.1
   All rules scoped inside .va-wrapper to avoid WP theme conflicts
   ============================================================ */


/* ── Wrapper: centers the card, provides page bg feel ── */
.va-wrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 16px;
  font-family: 'Manrope', system-ui, sans-serif;
  box-sizing: border-box;
}

/* ── Reset only inside our wrapper ── */
.va-wrapper *,
.va-wrapper *::before,
.va-wrapper *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Card shell ── */
.va-card {
  width: 100%;
  max-width: 652px;
  min-height: 623px;
  background: #fff;
  border-radius: 20px;
  position: relative;
  padding: 36px 40px 40px;
  display: flex;
  flex-direction: column;
  gap: 0;
  font-family: 'Manrope', system-ui, sans-serif;
}

/* Gradient border */
.va-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(135deg, #B8D6FF 0%, #FAD9FF 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* ── Title ── */
.va-card .va-title {
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #0D2D6B !important;
  margin: 0 0 20px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  border: none !important;
  padding: 0 !important;
}

/* ── Step badges ── */
.va-card .va-steps-wrap {
  position: relative !important;
  margin-bottom: 12px !important;
}

.va-card .va-steps {
  display: flex !important;
  flex-direction: row !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

.va-card .va-step {
  padding: 6px 16px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: 1.5px solid #D1D9E6 !important;
  background: #fff !important;
  color: #8A9AB8 !important;
  white-space: nowrap !important;
  display: inline-block !important;
  line-height: 1 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  flex-shrink: 0 !important;
}

/* Mobile only: horizontal scroll with fade edges */
@media (max-width: 520px) {
  .va-card .va-steps-wrap {
    position: relative !important;
    overflow: hidden !important;
  }
  .va-card .va-steps-wrap::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 40px !important;
    background: linear-gradient(to left, #fff 40%, transparent) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }
  .va-card .va-steps {
    overflow-x: scroll !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scroll-behavior: smooth !important;
    padding-bottom: 2px !important;
  }
  .va-card .va-steps::-webkit-scrollbar { display: none !important; }
  .va-card .va-step {
    padding: 6px 10px !important;
    font-size: 10px !important;
  }
}

.va-card .va-step.va-step--active {
  background: #1A3F7B !important;
  border-color: #1A3F7B !important;
  color: #fff !important;
}

.va-card .va-step.va-step--done {
  background: #F0F5FF !important;
  border-color: #B8D6FF !important;
  color: #1A3F7B !important;
}

/* ── Panel system ── */
.va-card .va-panel {
  display: none !important;
  flex-direction: column;
  flex: 1;
}

.va-card .va-panel.va-panel--active {
  display: flex !important;
}

.va-card .va-panel.va-panel--step1 {
  flex-direction: column;
  gap: 0;
}

/* ── Content box (grey bg) ── */
.va-card .va-content-box {
  background: #F6F8FC !important;
  border-radius: 16px !important;
  padding: 32px 32px 36px !important;
  flex: 1;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.va-card .va-content-title {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  line-height: 1.35 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
}

/* ── Primary button (red + arrow) ── */
.va-card .va-btn-primary {
  display: flex !important;
  align-items: center !important;
  background: #C0202E !important;
  border: none !important;
  border-radius: 10px !important;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.15s;
  opacity: 0.45;
  pointer-events: none;
  font-family: 'Manrope', system-ui, sans-serif !important;
}

.va-card .va-btn-primary.enabled {
  opacity: 1 !important;
  pointer-events: all !important;
}

.va-card .va-btn-primary.enabled:hover { opacity: 0.9 !important; }

.va-card .va-btn-label {
  padding: 0 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #fff !important;
  text-transform: uppercase !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
}

.va-card .va-btn-arrow {
  width: 50px !important;
  height: 50px !important;
  background: #9B1520 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
}

.va-card .va-btn-arrow svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #fff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
}

/* ── Secondary button ── */
.va-card .va-btn-secondary {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8A9AB8 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  transition: color 0.15s;
  box-shadow: none !important;
}

.va-card .va-btn-secondary:hover { color: #0D2D6B !important; }

/* ── Round next button (steps 2) ── */
.va-card .va-btn-round {
  width: 56px !important;
  height: 56px !important;
  background: #C0202E !important;
  border: none !important;
  border-radius: 12px !important;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.15s;
  opacity: 0.4;
  pointer-events: none;
  flex-shrink: 0;
}

.va-card .va-btn-round.enabled {
  opacity: 1 !important;
  pointer-events: all !important;
}

.va-card .va-btn-round svg {
  width: 22px !important;
  height: 22px !important;
  stroke: #fff !important;
  stroke-width: 2.5 !important;
  fill: none !important;
}

/* ── Status text ── */
.va-card .va-status {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #8A9AB8 !important;
  letter-spacing: 0.02em !important;
  transition: color 0.2s;
  font-family: 'Manrope', system-ui, sans-serif !important;
}

.va-card .va-status.ok    { color: #1A8C4E !important; }
.va-card .va-status.error { color: #C0202E !important; }

/* ── Bottom nav bar ── */
.va-card .va-bottom-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 20px !important;
  margin-top: auto !important;
}

/* ── Form inputs ── */
.va-card .va-input {
  width: 100% !important;
  height: 48px !important;
  border: 1.5px solid #D1D9E6 !important;
  border-radius: 10px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  color: #0D2D6B !important;
  background: #fff !important;
  outline: none !important;
  transition: border-color 0.15s, box-shadow 0.15s;
  display: block !important;
  box-shadow: none !important;
  -webkit-appearance: none;
}

.va-card .va-input::placeholder { color: #A0ABBE !important; }

.va-card .va-input:focus {
  border-color: #0D2D6B !important;
  box-shadow: 0 0 0 3px rgba(13,45,107,0.07) !important;
}

.va-card .va-input.missing {
  border-color: #C0202E !important;
  box-shadow: 0 0 0 3px rgba(192,32,46,0.1) !important;
}

/* ── Two-column input grid ── */
.va-card .va-input-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

/* ── Feature strip (step 1 bottom) ── */
.va-card .va-features {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding-top: 8px !important;
}

@media (max-width: 520px) {
  .va-card .va-features {
    overflow-x: auto !important;
    scrollbar-width: none !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding-bottom: 4px !important;
  }
  .va-card .va-features::-webkit-scrollbar { display: none !important; }
  .va-card .va-feature {
    flex-shrink: 0 !important;
    min-width: 72px !important;
  }
}

.va-card .va-feature {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 !important;
}

.va-card .va-feature-icon {
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.va-card .va-feature-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #5C6B87 !important;
  text-align: center !important;
  line-height: 1.3 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
}

/* ── Photo upload area ── */
.va-card .va-photos-box {
  background: #fff !important;
  border: 1.5px solid #D1D9E6 !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.va-card .va-photos-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.va-card .va-photos-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
}

.va-card .va-upload-btn {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1A3F7B !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  transition: opacity 0.15s;
  box-shadow: none !important;
}

.va-card .va-upload-btn:hover { opacity: 0.7 !important; }
.va-card .va-upload-input { display: none !important; }

/* Dynamic thumb grid: 5 columns desktop, wraps on smaller */
.va-card .va-thumbs-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}

.va-card .va-thumb {
  aspect-ratio: 4/3 !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  overflow: hidden;
  position: relative;
  background: #F0F3FA !important;
}

.va-card .va-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.va-card .va-thumb--empty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.5;
}

.va-card .va-thumb--empty svg {
  width: 60% !important;
  height: 60% !important;
}

.va-card .va-thumb .va-thumb-remove {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  width: 20px !important;
  height: 20px !important;
  background: #C0202E !important;
  border-radius: 50% !important;
  border: none !important;
  cursor: pointer;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
  z-index: 2 !important;
}

.va-card .va-thumb:hover .va-thumb-remove { display: flex !important; }

.va-card .va-thumb-spin {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(240,243,250,0.9) !important;
  font-size: 10px !important;
  color: #1A3F7B !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
}

/* ── Animations ── */
@keyframes va-blink {
  0%, 100% { border-bottom-color: #0D2D6B; }
  50%       { border-bottom-color: transparent; }
}

/* ── Select input ── */
.va-card .va-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A9AB8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  cursor: pointer !important;
}

.va-card .va-select option[value=""] { color: #A0ABBE !important; }

/* ── Inline link button (used in plate error message) ── */
.va-card .va-link-btn {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-left: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  box-shadow: none !important;
  display: inline !important;
}
.va-card .va-link-btn:hover { opacity: 0.7 !important; }

/* ── Single column grid (step 3 reduced fields) ── */
.va-card .va-input-grid--single {
  grid-template-columns: 1fr !important;
}

/* ── Select placeholder: muted when empty, dark when filled ── */
.va-card .va-select:not(.va-select--filled) {
  color: #A0ABBE !important;
}

.va-card .va-select.va-select--filled {
  color: #0D2D6B !important;
}

/* Options always dark regardless of select state */
.va-card .va-select option {
  color: #0D2D6B !important;
}

.va-card .va-select option:disabled {
  color: #A0ABBE !important;
}

/* ============================================================
   WIZARD v1.9 — Pills, grids, scroll, resumen
   ============================================================ */

/* ── Pills grid layouts ── */
.va-card .va-pills-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  width: 100% !important;
  max-height: 320px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  padding-right: 4px !important;
}
.va-card .va-pills-grid::-webkit-scrollbar { width: 4px; }
.va-card .va-pills-grid::-webkit-scrollbar-track { background: transparent; }
.va-card .va-pills-grid::-webkit-scrollbar-thumb { background: #D1D9E6; border-radius: 2px; }

/* Año: 3 col, taller since fewer items */
.va-card .va-pills-grid--3col {
  grid-template-columns: repeat(3, 1fr) !important;
  max-height: 260px !important;
}
/* Versión: 1 col full width */
.va-card .va-pills-grid--1col {
  grid-template-columns: 1fr !important;
  max-height: 320px !important;
}
/* Km: 2 col, fixed */
.va-card .va-pills-grid--2col {
  grid-template-columns: 1fr 1fr !important;
  max-height: 360px !important;
}
/* Aire: 2 big pills — no scroll needed */
#va-aire-grid {
  max-height: none !important;
  overflow: visible !important;
}

/* ── Pill button ── */
.va-card .va-pill {
  background: #fff !important;
  border: 1.5px solid #E8EDF5 !important;
  border-radius: 12px !important;
  padding: 12px 10px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #0D2D6B !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  line-height: 1.3 !important;
}
.va-card .va-pill:hover {
  border-color: #B8D6FF !important;
  box-shadow: 0 2px 8px rgba(13,45,107,0.08) !important;
}
.va-card .va-pill--selected {
  border-color: #1A3F7B !important;
  background: #EEF3FC !important;
  box-shadow: 0 0 0 3px rgba(13,45,107,0.1) !important;
}
.va-card .va-pill--warn {
  border-color: #F5C518 !important;
  color: #7A5000 !important;
}
.va-card .va-pill--lg {
  padding: 16px !important;
  font-size: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 72px !important;
}

/* ── Pills loading state ── */
.va-card .va-pills-loading {
  font-size: 13px !important;
  color: #8A9AB8 !important;
  padding: 12px 0 !important;
}

/* ── Marcas grid: fixed height with internal scroll ── */
.va-card .va-marcas-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  padding-bottom: 4px;
}
.va-card .va-marcas-grid::-webkit-scrollbar { width: 4px; }
.va-card .va-marcas-grid::-webkit-scrollbar-track { background: transparent; }
.va-card .va-marcas-grid::-webkit-scrollbar-thumb { background: #D1D9E6; border-radius: 2px; }

/* ── Scroll fade indicator ── */
.va-card .va-marcas-scroll-fade {
  display: none;
  height: 40px !important;
  margin-top: -40px !important;
  position: relative !important;
  z-index: 1 !important;
  background: linear-gradient(to bottom, transparent, #F6F8FC) !important;
  pointer-events: none !important;
  transition: opacity 0.2s !important;
}

/* ── Resumen box ── */
.va-card .va-resumen-box {
  background: #EEF3FC !important;
  border: 1px solid #C5D8F0 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  color: #1A3F7B !important;
  margin-bottom: 16px !important;
  line-height: 1.6 !important;
}

/* ── Textarea ── */
.va-card textarea.va-input {
  height: auto !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  line-height: 1.5 !important;
}

/* ── Mobile adjustments ── */
@media (max-width: 600px) {
  .va-card .va-marcas-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    max-height: 280px !important;
  }
  .va-card .va-pills-grid { gap: 6px !important; max-height: 280px !important; }
  .va-card .va-pills-grid--3col { grid-template-columns: repeat(3, 1fr) !important; max-height: 230px !important; }
  .va-card .va-pills-grid--1col { max-height: 280px !important; }
  .va-card .va-pills-grid--2col { max-height: 320px !important; }
  #va-aire-grid { max-height: none !important; }
  .va-card .va-pill { font-size: 12px !important; padding: 10px 6px !important; }
  .va-card .va-pill--lg { min-height: 75px !important; font-size: 13px !important; }
}

/* ============================================================
   SKELETON LOADERS — pill shimmer effect
   ============================================================ */

@keyframes va-shimmer {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* Base skeleton — flat gray block */
.va-card .va-skeleton {
  background-color: #E8EDF5 !important;
  border-radius: 12px !important;
  border: none !important;
  pointer-events: none !important;
  cursor: default !important;
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
}

/* Shimmer wave via ::after pseudo-element */
.va-card .va-skeleton::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0.6) 50%,
    transparent 100%
  ) !important;
  animation: va-shimmer 1.4s linear infinite !important;
}

/* Stagger so adjacent pills don't pulse identically */
.va-card .va-skeleton:nth-child(even)::after { animation-delay: 0.2s !important; }
.va-card .va-skeleton:nth-child(3n)::after   { animation-delay: 0.4s !important; }

/* Pill skeleton */
.va-card .va-skeleton-pill {
  height: 44px !important;
  width: 100% !important;
}

/* Version skeleton: taller */
.va-card .va-skeleton-pill--tall {
  height: 48px !important;
}

/* Brand skeleton */
.va-card .va-skeleton-marca {
  height: 72px !important;
}

/* ── Confirmation panel ── */
.va-card .va-confirmar-box {
  background: var(--va-bg, #F6F8FC) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #E2EAF4 !important;
}
.va-card .va-confirmar-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #E2EAF4 !important;
  gap: 12px !important;
}
.va-card .va-confirmar-row:last-child { border-bottom: none !important; }
.va-card .va-confirmar-label {
  font-size: 13px !important;
  color: #5C6B87 !important;
  flex-shrink: 0 !important;
  min-width: 70px !important;
}
.va-card .va-confirmar-value {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0D2D6B !important;
  text-align: right !important;
}

/* ── Search box ── */
.va-card .va-search-box {
  position: relative !important;
  margin-bottom: 8px !important;
}
.va-card .va-search-icon {
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #A0ABBE !important;
  pointer-events: none !important;
  width: 14px !important;
  height: 14px !important;
}
.va-card .va-search-input {
  width: 100% !important;
  padding: 8px 10px 8px 30px !important;
  border: 1.5px solid #E8EDF5 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  color: #0D2D6B !important;
  background: #F6F8FC !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color 0.15s, background 0.15s !important;
  -webkit-appearance: none !important;
}
.va-card .va-search-input:focus {
  border-color: #1A3F7B !important;
  background: #fff !important;
}
.va-card .va-search-input::placeholder {
  color: #A0ABBE !important;
}
/* Hide pills that don't match search */
.va-card .va-pill--hidden {
  display: none !important;
}
.va-card .va-marca-card--hidden {
  display: none !important;
}
/* No results message */
.va-card .va-no-results {
  font-size: 13px !important;
  color: #8A9AB8 !important;
  text-align: center !important;
  padding: 20px 0 !important;
  display: none !important;
}
.va-card .va-no-results.visible {
  display: block !important;
}

/* ── Tel prefix wrapper ── */
.va-card .va-tel-wrap {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid #E8EDF5 !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
  transition: border-color 0.15s !important;
}
.va-card .va-tel-wrap:focus-within {
  border-color: #1A3F7B !important;
}
.va-card .va-tel-prefix {
  padding: 0 10px 0 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0D2D6B !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  flex-shrink: 0 !important;
  border-right: 1.5px solid #E8EDF5 !important;
  line-height: 48px !important;
  user-select: none !important;
}
.va-card .va-tel-input {
  border: none !important;
  border-radius: 0 !important;
  flex: 1 !important;
  padding-left: 10px !important;
  min-width: 0 !important;
}
.va-card .va-tel-input:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* Override ok/error border to wrap level */
.va-card .va-tel-input.va-input--ok    { border: none !important; }
.va-card .va-tel-input.va-input--error { border: none !important; }
.va-card .va-tel-wrap:has(.va-input--ok)    { border-color: #1A8C4E !important; }
.va-card .va-tel-wrap:has(.va-input--error) { border-color: #C0202E !important; }

/* ── Autocomplete comuna ── */
.va-card .va-autocomplete-wrap {
  position: relative !important;
}
/* Allow autocomplete dropdown to overflow parent containers */
.va-card .va-content-box,
.va-card .va-input-group {
  overflow: visible !important;
}
.va-card .va-autocomplete-list {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: 0 !important;
  background: #fff !important;
  border: 1.5px solid #E8EDF5 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(13,45,107,0.10) !important;
  max-height: 200px !important;
  overflow-y: auto !important;
  z-index: 100 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  display: none !important;
  scrollbar-width: thin !important;
}
.va-card .va-autocomplete-list.open {
  display: block !important;
}
.va-card .va-autocomplete-list li {
  padding: 9px 14px !important;
  font-size: 13px !important;
  color: #0D2D6B !important;
  cursor: pointer !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
}
.va-card .va-autocomplete-list li:hover,
.va-card .va-autocomplete-list li.active {
  background: #F0F4FF !important;
}

/* ── Monto input with $ prefix ── */
.va-card .va-input-prefix-wrap {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid #E8EDF5 !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
  transition: border-color 0.15s !important;
}
.va-card .va-input-prefix-wrap:focus-within {
  border-color: #1A3F7B !important;
}
.va-card .va-input-prefix {
  padding: 0 10px 0 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0D2D6B !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  flex-shrink: 0 !important;
  border-right: 1.5px solid #E8EDF5 !important;
  line-height: 48px !important;
  user-select: none !important;
  background: transparent !important;
}
.va-card .va-monto-input {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 1 !important;
  padding-left: 10px !important;
  min-width: 0 !important;
  height: 48px !important;
}
.va-card .va-monto-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}