@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montaga&display=swap');
@import url('https://fonts.googleapis.com/css2? família=David+Libre&família=Montaga&família=Poppins:wght@300&família=Fonte+Sans+Pro&display=swap');
:root {
    --primary-bg: #0a0e1a;
    --secondary-bg: #141d31;
    --accent-color: #6366f1;
    --text-primary: #e5e7eb;
    --text-secondary: #9ca3af;
    --border-radius: 8px;
    --transition: all 0.3s ease;
}

BODY {
    background-image: url(/static/img/fundo.png); 
     background-color: rgb(241, 243, 245);
   }


    .barra_menus {
      display: flex;
      gap: 12px;
      padding: 12px 20px;
      background: var(--primary-bg);
      border-bottom: 1px solid rgba(100, 100, 100, 0.3);
      flex-wrap: wrap;
    }

    .barra_menus button {
      background: var(--accent-color);
      border: none;
      border-radius: var(--border-radius);
      padding: 8px 16px;
      color: white;
      font-weight: 500;
      cursor: pointer;
      transition: var(--transition);
    }

    .barra_menus button:hover {
      background: #4f46e5;
      transform: translateY(-2px);
    }


.filtros form{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
    margin-bottom: 10px;
}
.filtros form select{
    border: 1px solid #303131;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px;
    margin: 3px;
    width: 90%;
}
.filtros form input{
    border: 1px solid #303131;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px;
    margin: 3px;
    width: 90%;
}
.filtros button{
    border: 1px solid #303131;
    border-radius: 3px;
    padding: 10px;
    font-size: 15px;
    margin: 3px;
    background-color: #f8f8fa;
}