.gradient-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    height: 80%;
    z-index: -1;
    pointer-events: none;
  }
.ia-link span{
  background: linear-gradient(90deg, #ff4405 21%, #fd6f8e 45%, #8b5cf6 60%, #3b82f6 85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ia-link svg{
  color:rgb(255 105 46)
}
  .gradient-left {
    left: 4px;
  }

  .gradient-right {
    right: 4px;
  }

  /* Los gradientes que se mueven */
  .gradient-move {
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    filter: blur(12px);
    opacity: 0.8;
    transition:
      transform 0.7s ease,
      opacity 0.3s ease,
      filter 0.3s ease;
  }

  .nav-bar-container__cta-lang-container__cta-container__btn-free-trial:hover .gradient-move {
    opacity: 0.8;
    filter: blur(20px);
  }

  .violet {
    background-color: #c4b5fd; /* violet-300 */
  }

  .blue {
    background-color: #93c5fd; /* blue-300 */
  }

.dark-mode {
  transition:color .3s ease-in,background-color .3s ease-in;
}
.short-logo-color {
  display:none;
    fill: currentColor;
}

.dark-mode .short-logo-color {
    color: white;
    display:none;
}
.navigation-wrapper{
  display:flex;
  justify-content:center;
  
  width:100%;
  
  position:fixed;
  top:20px;
  z-index:20;
}
.navigation-wrapper a{
  color: inherit;
}
.navigation-container{
   
  max-width:1312px;
  margin: 0 32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  transition:all 0.3s ease-in-out;

  
}
@media(min-width:1280px){
  .navigation-container{
    margin:0 48px;
  }
}
@media(max-width:1280px){
  .navigation-container{
    max-width:1183px;
  }
/*   .navigation-container__scrolled{
    padding:0px 8px;
  } */
}
@media(max-width:1100px){
  .navigation-container{
    margin:0 32px;
    max-width:1183px;
  }
  .menu-blog-container__links_nav__link-container{
    gap:0px !important;
  }
  .nav-bar-container__ul-group__button{
    padding:8px 12px !important;
  }.
  .nav-bar-container__cta-lang-container{
    gap:8px !important;
  }
  .menu-blog-wraper{
    gap:8px !important;
  }
  .nav-bar-container__cta-lang-container__cta-container__btn-contact-us{
    padding:8px 12px !important;
  } 

}
@media(max-width:1024px){
  .navigation-container{
    margin:0 32px;
    max-width:959px; 
  }
}
@media(max-width:640px){
  .navigation-container{
/*     margin:0 24px;  */
    max-width:607px; 
      margin: 0 16px; 
        padding: 0 16px; 
  }
  .navigation-container__scrolled{
    padding:0px;
    
  }
  .navigation-container__scrolled{
    padding:0;
  }
}
.navigation-container__scrolled{
    border-radius: var(--radius-lg, 10px);
border: 1px solid var(--Component-colors-Utility-Gray-utility-gray-50, #FAFAFA);
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.15);
backdrop-filter: blur(7.5px);
/*   padding:0 36px; */
  background: var(--Component-colors-Alpha-alpha-white-80, rgba(255, 255, 255, 0.80));
  
    
}
@media(max-width:1024px){
  overflow:hidden;
}
.dark-mode .navigation-container__scrolled{
    border-radius: var(--radius-lg, 10px);
border: 1px solid var(--Component-colors-Utility-Gray-utility-gray-400, #52525B);
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.15);
backdrop-filter: blur(7.5px);
/*   padding:0 36px; */
  background: var(--Component-colors-Alpha-alpha-white-80, rgba(0,0,0, 0.80));
}

@keyframes slide-right {
  0% {
    opacity: 0;
    scale: 0.9;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    scale: 1;
    transform: translateX(0);
  }
}

@keyframes slideInFromLeft {
  from {
    transform: translateX(-5%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-bottom {
  0% {
    opacity: 0;
    transform: translateY(-5%);
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}
 button{
    background-color: transparent;
    border: none;
}
.nav-bar-header {
  display: flex;
  height: 60px;
  width: 100%;
  max-width: 1312px;
  align-items: center;
  justify-content: space-between;
}
.dark-mode .nav-bar-header{
  background:transparent;
  border:transparent
}
@media (max-width: 1280px) {
  .nav-bar-header {
/*     padding: 0 48px; */
  }
}
@media (max-width: 1024px) {
  .nav-bar-header {
/*     padding: 0 32px; */
  }
}
@media (max-width: 640px) {
  .nav-bar-header {
/*     padding: 0 32px; */
  }
}



.navbar-drop {
  animation: slide-right 0.1s;
}

.animated-element {
  animation: slideInFromLeft 0.2s ease-out;
  opacity: 1;
}

.nav-lang-drop {
  animation: slide-bottom 0.2s ease-out;
  opacity: 1;
}

.nav-bar-container h1,
.nav-bar-container h2,
.nav-bar-container h3,
.nav-bar-container h4,
.nav-bar-container h5,
.nav-bar-container h6 {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

.navigation-wrapper li {
  list-style-type: none;
}

.nav-bar-container ul,
.nav-bar-container ol {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

.nav-bar-container button {
  background: none;
  border: none;
  cursor: pointer;
}

.nav-bar-container input,
.nav-bar-container button,
.nav-bar-container textarea,
.nav-bar-container select {
  font-family: inherit;
  line-height: inherit;
}

.nav-bar-container code {
  font-family: monospace, monospace;
}

.nav-bar-container input:focus,
.nav-bar-container textarea:focus,
.nav-bar-container select:focus {
  outline: none;
}
.nav-bar-top-home{
  
  top: 20px;
}
.nav-bar-top-post{
  
  top: 20px;
}
.nav-bar-container {
  z-index: 50;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position:flex;
  height:60px;

    border-bottom:1px solid var(--zinc-200);
  transition: padding 0.3s ease-in-out;
  border-radius:12px 12px 0 0; 
}
.dark-mode  .nav-bar-container {
  border-bottom:1px solid var(--zinc-700);
}
.hamburger-active{
  background-color:var(--zinc-50) !important;
}
.dark-mode .hamburger-active{
   background-color:var(--zinc-900) !important;
}
.bg-nav-white{
/*   background-color: white; */
}
.nav-bar-container__nav {
  margin-left: 9px;
  /* 12px */
  display: none;
  width: 100%;
}

@media (min-width: 1024px) {
  .nav-bar-container__nav {
    display: block;
  }
}
.special-lang .nav-bar-container__nav {
    display: none; /* Ocultar por defecto para evitar parpadeos */
}
@media (min-width: 1220px) {
    .special-lang .nav-bar-container__nav {
        display: block;
    }
}
.nav-bar-container__ul-group {
  padding-left: 0.20rem !important;
  display: flex;
  align-items:center;

}

.nav-bar-container__ul-group > *:not(:last-child) {
  margin-right: 2px;
  /* 2px */
}

.nav-bar-container__ul-group__button {
  display: flex;
  user-select: none;
  align-items: center;
  gap: 4px;
  white-space:nowrap;
  font-size: 14px;
  border-radius: 0.5rem;
  padding: 8px 12px;
  white-space:nowrap;
  font-weight: 500;
  height:fit-content;
  line-height: 1 !important;
  margin-top:1px; 
  color: var(--zinc-900);
}
.navigation-container__scrolled .nav-bar-container__ul-group__button {
  margin-top:0;
}
.dark-mode .nav-bar-container__ul-group__button{
color:var(--zinc-50);
}
.nav-bar-container__ul-group__button:hover {
  background-color: #eaecf0;
}
.dark-mode .nav-bar-container__ul-group__button:hover {
  background-color: var(--zinc-800);
  
  color:var(--zinc-300) !important;
}
 .nav-bar-container__ul-group__svg {
   
  color:  #18181B;
  transition: all 0.3s;
}
.dark-mode .nav-bar-container__ul-group__svg {
  color:  var(--zinc-300);
  transition: all 0.3s;
}

.nav-bar-container__ul-group__button:hover .nav-bar-container__ul-group__svg {
  transform: rotate(-180deg);
}

.nav-bar-container__cta-lang-container {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
}

.nav-bar-container__cta-lang-container__cta-container {
  display: none;
}

.nav-bar-container__cta-lang-container__cta-container > *:not(:last-child) {
/*   margin-right: 0.8px; */
  /* 4px */
}

@media (min-width: 768px) {
  .nav-bar-container__cta-lang-container__cta-container {
    display: flex;
    gap:12px;
  }
}

.nav-bar-container__cta-lang-container__cta-container__btn-contact-us {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 0.5rem;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.025rem;
  transition: all 0.3s;
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--zinc-950);
  padding: 8px 12px;
   border: 1px solid var(--zinc-700);
  height:fit-content;
}

/* Dark Mode */
.dark-mode .nav-bar-container__cta-lang-container__cta-container__btn-contact-us {
  color: #f2f2f2;
  border: 1px solid var(--zinc-700); /* Ajustado para dark mode */
  background-color: #333333; /* Fondo oscuro */
  border: 1px solid var(--zinc-50);
}

/* Hover */
.nav-bar-container__cta-lang-container__cta-container__btn-contact-us:hover {
  color: var(--zinc-950);
  background-color: var(--zinc-200);
}

/* Dark mode hover */
.dark-mode .nav-bar-container__cta-lang-container__cta-container__btn-contact-us:hover {
  color: var(--zinc-200) !important; /* Un tono más claro para dark mode */
  background-color: var(--zinc-600); /* Hover con fondo más oscuro en dark mode */
}
@media (min-width:1280px){
  .nav-bar-container__cta-lang-container__cta-container__btn-contact-us{
    
  padding: 12px 16px;
  }
}
.nav-bar-container__cta-lang-container__cta-container__btn-free-trial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
/*   gap: 4px; */
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  letter-spacing:0.4px;
  transition: all 0.3s;
  background-color: var(--zinc-950);
  padding: 8px 12px;
  color:white !important;
  height:fit-content;
  position:relative;
}
.dark-mode .nav-bar-container__cta-lang-container__cta-container__btn-free-trial{
  background-color: var(--zinc-50);
  color:var(--zinc-950) !important;
}
.nav-bar-container__cta-lang-container__cta-container__btn-free-trial:hover {
  background-color: var(--zinc-800);
  color:white !important;
}
.dark-mode .nav-bar-container__cta-lang-container__cta-container__btn-free-trial:hover {
  background-color: var(--zinc-100);
  color:var(--zinc-950) !important;
}
@media (min-width:1280px){
  .nav-bar-container__cta-lang-container__cta-container__btn-free-trial{
    
  padding: 12px 16px;
  }
}
.nav-bar-container__cta-lang-container__lang-container {
  display: flex;
  align-items:center;
  margin-top:6px
}

.nav-bar-container__cta-lang-container__lang-container__svg {
  color: #4b5563;
}
.dark-mode .nav-bar-container__cta-lang-container__lang-container__svg {
  color: var(--zinc-300);
}
.nav-bar-container_menu-hambuger-container {
  display: block;
  /* padding-right: 16px; */
}

@media (min-width: 1024px) {
  .nav-bar-container_menu-hambuger-container {
    display: none;
  }
  
}
.special-lang .nav-bar-container_menu-hambuger-container {
  display: block;
  /* padding-right: 16px; */
}
@media (min-width: 1220px) {
  .special-lang .nav-bar-container_menu-hambuger-container {
    display: none;
  }
  
}
.nav-bar-container_menu-hambuger-container-bar-1 {
  position: relative;
  top: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  height: 3px;
  width: 20px;
  background-color: #4b5563;
}

.nav-bar-container_menu-hambuger-container-bar-2 {
  position: relative;
  top: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  height: 3px;
  width: 20px;
  background-color: #4b5563;
}

.nav-bar-container_menu-hambuger-container-bar-3 {
  position: relative;
  top: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  height: 3px;
  width: 20px;
  background-color: #4b5563;
}
.dark-mode .nav-bar-container_menu-hambuger-container-bar-1,
.dark-mode .nav-bar-container_menu-hambuger-container-bar-2,
.dark-mode .nav-bar-container_menu-hambuger-container-bar-3{
  background-color:var(--zinc-300);
}
.nav-bar-container_drop-items-container {
  position: absolute !important;
  left: -3px;
  top: 48px;
  z-index: 50;
  margin-top: 8px;
  display: flex;
  width: 100%;
  justify-content: center;
}

.hidden-drop-item {
  display: none;
}

.lang-container {
  top: 32px;
}

.nav-bar-container_drop-items-container__product-container {
  position: relative;
  height: 454px;
  max-width: 1000px;
  width:100%;
  transform-origin: top center;
  border-radius: 16px;
  border: 1px solid #E5E7EB;
  background-color: #ffffff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.dark-mode .nav-bar-container_drop-items-container__product-container{
  background-color:var(--zinc-900);
  border: 1px solid #2D3242;
}
.nav-bar-container_drop-items-container__product-container__wrapper {
  position: absolute;
  left: 0;
  top: 0;
}

.nav-bar-container_drop-items-container__product-container-content {
  display: flex;
  gap: 48px;
  padding: 24px;
}

.nav-bar-container_drop-items-container__product-container__cards-container {
  display: grid;
  width: 100%;
  grid-template-rows: 195px 195px;
  gap: 16px;
}

@media (min-width: 1024px) {
  .nav-bar-container_drop-items-container__product-container__cards-container {
    min-width: 400px;
  }
}

@media (min-width: 1280px) {
  .nav-bar-container_drop-items-container__product-container__cards-container {
    min-width: 470px;
    width:min-content;
  }
}

.nav-bar-container_drop-items-container__product-container__cards-container__card-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #E5E7EB;
  box-shadow: 0 4px 6px gray-light;
  transition: box-shadow 0.2s ease;
}
.dark-mode .nav-bar-container_drop-items-container__product-container__cards-container__card-link{
  border: 1px solid #2D3242;
}
.active-btn{

  background-color: #f4f4f5;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.dark-mode .active-btn{
  background-color:var(--zinc-800);
}
.nav-bar-container_drop-items-container__product-container__cards-container__card-link:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}


.nav-bar-container_drop-items-container__product-container__cards-container__image-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.nav-bar-container_drop-items-container__product-container__cards-container__image-container
  img {
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .nav-bar-container_drop-items-container__product-container__cards-container__image-container {
    max-width: 200px;
  }
  .nav-bar-container_drop-items-container__product-container__cards-container__content-container{
    max-width:182.4px;
  }
}

@media (min-width: 1280px) {
  .nav-bar-container_drop-items-container__product-container__cards-container__image-container {
    max-width: 250px;
  }
  .nav-bar-container_drop-items-container__product-container__cards-container__content-container{
    max-width:202.4px;
  }
}

.nav-bar-container_drop-items-container__product-container__cards-container__content-container {
  display: flex;
  gap: 12px;
  padding: 16px;
}

@media (min-width: 768px) {
  .nav-bar-container_drop-items-container__product-container__cards-container__content-container {
    flex-direction: column;
  }
}

.nav-bar-container_drop-items-container__product-container__cards-container__content-text-container {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.nav-bar-container_drop-items-container__product-container__cards-container__title-card {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25rem;
  color: #3f3f46;
}
.dark-mode .nav-bar-container_drop-items-container__product-container__cards-container__title-card {
  color:var(--zinc-50);
}
.nav-bar-container_drop-items-container__product-container__cards-container__subtitle-card {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25rem;
  color: #4b5563;
}
.dark-mode .nav-bar-container_drop-items-container__product-container__cards-container__subtitle-card {
  color:var(--zinc-300);
}
.nav-bar-container_drop-items-container_features-integration-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  max-width:440px;
}

.nav-bar-container_drop-items-container_features-container {
  display: flex;
  min-width: 440px;
  gap: 12px;
}

.nav-bar-container_drop-items-container_features-container ul {
  width: 50%;
}

.nav-bar-container_drop-items-container_features-container_link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0.5rem;
  color: #3f3f46;
  white-space: nowrap;
}
.dark-mode .nav-bar-container_drop-items-container_features-container_link {
  color: var(--zinc-50);
}
.nav-bar-container_drop-items-container_features-container_link:hover {
  background-color: #f0f4f8;
/*   color: #3f3f46; */
}
.dark-mode .nav-bar-container_drop-items-container_features-container_link:hover {
  background-color: var(--zinc-800);
  color: var(--zinc-300) !important;
}
#sm-product .nav-bar-container_drop-items-container_features-container_link{
  padding: 12px 12px;
}
.nav-bar-container_drop-items-container_features-container_link svg{
  min-width:24px;
}

.nav-bar-container_drop-items-container_features-container_link_content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: pre-wrap;
}

