body {



      font-family: 'Segoe UI', sans-serif;
      background-color: #f9f9f9;




    }

  



    .hero {
      background: url('') center/cover no-repeat;
      color: white;
      padding: 5rem 2rem;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    }

    .hero h1 {
      font-size: 2rem;
      font-weight: bold;
    }

    .section-title {
      font-size: 1.75rem;
      margin-top: 2rem;
      color: #00796b;
    }

    .content-section {
      background: white;
      border-radius: 10px;
      padding: 2rem;
      margin-bottom: 2rem;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    }

    .btn-size{

      width: 200px;
    }

    footer {
      /* background: #f1f1f1; */
      border-top: 1px solid;
      margin-left: 50px;
      margin-right: 50px;
      border-color: #bdb7b7ff;

    }

    .icon-title {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .icon-title i {
      /* color: #00796b; */
      color: #74a92a;
      font-size: 1.5rem;
    }



    .hero img {
      width: 400px;
      height: 400px;
    }

    .logos {

      display: flex;
    }

    .logos1 {

      display: none;
    }

    .honeypot {
      display: none;
    }

    .error {
      color: red;
      font-size: 14px;
    }

    .success {
      color: green;
      font-size: 14px;
    }


    /* Modo normal en pantallas grandes */
    @media (max-width: 768px) {



      .logos {

        display: none;
      }

      .logos1 {

        display: flex;
      }



    }




     .faq-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            font-family: Arial, sans-serif;
        }

        .faq-title {
            text-align: center;
            color: #333;
            margin-bottom: 40px;
        }

        .faq-item {
            background: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            margin-bottom: 15px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        .faq-question {
            padding: 20px;
            background: #f8f9fa;
            cursor: pointer;
            display: flex;
            justify-content: between;
            align-items: center;
            font-weight: bold;
            transition: background 0.3s ease;
        }

        .faq-question:hover {
            background: #e9ecef;
        }

        .faq-question::after {
            content:  ' + ';
            font-size: 20px;
            font-weight: bold;
            transition: transform 0.3s ease;
            margin-left: 2px;
        }

        .faq-item.active .faq-question::after {
            content:  ' -';
        }

        .faq-answer {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, padding 0.3s ease;
            background: white;
        }

        .faq-item.active .faq-answer {
            padding: 20px;
            max-height: 1000px;
        }

        .search-box {
            width: 100%;
            padding: 12px;
            margin-bottom: 30px;
            border: 2px solid #ddd;
            border-radius: 25px;
            font-size: 16px;
            outline: none;
            transition: border-color 0.3s ease;
        }

        .search-box:focus {
            border-color: #007bff;
        }

        .faq-category {
            margin-bottom: 30px;
        }

        .category-title {
            font-size: 24px;
            color: #333;
            border-bottom: 2px solid #007bff;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .no-results {
            text-align: center;
            color: #666;
            padding: 40px;
            display: none;
        }