/* Imagen animada en Starter Section */
/* Contenedor flexible */
.starter-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
  }
  
  .starter-text {
    flex: 1 1 55%;
  }
  
  .animated-image {
    flex: 1 1 40%;
    max-width: 280px;
    text-align: center;
    margin: 0 auto;
  }
  
  .animated-image img {
    width: 100%;
    max-width: 252px;
    height: auto;
    display: block;
  }
  
  /* Opcional: alineación central del texto */
  .section-title {
    text-align: center;
  }
  

  @media (max-width: 768px) {
    [data-aos] {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }

    .animated-image {
      max-width: 80%;
    }
  }