.nav-bar-container_drop-items-container_features-container_link_content span {
  font-size: 14px;
  font-weight: 600;
  color: var(--zinc-950);
  line-height:1.2;
}
.dark-mode .nav-bar-container_drop-items-container_features-container_link_content span {
  color:var(--zinc-50)
}
.integration-product-btns-container{
  display:flex;
  width:100%;
  gap:12px;
  
}
.nav-bar-container_drop-items-container__integration-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem; 
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.05em;
  border: 1px solid var(--zinc-200);
  background-color: transparent;
  color: var(--zinc-950);
  
  padding: 12px 16px;
  font-size: 14px;
  gap: 16px;
  cursor:pointer !important;
  width:100%;
  transition:all 0.3s ease-in-out;
}
.dark-mode .nav-bar-container_drop-items-container__integration-link {
background-color: #333333;
  color: var(--zinc-300) !important;
}
.nav-bar-container_drop-items-container__integration-link:hover {
  color: var(--zinc-300) !important;
  background-color: var(--zinc-200);
}

/* Dark mode hover */
.dark-mode .nav-bar-container_drop-items-container__integration-link:hover {
  color: var(--zinc-200); /* Un tono más claro para dark mode */
  background-color: var(--zinc-600); /* Hover con fondo más oscuro en dark mode */
}

