header .descripcion {
  max-width: 650px;
}

header .iconsAi-container {
  margin-bottom: 40px;
}

header .iconsAi-container small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
}

header .ai-icons {
  max-width: 20px;
  margin: 0 5px 0 10px;
}

header .ai-icons.gemini, header .ai-icons.claude {
   filter: invert(100%);
}

header .hero__ervices {
  margin-bottom: 0;
}

.frases {
  transition: all 0.4s ease;
  margin: 25px 0 0 0;
}

/* Logo */
.logo {
  background: url("../images/icarus.svg") no-repeat center center;
  background-size: contain;
  width: 100%;
  max-width: 180px;
  height: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  
}

/* Botón flotante chat */
.messenger-btn small {
  font-size: 0.6rem;
}

/* Robot AI parpadeando */
    .robot-btn {
      position: relative;
      width: 50px;
      height: 70px;
      background: none;
      border: none;
      padding: 0;
      margin: 0;
      margin-bottom: 15px;
      cursor: pointer;
    }

    .robot {
      position: absolute;
      top: 0;
      left: 0;
      width: 70px; /* ajusta según necesites */
      height: auto;
    }

    /* Imagen ojos cerrados (aparece al parpadear) */
    .robot.closed {
      opacity: 0;
      animation: blink 2.5s infinite; /* 4s = 2 parpadeos + pausa */
    }

    /* Imagen ojos abiertos (invisible mientras parpadea) */
    .robot.open {
      animation: hideOpen 2.5s infinite;
    }

    @keyframes blink {
      /* comienza con ojos abiertos (cerrados invisibles) */
      0%, 20% { opacity: 0; }      /* abiertos */
      21%, 26% { opacity: 1; }     /* primer parpadeo */
      27%, 32% { opacity: 0; }     /* abre */
      33%, 38% { opacity: 1; }     /* segundo parpadeo */
      39%, 100% { opacity: 0; }    /* pausa 2.5s aprox */
    }

    @keyframes hideOpen {
      0%, 20% { opacity: 1; }      /* abiertos */
      21%, 26% { opacity: 0; }     /* primer parpadeo */
      27%, 32% { opacity: 1; }     /* abre */
      33%, 38% { opacity: 0; }     /* segundo parpadeo */
      39%, 100% { opacity: 1; }    /* pausa (ojos abiertos) */
    }


/* Transición de palabras de las industrias o negocios */

.dynamic-text {
  display: inline-block;
  /* min-width: 300px; */
  text-align: center;
}

/* Efecto Fade */
.dynamic-text.fade {
  animation: fadeEffect 1.2s ease-in-out;
}

@keyframes fadeEffect {
  0% { 
    opacity: 0;
    transform: translateY(15px);
  }
  100% { 
    opacity: 1;
    transform: translateY(0);
  }
}

/* Efecto Slide */
.dynamic-text.slide {
  animation: slideEffect 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes slideEffect {
  0% { 
    opacity: 0;
    transform: translateX(-60px);
  }
  100% { 
    opacity: 1;
    transform: translateX(0);
  }
}

/* Efecto Typewriter */
.dynamic-text.typewriter {
  overflow: hidden;
  white-space: nowrap;
  border-right: 3px solid currentColor;
  animation: typeEffect 2s steps(40), blinkCursor 0.75s step-end infinite;
}

@keyframes typeEffect {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes blinkCursor {
  50% { border-color: transparent; }
}