/* Extracted from Landings\PowerBI.html. Do not edit the landing inline. */
/* ============================================================
   DMOVO POWERBI LANDING
   Todo bajo .dmv para evitar conflictos con WP / WPBakery
   ============================================================ */

.dmv * { box-sizing: border-box !important; }
.dmv *:not(svg):not(path):not(circle):not(rect):not(text) { margin: 0 !important; padding: 0 !important; }

.dmv {
  font-family: 'DM Sans', sans-serif !important;
  color: #ffffff !important;
  background: #1D4645 !important;
  overflow-x: hidden !important;
  line-height: 1.5 !important;
  width: 100% !important;
  display: block !important;
}

/* ── TIPOGRAFÍAS RESET (todas las etiquetas h dentro de .dmv) ── */
.dmv h1, .dmv h2, .dmv h3, .dmv h4 {
  font-family: 'Sora', sans-serif !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
.dmv p { margin: 0 !important; padding: 0 !important; }
.dmv a { text-decoration: none !important; }
.dmv ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.dmv li { margin: 0 !important; padding: 0 !important; }
.dmv button { cursor: pointer !important; font-family: 'Sora', sans-serif !important; }
.dmv input, .dmv select { font-family: 'DM Sans', sans-serif !important; }
.dmv label { margin: 0 !important; padding: 0 !important; }

/* ── ANIMATIONS ── */
@keyframes dmvFadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes dmvPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.5; transform: scale(1.4); }
}