.nav-bar-container_drop-items-container__product-tour-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem; 
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.05em;
  border: 1px solid #d1d5db;
  color: #3f3f46;
  padding: 12px 16px;
  font-size: 14px;
  gap: 16px;
  background-color: var(--zinc-950);
  
   color: var(--zinc-50) !important;
  cursor:pointer !important;
  width:100%;
  transition:all 0.3s ease-in-out;
}
.nav-bar-container_drop-items-container__product-tour-link:hover {
  background-color: var(--zinc-200);
  
}
.dark-mode .nav-bar-container_drop-items-container__product-tour-link{
  background-color: var(--zinc-50);
  color: var(--zinc-950) !important;
}
.dark-mode .nav-bar-container_drop-items-container__product-tour-link:hover{
  background-color: var(--zinc-200);
  
}
.nav-bar-container_drop-items-container__solution-container {
  position: relative;
  height: 335px;
  width: 860px;
  transform-origin: top center;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background-color: #fAfAfA;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.nav-bar-container_drop-items-container__solution-container:hover {
  background-color: var(--zinc-400);
}
.dark-mode .nav-bar-container_drop-items-container__solution-container {
  background:var(--zinc-950);
  color:var(--zinc-300);
}
.dark-mode .nav-bar-container_drop-items-container__solution-container:hover {
  background:var(--zinc-950);
  color:var(--zinc-300);
}

.dark-mode .nav-bar-container_drop-items-container__solution-container{
  background:var(--zinc-950);
   border: 1px solid #2D3242;
}

.nav-bar-container_drop-items-container__solution-container__wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height:100%;
}

.nav-bar-container_drop-items-container__solution-container__wrapper_content {
  display: flex;
  align-items: center;
  height:100%;
}

.nav-bar-container_drop-items-container__solution-container__wrapper_content__links {
  display: flex;
  width: max-content;
  flex-direction: column;
  padding: 24px;
  color:var(--zinc-950);
}

.nav-bar-container_drop-items-container__solution-container__wrapper_content__link-container {
  display: flex;
  flex-direction: column;
}
.dark-mode .nav-bar-container_drop-items-container__solution-container__wrapper_content__links {
  color:var(--zinc-300);
}
.nav-bar-container_drop-items-container__solution-container__wrapper_content__link-container__title {
  font-size: 14.4px;
  font-weight: 600;
  color: #18181b;
}
.dark-mode .nav-bar-container_drop-items-container__solution-container__wrapper_content__link-container__title{
  color:var(--zinc-300);
}
.nav-bar-container_drop-items-container__solution-container__wrapper_content__link-container__subtitle {
  font-size: 14.4px;
  color: #18181b;
}
.dark-mode .nav-bar-container_drop-items-container__solution-container__wrapper_content__link-container__subtitle{
  color:var(--zinc-500);
}
.nav-bar-container_drop-items-container__solution-container__wrapper_content__link {
  display: flex;
  gap: 16px;
  border-radius: 0.5rem;
  padding: 12px;
}

.nav-bar-container_drop-items-container__solution-container__wrapper_content__link:hover {
  background-color: #f1f5f9;
}
.dark-mode .nav-bar-container_drop-items-container__solution-container__wrapper_content__link:hover {
  background-color: var(--zinc-800);
}
.nav-bar-case-study-container {
  display: flex;
  width: 350px;
  flex-shrink: 0;
  flex-direction: column;
  background-color: #f4f4f5;
  padding: 1.75rem;
  text-decoration: none;
  height:100%;
}
.dark-mode .nav-bar-case-study-container{
  background-color: var(--zinc-600);
}
.nav-bar-case-study-image-container {
  position: relative;
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: 0.375rem;
}

.nav-bar-case-study-image {
  width: 100%;
  transition: transform 0.5s;
}

.nav-bar-case-study-container:hover .nav-bar-case-study-image {
  transform: scale(1.1);
}

.nav-bar-case-study-content {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}

.nav-bar-case-study-title {
  margin-bottom: 4px;
  font-size: 14.4px;
  font-weight: 600;
  line-height: 1.25;
  color: #18181b;
}
.dark-mode .nav-bar-case-study-title {
  color:var(--zinc-300);
}
.nav-bar-case-study-description {
  font-size: 14.4px;
  font-weight: 400;
  line-height: 1.25;
/*   color: #52525b; */
}
.dark-mode .nav-bar-case-study-description {
  color:var(--zinc-300);
}
.nav-bar-case-study-link {
  display: inline-flex;
  align-items: center;
  color: #1e40af;
}
.dark-mode .nav-bar-case-study-link {
  color:var(--zinc-300); 
}
.nav-bar-case-study-link-text {
  font-size: 14.4px;
  font-weight: 600;
  line-height: 1;
}

.nav-bar-case-study-icon {
  margin-left: 0.125rem;
  transition: transform 0.3s;
}

.nav-bar-case-study-container:hover .nav-bar-case-study-icon {
  transform: translateX(4px);
}

