/* MICROINTELLIGENT — CYBERPUNK CORPORATIVO v1 */
:root {
  --mi-ink: #071116;
  --mi-panel: #0b1920;
  --mi-panel-2: #10242c;
  --mi-mint: #00b887;
  --mi-cyan: #2ab8c4;
  --mi-text: #eaf7f4;
  --mi-muted: #a9c1c3;
  --mi-line: rgba(49,215,229,.22);
}

body.home { overflow-x: hidden; }
body.home #ajax-content-wrap { background: var(--mi-ink); }
body.home .container-wrap { background: var(--mi-ink); }

/* Cabecera comercial, limpia y compatible con el logo actual */
body.home #header-outer {
  background: rgba(255,255,255,.94)!important;
  backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 rgba(8,28,35,.10), 0 10px 32px rgba(4,16,22,.08);
}
body.home #header-outer .sf-menu > li > a { letter-spacing: .01em; }
body.home #header-outer .nectar-button,
body.home #header-outer .menu-item.button_solid_color > a {
  box-shadow: 0 8px 24px rgba(0,230,168,.22);
}

/* Hero */
body.home #inicio {
  position: relative;
  background:
    radial-gradient(circle at 18% 30%, rgba(0,230,168,.12), transparent 34%),
    linear-gradient(125deg, #071116 0%, #0a1920 53%, #0d2428 100%)!important;
}
body.home #inicio:before {
  content: "";
  position: absolute; inset: 0;
  pointer-events: none;
  opacity: .26;
  background-image: linear-gradient(rgba(49,215,229,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(49,215,229,.045) 1px, transparent 1px);
  background-size: 42px 42px;
}
body.home #inicio h1,
body.home #inicio h2,
body.home #inicio h3,
body.home #inicio p { color: var(--mi-text)!important; }
body.home #inicio p { color: #bed0d1!important; }
body.home #inicio .nectar-highlighted-text em { color: inherit; }
body.home #inicio .nectar-highlighted-text em:before { background-color: var(--mi-mint)!important; }

/* Botones */
body.home .nectar-button,
body.home input[type=submit] {
  border-radius: 999px!important;
  letter-spacing: .015em;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease!important;
}
body.home .nectar-button.accent-color,
body.home input[type=submit] {
  background: var(--mi-mint)!important;
  color: #03110e!important;
  box-shadow: 0 8px 28px rgba(0,230,168,.18);
}
body.home .nectar-button:hover,
body.home input[type=submit]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(0,230,168,.30)!important;
}

/* Secciones principales */
body.home #fws_6a63edaaa8665,
body.home #servicios,
body.home #para-quien-es-mi,
body.home #como-trabajamos {
  background:
    radial-gradient(circle at 85% 10%, rgba(49,215,229,.07), transparent 28%),
    var(--mi-ink)!important;
}
body.home #how-it-works,
body.home #capacidades-avanzadas {
  background: linear-gradient(135deg, #0b1920, #10242c)!important;
}
body.home #fws_6a63edaaa8665 h2,
body.home #fws_6a63edaaa8665 h3,
body.home #servicios h2,
body.home #servicios h3,
body.home #capacidades-avanzadas h2,
body.home #capacidades-avanzadas h3,
body.home #para-quien-es-mi h2,
body.home #para-quien-es-mi h3,
body.home #como-trabajamos h2,
body.home #como-trabajamos h3,
body.home #how-it-works h2,
body.home #how-it-works h3 { color: var(--mi-text)!important; }
body.home #fws_6a63edaaa8665 p,
body.home #servicios p,
body.home #capacidades-avanzadas p,
body.home #para-quien-es-mi p,
body.home #como-trabajamos p,
body.home #how-it-works p { color: var(--mi-muted)!important; }

/* Etiquetas y detalles técnicos */
body.home .nectar-split-heading[data-animation-type] .heading-line,
body.home .nectar-highlighted-text { position: relative; }
body.home #servicios strong,
body.home #capacidades-avanzadas strong,
body.home #para-quien-es-mi strong,
body.home #como-trabajamos strong { color: var(--mi-mint); }

