header {
      position: sticky;
      top: 0;
      background-color: white;
      z-index: 1000;
      padding: 10px 0;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .dropdown-content {
      z-index: 1001;
    }
    * { 
      box-sizing: border-box; 
      margin: 0; padding: 0; 
    }
    body {
      font-family: Arial, sans-serif;
    }
    .header-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .logo img {
      width: 30%;
      margin-left: 10px;
      margin-top: 5px;
    }
    .menu {
      position: relative;
    }
    .menu-button {
      background-color: #373efd;
      color: white;
      border: none;
      padding: 10px 10px;
      border-radius: 2px;
      cursor: pointer;
      font-size: 14px;
      width: 150px;
    }
    .menu-button:hover {
      background-color: #e2e2ff;
      color: #585df5;
    }
    .dropdown-content {
      display: none;
      position: absolute;
      right: 0;
      background: #373efd;
      border-radius: 2px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
    .menu:hover .dropdown-content {
      display: block;
    }
    .dropdown-content a {
      display: block;
      padding: 12px 16px;
      color: white;
      text-decoration: none;
    }
    .dropdown-content a:hover {
      background: white;
      color: #585df5;
    }
    .main1 {
      max-width: 1200px;
      margin: 50px auto;
      padding: 0 20px;
      display: flex;
      gap: 40px;
      margin-top: 68px;
    }
    .left-section {
      flex: 1;
      position: relative;
      background-color: #6267ff;
      border-radius: 2px;
      overflow: hidden;
      font-family: Verdana, Geneva, Tahoma, sans-serif;

    }
    .right-section {
      flex: 1;
      position: relative;
    }
    .text-container {
      height: 300px;
      position: relative;
      overflow: hidden;

    }
    .text-slide {
      position: absolute;
      width: 100%;
      height: 100%;
      padding: 30px;
      box-sizing: border-box;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-style: thin;
    }
    .text-slide.active { 
      opacity: 1; 
    }
    .slide-1 { 
      background-color: #6267ff; 
    }
    .slide-1 p, .slide-3 p { 
      font-size: 40px; 
      color: #fff; 
      margin: 0; 
    }
    .slide-2 { 
      background-color: #6267ff; 
    }
    .slide-2 h2 { 
      color: #fff; 
      font-size: 32px; 
      margin-bottom: 15px; 
    }
    .slide-2 p { 
      font-size: 30px; 
      color: #fff; 
      margin: 0; 
    }
    .slide-3 { 
      background-color: #101237; 
    }
    .carousel {
      position: relative;
      height: 300px;
      overflow: hidden;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      background-color: #f5f5f5;
    }
    .carousel-inner {
      position: relative;
      width: 100%; height: 100%;
    }
    .carousel-item {
      position: absolute;
      top: 0; 
      left: 0;
      width: 100%; 
      height: 100%;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .carousel-item.active { 
      opacity: 1; 
    }
    .carousel-item img {
      max-width: 160%; 
      max-height: 100%;
    } 
    .carousel-controls {
      position: absolute;
      bottom: 20px; left: 50%;
      transform: translateX(-50%);
      display: flex; gap: 10px;
      z-index: 10;
    }
    .carousel-btn {
      background-color: rgba(55,62,253,0.7);
      border: none; 
      width: 40px; 
      height: 40px;
      border-radius: 50%; 
      color: white;
      font-size: 1.2rem; 
      cursor: pointer;
      transition: background-color 0.3s;
    }
    .carousel-btn:hover {
      background-color: rgba(55,62,253,1);
    }
    .main2 {
      background: #ffffff;
      padding: 60px 0;
      margin-top: -150px;
    }
    .main2-container {
      display: flex;
      align-items: center;
      gap: 60px;
      max-width: 1200px;
      margin: 0 auto;
      padding: 60px 20px;
    }
    .cards {
      display: flex;
      gap: 20px;
      flex: 1;
    }
    .card {
      background: #f7f8fc;
      border-radius: 8px;
      overflow: hidden;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .card-image {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 30px;
    }
    .card-image img {
      max-width: 100%; 
      max-height: 100%; 
      object-fit: contain;
    }
    .card:hover {
      transform: scale(1.05);
      transition: transform 0.3s ease;
    }
    .card-image img:hover {
      transform: scale(1.2);
      transition: transform 0.3s ease;
    }
    .card-footer {
      background: #373efd;
      color: #ffffff;
      text-align: center;
      padding: 15px 0;
      font-size: 18px;
      font-weight: 500;
      width: 100%;
      transition: transform 0.3s ease;
      transform-origin: bottom center;
    }
    .card:hover .card-footer {
      transform: translateY(-5px) scaleY(1.05);
      background: #151a9c;
    }
    .main2-text {
      flex: 1;
    }
    .main2-text h2 {
      font-family: Arial, sans-serif;
      font-size: 48px;
      line-height: 1.2;
      color: #101237;
      margin-bottom: 20px;
    }
    .main2-text h2 span { 
      color: #373efd; 
    }
    .main2-text p {
      font-family: Arial, sans-serif;
      font-size: 18px;
      line-height: 1.6;
      color: #101237;
    }
    .main3 {
      background: #ffffff;
      padding: 60px 0;
      margin-top: -150px;
    }
    .main3-container {
      display: flex;
      align-items: center;
      gap: 60px;
      max-width: 1200px;
      margin: 0 auto;
      padding: 60px 20px;
    }
    .cards3 {
      display: flex;
      gap: 20px;
      flex: 1;
    }
    .card3 {
      background: #f7f8fc;
      border-radius: 8px;
      overflow: hidden;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .card-image3 {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 30px;
    }
    .card-image3 img {
      max-width: 100%; 
      max-height: 100%; 
      object-fit: contain;
    }
    .card3:hover {
      transform: scale(1.05);
      transition: transform 0.3s ease;
    }
    .card-image3 img:hover {
      transform: scale(1.2);
      transition: transform 0.3s ease;
    }
    .card-footer3 {
      background: #373efd;
      color: #ffffff;
      text-align: center;
      padding: 15px 0;
      font-size: 18px;
      font-weight: 500;
      width: 100%;
      transition: transform 0.3s ease;
      transform-origin: bottom center;
    }
    .card3:hover .card-footer3 {
      transform: translateY(-5px) scaleY(1.05);
      background: #151a9c;
    }
    .main3-text {
      flex: 1;
    }
    .main3-text h2 {
      font-family: Arial, sans-serif;
      font-size: 48px;
      line-height: 1.2;
      color: #101237;
      margin-bottom: 20px;
    }
    .main3-text h2 span { 
      color: #373efd; 
    }
    .main3-text p {
      font-family: Arial, sans-serif;
      font-size: 18px;
      line-height: 1.6;
      color: #101237;
    }
    .footer {
      background: #3F3FFF;
      color: #FFFFFF;
      padding: 40px 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      margin-top: 60px;
    }
    .footer-column {
      flex: 1 1 200px;
      min-width: 180px;
    }
    .footer-column h3 {
      margin-top: 0;
      font-size: 1.25rem;
    }
    .footer-column ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .footer-column li {
      margin: 8px 0;
      font-size: 1rem;
    }
    .footer-column a {
      color: #FFFFFF;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    .footer-column a:hover {
      color: rgba(255,255,255,0.8);
    }
    .footer-copyright {
      width: 100%;
      text-align: center;
      margin-top: 20px;
      font-size: 0.9rem;
      opacity: 0.8;
    }
    /* STYLES DE CELULARES */
    @media (max-width: 900px) {
      .main1 { 
        flex-direction: column; 
        gap: 20px; 
        margin-top: 80px;
      }
      .text-container, .carousel {
        height: 200px; 
      }
      .main2-container { 
        flex-direction: column; 
        gap: 40px; 
      }
      .main3-container { 
        flex-direction: column; 
        gap: 40px; 
      }
      .cards { 
        flex-wrap: wrap; 
      }
      .cards3 { 
        flex-wrap: wrap; 
      }
      .card { 
        flex: 1 1 calc(50% - 10px); 
      }
      .card3 { 
        flex: 1 1 calc(50% - 10px); 
      }
      .main2-text h2 { 
        font-size: 36px; 
      }
      .main3-text h2 { 
        font-size: 36px; 
      }
      .logo img {
        width: 80%;
      }
      .menu-button {
        background-color: #373efd;
        color: white;
        border: none;
        padding: 10px 10px;
        border-radius: 2px;
        cursor: pointer;
        font-size: 14px;
        width: 150px;
      }
      .dropdown-content {
        display: none;
        position: absolute;
        right: 0;
        background: #373efd;
        border-radius: 2px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      }
      .menu:hover .dropdown-content {
        display: block;
      }
      .dropdown-content a {
        display: block;
        padding: 12px 16px;
        color: white;
        text-decoration: none;
      }
      .dropdown-content a:hover {
        background: white;
        color: #585df5;
      }
      .header {
        flex-direction: column;
        align-items: center;
        margin-top: -px;
         
      }
      .slide-1 p, .slide-3 p { 
        font-size: 25px; 
        color: #fff; 
        margin: 0; 
        font-weight: lighter;
      }
      .slide-2 p { 
        font-size: 20px; 
        color: #fff; 
        margin: 0; 
        font-weight: lighter;
      }
      .slide-2 h2 { 
        color: #fff; 
        font-size: 30; 
        margin-bottom: 15px; 
        font-weight: normal;
      }
    }
    /* STYLES DE CELULARES */