.nav-bar-container_drop-items-container__company-container {
  position: relative;
  height: 268px;
  width: 942.35px;
  margin-left:6px;
  transform-origin: top center;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.dark-mode .nav-bar-container_drop-items-container__company-container {
  background-color:var(--zinc-900);
  border: 1px solid #2D3242;
}
.nav-bar-container_drop-items-container__company-container__wrapper {
  position: absolute;
  left: 0;
  top: 0;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content {
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 24px;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__links-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 12px;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__link {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
}
.dark-mode .nav-bar-container_drop-items-container__company-container__wrapper_content__link {
  color:var(--zinc-400);
}
.nav-bar-container_drop-items-container__company-container__wrapper_content__link:hover {
  color: #d1d5db;
}
.dark-mode .nav-bar-container_drop-items-container__company-container__wrapper_content__link:hover {
  color: var(--white) !important;
}
.nav-bar-container_drop-items-container__company-container__wrapper_content__link__trus-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.025em;
  transition: color 0.3s, background-color 0.3s;
  padding: 8px 12px;
  font-size: 14px;
  white-space: nowrap;
  border: 1px solid #d1d5db;
  background-color: #ffffff;
  color: #18181b;
  width:fit-content;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__link__trus-center:hover {
  background-color: #e4e4e7;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__card-container {
  display: grid;
  width: 100%;
  grid-template-columns: 220px 220px 220px;
  grid-template-rows: 220px;
  gap: 16px;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__card-light {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #f3f4f6;
  transition: box-shadow 0.2s;
}
.dark-mode .nav-bar-container_drop-items-container__company-container__wrapper_content__card-light {
  background-color:var(--zinc-800);
}
.nav-bar-container_drop-items-container__company-container__wrapper_content__card-light__image-container {
  display: flex;
  justify-content: end;
  height: 100%;
  align-items: end;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__card-light
  img,
.nav-bar-container_drop-items-container__company-container__wrapper_content__card-dark
  img {
  width: 100%;
  object-fit: contain;
  transition: all 0.3s ease-out;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__card-dark {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #1f2937;
  transition: box-shadow 0.2s;
}
.dark-mode .nav-bar-container_drop-items-container__company-container__wrapper_content__card-dark{
  background:var(--zinc-950);
}
.nav-bar-container_drop-items-container__company-container__wrapper_content__card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
  padding-top: 16px;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__card-light__content__title {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: #18181b;
}
.dark-mode .nav-bar-container_drop-items-container__company-container__wrapper_content__card-light__content__title {
  color:var(--zinc-50)
}
.nav-bar-container_drop-items-container__company-container__wrapper_content__card-light__content__subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: #4b5563;
}
.dark-mode .nav-bar-container_drop-items-container__company-container__wrapper_content__card-light__content__subtitle {
  color:#d0d5dd
}
.nav-bar-container_drop-items-container__company-container__wrapper_content__card-dark__content__title {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: #ffffff;
}

.nav-bar-container_drop-items-container__company-container__wrapper_content__card-dark__content__subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: #ffffff; 
}
.dark-mode .nav-bar-container_drop-items-container__company-container__wrapper_content__card-dark__content__subtitle{
  color:#d0d5dd;
}
.nav-bar-container_drop-items-container__company-container__wrapper_content__card-light:hover
  img,
.nav-bar-container_drop-items-container__company-container__wrapper_content__card-dark:hover
  img {
  transform: scale(1.1);
}

.nav-bar-container_drop-items-container__resources-container {
  position: relative;
  height: 268px;
  width: 930,588px;
  margin-left:6px;
  transform-origin: top center;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.dark-mode .nav-bar-container_drop-items-container__resources-container {
  border: 1px solid #2D3242;
  background-color: var(--zinc-900);
}
.nav-bar-container_drop-items-container__lang-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display:flex;
  position:relative;
}

.nav-bar-container_drop-items-container__lang-container__wrapper {
  position: absolute;
  right: 240px;
  top: 0;
  z-index: 80;
  margin-top: 16px;
  margin-right:36px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  padding: 8px;
}
@media(max-width:780px){
  .nav-bar-container_drop-items-container__lang-container__wrapper {
    right: 0px;
  }
}
.dark-mode .nav-bar-container_drop-items-container__lang-container__wrapper {
  border: 1px solid #2D3242;
  background-color: var(--zinc-950);
}
.nav-bar-container_drop-items-container__lang-container__wrapper__links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.nav-bar-container_drop-items-container__lang-container__wrapper__link {
  display: flex;
  gap: 16px;
  border-radius: 0.5rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14.4px;
  font-weight: 500;
  color: #4b5563;
  cursor: pointer;
}
.dark-mode .nav-bar-container_drop-items-container__lang-container__wrapper__link {
  color: var(--zinc-50);
}
.nav-bar-container_drop-items-container__lang-container__wrapper__link:hover {
  background-color: #f3f4f6;
}

/* Sub menu */

.menu-blog-container {
  display: flex;
  height: 4rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  height:60px;
/*   background-color: white; */
  gap: 16px;
/*   position: fixed; */

  z-index: 40;
/*   transition: all 0.4s ease-in-out */
  transition: padding 0.3s ease-in-out;
  
}
.border-divider{
  border-bottom: 1px solid var(--Colors-Border-border-secondary, #E4E4E7) !important;
}
.dark-mode .border-divider{
  border-bottom: 1px solid var(--zinc-600) !important;
}
.menu-blog-container-home{      
 top:88px;
} 
.menu-blog-container-post{      
  top: 60px; 
}

.logo-menu{
  display:flex;
  align-items:center;
  gap:10px;
}

.logo-menu svg{
  width:;
}
.dark-mode .logo-menu{ 
  filter: invert(1); 
}
#am-product{
  display: none;
}
.features-products{
  width: 50%;
}
.menu-blog-wraper{
    display: flex;
    max-width: 1312px;
    height: 60px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    

    gap: 16px;
  

}
.menu-blog-wraper ul,.menu-blog-wraper ol{
  margin:0px !important;
}
.dark-blur-effect{
border-radius:  10px;
border: 2px solid #52525B;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.15);
backdrop-filter: blur(7.5px);
}
@media (max-width:1280px) {
    .menu-blog-wraper{
/*         padding:0 48px; */
    }
}
@media (max-width:1024px) {
    .menu-blog-wraper{
/*         padding:0 32px; */
    }
  .menu-blog-wrapper .nav-bar-container__cta-lang-container {
    display:none !important;
}
}
@media (max-width:640px) {
    .menu-blog-wraper{
/*         padding:0 32px; */
    }
}
.menu-blog-container__scrolled{
    top: 16px;
    z-index: 50;
    border-top: 1px solid var(--Colors-Border-border-secondary, #27272A);
background: var(--Component-colors-Alpha-alpha-white-80, rgba(12, 17, 29, 0.80));
/*   background:white; */
}



.menu-blog-container__links_nav {
  margin-left: 12px;
  display: none;
  width: 100%;
}

@media (min-width: 1024px) {
  .menu-blog-container__links_nav {
    display: block;
  }
}
.special-lang .menu-blog-container__links_nav{
  display:none;
}
@media (min-width: 1220px) {
  .special-lang .menu-blog-container__links_nav {
    display: block;
  }
}
.menu-blog-container__links_nav__link-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.menu-blog-container__links_nav__link-container-resposive {
  display: flex;
  flex-direction:column;
  align-items: center;
  gap: 8px;
}
.menu-blog-container__links_nav__link-container__link {
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 0.5rem;
  padding: 8px 12px;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color:var(--zinv-900);
  transition: background-color 0.2s ease-in-out;
}
.menu-blog-container__links_nav__link-container__link-responsive {
  display: flex;
  align-items: center;
  white-space: nowrap;
  width:100%;
  padding: 8px 12px;

  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color:var(--zinv-900);
  
}
.dark-menu .menu-blog-container__links_nav__link-container__link-responsive {
  
  color: var(--zinv-400) !important;
  
}
.menu-blog-container__links_nav__link-container-resposive li{
  border-bottom:1px solid #EAECF0;
  width:100%;
  text-align:center;
}
.dark-mode .menu-blog-container__links_nav__link-container-resposive li{
  border-bottom:1px solid #1F242F;
  width:100%;
  text-align:center;
  
}
.dark-mode .menu-blog-container__links_nav__link-container__link {
  color:var(--zinc-300);
}
.menu-blog-container__links_nav__link-container__link:hover {
  background-color: #eaecf0;
  
}

.dark-mode .menu-blog-container__links_nav__link-container__link:hover {
  background-color: #3f3f46;
  color: var(--zinc-300) !important;
}

/* Search bar */

.input-wrapper {
  position: relative;
  width: 100%;
  max-width: 238px;
  /* display: none; */
}
@media(max-width:1024px){
  .input-wrapper{
    display:none;
  }
}
.hidden-element{
    display: none !important;
}

.input-wrapper-responsive {
  position: relative;
  display: none;
}
.input-search {
  padding-left: 36px !important;
  padding-right: 14px;
  height: 40px;
  width: 100%;
  border: 1px solid #3F3F46 !important;
  border-radius: 8px !important;
  color:#09090b !important;
}
.dark-mode .input-search {
  background:var(--zinc-950);
  color:white !important;
  border: 1px solid var(--zinc-300)!important;
}
.input-search::placeholder {
  color: var(--zinc-200);
  font-family: "Inter", sans-serif !important;
  font-size: 14.4px;
}

.input-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Para que no interfiera con la escritura */
}

.menu-blog-container__cta-wrapper{
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 16px;
}
.menu-blog-container__cta-container{
    display: none;
  gap: 4px; /* 1 * 4px */
}
@media (min-width: 1024px) { /* lg breakpoint */
    .menu-blog-container__cta-container {
      display: block;
    }
  }

.menu-blog-container__cta-container__button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px; /* 1 * 4px */
    border-radius: 0.5rem; /* lg -> 8px */
    text-align: center;
    font-weight: 600; /* font-semibold */
    letter-spacing: 0.025em; /* tracking-wide */
    transition: color 0.3s ease-in-out;
    border: 1px solid transparent;
    
    
}
.menu-blog-container__cta-container__button__dark{
    background-color: #09090b;
    color: white;
    font-size: 16px;
    padding: 10px 19px;
}
.menu-blog-container__cta-container__button__dark:hover{
    background-color: #3f3f46;
    
    
}
.menu-blog-container__cta-container__button__transparent{
    padding: 0.5rem 16px; /* py-2 (8px) px-4 (16px) */
    font-size: 14.4px; /* text-sm -> 14px */
}
.menu-blog-container__cta-container__button__transparent:hover{
    
    color: #667085;
}
.no-ctas{
    display: none;
}
.menu-blog-container__arrow{
    display:none;
}
.dark-mode .menu-blog-container__arrow svg {
  color:var(--zinc-300);
}
@media (max-width: 1024px) { /* lg breakpoint */
    .menu-blog-container__arrow {
      display: block;
    }
  }
.special-lang  .menu-blog-container__arrow {
      display: none;
}
@media (max-width: 1220px) { /* lg breakpoint */
    .special-lang .menu-blog-container__arrow {
      display: block;
    }
  }
.accordion-products-menu-container {
  position: fixed;
  left: 0;
  top:64px;
  z-index: 40;
  height: 100dvh;
  width: 100%;
  overflow: auto;
  background-color: white;
  padding: 24px;
  outline: none;
  opacity: 0;
  visibility: hidden; 
  transition: opacity 0.3s ease-in-out, visibility 0s 0.3s; /* Controla la opacidad y la visibilidad con retraso */
}
.accordion-wrapper{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    padding: 40px 36px;
}
.dark-mode .accordion-products-menu-container{
   top:80px !important;
  background-color:#09090b;
  border: 1px solid #52525B;
  border-top:none;
  height:93dvh;
  border-radius:0 0 16px 16px;
}
.accordion-menu-blog-container{
  
  position: fixed;
  left: 0;
  top: 133px;
  z-index: 40;
  height: 100dvh;
  width: 100%;
  overflow: auto;
  background-color: white;
  padding: 24px;
  outline: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0s 0.3s; /* Controla la opacidad y la visibilidad con retraso */
}

.dark-mode .accordion-menu-blog-container{
  background-color: var(--zinc-950);
  max-width:992px;
  width: calc(100vw - 48px);
  margin:0 16px;
  color:var(--zinc-300);
  

}

@media(min-width:1024px){
  .accordion-products-menu-container {
    display: none;
  }
}
.dark-mode .accordion-menu-blog-container-scrolled{
 
  border:2px solid #52525B;
  border-radius:0 0 16px 16px;
  border-top:none;
  height:calc(100vh - 100px);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.15);
  height:calc(100dvh - 100px);
  padding:0 24px;
  background: var(--zinc-900);
}
.accordion-menu-blog-container-scrolled{
  
  border-radius:0 0 16px 16px;
  border-top:none;
  border: 2px solid var(--Component-colors-Utility-Gray-utility-gray-50, #FAFAFA);
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.15);
  height:calc(100vh - 100px);
  
  
  padding:0 24px;
  background: var(--zinc-50);
}
@media(max-width:1024px){
  .accordion-menu-blog-container-scrolled{
    width: calc(100vw - 64px) !important;
    margin: 0 32px!important;  
   }
  
}
@media(max-width:640px){
  .accordion-menu-blog-container-scrolled{
    width: calc(100vw - 32px)!important;
    margin: 0 16px!important;
   }
  
}

.accordion-products-menu-container.active {
  opacity: 1;  /* Hace visible el menú */
  visibility: visible; /* Hace que el menú sea visible */
  transition: opacity 0.3s ease-in-out, visibility 0s; /* Se asegura de que la visibilidad se cambie inmediatamente */

}
.accordion-menu-blog-container.active {
  opacity: 1;  /* Hace visible el menú */
  visibility: visible; /* Hace que el menú sea visible */
  transition: opacity 0.3s ease-in-out, visibility 0s; /* Se asegura de que la visibilidad se cambie inmediatamente */
}
.accordion-menu-container__section {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.accordion-menu-container__section:first-child {
  border-top-left-radius: 0.5rem;
  /* rounded-t */
  border-top-right-radius: 0.5rem;
  /* rounded-t */
}

.accordion-menu-container__section:last-child {
  border-bottom-left-radius: 0.5rem;
  /* rounded-b */
  border-bottom-right-radius: 0.5rem;
  /* rounded-b */
}

.accordion-menu-container__section__button {
  display: flex;
  max-width: 580px;
  width:100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #4b5563;
}
.dark-mode .accordion-menu-container__section__button{
  color:var(--zinc-100);
}
.accordion-menu-container__section__button:focus {
  outline: none;
}

.responsive-section {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  
}

.responsive-section.height-full-section {
  max-height: 1060px;
   
}

.responsive-section.collapsed {
  max-height: 0;
}

.accordion-menu-container__section__product-wrapper {
  max-height: 0;
}

.accordion-menu-container__section__product-wrapper_container {
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
  padding-top: 0.5rem;
}

.accordion-menu-container__section__product-wrapper_container_links {
  display: flex;
  width: 100%;
  max-width: 350px;
  flex-direction: column;
  gap: 16px;
}


@media (min-width: 768px) {
  .accordion-menu-container__section__product-wrapper_container_links {
    max-width: 560px;
  }
}

.accordion-menu-container__section__product-wrapper_container_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
}
.dark-mode .accordion-menu-container__section__product-wrapper_container_link{
  border: 1px solid #1F242F;
}
@media (min-width: 768px) {
  .accordion-menu-container__section__product-wrapper_container_link {
    flex-direction: row;
  }
}

.accordion-menu-container__section__product-wrapper_container_link__image-container {
  max-height: 170px;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .accordion-menu-container__section__product-wrapper_container_link__image-container {
    width: 200px;
  }
}
.accordion-menu-container__section__product-wrapper_container_link__image-container img{
  height: 100%;
  max-width: 100%;

}
.accordion-menu-container__section__product-wrapper_container_link__content-container{
  display: flex;
  width: 100%;
  gap: 12px;
  padding: 16px;
}

@media (min-width: 768px) {
  .accordion-menu-container__section__product-wrapper_container_link__content-container {
    flex-direction: column;
  }
}
.accordion-menu-container__section__product-wrapper_container_link__content-container__text{
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.content-container__text {
  font-size: 14.4px;
  font-weight: 600;
  line-height: 1.25rem;
  color: #3f3f46; /* text-zinc-950 */
}
.dark-mode .content-container__text{
  color:var(--zinc-100) !important;
}
.content-container-description {
  font-size: 14.4px;
  line-height: 1.25rem;
  color: #4b5563; 
}
.dark-mode .content-container-description{
color:var(--zinc-200)
}
/* solutions */
.accordion-menu-container__section-solution-wrapper{
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
  padding-top: 0.5rem;
}
.accordion-menu-container__section_solution-container{
  display: flex;
  width: 100%;
  max-width: 350px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .accordion-menu-container__section_solution-container {
    max-width: 560px;
    flex-direction: row;
  }
}
.accordion-menu-container__section_solution-links{
  display: flex;
  flex-direction: column;
}
.accordion-menu-container__section_solution-links_link{
  display: flex;
  gap: 16px;
  border-radius: 0.5rem;
  padding-top: 12px;
  padding-bottom: 12px;
}
.accordion-menu-container__section_solution-links_link svg{
  flex-shrink: 0;
}
.accordion-menu-container__section_solution-links_link_text-container{
  display: flex;
  flex-direction: column;
}
.accordion-menu-container__section_solution-links_link_title{
  font-size: 14.4px;
  font-weight: 600;
  color: #3f3f46;
}
.dark-mode .accordion-menu-container__section_solution-links_link_title{
  color:var(--zinc-100);
}
.accordion-menu-container__section_solution-links_link_subtitle{
  font-size: 14.4px;
  color: #3f3f46;
}
.dark-mode .accordion-menu-container__section_solution-links_link_subtitle{
  color:var(--zinc-300);
}
.accordion-menu-container__section_solution__case-study-container{
  display: flex;
  /* flex-shrink: 0; */
  flex-direction: column;
  border-radius: 0.5rem;
  background-color: #f4f4f5;
  padding: 12px;
  width:50%;
}
@media(max-width:768px){
  .accordion-menu-container__section_solution__case-study-container{
    width:100%;
  }
}
.dark-mode .accordion-menu-container__section_solution__case-study-container{
  background-color:#1F242F;
}
.accordion-menu-container__section_solution__case-study-image-container{
  position: relative;
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: 0.375rem;
}
.accordion-menu-container__section_solution__case-study-content-container{
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}
.accordion-menu-container__section_solution__case-study-content-container__title{
  margin-bottom: 4px;
  font-size: 14.4px;
  font-weight: 600;
  line-height: 1.25;
  color: #3f3f46;
}
.dark-mode .accordion-menu-container__section_solution__case-study-content-container__title{
  color:var(--zinc-100)
}
.accordion-menu-container__section_solution__case-study-content-container__subtitle{
  
    font-size: 14.4px;
    line-height: 1.25;
    color: #4b5563;
  
}
.dark-mode .accordion-menu-container__section_solution__case-study-content-container__subtitle{
  color:var(--zinc-300)
}
.accordion-menu-container__section_solution__case-study_button{
  display: inline-flex;
  align-items: center;
  color: #3b82f6;
}
.accordion-menu-container__section_solution__case-study_button_text{
  font-size: 14.4px;
  font-weight: 600;
  line-height: 1;
}
/* company */

.accordion-menu-container__section_company-wrapper{
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
  padding-top: 0.5rem;
}

.accordion-menu-container__section_company-container {
  display: flex;
  width: 100%;
  max-width: 350px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .accordion-menu-container__section_company-container {
    max-width: 580px;
    flex-direction: row;
  }
}
.accordion-menu-container__section_company-cards-container{
  display: grid;
  width: 100%;
  grid-template-rows: 280px 280px;
  gap: 16px;
}
@media (min-width: 768px) {
  .accordion-menu-container__section_company-cards-container {
    grid-template-columns: 350px;
    grid-template-rows: 125px 125px;
  }
}
.accordion-menu-container__section_company-card{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #f4f4f5;
}
.dark-mode .accordion-menu-container__section_company-card{
  background-color:var(--zinc-800);
}
@media (min-width: 768px) {
  .accordion-menu-container__section_company-card {
    flex-direction: row;
    gap: 0;
  }
}
.accordion-menu-container__section_company-card-dark{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #1f2937; 
  color: white;
}
@media (min-width: 768px) {
  .accordion-menu-container__section_company-card-dark {
    flex-direction: row;
    gap: 0;
  }
}
.accordion-menu-container__section_company-card-text-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
  padding-top: 16px;
}
.accordion-menu-container__section_company-card-title{
  margin-bottom: 4px;
  font-size: 14.4px;
  font-weight: 600;
  line-height: 1.25;
  color: #3f3f46;
}
.dark-mode .accordion-menu-container__section_company-card-title{
  color: var(--zinc-100);
}
.accordion-menu-container__section_company-card-subtitle{
  font-size: 14.4px;
  line-height: 1.25;
  color: #4b5563;
}
.dark-mode .accordion-menu-container__section_company-card-subtitle{
  color: var(--zinc-300);
}
.accordion-menu-container__section_company-card-title-dark{
  margin-bottom: 4px;
  font-size: 14.4px;
  font-weight: 600;
  line-height: 1.25;
  color: white;
}
.accordion-menu-container__section_company-card-subtitle-dark{
  font-size: 14.4px;
  line-height: 1.25;
  color: white;
}
.accordion-menu-container__section_company__links-button{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 2rem;
}
.accordion-menu-container__section_company__links{
  display: flex;
  width: 100%;
  gap: 12px 24px;
}
@media (min-width: 768px) {
  .accordion-menu-container__section_company__links {
    flex-direction: column;
  }
}
.accordion-menu-container__section_company__links_container{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.accordion-menu-container__section_company__links_container_link{

}
.accordion-menu-container__section_company__links_container_link {
  white-space: nowrap;
  font-size: 14.4px;
  font-weight: 500;
  color: #4b5563;
}
.dark-mode .accordion-menu-container__section_company__links_container_link{
  color:var(--zinc-100);
}
.accordion-menu-container__section_company__links_container_link:hover {
  color: #6b7280;
}
.accordion-menu-container__section_company__button{

}
.accordion-menu-container__section_company__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: background-color 0.3s;
  pointer-events: none;
  border: 1px solid #d1d5db;
  background-color: white;
  color: #3f3f46;
  padding: 0.5rem 16px;
  font-size: 14.4px;
  white-space: nowrap;
}

.accordion-menu-container__section_company__button:hover {
  background-color: #e5e7eb;
}
/* resources */
.accordion-menu-container__section_resources__wrapper{
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
  padding-top: 0.5rem;
}
.accordion-menu-container__section_resources__container{
  display: flex;
  width: 100%;
  max-width: 350px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  overflow: hidden;
  
}
@media (min-width: 768px) {
  .accordion-menu-container__section_resources__container {
    max-width: 560px;
    flex-direction: row;
  }
}
.accordion-menu-container__section_resources__container_cards-container{
  display: grid;
  width: 100%;
  grid-template-rows: 280px 280px 280px;
  gap: 16px;
}
@media (min-width: 768px) {
  .accordion-menu-container__section_resources__container_cards-container {
    grid-template-columns: 350px;
    grid-template-rows: 125px 125px 125px;
  }
}
.accordion-menu-container__section_resources__container_cards-image-container{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
    
}
@media (min-width: 768px) {
  .accordion-menu-container__section_resources__container_cards-image-container {
    justify-content: end;
    
  }
}
.accordion-menu-container__section_resources__container_cards-image-container img{
  height: 100%;
  object-fit: cover;
  max-width: none;
  width: 100%;
}
@media (min-width: 768px) {
  .accordion-menu-container__section_resources__container_cards-image-container img {
    max-width: 190px;
  }
}
.accordion-menu-container__section_resources__container_links-button-wrapper{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 2rem;
}


.accordion-menu-container__section_resources__container_links-container {
  display: flex;
  width: 100%;
  gap: 12px 24px;
}

@media (min-width: 768px) {
  .accordion-menu-container__section_resources__container_links-container {
    flex-direction: column;
  }
}
.accordion-menu-container__section_resources__container_button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: color 0.3s, background-color 0.3s;
  border: 1px solid #d1d5db;
  background-color: white;
  color: #18181b;
  padding: 0.5rem 16px;
  font-size: 14.4px;
  white-space: nowrap;
}
.accordion-menu-container__section_resources__container_button:hover{
  background-color: #e4e4e7;
}

.mobile-pricing-button{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  
  padding: 12px;
  font-size: 14.4px;
  font-weight: 500;
  color: #52525b;
}
.dark-mode .mobile-pricing-button{
  color:var(--zinc-200) ;
 
    
}
.dark-mode .mobile-pricing-button:hover{
  color:var(--zinc-200) !important;
}
.mobile-cta-cotnainer {
  margin-bottom: 4rem;
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 768px) {
  .mobile-cta-cotnainer {
    display: none;
  }
}
.mobile-cta-cotnainer__contact{
   display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 0.5rem;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.025rem;
  transition: all 0.3s;
  border: 1px solid transparent;
  background-color: var(--zinc-100);
  color: var(--zinc-950);
  padding: 12px 16px;
   border: 1px solid var(--zinc-700);
}
.mobile-cta-cotnainer__contact:hover{
  background-color: #e4e4e7;
}
.dark-mode .mobile-cta-cotnainer__contact{
  background-color:#303032;
  color:var(--zinc-50);
}
.mobile-cta-cotnainer__free-trial{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: color 0.3s, background-color 0.3s;
  background-color:var(--zinc-950);
  color: var(--zinc-50);
  height: 2.75rem;
  padding: 12px 1.25rem;
  font-size: 16px;
}
.mobile-cta-cotnainer__free-trial:hover {
  background-color: #374151; /* zinc-700 */
}
.dark-mode .mobile-cta-cotnainer__free-trial{
  background-color:var(--zinc-50);
  color:var(--zinc-950)
}
/* Light mode */
.text-color-light-1{
  color:var(--zinc-900);
}
.text-color-light-2{
  color:#f4f4f5;
}
.svg-colors-light{
  color:black;
}
.svg-colors-light:hover{
  color:red !important;
  
}
.bg-light-1{
  background:var(--zinc-950);
}
/* Dark mode */
.dark-mode .logo-invgate .logo{
  color:white;
  
/*   margin-top:5px; */
}
.logo-invgate .logo{
  display:block;
  color:#09090b;
/*   margin-top:5px; */
}

.input-wrapper {
    position: relative;
  }
.input-wrapper-responsive{
 position: relative;
    display:none;
}
  .input-search {
    padding-left: 36px !important; /* Espacio suficiente para el ícono */
    padding-right: 10px;
    padding:                          ;
    height: 40px;
    width: 200px;
    border: 1px solid #ccc;
    border-radius: 8px !important;
    
  }
.input-search::placeholder {
    color: #555;
  font-family: 'Inter', sans-serif !important;
  }

  .input-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Para que no interfiera con la escritura */
  }
