/* ==========================================================================
   PALETA CROMATICA SAMBITO (BASE LIMPIA #FBFBF9 Y CONTRASTE TIPOGRAFICO WCAG AA)
   ========================================================================== */

/* 1. Base Estructural Global (Luminosa, Limpia y No Amarillenta) */
html,
body,
.page-wrapper,
main,
.section_home-clients,
.section_about-home,
.section_about-home[dark-mode],
.wrap_section-scroll,
.wrap_section-scroll[dark-mode],
.section_logo-home,
.section_logo-home[dark-mode],
.section_testimonial,
.section_testimonial[dark-mode],
.section_network,
.section_newsroom,
.section_newsroom[dark-mode],
.section_home-faq,
.section_home-faq[dark-mode],
.section_home-faq.light-mode,
.dark-mode,
[dark-mode] {
  background-color: #FBFBF9 !important;
  color: #11423D !important;
}

/* 2. Legibilidad y Contraste Tipografico Estricto */
/* Titulos principales (h1, h2, h3) y preguntas: verde profundo solido 100% opacidad */
h1, h2, h3, h4, h5, h6,
.heading-style-h0,
.heading-style-h1,
.heading-style-h2,
.heading-style-h3,
.heading-style-h4,
.heading-style-h5,
.heading-style-h6,
[heading-home],
[heading-scroll],
[heading-news] {
  color: #11423D !important;
  opacity: 1 !important;
  font-weight: 700;
}

/* Textos de parrafos y descripciones: nitidez absoluta */
p,
.text-size-large,
.text-size-medium,
.text-size-small,
.text_body-bold,
.tone-medium,
[text-scroll],
.dark-mode .tone-medium,
[dark-mode] .tone-medium {
  color: #163941 !important;
  opacity: 1 !important;
}

/* Micro-etiquetas tecnicas */
.label-small,
.article_read-time,
.article_read-time .tone-medium {
  color: #003663 !important;
  font-weight: 600 !important;
}

/* Divisores y bordes sutiles */
.divider_section,
.divider_section.faint,
.dark-mode .divider_section,
[dark-mode] .divider_section {
  background-color: rgba(17, 66, 61, 0.14) !important;
  opacity: 1 !important;
}

/* Marquee / Logotipos de clientes en base limpia */
.master_marquee.logos {
  background-color: #FBFBF9 !important;
}
.shadow_logos,
.shadow_logos.right {
  display: none !important;
}
.logo_marquee svg {
  color: #163941 !important;
  opacity: 0.85 !important;
}

/* 3. Ajuste de Contraste en el Hero Section */
.section_hero-home,
.video_hero-home {
  position: relative !important;
  margin-top: 0 !important;
  top: 0 !important;
}

/* Overlay con mascara de gradiente oscuro elegante para contraste cinematografico */
.video_hero-home .overlay_semi-transparent,
.section_hero-home .overlay_semi-transparent {
  background: linear-gradient(180deg, rgba(14, 38, 30, 0.45) 0%, rgba(14, 38, 30, 0.25) 50%, rgba(14, 38, 30, 0.6) 100%) !important;
  z-index: 1 !important;
}

/* Micro-etiqueta superior (Badge / Kicker) */
.hero_badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 247, 229, 0.12) !important;
  border: 1px solid rgba(223, 177, 122, 0.4) !important;
  color: #FFF7E5 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  margin-bottom: 8px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  position: relative;
  z-index: 2;
}