/* Tarjetas y acordeones */
body.home #fws_6a63edaaa8665 .wpb_column > .vc_column-inner,
body.home #servicios .nectar-flickity .cell,
body.home #para-quien-es-mi .wpb_column > .vc_column-inner {
  border-color: var(--mi-line)!important;
}
body.home #servicios .nectar-flickity .cell,
body.home #para-quien-es-mi .wpb_column > .vc_column-inner {
  background: linear-gradient(145deg, rgba(16,36,44,.97), rgba(7,17,22,.98))!important;
  border: 1px solid var(--mi-line)!important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
}
body.home #servicios .nectar-flickity .cell:hover,
body.home #para-quien-es-mi .wpb_column > .vc_column-inner:hover {
  border-color: rgba(0,230,168,.55)!important;
  box-shadow: 0 22px 54px rgba(0,0,0,.30), 0 0 24px rgba(0,230,168,.08);
}
body.home #capacidades-avanzadas .toggles .toggle {
  border-bottom: 1px solid var(--mi-line)!important;
}
body.home #capacidades-avanzadas .toggle h3 a { color: var(--mi-text)!important; }
body.home #capacidades-avanzadas .toggle.open h3 a,
body.home #capacidades-avanzadas .toggle h3 a:hover { color: var(--mi-mint)!important; }

/* Proceso y cifras */
body.home #como-trabajamos h2:last-child,
body.home #como-trabajamos .nectar-animated-title { color: var(--mi-mint)!important; }
body.home #como-trabajamos .wpb_column > .vc_column-inner {
  border-color: rgba(49,215,229,.16)!important;
}

/* Franja, testimonios y CTA */
body.home .nectar-scrolling-text,
body.home .nectar-scrolling-text .nectar-scrolling-text-inner {
  background: #040c10!important;
  color: var(--mi-mint)!important;
}
body.home .testimonial_slider blockquote,
body.home .testimonial_slider blockquote p { color: var(--mi-text)!important; }
body.home .testimonial_slider .controls ul li:not(.active) { opacity: .45; }
body.home #footer-outer {
  background: #030a0d!important;
  border-top: 1px solid var(--mi-line);
}

/* Acabado y accesibilidad */
body.home a:focus-visible,
body.home button:focus-visible,
body.home input:focus-visible,
body.home textarea:focus-visible {
  outline: 2px solid var(--mi-cyan)!important;
  outline-offset: 3px;
}
body.home ::selection { background: var(--mi-mint); color: #03110e; }



/* CONTRASTE CONSISTENTE EN TODA LA HOME */
body.home #ajax-content-wrap h1,
body.home #ajax-content-wrap h2,
body.home #ajax-content-wrap h3,
body.home #ajax-content-wrap h4,
body.home #ajax-content-wrap h5,
body.home #ajax-content-wrap h6 { color: var(--mi-text)!important; }
body.home #ajax-content-wrap p,
body.home #ajax-content-wrap li { color: var(--mi-muted)!important; }
body.home #ajax-content-wrap .iwithtext .iwt-text,
body.home #ajax-content-wrap .iwithtext .iwt-text p { color: var(--mi-muted)!important; }

body.home #clientes,
body.home #testimonials {
  background: var(--mi-ink)!important;
}
body.home #clientes .wpb_column > .vc_column-inner {
  border-color: var(--mi-line)!important;
}
body.home #clientes h3,
body.home #clientes h4 { color: var(--mi-text)!important; }
body.home #clientes p { color: var(--mi-muted)!important; }

/* La llamada final conserva el verde de marca y máxima legibilidad */
body.home #ajax-content-wrap .full-width-section[data-midnight="dark"]:last-of-type h1,
body.home #ajax-content-wrap .full-width-section[data-midnight="dark"]:last-of-type h2,
body.home #ajax-content-wrap .full-width-section[data-midnight="dark"]:last-of-type h3,
body.home #ajax-content-wrap .full-width-section[data-midnight="dark"]:last-of-type p,
body.home #ajax-content-wrap .full-width-section[data-midnight="dark"]:last-of-type a { color: #03110e!important; }