/* seach bar */
.search-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
  padding: 10px;
  border-radius: 5px;
}

.search-bar input {
  padding: 8px;
  width: 200px;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-right: 10px;
}

.search-bar button {
  padding: 8px 15px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

.search-bar button:hover {
  background-color: #0056b3;
}

.results-container {
  margin-top: 20px;
}

.result-item {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.no-results {
  color: red;
  font-size: 16px;
}







.modal {
  display: none; 
  position: fixed; 
  z-index: 60 !important; 
  left: 0;
  top: 0;
  width: 100%;
  
  height: 100vh; 
  overflow: hidden; 
  background-color: rgba(0, 0, 0, 0.5); 
  justify-content:center;
  align-items:center;
}

.modal-content {
  position:relative;
  border-radius: var(--radius-2xl, 16px);
  border: 1px solid var(--Colors-Border-border-primary, #D4D4D8);
  background: var(--Colors-Background-bg-primary, #FAFAFA);
  backdrop-filter: blur(7.5px);
  padding: 48px 24px 24px 24px;
  width: 85%; 
  height:fit-content;
  overflow:hidden;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  max-width:1024px;
 

}
#hubspotSearchResults ul{
  overflow-y:auto;
  padding-bottom:24px;
  display:flex;
  flex-direction:column;
  gap:32px;
  margin:0px;
}

#hubspotSearchResults ul::-webkit-scrollbar {
  width: 10px;
}
#hubspotSearchResults ul::-webkit-scrollbar {
  height: 174px; /* Ajusta la altura de la barra horizontal */
}
#hubspotSearchResults ul::-webkit-scrollbar-track {
  background: white;
  border-radius: 999px;
}

