/* ======== CONTENIDO ======== */
    .container {
      max-width: 1100px;
      margin: 20px auto;
      padding: 20px;
    }
    h2 {
      color: #003f7f;
      border-left: 6px solid #ff8000;
      padding-left: 12px;
      margin-bottom: 20px;
      font-size: 24px;
    }
    .card {
      background: white;
      padding: 25px;
      margin-bottom: 25px;
      border-radius: 14px;
      box-shadow: 0 6px 14px rgba(0,0,0,0.1);
      transition: transform .2s;
    }
    .card:hover { transform: scale(1.01); }
    .faq-item h3 {
      color: #0077ff;
      cursor: pointer;
      margin: 0;
      font-size: 18px;
    }
    .faq-item p {
      display: none;
      margin: 8px 0 0;
      padding-left: 10px;
      border-left: 3px solid #ff8000;
      font-size: 15px;
    }

    /* ======== CHATBOT ======== */
    .chatbot-icon {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: linear-gradient(135deg, #0077ff, #004a99);
      color: white;
      width: 65px;
      height: 65px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      cursor: pointer;
      box-shadow: 0 6px 14px rgba(0,0,0,0.3);
      transition: transform 0.3s, background 0.3s;
      z-index: 999;
    }
    .chatbot-icon:hover {
      transform: scale(1.1);
      background: linear-gradient(135deg, #005bb5, #002f66);
    }
    .chatbot {
      position: fixed;
      bottom: 95px;
      right: 20px;
      background: #ffffff;
      border-radius: 16px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.3);
      width: 360px;
      display: none;
      flex-direction: column;
      overflow: hidden;
      z-index: 999;
    }
    .chat-header {
      background: linear-gradient(90deg, #004a99, #0077ff);
      color: white;
      padding: 14px;
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
    }
    .chat-body {
      background: #f4f8fc;
      height: 320px;
      overflow-y: auto;
      padding: 12px;
      font-size: 14px;
    }
    .chat-msg {
      margin: 8px 0;
      padding: 10px;
      border-radius: 10px;
      max-width: 75%;
      word-wrap: break-word;
    }
    .user-msg { background: #ff8000; color: white; margin-left: auto; }
    .bot-msg  { background: #0077ff; color: white; margin-right: auto; }
    .chat-footer {
      display: flex;
      border-top: 1px solid #ddd;
    }
    .chat-footer input {
      flex: 1;
      border: none;
      padding: 12px;
      font-size: 14px;
      outline: none;
    }
    .chat-footer button {
      background: #ff8000;
      border: none;
      color: white;
      padding: 12px 18px;
      cursor: pointer;
      transition: background 0.3s;
    }
    .chat-footer button:hover { background: #e66e00; }