body.home #ajax-content-wrap > .container-wrap > .main-content > .row > .wpb_row:last-child h1,
body.home #ajax-content-wrap > .container-wrap > .main-content > .row > .wpb_row:last-child h2,
body.home #ajax-content-wrap > .container-wrap > .main-content > .row > .wpb_row:last-child h3,
body.home #ajax-content-wrap > .container-wrap > .main-content > .row > .wpb_row:last-child p,
body.home #ajax-content-wrap > .container-wrap > .main-content > .row > .wpb_row:last-child a { color: #132126!important; }


/* HERENCIA DE COLOR EN TEXTOS ANIMADOS */
body.home #ajax-content-wrap h1 *,
body.home #ajax-content-wrap h2 *,
body.home #ajax-content-wrap h3 *,
body.home #ajax-content-wrap h4 *,
body.home #ajax-content-wrap h5 *,
body.home #ajax-content-wrap h6 * { color: inherit!important; }
body.home #ajax-content-wrap p * { color: inherit!important; }
body.home #clientes,
body.home #clientes * { color: var(--mi-muted)!important; }
body.home #clientes h1,
body.home #clientes h1 *,
body.home #clientes h2,
body.home #clientes h2 *,
body.home #clientes h3,
body.home #clientes h3 *,
body.home #clientes h4,
body.home #clientes h4 * { color: var(--mi-text)!important; }
body.home #ajax-content-wrap .full-width-section[data-midnight="dark"]:last-of-type,
body.home #ajax-content-wrap .full-width-section[data-midnight="dark"]:last-of-type * { color: #03110e!important; }


/* VERDE CORPORATIVO: MENOS FOSFORITO */
body.home #header-outer .menu-item.button_solid_color > a,
body.home #header-outer .menu-item.button_bordered > a { background-color: #00b887!important; }
body.home #ajax-content-wrap .full-width-section[data-midnight="dark"]:last-of-type { background: #00b887!important; }
body.home #ajax-content-wrap .wpb_row[class*="rotate_desktop_358deg"] { background-color: #00a879!important; }

@media (max-width: 999px) {
  body.home #inicio { background: linear-gradient(155deg, #071116, #0d2428)!important; }
  body.home #inicio:before { background-size: 30px 30px; opacity: .18; }
}

@media (prefers-reduced-motion: reduce) {
  body.home *, body.home *:before, body.home *:after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; }
}

/* BLOQUES CORPORATIVOS CYBERPUNK — v2 */
body.home #how-it-works,
body.home #capacidades-avanzadas {
  padding: clamp(38px, 6vw, 86px) 0!important;
  background: var(--mi-ink)!important;
}

body.home #how-it-works > .row_col_wrap_12,
body.home #capacidades-avanzadas > .row_col_wrap_12 {
  width: min(1280px, calc(100% - 48px))!important;
  max-width: 1280px!important;
  margin: 0 auto!important;
  border: 1px solid rgba(74,157,145,.24);
  border-radius: 34px;
  overflow: hidden;
  background: linear-gradient(135deg, #07131a 0%, #0b1f29 100%);
  box-shadow: 0 28px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035);
  align-items: stretch!important;
}

@media (min-width: 1000px) {
  body.home #how-it-works > .row_col_wrap_12,
  body.home #capacidades-avanzadas > .row_col_wrap_12 {
    display: flex!important;
    flex-direction: row-reverse!important;
  }

  body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child,
  body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child {
    width: 57%!important;
    min-height: 620px!important;
  }

  body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2),
  body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2) {
    width: 43%!important;
    min-height: 620px!important;
  }

  body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child,
  body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2) {
    min-height: 760px!important;
  }
}

body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6 {
  margin: 0!important;
}