#hubspotSearchResults ul::-webkit-scrollbar-thumb {
  background: #D4D4D8;
  border-radius: 999px;
  height: 174px;
}

#hubspotSearchResults ul::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
}


.close {
  position:absolute;
  top:16px;
  right:16px;

  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
}
.hs-search-results {
  display: none; /* Se oculta inicialmente */
  margin-top: 10px;
  border: 1px solid #ddd;
  padding: 10px;
  background-color: #fff;
}

.hs-search-results__listing {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hs-search-results__title {
  font-weight: bold;
}

.hs-search-results__description {
  color: #555;
}


.search-container {
  position: relative;
  display: flex;
  align-items: center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.search-wrapper {
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content:center;
  width:70%;
  margin-bottom:48px;
}

.search-input {
  width: 80%;
  height: 44px;
  margin:0 auto;
  padding: 10px 14px 10px 40px !important;
  font-size: 16px;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  background-color: white;
  color: black;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.search-input::placeholder {
  color: #9ca3af;
  font-weight: normal;
}

.search-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px #3b82f6;
}

.search-icon {
  position: absolute;
  left: 0.875rem;
  color: #9ca3af;
}

.clear-button {
  position: absolute;
  top:0.55rem;
  right: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background-color: white;
  border: 1px solid #d1d5db !important;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2937;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.clear-button:hover {
  background-color: #f3f4f6;
}

.clear-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Estilo para el contenedor */
.no-matches-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #F59E0B; /* color naranja */
  background-color: #FFF7ED; /* fondo naranja claro */
  color: #F97316; /* texto naranja */
  width:70%;
  margin:0 auto 48px auto;
}

/* Estilo para el texto */
.no-matches-text {
  font-size: 14px;
  font-weight: 500; /* semi-negrita */
}

/* Estilo para el ícono */
.no-matches-icon {
  width: 16px;
  height: 16px;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.interested-text-header {
    margin-bottom: 32px; /* Espaciado inferior */
    text-align: center;    /* Texto centrado */
    font-size: 18px;   /* Tamaño de fuente mediano */
    font-weight: 600;      /* Texto semi-negrita */
    color: #333;/* Color del texto */
    margin-top:0px !important;
}

.h-40vh{
  height:40vh;
}
.h-55vh{
  height:52vh;
}
.h-60vh{
  height:62vh;
}

.post-card{
  display: flex;
  align-items: center;
  transition: all 0.3s ease-out;
  border-radius: 12px;
  margin-right: 12px;
}
.post-card:hover{
  background:#e4e4e7;
}
.post-main-text-modal-search{
  padding-right:24px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.post-card-image{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:318px;
  width:318px;
  height:100%;
  margin-right:20px;
  border-radius:12px;
  overflow:hidden;
}
.post-card-image img{
  height:100%;
  width:100%;
  object-fit:cover;
}
.post-card-image a{
  background:;
  border-radius:12px;
  overflow:hidden;
}
.image-contianer-main-cards-modal{
  display:none;
}
@media screen and (min-width: 1024px){
  .input-wrapper{
    display:block;
  }
  
}
.special-lang  .input-wrapper{
  display:none;
}
@media (min-width: 1220px){
  .special-lang .input-wrapper{
    display:block;
  }
  
}
@media screen and (max-width: 768px){
/*   #product-menu{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  } */
  #product-menu ul{
    order:2;
  }

  .image-contianer-main-cards-modal{
    display:flex;
    border-radius:12px;
    overflow:hidden;
  }
  .post-card{
    gap:0px;
  }
  .post-card-image{
    display:none !important;
  }
  .search-wrapper {
    width:100%;
    margin-bottom:20px;
  }
  .no-matches-container{
    width:100%;
    margin-bottom:20px;
    
  }
  .post-main-text-modal-search{
    padding:20px;
  }
  .h-40vh{
  height:55vh;
  }
  .h-55vh{
    height:60vh;
  }
  .h-60vh{
    height:65vh;
  }
}



/* Skeleton Loader */
.post-main-text-modal-skeleton{
  width:100%;
}

@keyframes loading {
  0% {
    background-color: #f0f0f0;
  }
  50% {
    background-color: #e0e0e0;
  }
  100% {
    background-color: #f0f0f0;
  }
}

.skeleton-image {
  width: 318px;
  height: 180px;
  background-color: #e0e0e0;
  border-radius: 12px;
  animation: loading 1.5s infinite ease-in-out;
}

.skeleton-title {
  height: 20px;
  background-color: #e0e0e0;
  width: 300px;
  margin-bottom: 10px;
  border-radius: 4px;
  animation: loading 1.5s infinite ease-in-out;
}

.skeleton-author {
  height: 15px;
  background-color: #e0e0e0;
  width: 300px;
  border-radius: 4px;
  animation: loading 1.5s infinite ease-in-out;
}


.post__title-search a{
  color: var(--colors-text-text-primary-950, #09090B);
  /* Display xs/Semibold */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
}
.post__title-search{
  margin:0px !important;
  padding:0px !important;
}
.post-tag-search{
  color: var(--Component-colors-Utility-Gray-utility-gray-700, #3F3F46);
  text-align: center;
  
  /* Text xs/Medium */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
  width:fit-content;
  display: flex;
  padding: var(--spacing-xxs, 2px) var(--spacing-md, 8px);
  align-items: center;
  border-radius: var(--radius-full, 9999px);
  border: 1px solid var(--Component-colors-Utility-Gray-utility-gray-200, #E4E4E7);
  background: var(--Component-colors-Utility-Gray-utility-gray-50, #FAFAFA);
}
.author-data-content{
  display:flex;
  gap:8px;
  align-items:center;
}
.author_name--wrap-search{
  color: var( #27272A);

  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}
.date--wrap-search{
  color: var(--colors-text-text-secondary-800, #27272A);

  /* Text xs/Medium */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
}
.load-bar-top{
  
  top:128px;
}
.load-bar{
  height:4px; 
  width:0%;
  margin:auto;
  background:#3B82F6;
  z-index:4;
  position:fixed;
}

.post-background{
  background:#f4f4f5;
  transition:all 0.3s ease-out;
}
.border-post-nav{
  border-bottom:1px solid #e4e4e7;
}


/* new solution dropdown */
.menu-viewport {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width:fit-content;
/*     height: 289px; */
  margin-left:6px;
  }
  
  .menu-content {
/*     position: absolute; */
    top: 0;
    left: 0;
  }
  
  .menu-inner {
    display: flex;
    height: 100%;
  }
  
  .menu-links {
    display: flex;
    gap: 24px;
    padding: 24px;
  }
.menu-links svg{
  min-width:24px;
}
  
  .section {
    width: max-content;
/*     max-width:234px; */
  }
  
  .section-title {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--zinc-600);
  }
  
  .link-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom:12px;
  }
  
  .menu-link {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-radius: 0.5rem;
    font-size: 14px;
    font-weight: 600;
    color: var(--zinc-50);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.3s ease;
  }
  
  .menu-link:hover {
    background-color: #f9fafb;
    color: #0f172a;
  }
  
  .esm-card {
    width: 220px;
    border-radius: 0.5rem;
    overflow: hidden;
    background-color: #f4f4f5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
  }
  
  .esm-card img {
    width: 100%;
    transition: transform 0.5s ease;
  }
  
  .esm-card:hover img {
    transform: scale(1.1);
  }
  
  .esm-card-text {
    padding: 24px 16px;
  }
  
  .esm-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--zinc-950);
  }
  .dark-mode .esm-title{
    color: var(--zinc-50);
  }
  
  .esm-subtitle {
    font-size: 14px;
    color: #52525b;
    line-height:1.25;
  }
  
  .case-studies {
    background-color: #f4f4f5;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
/*     height:288.5px; */
    width:335px;
  }
  
  .case-link {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    text-decoration: none;
    color: #52525b;
    transition: color 0.3s ease;
  }
  
  .case-link:hover span {
    color: #2563eb;
  }
  
  .case-link img {
    width: 64px;
    height: 64px;
  }
  
  .dark-mode .menu-viewport {
    background-color: #18181b;
    border-color: #27272a;
    box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05);
  }
  
  .dark-mode .section-title {
    color: var(--zinc-400);
  }
  
  .dark-mode .menu-link {
    color: #f4f4f5;
  }
  
  .dark-mode .menu-link:hover {
    background-color: #27272a;
    color: #fafafa !important;
  }
  
  .dark-mode .esm-card {
    background-color: #27272a;
  }
  
  .dark-mode .esm-title {
    color: #f4f4f5;
  }
  
  .dark-mode .esm-subtitle {
    color: #d0d5dd;
  }
  
  .dark-mode .case-studies {
    background-color: #27272a;
  }
  
  .dark-mode .case-link span {
    color: #d0d5dd;
  }
  
  .dark-mode .case-link:hover span {
    color: #60a5fa;
  }



/*  New solution mobile  */


.accordion-content-solution {
  overflow: hidden;
  padding:8px 0 32px;
}



.accordion-inner-solutions-solutions {
  display: flex;
  flex-direction: column;
  padding: 0 16px 0px;
  gap: 24px;
  max-width: 580px;
}
@media( max-width:640px){
  .accordion-inner-solutions-solutions{
    padding: 0 8px 0px;
  }
}


.accordion-content-solution .accordion-section {
  width: 100%;
  padding: 0 24px;
}



.accordion-content-solution .section-title {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #52525b;
}

.dark-mode .section-title {
  color: #d4d4d8;
}

.accordion-content-solution .accordion-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.accordion-content-solution .accordion-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #18181b;
  text-decoration: none;
  transition: background-color 0.2s;
  height: 48px;
}
.accordion-content-solution .accordion-lin svg{
  min-width:24px;
}


.dark-mode .accordion-link {
  color: #f4f4f5;
}



/* Card ESM */
.card-esm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #f4f4f5;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
}


.dark-mode .card-esm {
  background-color: #27272a;
}

.card-text {
  padding: 24px 16px;
}

.card-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #18181b;
  margin-bottom: 4px;
}

.card-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #52525b;
}

.dark-mode .card-title {
  color: #f4f4f5;
}

.dark-mode .card-subtitle {
  color: #d4d4d8;
}

.card-esm img {
  width: 100%;
  height: auto;
  display: block;
}

/* Case Studies */
.case-studies-soution-mobile {
  background-color: #f4f4f5;
  padding: 24px;
  border-radius: 8px;
}



.dark-mode .case-studies-soution-mobile{
  background-color: #27272a;
}

.case-studies-soution-mobile  .case-link {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  margin-top: 16px;
  text-decoration: none;
  color: #52525b;
}
.dark-mode .case-link span p{
  color: #d4d4d8; !important;
  margin:0px;
  font-weight:200;
}
.dark-mode .case-link span {
  color: #d4d4d8;
}

.case-link img {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}