/* ════════════════════════════════════
   HERO
════════════════════════════════════ */
.dmv .dmv-hero {
  min-height: 88vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 80px 5% !important;
  position: relative !important;
  overflow: hidden !important;
  background: #1D4645 !important;
}
.dmv .dmv-hero-bg {
  position: absolute !important; inset: 0 !important; z-index: 0 !important;
  background: radial-gradient(ellipse 70% 60% at 75% 40%, rgba(0,156,140,0.16) 0%, transparent 70%),
              radial-gradient(ellipse 50% 50% at 10% 80%, rgba(0,196,176,0.09) 0%, transparent 60%) !important;
  pointer-events: none !important;
}
.dmv .dmv-hero-grid {
  position: absolute !important; inset: 0 !important; z-index: 0 !important;
  background-image: linear-gradient(rgba(0,156,140,0.07) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(0,156,140,0.07) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 80%) !important;
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 80%) !important;
  pointer-events: none !important;
}
.dmv .dmv-hero-inner {
  position: relative !important; z-index: 1 !important;
  max-width: 820px !important; text-align: center !important;
  width: 100% !important;
}
.dmv .dmv-badge {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(0,196,176,0.25) !important;
  padding: 7px 18px !important; border-radius: 100px !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 0.78rem !important; font-weight: 600 !important;
  letter-spacing: 0.06em !important; text-transform: uppercase !important;
  color: #00C4B0 !important;
  margin-bottom: 32px !important;
  animation: dmvFadeUp 0.6s ease both !important;
}
.dmv .dmv-badge::before {
  content: '' !important; width: 7px !important; height: 7px !important;
  border-radius: 50% !important; background: #00C4B0 !important;
  display: inline-block !important; flex-shrink: 0 !important;
  animation: dmvPulse 2s infinite !important;
}
.dmv .dmv-h1 {
  font-family: 'Sora', sans-serif !important;
  font-size: clamp(2.4rem, 5.5vw, 4.2rem) !important;
  font-weight: 800 !important; line-height: 1.1 !important;
  letter-spacing: -0.03em !important; color: #ffffff !important;
  margin-bottom: 24px !important;
  animation: dmvFadeUp 0.7s 0.1s ease both !important;
}
.dmv .dmv-h1 em {
  font-style: normal !important;
  background: linear-gradient(135deg, #00C4B0 0%, #ffffff 60%) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.dmv .dmv-hero-sub {
  font-size: 1.12rem !important; font-weight: 300 !important; line-height: 1.7 !important;
  color: rgba(255,255,255,0.82) !important;
  max-width: 600px !important; margin: 0 auto 44px !important;
  animation: dmvFadeUp 0.7s 0.2s ease both !important;
  display: block !important;
}
.dmv .dmv-hero-actions {
  display: flex !important; gap: 16px !important;
  justify-content: center !important; flex-wrap: wrap !important;
  animation: dmvFadeUp 0.7s 0.3s ease both !important;
}
.dmv .dmv-btn {
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  background: #009C8C !important; color: #ffffff !important;
  padding: 16px 36px !important; border-radius: 8px !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 1rem !important; font-weight: 700 !important;
  text-decoration: none !important; border: none !important;
  box-shadow: 0 8px 32px rgba(0,156,140,0.32) !important;
  transition: background 0.2s, transform 0.15s !important;
}
.dmv .dmv-btn:hover {
  background: #00C4B0 !important; transform: translateY(-2px) !important;
  color: #ffffff !important;
}
.dmv .dmv-stats {
  margin-top: 72px !important;
  display: flex !important; justify-content: center !important;
  gap: 56px !important; flex-wrap: wrap !important;
  animation: dmvFadeUp 0.7s 0.45s ease both !important;
}
.dmv .dmv-stat { text-align: center !important; }
.dmv .dmv-stat-num {
  font-family: 'Sora', sans-serif !important;
  font-size: 2.4rem !important; font-weight: 800 !important;
  color: #00C4B0 !important; line-height: 1 !important; display: block !important;
}
.dmv .dmv-stat-lbl {
  font-size: 0.82rem !important; color: rgba(255,255,255,0.5) !important;
  margin-top: 6px !important; text-transform: uppercase !important;
  letter-spacing: 0.07em !important; display: block !important;
}
.dmv .dmv-stat-div {
  width: 1px !important; background: rgba(0,196,176,0.2) !important; align-self: stretch !important;
}

/* ════════════════════════════════════
   BLOQUES COMUNES
════════════════════════════════════ */
.dmv .dmv-sec {
  padding: 96px 5% !important; display: block !important; width: 100% !important;
}
.dmv .dmv-sec-dark {
  background: #152E2D !important;
  border-top: 1px solid rgba(0,196,176,0.18) !important;
  border-bottom: 1px solid rgba(0,196,176,0.18) !important;
}
.dmv .dmv-sec-main { background: #1D4645 !important; }
.dmv .dmv-inner { max-width: 1100px !important; margin: 0 auto !important; width: 100% !important; }
.dmv .dmv-inner-md { max-width: 820px !important; margin: 0 auto !important; width: 100% !important; }

.dmv .dmv-label {
  font-family: 'Sora', sans-serif !important;
  font-size: 0.78rem !important; font-weight: 700 !important;
  letter-spacing: 0.12em !important; text-transform: uppercase !important;
  color: #00C4B0 !important; margin-bottom: 16px !important;
  display: flex !important; align-items: center !important; gap: 10px !important;
}
.dmv .dmv-label::before {
  content: '' !important; display: inline-block !important;
  width: 28px !important; height: 2px !important;
  background: #00C4B0 !important; border-radius: 2px !important; flex-shrink: 0 !important;
}
.dmv .dmv-label-c { justify-content: center !important; }

.dmv .dmv-h2 {
  font-family: 'Sora', sans-serif !important;
  font-size: clamp(1.9rem, 3.5vw, 2.9rem) !important;
  font-weight: 800 !important; line-height: 1.15 !important;
  letter-spacing: -0.025em !important; color: #ffffff !important;
  margin-bottom: 18px !important;
}
.dmv .dmv-h2 .hl { color: #00C4B0 !important; }
.dmv .dmv-desc {
  font-size: 1.05rem !important; line-height: 1.75 !important;
  color: rgba(255,255,255,0.82) !important; max-width: 560px !important;
}
.dmv .dmv-sec-hdr { text-align: center !important; margin-bottom: 64px !important; }
.dmv .dmv-sec-hdr .dmv-desc { margin: 0 auto !important; }

/* ════════════════════════════════════
   PAIN CARDS
════════════════════════════════════ */
.dmv .dmv-pain-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}
.dmv .dmv-pain-card {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(0,196,176,0.18) !important;
  border-radius: 12px !important; padding: 32px !important;
  transition: border-color 0.2s, transform 0.2s !important;
}
.dmv .dmv-pain-card:hover { border-color: #009C8C !important; transform: translateY(-4px) !important; }
.dmv .dmv-pain-icon {
  width: 48px !important; height: 48px !important; border-radius: 10px !important;
  background: rgba(0,156,140,0.18) !important; border: 1px solid rgba(0,196,176,0.18) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 1.4rem !important; margin-bottom: 18px !important;
}
.dmv .dmv-pain-card h3 {
  font-family: 'Sora', sans-serif !important; font-size: 1.05rem !important;
  font-weight: 700 !important; color: #ffffff !important; margin-bottom: 10px !important;
}
.dmv .dmv-pain-card p { font-size: 0.93rem !important; line-height: 1.65 !important; color: rgba(255,255,255,0.82) !important; }

/* ════════════════════════════════════
   BENEFITS
════════════════════════════════════ */
.dmv .dmv-2col {
  display: grid !important; grid-template-columns: 1fr 1fr !important;
  gap: 80px !important; align-items: center !important;
}
.dmv .dmv-blist { display: flex !important; flex-direction: column !important; gap: 24px !important; }
.dmv .dmv-bitem { display: flex !important; gap: 18px !important; align-items: flex-start !important; }
.dmv .dmv-bicon {
  flex-shrink: 0 !important; width: 44px !important; height: 44px !important;
  border-radius: 10px !important; background: rgba(0,156,140,0.18) !important;
  border: 1px solid rgba(0,196,176,0.18) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 1.2rem !important; margin-top: 2px !important;
}
.dmv .dmv-bitem h4 {
  font-family: 'Sora', sans-serif !important; font-size: 1rem !important;
  font-weight: 700 !important; color: #ffffff !important; margin-bottom: 6px !important;
}
.dmv .dmv-bitem p { font-size: 0.92rem !important; line-height: 1.6 !important; color: rgba(255,255,255,0.82) !important; }

/* Dashboard mock */
.dmv .dmv-mock {
  background: #152E2D !important; border: 1px solid rgba(0,196,176,0.22) !important;
  border-radius: 16px !important; padding: 24px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.4) !important;
}
.dmv .dmv-titlebar { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 20px !important; }
.dmv .dmv-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; display: inline-block !important; }
.dmv .dmv-dot-r { background: #ff5f57 !important; }
.dmv .dmv-dot-y { background: #ffc12f !important; }
.dmv .dmv-dot-g { background: #009C8C !important; }
.dmv .dmv-mock-title { margin-left: 8px !important; font-family: 'Sora', sans-serif !important; font-size: 0.76rem !important; font-weight: 600 !important; color: rgba(255,255,255,0.42) !important; }
.dmv .dmv-kpi-row { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 10px !important; margin-bottom: 12px !important; }
.dmv .dmv-kpi { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 10px !important; padding: 12px 14px !important; }
.dmv .dmv-kv { font-family: 'Sora', sans-serif !important; font-size: 1.3rem !important; font-weight: 800 !important; color: #00C4B0 !important; display: block !important; }
.dmv .dmv-kl { font-size: 0.7rem !important; color: rgba(255,255,255,0.45) !important; margin-top: 3px !important; display: block !important; }
.dmv .dmv-kd { font-size: 0.67rem !important; color: #5de0c8 !important; margin-top: 2px !important; display: block !important; }
.dmv .dmv-chart { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 10px !important; padding: 14px !important; height: 118px !important; display: flex !important; align-items: flex-end !important; gap: 5px !important; overflow: hidden !important; }
.dmv .dmv-bar { flex: 1 !important; border-radius: 4px 4px 0 0 !important; background: linear-gradient(to top, #009C8C, #00C4B0) !important; opacity: 0.62 !important; }
.dmv .dmv-bar-hi { opacity: 1 !important; }
.dmv .dmv-dr { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-top: 10px !important; }
.dmv .dmv-mtable { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 10px !important; padding: 12px !important; }
.dmv .dmv-mrow { display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px solid rgba(0,196,176,0.12) !important; font-size: 0.72rem !important; color: rgba(255,255,255,0.78) !important; }
.dmv .dmv-mrow:last-child { border-bottom: none !important; }
.dmv .dmv-mv { color: #00C4B0 !important; font-weight: 700 !important; }
.dmv .dmv-gauge { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 10px !important; padding: 12px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
.dmv .dmv-gv { font-family: 'Sora', sans-serif !important; font-size: 1.5rem !important; font-weight: 800 !important; color: #00C4B0 !important; display: block !important; }
.dmv .dmv-gl { font-size: 0.7rem !important; color: rgba(255,255,255,0.45) !important; margin-top: 4px !important; display: block !important; }

/* ════════════════════════════════════
   STEPS
════════════════════════════════════ */
.dmv .dmv-steps {
  display: grid !important; grid-template-columns: repeat(4,1fr) !important;
  gap: 0 !important; position: relative !important;
}
.dmv .dmv-steps::before {
  content: '' !important; position: absolute !important;
  top: 27px !important; left: 12.5% !important; right: 12.5% !important;
  height: 2px !important; background: linear-gradient(90deg,#009C8C,#00C4B0) !important; z-index: 0 !important;
}
.dmv .dmv-step { text-align: center !important; padding: 0 16px !important; position: relative !important; z-index: 1 !important; }
.dmv .dmv-step-num {
  width: 56px !important; height: 56px !important; border-radius: 50% !important;
  background: #1D4645 !important; border: 2px solid #009C8C !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  margin: 0 auto 20px !important;
  font-family: 'Sora', sans-serif !important; font-size: 1.1rem !important;
  font-weight: 800 !important; color: #00C4B0 !important;
}
.dmv .dmv-step h3 { font-family: 'Sora', sans-serif !important; font-size: 1rem !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 10px !important; }
.dmv .dmv-step p { font-size: 0.88rem !important; line-height: 1.6 !important; color: rgba(255,255,255,0.8) !important; }

/* ════════════════════════════════════
   USE CASES (legacy — no se usa, se mantiene por compatibilidad)
════════════════════════════════════ */
.dmv .dmv-uc-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 24px !important; }
.dmv .dmv-uc-card { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 14px !important; padding: 32px 28px !important; transition: transform 0.2s, border-color 0.2s !important; }
.dmv .dmv-uc-card:hover { transform: translateY(-5px) !important; border-color: #009C8C !important; }
.dmv .dmv-uc-sector { font-family: 'Sora', sans-serif !important; font-size: 0.7rem !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #00C4B0 !important; margin-bottom: 14px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.dmv .dmv-uc-sector::before { content: '' !important; width: 20px !important; height: 2px !important; background: #00C4B0 !important; border-radius: 2px !important; display: inline-block !important; flex-shrink: 0 !important; }
.dmv .dmv-uc-card h3 { font-family: 'Sora', sans-serif !important; font-size: 1.08rem !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 12px !important; }
.dmv .dmv-uc-card p { font-size: 0.9rem !important; line-height: 1.65 !important; color: rgba(255,255,255,0.82) !important; }
.dmv .dmv-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 20px !important; }
.dmv .dmv-tag { padding: 4px 12px !important; border-radius: 100px !important; background: rgba(0,156,140,0.18) !important; border: 1px solid rgba(0,196,176,0.2) !important; font-size: 0.73rem !important; font-weight: 500 !important; color: #00C4B0 !important; display: inline-block !important; }

/* ════════════════════════════════════
   CASOS DE USO — DASHBOARD INTERACTIVO
════════════════════════════════════ */
.dmv .dmv-dept-tabs {
  display: flex !important; flex-wrap: wrap !important; gap: 10px !important;
  margin-top: 32px !important; margin-bottom: 32px !important;
}
.dmv .dmv-dept-tab {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  padding: 11px 20px !important; border-radius: 100px !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(0,196,176,0.18) !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 0.88rem !important; font-weight: 600 !important;
  color: rgba(255,255,255,0.82) !important;
  cursor: pointer !important;
  transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.15s !important;
}
.dmv .dmv-dept-tab:hover { border-color: #009C8C !important; transform: translateY(-2px) !important; }
.dmv .dmv-dept-tab.is-active {
  background: #009C8C !important; border-color: #009C8C !important; color: #ffffff !important;
}
.dmv .dmv-dept-tab-ico { font-size: 1rem !important; line-height: 1 !important; }

.dmv .dmv-dept-panel {
  background: #152E2D !important;
  border: 1px solid rgba(0,196,176,0.22) !important;
  border-radius: 16px !important;
  padding: 32px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.35) !important;
  animation: dmvFadeUp 0.35s ease both !important;
}
.dmv .dmv-dept-head {
  display: flex !important; align-items: flex-start !important; justify-content: space-between !important;
  gap: 20px !important; flex-wrap: wrap !important; margin-bottom: 26px !important;
}
.dmv .dmv-dept-kicker {
  display: flex !important; align-items: center !important; gap: 8px !important;
  font-family: 'Sora', sans-serif !important; font-size: 0.72rem !important; font-weight: 700 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase !important;
  color: #00C4B0 !important; margin-bottom: 10px !important;
}
.dmv .dmv-dept-kicker::before { content:'' !important; width:18px !important; height:1px !important; background:#00C4B0 !important; display:inline-block !important; flex-shrink:0 !important; }
.dmv .dmv-dept-title {
  font-family: 'Sora', sans-serif !important; font-size: 1.35rem !important; font-weight: 800 !important;
  color: #ffffff !important; margin-bottom: 8px !important; line-height: 1.25 !important;
  max-width: 620px !important;
}
.dmv .dmv-dept-sub { font-size: 0.93rem !important; line-height: 1.6 !important; color: rgba(255,255,255,0.7) !important; max-width: 600px !important; }
.dmv .dmv-dept-icobox {
  width: 48px !important; height: 48px !important; border-radius: 12px !important;
  background: rgba(0,156,140,0.18) !important; border: 1px solid rgba(0,196,176,0.22) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 1.4rem !important; flex-shrink: 0 !important;
}

.dmv .dmv-dept-kpis { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; margin-bottom: 20px !important; }
.dmv .dmv-dept-kpi { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 12px !important; padding: 18px 20px !important; }
.dmv .dmv-dept-kpi-lbl { font-size: 0.8rem !important; color: rgba(255,255,255,0.55) !important; margin-bottom: 10px !important; display: block !important; }
.dmv .dmv-dept-kpi-row { display: flex !important; align-items: baseline !important; gap: 10px !important; flex-wrap: wrap !important; }
.dmv .dmv-dept-kpi-val { font-family: 'Sora', sans-serif !important; font-size: 1.5rem !important; font-weight: 800 !important; color: #ffffff !important; }
.dmv .dmv-dept-kpi-delta { font-size: 0.78rem !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; gap: 3px !important; }
.dmv .dmv-dept-kpi-delta.up { color: #5de0c8 !important; }
.dmv .dmv-dept-kpi-delta.down { color: #e79c8a !important; }

.dmv .dmv-dept-charts { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; margin-bottom: 20px !important; }
.dmv .dmv-dept-chartcard { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 12px !important; padding: 18px 18px 12px !important; }
.dmv .dmv-dept-chart-title { font-size: 0.85rem !important; font-weight: 400 !important; color: rgba(255,255,255,0.6) !important; margin-bottom: 10px !important; display: block !important; }
.dmv .dmv-dept-legend { display: flex !important; gap: 14px !important; margin-bottom: 8px !important; flex-wrap: wrap !important; }
.dmv .dmv-dept-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 0.72rem !important; color: rgba(255,255,255,0.6) !important; }
.dmv .dmv-dept-legend-dot { width: 12px !important; height: 2px !important; display: inline-block !important; border-radius: 2px !important; }
.dmv .dmv-dept-chartcard svg { display: block !important; width: 100% !important; height: auto !important; overflow: visible !important; }
.dmv .dmv-dept-bar-lbl { font-size: 9px !important; fill: rgba(255,255,255,0.45) !important; font-family: 'DM Sans', sans-serif !important; }
.dmv .dmv-dept-tooltip-val { font-size: 9.5px !important; fill: rgba(255,255,255,0.85) !important; font-family: 'Sora', sans-serif !important; font-weight: 700 !important; }

.dmv .dmv-dept-pnl { background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 12px !important; padding: 18px 20px 16px !important; margin-bottom: 20px !important; }
.dmv .dmv-dept-pnl-title { font-size: 0.85rem !important; font-weight: 600 !important; color: rgba(255,255,255,0.6) !important; margin-bottom: 14px !important; display: block !important; }
.dmv .dmv-dept-pnl-row { display: grid !important; grid-template-columns: 150px 1fr 110px !important; align-items: center !important; gap: 12px !important; padding: 6px 0 !important; }
.dmv .dmv-dept-pnl-row.strong { border-top: 1px solid rgba(0,196,176,0.18) !important; padding-top: 10px !important; margin-top: 4px !important; }
.dmv .dmv-dept-pnl-lbl { font-size: 0.82rem !important; color: rgba(255,255,255,0.75) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.dmv .dmv-dept-pnl-lbl.hl { color: #ffffff !important; font-weight: 700 !important; }
.dmv .dmv-dept-pnl-track { height: 8px !important; background: rgba(255,255,255,0.06) !important; border-radius: 999px !important; overflow: hidden !important; }
.dmv .dmv-dept-pnl-fill { height: 100% !important; border-radius: 999px !important; }
.dmv .dmv-dept-pnl-val { font-size: 0.85rem !important; font-weight: 700 !important; color: rgba(255,255,255,0.85) !important; text-align: right !important; }
.dmv .dmv-dept-pnl-val.hl { color: #00C4B0 !important; }

.dmv .dmv-dept-footer { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; flex-wrap: wrap !important; }
.dmv .dmv-dept-cta {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  padding: 10px 20px !important; border-radius: 100px !important;
  background: #009C8C !important; color: #ffffff !important;
  font-family: 'Sora', sans-serif !important; font-size: 0.88rem !important; font-weight: 700 !important;
  text-decoration: none !important; flex-shrink: 0 !important;
  transition: background 0.2s, transform 0.15s !important;
}
.dmv .dmv-dept-cta:hover { background: #00C4B0 !important; transform: translateY(-2px) !important; color: #ffffff !important; }

@media (max-width: 900px) {
  .dmv .dmv-dept-kpis { grid-template-columns: 1fr 1fr !important; }
  .dmv .dmv-dept-charts { grid-template-columns: 1fr !important; }
  .dmv .dmv-dept-pnl-row { grid-template-columns: 110px 1fr 90px !important; }
}
@media (max-width: 560px) {
  .dmv .dmv-dept-kpis { grid-template-columns: 1fr !important; }
  .dmv .dmv-dept-panel { padding: 22px !important; }
}

/* ════════════════════════════════════
   WHY DMOVO — grid 3x2
════════════════════════════════════ */
.dmv .dmv-why-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
.dmv .dmv-why-item { display: flex !important; gap: 16px !important; align-items: flex-start !important; padding: 20px 24px !important; border-radius: 10px !important; border: 1px solid rgba(0,196,176,0.18) !important; background: rgba(255,255,255,0.07) !important; transition: border-color 0.2s !important; }
.dmv .dmv-why-item:hover { border-color: #009C8C !important; }
.dmv .dmv-why-ico { font-size: 1.5rem !important; flex-shrink: 0 !important; }
.dmv .dmv-why-item h4 { font-family: 'Sora', sans-serif !important; font-size: 0.97rem !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 5px !important; }
.dmv .dmv-why-item p { font-size: 0.88rem !important; line-height: 1.6 !important; color: rgba(255,255,255,0.82) !important; }

/* ════════════════════════════════════
   MINI CTA BUTTON
════════════════════════════════════ */
.dmv .dmv-minicta {
  text-align: center !important;
  margin-top: 48px !important;
}
.dmv .dmv-minicta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #009C8C !important;
  color: #ffffff !important;
  padding: 15px 38px !important;
  border-radius: 8px !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 28px rgba(0,156,140,0.32) !important;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
  border: none !important;
}
.dmv .dmv-minicta-btn:hover {
  background: #00C4B0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 36px rgba(0,196,176,0.42) !important;
  color: #ffffff !important;
}

/* ════════════════════════════════════
   CLIENTES
════════════════════════════════════ */
.dmv .dmv-clientes {
  background: #152E2D !important;
  border-top: 1px solid rgba(0,196,176,0.18) !important;
  border-bottom: 1px solid rgba(0,196,176,0.18) !important;
  padding: 64px 5% !important; display: block !important;
}
.dmv .dmv-clientes-lbl { font-family: 'Sora', sans-serif !important; font-size: 0.78rem !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.48) !important; margin-bottom: 48px !important; text-align: center !important; display: block !important; }
.dmv .dmv-logos {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.dmv .dmv-logo-pill {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(0,196,176,0.18) !important;
  border-radius: 10px !important;
  padding: 14px 0 !important;
  width: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: border-color 0.2s, background 0.2s, transform 0.2s !important;
  flex: 0 0 160px !important;
}
.dmv .dmv-logo-pill:hover {
  border-color: #009C8C !important;
  background: rgba(0,156,140,0.12) !important;
  transform: translateY(-3px) !important;
}
.dmv .dmv-logo-svg { height: 34px !important; width: 130px !important; display: block !important; }

/* ════════════════════════════════════
   FAQs
════════════════════════════════════ */
.dmv .dmv-faq-list { display: flex !important; flex-direction: column !important; gap: 12px !important; }
.dmv .dmv-faq-item { border: 1px solid rgba(0,196,176,0.18) !important; border-radius: 12px !important; overflow: hidden !important; background: rgba(255,255,255,0.07) !important; transition: border-color 0.2s !important; }
.dmv .dmv-faq-item.is-open { border-color: #009C8C !important; }
.dmv .dmv-faq-q { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 24px !important; background: transparent !important; border: none !important; color: #ffffff !important; text-align: left !important; gap: 16px !important; outline: none !important; }
.dmv .dmv-faq-qtxt { font-family: 'Sora', sans-serif !important; font-size: 1rem !important; font-weight: 600 !important; line-height: 1.4 !important; color: #ffffff !important; }
.dmv .dmv-faq-ico { font-size: 1.5rem !important; font-weight: 300 !important; color: #00C4B0 !important; flex-shrink: 0 !important; transition: transform 0.25s !important; line-height: 1 !important; display: inline-block !important; }
.dmv .dmv-faq-ico.rotated { transform: rotate(45deg) !important; }
.dmv .dmv-faq-a { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.35s ease, padding 0.25s !important; padding: 0 24px !important; }
.dmv .dmv-faq-a.open { max-height: 400px !important; padding: 0 24px 20px !important; }
.dmv .dmv-faq-a p { font-size: 0.93rem !important; line-height: 1.75 !important; color: rgba(255,255,255,0.82) !important; }

/* ════════════════════════════════════
   CTA + BOOKING
════════════════════════════════════ */
.dmv .dmv-cta {
  background: linear-gradient(135deg, #234F4E 0%, #152E2D 100%) !important;
  border-top: 1px solid rgba(0,196,176,0.18) !important;
  text-align: center !important; padding: 96px 5% !important;
  position: relative !important; overflow: hidden !important; display: block !important;
}
.dmv .dmv-cta-glow { position: absolute !important; top: -50% !important; left: 50% !important; transform: translateX(-50%) !important; width: 600px !important; height: 600px !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(0,156,140,0.13) 0%, transparent 70%) !important; pointer-events: none !important; }
.dmv .dmv-cta-inner { position: relative !important; z-index: 1 !important; max-width: 700px !important; margin: 0 auto !important; }
.dmv .dmv-cta-p { font-size: 1.08rem !important; line-height: 1.7 !important; color: rgba(255,255,255,0.82) !important; margin-bottom: 44px !important; display: block !important; }

.dmv .dmv-book-wrap {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(0,196,176,0.22) !important;
  border-radius: 16px !important;
  padding: 44px 40px !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}
.dmv .dmv-book-icon {
  font-size: 2.6rem !important;
  margin-bottom: 18px !important;
  display: block !important;
  line-height: 1 !important;
}
.dmv .dmv-book-title {
  font-family: 'Sora', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
  text-align: center !important;
  line-height: 1.3 !important;
}
.dmv .dmv-book-desc {
  font-size: 0.97rem !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,0.75) !important;
  text-align: center !important;
  max-width: 380px !important;
  margin-bottom: 32px !important;
}
.dmv .dmv-book-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #009C8C !important;
  color: #ffffff !important;
  padding: 17px 42px !important;
  border-radius: 8px !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 32px rgba(0,156,140,0.35) !important;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
  margin-bottom: 20px !important;
  border: none !important;
}
.dmv .dmv-book-btn:hover {
  background: #00C4B0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 40px rgba(0,196,176,0.45) !important;
  color: #ffffff !important;
}
.dmv .dmv-book-note {
  font-size: 0.75rem !important;
  color: rgba(255,255,255,0.45) !important;
  display: block !important;
  text-align: center !important;
}

@media (max-width: 560px) {
  .dmv .dmv-book-wrap { padding: 32px 24px !important; }
  .dmv .dmv-book-btn { padding: 15px 28px !important; font-size: 0.95rem !important; }
}

/* ════════════════════════════════════
   RESPONSIVE
════════════════════════════════════ */
@media (max-width: 900px) {
  .dmv .dmv-2col { grid-template-columns: 1fr !important; gap: 48px !important; }
  .dmv .dmv-why-grid { grid-template-columns: 1fr 1fr !important; }
  .dmv .dmv-steps { grid-template-columns: 1fr 1fr !important; gap: 40px !important; }
  .dmv .dmv-steps::before { display: none !important; }
  .dmv .dmv-uc-grid { grid-template-columns: 1fr !important; }
  .dmv .dmv-mock { display: none !important; }
}
@media (max-width: 640px) {
  .dmv .dmv-why-grid { grid-template-columns: 1fr !important; }
  .dmv .dmv-steps { grid-template-columns: 1fr !important; }
  .dmv .dmv-stats { gap: 28px !important; }
  .dmv .dmv-stat-div { display: none !important; }
  .dmv .dmv-h1 { font-size: 2rem !important; }
  .dmv .dmv-logo-pill { padding: 14px 18px !important; }
  .dmv .dmv-logo-svg { height: 26px !important; }
  .dmv .dmv-minicta-btn { padding: 14px 24px !important; font-size: 0.9rem !important; }
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

#dm-clientes {
  margin: 50px 0 !important;
}

.dmw .dmclients-s {
  margin-bottom: 50px !important;
}

.dmclients-block,
.dmclients-block *,
.dmclients-block *::before,
.dmclients-block *::after {
  box-sizing: border-box !important;
}

.dmclients-block {
  --dm-bg: #1D4645;
  --dm-dark: #162f2e;
  --dm-teal: #009C8C;
  --dm-tl: #00b8a6;
  --dm-tg: rgba(0,156,140,0.18);
  --dm-w: #ffffff;
  --dm-w9: rgba(255,255,255,0.90);
  --dm-w6: rgba(255,255,255,0.60);
  --dm-w1: rgba(255,255,255,0.06);
  --dm-bd: rgba(255,255,255,0.12);

  font-family: 'Montserrat', sans-serif !important;
  color: var(--dm-w) !important;
  background: var(--dm-bg) !important;
  padding: 100px 0 !important;
  overflow: hidden !important;
}

.dmclients-block .dmw {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
}

.dmclients-block .dmtag {
  display: inline-block !important;
  background: var(--dm-tg) !important;
  border: 1px solid rgba(0,156,140,0.35) !important;
  color: var(--dm-tl) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  border-radius: 30px !important;
  margin-bottom: 20px !important;
}

.dmclients-block .dmclients-hd {
  text-align: center !important;
  margin-bottom: 56px !important;
}

.dmclients-block .dmclients-hd .dmv-desc {
  margin: 0 auto !important;
  text-align: center !important;
}

.dmclients-block .dmclients-s {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  justify-content: center !important;
  align-items: center !important;
}

.dmclients-block .dmclient {
  background: var(--dm-w1) !important;
  border: 1px solid var(--dm-bd) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  transition: background 0.25s, border-color 0.25s, transform 0.25s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 140px !important;
  width: 160px !important;
  height: 72px !important;
}

.dmclients-block .dmclient:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: var(--dm-teal) !important;
  transform: translateY(-3px) !important;
}

.dmclients-block .dmclient img {
  display: block !important;
  max-width: 100% !important;
  max-height: 42px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.dmclients-block .dmbtn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--dm-teal) !important;
  color: var(--dm-w) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 18px 40px !important;
  border-radius: 6px !important;
  border: 2px solid var(--dm-teal) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.25s, transform 0.2s, box-shadow 0.25s !important;
}

.dmclients-block .dmbtn:hover {
  background: var(--dm-tl) !important;
  border-color: var(--dm-tl) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(0,156,140,0.35) !important;
}

@media (max-width: 640px) {
  .dmclients-block {
    padding: 72px 0 !important;
  }

  .dmclients-block .dmclient {
    width: calc(50% - 8px) !important;
    min-width: 0 !important;
  }

  .dmclients-block .dmclients-hd {
    margin-bottom: 40px !important;
  }
}