body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child > .vc_column-inner,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child > .vc_column-inner,
body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child > .vc_column-inner > .wpb_wrapper,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child > .vc_column-inner > .wpb_wrapper,
body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child .wpb_row:first-child,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child .wpb_row:first-child,
body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child .wpb_row:first-child > .row_col_wrap_12_inner,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child .wpb_row:first-child > .row_col_wrap_12_inner,
body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child .wpb_row:first-child .vc_column-inner,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child .wpb_row:first-child .vc_column-inner {
  height: 100%!important;
  min-height: inherit!important;
}

body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child .wpb_row:first-child .vc_column-inner,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child .wpb_row:first-child .vc_column-inner {
  padding-top: 0!important;
  border-radius: 0!important;
}

body.home #how-it-works .column-image-bg {
  background-image: url('https://microintelligent.es/wp-content/uploads/2026/07/microintelligent-hero-office-v2.png')!important;
  background-position: 58% center!important;
}

body.home #capacidades-avanzadas .column-image-bg {
  background-image: url('https://microintelligent.es/wp-content/uploads/2026/07/microintelligent-section-infrastructure-v2.png')!important;
  background-position: 64% center!important;
}

body.home #how-it-works .column-image-bg,
body.home #capacidades-avanzadas .column-image-bg {
  inset: 0!important;
  width: 100%!important;
  height: 100%!important;
  min-height: 100%!important;
  background-size: cover!important;
  transform: none!important;
  will-change: auto!important;
  filter: saturate(.9) contrast(1.04) brightness(.84);
}

body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child .row_position_absolute,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child .row_position_absolute {
  display: none!important;
}

body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2),
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2) {
  display: flex!important;
  align-items: center!important;
  padding: clamp(38px, 5vw, 74px)!important;
  background:
    radial-gradient(circle at 0 0, rgba(54,153,139,.12), transparent 34%),
    linear-gradient(135deg, rgba(5,16,22,.99), rgba(9,27,35,.98))!important;
}

body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2) > .vc_column-inner,
body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2) > .vc_column-inner {
  width: 100%!important;
  padding: 0!important;
}

body.home #how-it-works h2,
body.home #capacidades-avanzadas h2 {
  color: #f3f8f7!important;
  font-size: clamp(32px, 3vw, 52px)!important;
  line-height: 1.08!important;
  letter-spacing: -.025em;
}

body.home #how-it-works p,
body.home #capacidades-avanzadas p {
  color: #afc2c5!important;
}

body.home #how-it-works .vc_column_text:first-child p,
body.home #capacidades-avanzadas .vc_column_text:first-child p {
  color: #6fa99f!important;
  font-size: 12px!important;
  font-weight: 700!important;
  letter-spacing: .13em;
}

body.home #how-it-works .nectar-cta a,
body.home #capacidades-avanzadas .nectar-cta a,
body.home #capacidades-avanzadas .toggle.open h3 a,
body.home #capacidades-avanzadas .toggle h3 a:hover {
  color: #36998b!important;
}

body.home #capacidades-avanzadas .toggles .toggle {
  border-bottom-color: rgba(74,157,145,.22)!important;
}

body.home #capacidades-avanzadas .toggle h3 a {
  color: #edf6f4!important;
}

@media (max-width: 999px) {
  body.home #how-it-works,
  body.home #capacidades-avanzadas {
    padding: 28px 18px!important;
  }

  body.home #how-it-works > .row_col_wrap_12,
  body.home #capacidades-avanzadas > .row_col_wrap_12 {
    width: 100%!important;
    border-radius: 24px;
    display: flex!important;
    flex-direction: column!important;
  }

  body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:first-child,
  body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:first-child {
    width: 100%!important;
    min-height: clamp(280px, 58vw, 430px)!important;
  }

  body.home #how-it-works > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2),
  body.home #capacidades-avanzadas > .row_col_wrap_12 > .vc_col-sm-6:nth-child(2) {
    width: 100%!important;
    min-height: 0!important;
    padding: 34px 28px 40px!important;
  }

  body.home #how-it-works h2,
  body.home #capacidades-avanzadas h2 {
    font-size: clamp(30px, 8vw, 42px)!important;
  }
}