.hero_badge .badge_dot {
  width: 6px !important;
  height: 6px !important;
  background-color: #DFB17A !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}

/* Titular principal en el Hero: Escala imponente ("BOM" Elegante y Editorial) */
.section_hero-home h1,
.section_hero-home [heading-load],
.heading_hero-home h1,
.heading_hero-home [heading-load] {
  color: #FFF7E5 !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  font-size: clamp(3.2rem, 5.5vw, 4.8rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
  position: relative;
  z-index: 2;
}

/* Bajada descriptiva directamente debajo del titular */
.headline_hero-home .hero-desc-wrap,
.text-wrap_hero-home.hero-desc-wrap {
  max-width: 580px !important;
  width: 100% !important;
  margin: 0 !important;
  margin-top: 18px !important;
  position: relative;
  z-index: 2;
}

.text-wrap_hero-home p,
.text-wrap_hero-home [text-load],
.hero-desc-text {
  font-size: clamp(1.05rem, 1.25vw, 1.15rem) !important;
  line-height: 1.6 !important;
  color: #FFF7E5 !important;
  opacity: 0.92 !important;
  text-shadow: none !important;
  position: relative;
  z-index: 2;
}

/* Botones especificos del Hero con buen respiro */
.button-group_hero-home {
  position: relative;
  z-index: 2;
  margin-top: 28px !important;
}

/* Boton Primario Hero: #11423D con borde destello dorado, texto #FFF7E5 (600) y elevacion */
.button-group_hero-home .cta_main[data-wf--cta-primary--variant="primary"] {
  background-color: #11423D !important;
  border: 1px solid rgba(223, 177, 122, 0.5) !important;
  color: #FFF7E5 !important;
  border-radius: var(--_🔘-radius---ui--button-base, 999px) !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.25s ease !important;
}

.button-group_hero-home .cta_main[data-wf--cta-primary--variant="primary"] .button-text,
.button-group_hero-home .cta_main[data-wf--cta-primary--variant="primary"] .button-icon-wrap svg {
  color: #FFF7E5 !important;
  font-weight: 600 !important;
}

.button-group_hero-home .cta_main[data-wf--cta-primary--variant="primary"]:hover {
  background-color: #163941 !important;
  border-color: #DFB17A !important;
  color: #FFF7E5 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(17, 66, 61, 0.45) !important;
}

/* Boton Secundario Hero: Fondo rgba(255, 255, 255, 0.08) con blur(8px), borde 1px solid rgba(255, 247, 229, 0.25), texto #FFF7E5 */
.button-group_hero-home .cta_main[data-wf--cta-primary--variant="secondary"] {
  background-color: rgba(255, 255, 255, 0.08) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 247, 229, 0.25) !important;
  color: #FFF7E5 !important;
  border-radius: var(--_🔘-radius---ui--button-base, 999px) !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

.button-group_hero-home .cta_main[data-wf--cta-primary--variant="secondary"] .button-text,
.button-group_hero-home .cta_main[data-wf--cta-primary--variant="secondary"] .button-icon-wrap svg {
  color: #FFF7E5 !important;
  font-weight: 600 !important;
}

.button-group_hero-home .cta_main[data-wf--cta-primary--variant="secondary"]:hover {
  background-color: rgba(255, 247, 229, 0.16) !important;
  border-color: #FFF7E5 !important;
  color: #FFF7E5 !important;
  transform: translateY(-2px);
}

.button-group_hero-home .cta_main[data-wf--cta-primary--variant="secondary"]:hover .button-text,
.button-group_hero-home .cta_main[data-wf--cta-primary--variant="secondary"]:hover .button-icon-wrap svg {
  color: #FFF7E5 !important;
}

.home-hero_bottom-tile .master_tag {
  background-color: rgba(251, 251, 249, 0.95) !important;
  border: 1px solid rgba(17, 66, 61, 0.2) !important;
  color: #11423D !important;
  z-index: 2;
}

/* 4. Tarjetas de Servicios (.card_about-home) */
/* Estructura limpia con imagen superior y bloque de texto separado e hiperlegible abajo */
.card_about-home {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(17, 66, 61, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(17, 66, 61, 0.06) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 520px !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Contenedor de la imagen superior: limpio, natural y recortado */
.card_about-home .image-wrap_setup {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 320px !important;
  min-height: 320px !important;
  overflow: hidden !important;
  border-radius: 16px 16px 0 0 !important;
  flex: none !important;
}

.card_about-home .image-wrap_setup img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Eliminacion total del degradado / neblina blanca o transparente */
.about-card_text-bg,
.card_about-home .about-card_text-bg,
.card_about-home .card_overlay,
.card_about-home::after,
.card_about-home .image-wrap_setup::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
}

/* Bloque de texto inferior separado sobre fondo limpio */
.card_about-home .inner_about-card {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  flex: 1 1 auto !important;
  background-color: #FFFFFF !important;
  padding: 24px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  z-index: 2 !important;
}

.card_about-home .text-wrap_about-card {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Titulos de tarjeta ("Road Freight", etc.): #11423D solido, 600/700, 1.25rem */
.card_about-home .heading-style-h5,
.inner_about-card .heading-style-h5,
.text-wrap_about-card h3,
.card_about-home h3 {
  color: #11423D !important;
  opacity: 1 !important;
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}

/* Parrafos descriptivos: #163941 solido, 0.95rem, line-height: 1.5 */
.card_about-home p,
.inner_about-card p,
.text-wrap_about-card p {
  color: #163941 !important;
  opacity: 1 !important;
  font-size: 0.93rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Subtitulos en tarjetas de soluciones */
.card-subtitle {
  color: #2F6B65 !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

/* Metrica destacada en tarjeta */
.card-highlight-metric {
  display: inline-block !important;
  background-color: rgba(223, 177, 122, 0.15) !important;
  border-left: 3px solid #DFB17A !important;
  padding: 6px 10px !important;
  border-radius: 4px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #11423D !important;
  margin: 4px 0 !important;
}

/* Enlace CTA en tarjeta */
.card-cta-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  color: #11423D !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  transition: all 0.2s ease !important;
}

.card-cta-link:hover {
  color: #DFB17A !important;
  transform: translateX(4px) !important;
}

/* 5. Header / Navbar Flotante, Transparente y Compacto (Plantilla Original) */
.master_navigation,
.navbar,
.master_navigation:where(.w-variant-c9557807-8e80-3b75-1707-7f7890f8d402),
.master_navigation.dark-mode {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

.nav-bg,
.master_navigation.dark-mode .nav-bg,
.master_navigation:where(.w-variant-c9557807-8e80-3b75-1707-7f7890f8d402) .nav-bg {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.nav-content-bg {
  background-color: transparent !important;
}

/* Logotipo de Sambito: escala fina y proporcionada (altura 22px) */
.brand_nav,
.brand_nav:visited,
.brand_nav:hover,
.brand_nav:active,
.brand_nav:focus,
.logo-nav,
.logo-nav svg,
.logo-nav svg path,
.logo-nav svg polygon,
.logo-nav svg rect,
.logo-nav svg g,
.brand_nav svg,
.brand_nav svg path,
.brand_nav svg polygon,
.brand_nav svg rect,
.brand_nav svg g,
.brand_nav img,
.logo-sambito {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.brand_nav .logo-light {
  display: block !important;
  opacity: 1 !important;
}
.brand_nav .logo-dark {
  display: none !important;
}

/* ==========================================================================
   NAVBAR: ESTRUCTURA FLEXBOX FLOTANTE Y COMPACTA
   ========================================================================== */
header,
.navbar,
.master_navigation,
.nav_wrap {
  width: 100% !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10000 !important; /* Siempre por encima del backdrop y de los menús */
}

.navbar .nav-container,
.master_navigation .nav-container,
.nav-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  padding: 12px 32px !important;
  height: auto !important;
  min-height: 52px !important;
  max-height: 56px !important;
  overflow: visible !important;
}

/* Lado Izquierdo: Brand/Logo */
.nav_left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-shrink: 0 !important;
  z-index: 5 !important;
}

.brand_nav {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.brand_nav .logo-nav {
  width: auto !important;
  height: 22px !important;
  max-height: 24px !important;
  display: flex !important;
  align-items: center !important;
}

.brand_nav .logo-nav svg {
  height: 22px !important;
  width: auto !important;
}

/* Lado Central y Derecho: Wrapper de Navegación */
.nav_right {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
  margin-left: 20px !important;
  width: auto !important;
  max-width: none !important;
}

/* Contenedor General del Menú de Navegación */
.nav_menu,
.w-nav-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  flex-grow: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.nav_menu-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Elementos del menú: estrictamente en línea y sin wrapping */
.nav_menu-inner > *,
.wrap_nav-link,
.dropdown,
.w-dropdown {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  background: transparent !important;
}

.dropdown-toggle,
.w-dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Botones Centrales del Menú: Mini Píldoras Nativas Translúcidas */
.navbar .link_nav,
.navbar .wrap_nav-link,
.master_navigation .link_nav,
.master_navigation .wrap_nav-link,
.navbar .link_nav div,
.master_navigation .link_nav div {
  color: #FFFFFF !important;
  font-weight: 500 !important;
}

.navbar .link_nav,
.master_navigation .link_nav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

.navbar .link_nav:hover,
.master_navigation .link_nav:hover,
.navbar .link_nav:hover div,
.master_navigation .link_nav:hover div {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #FFFFFF !important;
}

/* Lado Derecho: Selector de País [EC ▾] + CTA "Agenda una consultoría" */
.button-group_nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
  margin-left: 16px !important;
  z-index: 5 !important;
}

.button-group_nav .cta_small {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Responsive: En pantallas <= 991px se activa el menú mobile/hamburguesa de Webflow */
@media (max-width: 991px) {
  .nav-container {
    height: auto !important;
    min-height: 50px !important;
    padding: 10px 20px !important;
  }
  .nav_right {
    justify-content: flex-end !important;
    margin-left: 0 !important;
  }
  .nav-menu,
  .w-nav-menu {
    display: none !important;
  }
  .w-nav-button {
    display: flex !important;
  }
}

/* Selector de Pais [EC/PE]: Mini Cápsula Flotante */
.country_dropdown-toggle,
.master_navigation.dark-mode .country_dropdown-toggle,
.master_navigation:where(.w-variant-c9557807-8e80-3b75-1707-7f7890f8d402) .country_dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  color: #FFFFFF !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.country_dropdown-toggle span,
.country_caret {
  color: #FFFFFF !important;
}

.country_dropdown-toggle:hover,
.master_navigation.dark-mode .country_dropdown-toggle:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #FFFFFF !important;
}

.country_dropdown-menu {
  background-color: #FAFAF7 !important;
  border: 1px solid rgba(17, 66, 61, 0.18) !important;
  box-shadow: 0 12px 32px rgba(17, 66, 61, 0.14) !important;
}

.country_item {
  color: #11423D !important;
}
.country_item:hover {
  background-color: rgba(17, 66, 61, 0.08) !important;
  color: #11423D !important;
}
.country_item.active {
  background-color: #FFF7E5 !important;
  color: #11423D !important;
  font-weight: 600 !important;
  border-radius: 6px;
}
.country_item-check {
  color: #DFB17A !important;
}

/* Boton CTA del Header: "Agenda una consultoria" */
.button-group_nav .cta_small,
.cta_small[data-wf--cta-primary-small--variant="primary"] {
  background-color: #11423D !important;
  border: 1px solid #11423D !important;
  border-radius: 6px !important;
  color: #FFF7E5 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

.button-group_nav .cta_small .button-text,
.button-group_nav .cta_small .button-text div,
.button-group_nav .cta_small .button-icon-wrap {
  color: #FFF7E5 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.button-group_nav .cta_small:hover {
  background-color: #163941 !important;
  border-color: #DFB17A !important;
  color: #FFF7E5 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
}

.button-group_nav .cta_small .button-bg,
.button-group_nav .cta_small .cover_button-bg {
  background-color: #11423D !important;
}

/* ==========================================================================
   ESTADO .is-scrolled Y PÁGINAS DE FONDO CLARO (Legibilidad total en verde #11423D)
   ========================================================================== */
.navbar.is-scrolled,
.master_navigation.is-scrolled,
body:not(.home-page):not(.page-home) .navbar,
body:not(.home-page):not(.page-home) .master_navigation,
body.page-light .navbar,
body.page-light .master_navigation,
body.page-nikola .navbar,
body.page-nikola .master_navigation,
body.page-simco2 .navbar,
body.page-simco2 .master_navigation,
body.page-peso .navbar,
body.page-peso .master_navigation,
body.page-consultoria .navbar,
body.page-consultoria .master_navigation {
  background: rgba(251, 251, 249, 0.85) !important;
  background-color: rgba(251, 251, 249, 0.85) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(17, 66, 61, 0.06) !important;
  transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

/* Excepción para Home mientras NO haya scroll */
body.home-page:not(.is-scrolled-page) .navbar:not(.is-scrolled),
body.page-home:not(.is-scrolled-page) .navbar:not(.is-scrolled),
body:not([class*="page-"]):not(.is-scrolled-page) .navbar:not(.is-scrolled) {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: none !important;
}

/* Logo SAMBITO: pasa a verde institucional #11423D al hacer scroll o en páginas claras */
.navbar.is-scrolled .brand_nav,
.master_navigation.is-scrolled .brand_nav,
.navbar.is-scrolled .brand_nav svg path,
.navbar.is-scrolled .brand_nav svg polygon,
.navbar.is-scrolled .brand_nav svg rect,
.navbar.is-scrolled .logo-nav svg path,
.navbar.is-scrolled .logo-nav svg polygon,
.navbar.is-scrolled .logo-nav svg rect,
body:not(.home-page):not(.page-home) .navbar .brand_nav svg path,
body:not(.home-page):not(.page-home) .navbar .brand_nav svg polygon,
body:not(.home-page):not(.page-home) .navbar .brand_nav svg rect,
body.page-light .navbar .brand_nav svg path,
body.page-light .navbar .brand_nav svg polygon,
body.page-light .navbar .brand_nav svg rect,
body.page-nikola .navbar .brand_nav svg path,
body.page-nikola .navbar .brand_nav svg polygon,
body.page-nikola .navbar .brand_nav svg rect,
body.page-simco2 .navbar .brand_nav svg path,
body.page-simco2 .navbar .brand_nav svg polygon,
body.page-simco2 .navbar .brand_nav svg rect,
body.page-peso .navbar .brand_nav svg path,
body.page-peso .navbar .brand_nav svg polygon,
body.page-peso .navbar .brand_nav svg rect,
body.page-consultoria .navbar .brand_nav svg path,
body.page-consultoria .navbar .brand_nav svg polygon,
body.page-consultoria .navbar .brand_nav svg rect {
  color: #11423D !important;
  fill: #11423D !important;
}

/* Cápsulas de navegación individuales: gris verdoso suave visible y texto verde oscuro */
.navbar.is-scrolled .link_nav,
.master_navigation.is-scrolled .link_nav,
.navbar.is-scrolled .link_nav div,
.master_navigation.is-scrolled .link_nav div,
body:not(.home-page):not(.page-home) .navbar .link_nav,
body:not(.home-page):not(.page-home) .navbar .link_nav div,
body.page-light .navbar .link_nav,
body.page-light .navbar .link_nav div,
body.page-nikola .navbar .link_nav,
body.page-nikola .navbar .link_nav div,
body.page-simco2 .navbar .link_nav,
body.page-simco2 .navbar .link_nav div,
body.page-peso .navbar .link_nav,
body.page-peso .navbar .link_nav div,
body.page-consultoria .navbar .link_nav,
body.page-consultoria .navbar .link_nav div {
  background-color: #E6EAE7 !important;
  color: #11423D !important;
  border: 1px solid rgba(17, 66, 61, 0.08) !important;
}

.navbar.is-scrolled .link_nav:hover,
.master_navigation.is-scrolled .link_nav:hover,
.navbar.is-scrolled .link_nav:hover div,
.master_navigation.is-scrolled .link_nav:hover div,
body:not(.home-page):not(.page-home) .navbar .link_nav:hover,
body:not(.home-page):not(.page-home) .navbar .link_nav:hover div,
body.page-light .navbar .link_nav:hover,
body.page-light .navbar .link_nav:hover div,
body.page-nikola .navbar .link_nav:hover,
body.page-nikola .navbar .link_nav:hover div,
body.page-simco2 .navbar .link_nav:hover,
body.page-simco2 .navbar .link_nav:hover div,
body.page-peso .navbar .link_nav:hover,
body.page-peso .navbar .link_nav:hover div,
body.page-consultoria .navbar .link_nav:hover,
body.page-consultoria .navbar .link_nav:hover div {
  background-color: #D6DCD7 !important;
  color: #11423D !important;
  border-color: rgba(17, 66, 61, 0.15) !important;
}

/* Selector de País [EC ▾] en estado scrolled y páginas claras */
.navbar.is-scrolled .country_dropdown-toggle,
.master_navigation.is-scrolled .country_dropdown-toggle,
.navbar.is-scrolled .country_dropdown-toggle span,
.navbar.is-scrolled .country_caret,
body:not(.home-page):not(.page-home) .navbar .country_dropdown-toggle,
body:not(.home-page):not(.page-home) .navbar .country_dropdown-toggle span,
body:not(.home-page):not(.page-home) .navbar .country_caret,
body.page-light .navbar .country_dropdown-toggle,
body.page-light .navbar .country_dropdown-toggle span,
body.page-light .navbar .country_caret,
body.page-nikola .navbar .country_dropdown-toggle,
body.page-nikola .navbar .country_dropdown-toggle span,
body.page-nikola .navbar .country_caret,
body.page-simco2 .navbar .country_dropdown-toggle,
body.page-simco2 .navbar .country_dropdown-toggle span,
body.page-simco2 .navbar .country_caret,
body.page-peso .navbar .country_dropdown-toggle,
body.page-peso .navbar .country_dropdown-toggle span,
body.page-peso .navbar .country_caret,
body.page-consultoria .navbar .country_dropdown-toggle,
body.page-consultoria .navbar .country_dropdown-toggle span,
body.page-consultoria .navbar .country_caret {
  background-color: #E6EAE7 !important;
  color: #11423D !important;
  border: 1px solid rgba(17, 66, 61, 0.1) !important;
}

.navbar.is-scrolled .country_dropdown-toggle:hover,
.master_navigation.is-scrolled .country_dropdown-toggle:hover,
body:not(.home-page):not(.page-home) .navbar .country_dropdown-toggle:hover,
body.page-light .navbar .country_dropdown-toggle:hover,
body.page-nikola .navbar .country_dropdown-toggle:hover,
body.page-simco2 .navbar .country_dropdown-toggle:hover,
body.page-peso .navbar .country_dropdown-toggle:hover,
body.page-consultoria .navbar .country_dropdown-toggle:hover {
  background-color: #D6DCD7 !important;
  color: #11423D !important;
}

/* 6. Badges, Insignias y Pildoras (#FFF7E5 como detalle sutil) */
.master_tag,
.tag-scroll-home .master_tag {
  background-color: #FFF7E5 !important;
  border: 1px solid rgba(17, 66, 61, 0.18) !important;
  color: #11423D !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  font-weight: 600 !important;
}

.icon_tag svg {
  color: #DFB17A !important;
}

/* Botones Principales en el Cuerpo de la Pagina */
.cta_main[data-wf--cta-primary--variant="primary"],
.cta_main:not([data-wf--cta-primary--variant="secondary"]) {
  background-color: #11423D !important;
  border: 1px solid #11423D !important;
  color: #FFF7E5 !important;
}

.cta_main[data-wf--cta-primary--variant="primary"] .button-text,
.cta_main[data-wf--cta-primary--variant="primary"] .button-icon-wrap svg {
  color: #FFF7E5 !important;
}

.cta_main[data-wf--cta-primary--variant="primary"]:hover {
  background-color: #163941 !important;
  border-color: #DFB17A !important;
  color: #FFF7E5 !important;
}

/* Botones Secundarios / Outline con Borde Definido */
.cta_main[data-wf--cta-primary--variant="secondary"],
.cta_small[data-wf--cta-primary-small--variant="secondary"] {
  background-color: transparent !important;
  border: 1px solid rgba(17, 66, 61, 0.28) !important;
  color: #11423D !important;
}
.cta_main[data-wf--cta-primary--variant="secondary"] .button-text,
.cta_small[data-wf--cta-primary-small--variant="secondary"] .button-text {
  color: #11423D !important;
  font-weight: 600 !important;
}
.cta_main[data-wf--cta-primary--variant="secondary"]:hover,
.cta_small[data-wf--cta-primary-small--variant="secondary"]:hover {
  background-color: #11423D !important;
  border-color: #11423D !important;
  color: #FFF7E5 !important;
}
.cta_main[data-wf--cta-primary--variant="secondary"]:hover .button-text,
.cta_small[data-wf--cta-primary-small--variant="secondary"]:hover .button-text {
  color: #FFF7E5 !important;
}

/* 7. Seccion FAQ */
.section_home-faq,
.section_home-faq[dark-mode],
.section_home-faq.light-mode {
  background-color: #FBFBF9 !important;
}

.section_home-faq .heading-style-h0,
.section_home-faq .heading-style-h4,
.expandable-top .heading-style-h4,
.expandable-single .heading-style-h4 {
  color: #11423D !important;
  font-weight: 600 !important;
}

.expandable-top .text_body-bold,
.expandable-top .text-size-large,
.section_home-faq .text_body-bold {
  color: #163941 !important;
  font-weight: 600 !important;
}

.faq-paragraph {
  color: #163941 !important;
  line-height: 1.65 !important;
  font-size: 0.98rem !important;
}

.section_home-faq .divider_section,
.section_home-faq .divider_section.faint {
  background-color: rgba(17, 66, 61, 0.14) !important;
}

.faq_horizontal,
.faq_vertical {
  background-color: #DFB17A !important;
}

/* 8. Tarjetas de Contenido (News, Testimonios, Red Modular) */
.card_news-b {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(17, 66, 61, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 18px rgba(17, 66, 61, 0.05) !important;
  transition: all 0.28s ease !important;
}

.card_news-b:hover {
  border-color: #DFB17A !important;
  box-shadow: 0 12px 30px rgba(17, 66, 61, 0.09) !important;
  transform: translateY(-3px);
}

.card_news-b .heading-style-h4 {
  color: #11423D !important;
  font-weight: 700 !important;
}

.card_news-b .text_body-bold {
  color: #163941 !important;
}

/* Editorial Kicker & Byline */
.editorial_kicker {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  color: #11423D !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

.headline_testimonial .heading-style-h3,
.section_testimonial .heading-style-h3 {
  color: #11423D !important;
  opacity: 1 !important;
  font-size: 2.2rem !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}

.headline_testimonial p,
.editorial_byline {
  color: #55625D !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  opacity: 0.9 !important;
  margin-top: 10px !important;
}

/* Métricas Editoriales Limpias (Sin cajitas blancas flotantes) */
.testimonial_stats {
  border-top: 1px solid rgba(17, 66, 61, 0.1) !important;
  padding-top: 24px !important;
  margin-top: 16px !important;
  grid-column-gap: 32px !important;
  grid-row-gap: 28px !important;
}

.testimonial-stat_tile {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 16px 0 !important;
  border-bottom: 1px solid rgba(17, 66, 61, 0.1) !important;
}

.testimonial-stat_tile .heading-style-h3,
.testimonial-stat_tile .stat_number {
  color: #11423D !important;
  font-size: 2.8rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 8px 0 !important;
}

.testimonial-stat_tile .text-size-large,
.testimonial-stat_tile .stat_label {
  color: #55625D !important;
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  margin-top: 8px !important;
  font-weight: 400 !important;
}

/* Contenedor Fotográfico Editorial */
.image-wrap_testimonial {
  border-radius: 16px !important;
  overflow: hidden !important;
  min-height: 480px !important;
  height: 100% !important;
  position: relative !important;
  box-shadow: 0 12px 32px rgba(17, 66, 61, 0.08) !important;
}

.image-wrap_testimonial img {
  border-radius: 16px !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
}

/* Enlace discreto y sobrio en esquina inferior de la foto */
.text-info_testimonial {
  background-color: rgba(14, 38, 34, 0.72) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 247, 229, 0.12) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  color: #FFF7E5 !important;
  bottom: 20px !important;
  right: 20px !important;
}

.text-info_testimonial .text_body-bold {
  color: #FFF7E5 !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

.text-info_testimonial a {
  color: #DFB17A !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.text-info_testimonial a:hover {
  color: #ffffff !important;
}

.country_tile {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(17, 66, 61, 0.14) !important;
  border-radius: 12px !important;
  color: #11423D !important;
  box-shadow: 0 2px 8px rgba(17, 66, 61, 0.04) !important;
}

/* Controles de slider */
.button-slider {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(17, 66, 61, 0.2) !important;
  color: #11423D !important;
}
.button-slider:hover {
  background-color: #11423D !important;
  border-color: #11423D !important;
  color: #FFF7E5 !important;
}

/* 9. Footer y Seccion CTA destacada */
.footer {
  background-color: #11423D !important;
  color: #FFF7E5 !important;
  border-top: 1px solid #163941 !important;
}

.footer .link_footer,
.footer .link_footer-legal,
.footer .text-size-small {
  color: rgba(255, 247, 229, 0.85) !important;
}

.footer .link_footer:hover,
.footer .link_footer-legal:hover {
  color: #DFB17A !important;
}

.footer .divider_section {
  background-color: #163941 !important;
}

.section_cta {
  background-color: #11423D !important;
  color: #FFF7E5 !important;
}

.section_cta h2 {
  color: #FFF7E5 !important;
}

.section_cta .cta_main {
  background-color: #DFB17A !important;
  border: 1px solid #DFB17A !important;
  color: #11423D !important;
}

.section_cta .cta_main .button-text {
  color: #11423D !important;
}

.section_cta .cta_main:hover {
  background-color: #FFF7E5 !important;
  border-color: #FFF7E5 !important;
  color: #11423D !important;
}

/* ==========================================================================
   Forzar lectura permanente en reposo (desktop y mobile)
   ========================================================================== */
/* ==========================================================================
   DROPDOWNS NATIVOS: OVERLAY DE DESENFOQUE CINEMÁTICO & ESTILOS GLOBALES
   Navbar (10000) > Menús Dropdown (999) > Backdrop Desenfoque (850)
   ========================================================================== */
#dropdownBackdrop,
.site_dropdown_backdrop,
.dropdown_backdrop,
.nav_backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: rgba(14, 38, 34, 0.68) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  z-index: 850 !important; /* Detrás del menú desplegable */
  pointer-events: none !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
}

/* Solo cuando el menú esté realmente abierto */
#dropdownBackdrop.is-active,
.site_dropdown_backdrop.is-active,
body.dropdown-open .site_dropdown_backdrop,
body.menu-open .site_dropdown_backdrop {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Contenedores de Dropdowns: Por encima del Backdrop (z-index 999) */
.dropdown_menu,
.w-dropdown-list,
.dropdown-list {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 999 !important;
  background: transparent !important;
  background-color: transparent !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  transition: opacity 0.15s ease, visibility 0.15s ease !important;
}

/* Estado de apertura dinámico para dropdowns */
.w-dropdown-list.w--open,
.w-dropdown-list.is-open,
.dropdown_menu.is-open {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.wrap_nav-link nav.w-dropdown-list,
.wrap_nav-link nav.dropdown-list {
  background: transparent !important;
  background-color: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 999 !important;
}

.master_dropdown {
  background: transparent !important;
  background-color: transparent !important;
  padding: 110px 32px 56px 32px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  max-width: 1300px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 999 !important;
}

.master_dropdown .dropdown-empty {
  display: none !important;
}

/* Enlaces por defecto en menús dropdowns oscuros */
.dropdown_link,
.dropdown-link,
.dropdown_link-title {
  color: #FFF7E5 !important;
}

.dropdown_link-descr {
  color: rgba(255, 247, 229, 0.8) !important;
}

.dropdown_link:hover,
.w-dropdown-link:hover {
  color: #DFB17A !important;
  background-color: rgba(255, 247, 229, 0.06) !important;
}

/* ==========================================================================
   PRESENCIA REGIONAL (GLOBO): CONTRASTE SOBRE FONDO OSCURO DEL CANVAS
   ========================================================================== */
.section_network {
  background-color: #0b1a18 !important;
}

.section_network .headline_network h2,
.section_network h2.heading-style-h1,
.section_network [heading-scroll] {
  color: #FFF7E5 !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85), 0 0 20px rgba(0, 0, 0, 0.5) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.globe_secondary-text {
  color: #FFF7E5 !important;
  font-size: 1.05rem !important;
  line-height: 1.5 !important;
  max-width: 680px !important;
  margin: 12px auto 0 auto !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85) !important;
  font-weight: 500 !important;
  opacity: 0.95 !important;
}

.section_network .master_countries .heading-style-h6 {
  color: #FFF7E5 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
  font-weight: 600 !important;
}

.section_network .country_tile {
  background-color: rgba(255, 247, 229, 0.12) !important;
  border: 1px solid rgba(255, 247, 229, 0.25) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  color: #FFF7E5 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

.section_network .country_tile:hover {
  background-color: rgba(223, 177, 122, 0.25) !important;
  border-color: #DFB17A !important;
  color: #FFF7E5 !important;
}

/* ==========================================================================
   PRE-FOOTER CTA: OVERLAY OSCURO 50% PARA MÁXIMA NITIDEZ
   ========================================================================== */
.section_cta {
  position: relative !important;
  background-color: #11423D !important;
}

.section_cta .overlay_semi-transparent {
  background-color: rgba(17, 66, 61, 0.6) !important;
  opacity: 1 !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

.section_cta .content_cta {
  position: relative !important;
  z-index: 2 !important;
}

.section_cta h2 {
  color: #FFF7E5 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
}

/* ==========================================================================
   FOOTER SAMBITO: LOGO, COLUMNAS Y ENLACES
   ========================================================================== */
.footer {
  background-color: #11423D !important;
  color: #FFF7E5 !important;
}

.footer_marquee,
.footer-marquee {
  background-color: #0d3632 !important;
  border-bottom: 1px solid rgba(255, 247, 229, 0.1) !important;
}

.footer-marquee .heading-style-h0,
.marquee_footer .heading-style-h0 {
  color: rgba(255, 247, 229, 0.7) !important;
  font-weight: 500 !important;
}

.footer_logo-text {
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  color: #FFF7E5 !important;
  text-transform: uppercase !important;
}

.footer .footer_left-texts,
.footer .footer_left-texts div {
  color: #FFF7E5 !important;
}

.footer .label-large,
.footer .label-large.tone-medium {
  color: #DFB17A !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 12px !important;
}

.footer .link_footer {
  color: #FFF7E5 !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  display: block !important;
  padding: 3px 0 !important;
}

.footer .link_footer:hover {
  color: #DFB17A !important;
  transform: translateX(3px) !important;
}

.footer_copyright-text {
  color: rgba(255, 247, 229, 0.75) !important;
  font-size: 0.85rem !important;
}

.footer .link_social {
  color: #FFF7E5 !important;
  transition: color 0.2s ease !important;
}

.footer .link_social:hover {
  color: #DFB17A !important;
}

/* Dropdown de Soluciones Sambito (4 columnas) */
.nav_menu-grid.nav_menu-grid--4cols {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}

@media (max-width: 991px) {
  .nav_menu-grid.nav_menu-grid--4cols {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 600px) {
  .nav_menu-grid.nav_menu-grid--4cols {
    grid-template-columns: 1fr !important;
  }
}

.card_nav-menu {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.card_nav-menu:hover {
  transform: translateY(-2px) !important;
}

/* ==========================================================================
   PÁGINA DEDICADA: NIKOLA (SOLUCIÓN AMBIENTAL & TECNOLÓGICA)
   Fondo limpio (#FBFBF9), títulos (#11423D) y textos (#163941)
   ========================================================================== */

body.page-nikola {
  background-color: #FBFBF9 !important;
  color: #163941 !important;
}

.nikola_hero {
  background-color: #FBFBF9 !important;
  padding-top: 140px !important;
  padding-bottom: 70px !important;
  position: relative !important;
}

.nikola_hero-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 48px !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  .nikola_hero-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
}

.nikola_editorial-kicker {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
  color: #11423D !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
  display: block !important;
}

.nikola_h1 {
  color: #11423D !important;
  font-size: clamp(2.3rem, 3.6vw, 3.3rem) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 20px 0 !important;
}

.nikola_bajada {
  color: #3B534E !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  max-width: 580px !important;
  margin: 0 0 32px 0 !important;
}

.nikola_hero-actions {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.nikola_cta-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background-color: #11423D !important;
  color: #FFF7E5 !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(17, 66, 61, 0.15) !important;
  transition: all 0.2s ease !important;
  border: 1px solid rgba(17, 66, 61, 0.2) !important;
}

.nikola_cta-button:hover {
  background-color: #163941 !important;
  transform: translateY(-1px) !important;
  color: #FFF7E5 !important;
  box-shadow: 0 4px 14px rgba(17, 66, 61, 0.25) !important;
}

.nikola_cta-button svg {
  width: 14px !important;
  height: 14px !important;
  transition: transform 0.2s ease !important;
}

.nikola_cta-button:hover svg {
  transform: translateX(3px) !important;
}

.nikola_link-clean {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #11423D !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease !important;
}

.nikola_link-clean:hover {
  color: #163941 !important;
}

/* Elemento visual documental Hero */
.nikola_hero-image-wrap {
  width: 100% !important;
  height: 380px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 36px rgba(17, 66, 61, 0.08) !important;
  position: relative !important;
}

.nikola_hero-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  display: block !important;
}

/* Métricas de Impacto Nikola (Corte editorial full-width sin esquinas de tarjeta flotante) */
.nikola_stats-section {
  background-color: #11423D !important;
  color: #FFF7E5 !important;
  padding: 80px 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.nikola_stats-header {
  text-align: center !important;
  margin-bottom: 48px !important;
}

.nikola_stats-header h3 {
  color: #FFF7E5 !important;
  font-size: clamp(1.5rem, 2.2vw, 2rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 8px 0 !important;
}

.nikola_stats-header p {
  color: #DFB17A !important;
  font-size: 0.88rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  margin: 0 0 10px 0 !important;
}

.nikola_stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  .nikola_stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px !important;
  }
}

@media (max-width: 480px) {
  .nikola_stats-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

.nikola_stat-card {
  padding: 16px !important;
}

.nikola_stat-num {
  font-size: clamp(2.4rem, 3.6vw, 3.2rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #DFB17A !important;
  margin-bottom: 8px !important;
}

.nikola_stat-label {
  color: #FFF7E5 !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  opacity: 0.9 !important;
}

/* Bloque Funcionalidades Clave (CARGO+ Editorial) */
.nikola_features-section {
  padding: 80px 0 !important;
  background-color: #FBFBF9 !important;
}

.nikola_section-title {
  color: #11423D !important;
  font-size: clamp(1.8rem, 2.6vw, 2.4rem) !important;
  font-weight: 700 !important;
  margin: 0 0 40px 0 !important;
  letter-spacing: -0.01em !important;
}

.nikola_editorial_features {
  display: flex !important;
  flex-direction: column !important;
}

.nikola_editorial_row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 32px !important;
  align-items: baseline !important;
  padding: 28px 0 !important;
  border-top: 1px solid rgba(17, 66, 61, 0.15) !important;
}

.nikola_editorial_row:last-child {
  border-bottom: 1px solid rgba(17, 66, 61, 0.15) !important;
}

.nikola_editorial_left {
  display: flex !important;
  align-items: baseline !important;
  gap: 20px !important;
}

.nikola_editorial_num {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: rgba(17, 66, 61, 0.4) !important;
  letter-spacing: 0.05em !important;
  font-variant-numeric: tabular-nums !important;
  flex-shrink: 0 !important;
}

.nikola_editorial_title {
  color: #11423D !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.nikola_editorial_right {
  display: flex !important;
  align-items: center !important;
}

.nikola_editorial_desc {
  color: #3B534E !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  max-width: 500px !important;
  margin: 0 !important;
}

@media (max-width: 820px) {
  .nikola_editorial_row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* Servicios Técnicos Asociados (Naked 3 Columns CARGO+) */
.nikola_services-section {
  padding: 60px 0 90px 0 !important;
  background-color: #FBFBF9 !important;
}

.nikola_services_editorial_grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 48px !important;
  padding-top: 32px !important;
  border-top: 1px solid rgba(17, 66, 61, 0.15) !important;
}

@media (max-width: 900px) {
  .nikola_services_editorial_grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
}

.nikola_service_editorial_col {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.nikola_service_num {
  display: inline-block !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: rgba(17, 66, 61, 0.4) !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 12px !important;
}

.nikola_service_title {
  color: #11423D !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.35 !important;
}

.nikola_service_desc {
  color: #3B534E !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}






/* ==========================================================================
   PÁGINAS DEDICADAS: SOLUCIONES SAMBITO
   (Nikola, SimCO2, Peso, Consultoría & ESG)
   Fondo limpio (#FBFBF9), títulos (#11423D) y textos (#163941)
   ========================================================================== */

body.page-nikola,
body.page-simco2,
body.page-peso,
body.page-consultoria {
  background-color: #FBFBF9 !important;
  color: #163941 !important;
}

.solution_hero {
  background-color: #FBFBF9 !important;
  padding-top: 140px !important;
  padding-bottom: 60px !important;
  position: relative !important;
}

.solution_hero-content {
  max-width: 960px !important;
  margin: 0 auto !important;
  text-align: left !important;
}

.solution_eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #11423D !important;
  background-color: rgba(17, 66, 61, 0.08) !important;
  border: 1px solid rgba(17, 66, 61, 0.15) !important;
  border-radius: 999px !important;
  padding: 6px 16px !important;
  margin-bottom: 24px !important;
}

.solution_eyebrow-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background-color: #DFB17A !important;
}

.solution_h1 {
  color: #11423D !important;
  font-size: clamp(2.2rem, 3.8vw, 3.4rem) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 20px 0 !important;
}

.solution_bajada {
  color: #163941 !important;
  font-size: clamp(1.1rem, 1.35vw, 1.3rem) !important;
  line-height: 1.6 !important;
  max-width: 780px !important;
  margin: 0 0 32px 0 !important;
  opacity: 0.9 !important;
}

.solution_hero-actions {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.solution_cta-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background-color: #11423D !important;
  color: #FFF7E5 !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(17, 66, 61, 0.25) !important;
  transition: all 0.25s ease !important;
  border: 1px solid rgba(223, 177, 122, 0.4) !important;
}

.solution_cta-button:hover {
  background-color: #163941 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(17, 66, 61, 0.35) !important;
  color: #FFF7E5 !important;
}

.solution_cta-button svg {
  width: 14px !important;
  height: 14px !important;
  transition: transform 0.2s ease !important;
}

.solution_cta-button:hover svg {
  transform: translateX(3px) !important;
}

.solution_download-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background-color: #FFFFFF !important;
  color: #11423D !important;
  padding: 14px 26px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.98rem !important;
  text-decoration: none !important;
  border: 1px solid rgba(17, 66, 61, 0.25) !important;
  box-shadow: 0 4px 14px rgba(17, 66, 61, 0.06) !important;
  transition: all 0.25s ease !important;
}

.solution_download-button:hover {
  border-color: #11423D !important;
  background-color: #FFF7E5 !important;
  transform: translateY(-2px) !important;
}

/* Franja de Métricas / Cifras de Impacto */
.solution_stats-section {
  background-color: #11423D !important;
  color: #FFF7E5 !important;
  padding: 70px 0 !important;
  border-radius: 24px !important;
  margin: 40px auto !important;
}

.solution_stats-header {
  text-align: center !important;
  margin-bottom: 40px !important;
}

.solution_stats-header h3 {
  color: #FFF7E5 !important;
  font-size: clamp(1.4rem, 2vw, 1.8rem) !important;
  margin: 0 0 8px 0 !important;
}

.solution_stats-header p {
  color: #DFB17A !important;
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

.solution_stats-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 24px !important;
  text-align: center !important;
}

.solution_stat-card {
  padding: 16px !important;
}

.solution_stat-num {
  font-size: clamp(2.2rem, 3.4vw, 3rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #DFB17A !important;
  margin-bottom: 8px !important;
}

.solution_stat-label {
  color: #FFF7E5 !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  opacity: 0.9 !important;
}

/* Secciones de Contenido / Tarjetas */
.solution_features-section {
  padding: 80px 0 !important;
  background-color: #FBFBF9 !important;
}

.solution_section-kicker {
  color: #DFB17A !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.solution_section-title {
  color: #11423D !important;
  font-size: clamp(1.8rem, 2.6vw, 2.4rem) !important;
  font-weight: 700 !important;
  margin: 0 0 36px 0 !important;
}

.solution_grid-2cols {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}

.solution_grid-3cols {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}

@media (max-width: 860px) {
  .solution_grid-2cols,
  .solution_grid-3cols {
    grid-template-columns: 1fr !important;
  }
}

.solution_card {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(17, 66, 61, 0.1) !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 4px 16px rgba(17, 66, 61, 0.04) !important;
  transition: all 0.25s ease !important;
}

.solution_card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(17, 66, 61, 0.08) !important;
  border-color: rgba(17, 66, 61, 0.25) !important;
}

.solution_card-topborder {
  border-top: 4px solid #11423D !important;
}

.solution_card-goldborder {
  border-top: 4px solid #DFB17A !important;
}

.solution_card-iconwrap {
  display: flex !important;
  gap: 18px !important;
  align-items: flex-start !important;
}

.solution_card-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  background-color: rgba(17, 66, 61, 0.08) !important;
  color: #11423D !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.solution_card h4 {
  color: #11423D !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
}

.solution_card p {
  color: #163941 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  opacity: 0.88 !important;
}

.solution_card-metric {
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #11423D !important;
  margin-bottom: 6px !important;
}

/* Dropdown 3 Columnas para Soluciones */
/* ==========================================================================
   DROPDOWN SOLUCIONES: 3 TARJETAS HORIZONTALES (Estructura y Estética Nativa)
   ========================================================================== */
.nav_menu-grid--3cols {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  max-width: 1200px !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  .nav_menu-grid--3cols {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }
}

.card_nav-menu {
  background: #11423D !important;
  background-color: #11423D !important;
  border: 1px solid rgba(255, 247, 229, 0.12) !important;
  border-radius: 14px !important;
  padding: 32px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 24px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.25s ease !important;
  height: auto !important;
  min-height: 180px !important;
}

.card_nav-menu:hover {
  background: #164E48 !important;
  background-color: #164E48 !important;
  border-color: rgba(223, 177, 122, 0.35) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.35) !important;
}

.card_nav-menu .icon-wrap_nav-card {
  width: 46px !important;
  height: 46px !important;
  border-radius: 10px !important;
  background: rgba(255, 247, 229, 0.08) !important;
  border: 1px solid rgba(255, 247, 229, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.card_nav-menu .icon_nav-card svg {
  width: 22px !important;
  height: 22px !important;
  color: rgba(255, 247, 229, 0.75) !important;
  stroke: rgba(255, 247, 229, 0.75) !important;
  stroke-width: 1.5 !important;
  transition: color 0.25s ease, stroke 0.25s ease !important;
}

.card_nav-menu:hover .icon_nav-card svg {
  color: #FFF7E5 !important;
  stroke: #FFF7E5 !important;
}

.card_nav-menu .heading-style-h5 {
  color: #FFF7E5 !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
}

/* ==========================================================================
   DROPDOWN ECOSISTEMA: LAYOUT NATIVO DE 2 COLUMNAS (Lista + Imagen)
   ========================================================================== */
.nav_client-halves {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 48px !important;
  max-width: 1100px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  .nav_client-halves {
    flex-direction: column !important;
    gap: 28px !important;
  }
}

.nav_client-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  flex: 1 !important;
}

.link_nav-client {
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  color: rgba(255, 247, 229, 0.65) !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  transition: all 0.25s ease !important;
  display: inline-block !important;
  padding: 2px 0 !important;
}

.link_nav-client:hover,
.link_nav-client.w--current,
.link_nav-client:focus {
  color: #FFF7E5 !important;
  border-left: 2px solid #DFB17A !important;
  padding-left: 8px !important;
  transform: translateX(4px) !important;
}

.link_nav-client.link_nav-client--all {
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #DFB17A !important;
  text-decoration: underline !important;
  text-underline-offset: 6px !important;
  margin-top: 10px !important;
  border-left: none !important;
  padding-left: 0 !important;
}

.link_nav-client.link_nav-client--all:hover {
  color: #FFF7E5 !important;
  transform: translateX(8px) !important;
}

.nav_client-visual {
  width: 440px !important;
  max-width: 45% !important;
  height: 380px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 247, 229, 0.12) !important;
  flex-shrink: 0 !important;
}

@media (max-width: 991px) {
  .nav_client-visual {
    width: 100% !important;
    max-width: 100% !important;
    height: 220px !important;
  }
}

.nav_client-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.nav_client-visual:hover .nav_client-img {
  transform: scale(1.04) !important;
}

/* ==========================================================================
   SECCIÓN INICIO: ECOSISTEMA DE IMPACTO (Layout Editorial & Fotográfico)
   Inspirado en la maquetación editorial nativa (newsroom-a / newsroom-b)
   Fondo marfil #FBFBF9, títulos #11423D, textos #163941 y divisores sutiles
   ========================================================================== */

.section_ecosistema {
  padding: 100px 0 110px 0 !important;
  background-color: #FBFBF9 !important;
  position: relative !important;
}

/* Encabezado Editorial Asimétrico */
.ecosistema_editorial_header {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 40px !important;
  align-items: flex-end !important;
}

@media (max-width: 860px) {
  .ecosistema_editorial_header {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.ecosistema_header_left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.ecosistema_editorial_title {
  color: #11423D !important;
  font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  margin: 12px 0 0 0 !important;
}

.ecosistema_header_desc {
  color: #163941 !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  opacity: 0.88 !important;
}

/* Línea divisoria sutil */
.ecosistema_header_divider {
  width: 100% !important;
  height: 1px !important;
  background-color: rgba(17, 66, 61, 0.12) !important;
  margin: 40px 0 48px 0 !important;
}

/* Grid Editorial de 8 Iniciativas (2 Columnas Asimétricas / Editorial Rows) */
.ecosistema_editorial_grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 48px !important;
  row-gap: 56px !important;
}

@media (max-width: 900px) {
  .ecosistema_editorial_grid {
    grid-template-columns: 1fr !important;
    row-gap: 44px !important;
  }
}

.ecosistema_editorial_item {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
}

.ecosistema_editorial_card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  background: transparent !important;
  border-radius: 16px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
}

.ecosistema_editorial_card:hover {
  transform: translateY(-4px) !important;
}

/* Envoltorio fotográfico con proporción cinematográfica */
.ecosistema_editorial_img-wrap {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  height: auto !important;
  max-height: 320px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative !important;
  background-color: rgba(17, 66, 61, 0.05) !important;
  margin-bottom: 20px !important;
}

.ecosistema_editorial_img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease !important;
  filter: contrast(1.02) saturate(1.04) !important;
}

.ecosistema_editorial_card:hover .ecosistema_editorial_img {
  transform: scale(1.045) !important;
}

.ecosistema_editorial_img-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(17, 66, 61, 0) 50%, rgba(17, 66, 61, 0.18) 100%) !important;
  pointer-events: none !important;
  opacity: 0.6 !important;
  transition: opacity 0.3s ease !important;
}

.ecosistema_editorial_card:hover .ecosistema_editorial_img-overlay {
  opacity: 0.3 !important;
}

/* Contenido textual minimalista y editorial */
.ecosistema_editorial_content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 0 4px !important;
}

.ecosistema_kicker_row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}

.ecosistema_editorial_kicker {
  font-family: inherit !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #DFB17A !important;
}

.ecosistema_editorial_num {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: rgba(17, 66, 61, 0.35) !important;
}

.ecosistema_item_title {
  color: #11423D !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 8px 0 !important;
  transition: color 0.2s ease !important;
}

.ecosistema_editorial_card:hover .ecosistema_item_title {
  color: #163941 !important;
}

.ecosistema_item_desc {
  color: #163941 !important;
  font-size: 0.96rem !important;
  line-height: 1.55 !important;
  margin: 0 0 16px 0 !important;
  opacity: 0.88 !important;
  max-width: 540px !important;
}

/* Enlace editorial con flecha animada */
.ecosistema_item_link {
  color: #11423D !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding-bottom: 2px !important;
  border-bottom: 1px solid rgba(17, 66, 61, 0.25) !important;
  transition: all 0.2s ease !important;
  margin-top: auto !important;
}

.ecosistema_link_arrow {
  display: inline-block !important;
  transition: transform 0.25s ease !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

.ecosistema_editorial_card:hover .ecosistema_item_link {
  color: #DFB17A !important;
  border-bottom-color: #DFB17A !important;
}

.ecosistema_editorial_card:hover .ecosistema_link_arrow {
  transform: translateX(4px) !important;
}