/* =========================================================
   Gaia — layout.css (estrutura)
   ========================================================= */

   :root{
    --container-max: 1100px;
  }
  
  /* Container padrão */
  .container, .container-fluid{
    max-width: var(--container-max);
  }
  
  /* HERO / Banner */
  .hero{
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
  .hero-overlay{
    width: 100%;
    padding: 56px 20px;
    background: rgba(0,0,0,.38);
    backdrop-filter: blur(2px);
  }
  
  /* Cards */
  .card{
    border-radius: 1rem;
  }
  .table{
    vertical-align: middle;
  }
  
  /* Admin grid */
  .admin-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 14px;
  }
  .admin-col-3{ grid-column: span 3; }
  .admin-col-4{ grid-column: span 4; }
  .admin-col-6{ grid-column: span 6; }
  .admin-col-12{ grid-column: span 12; }
  
  @media (max-width: 992px){
    .admin-col-3, .admin-col-4, .admin-col-6{ grid-column: span 12; }
  }
  
  /* Breadcrumbs */
  .breadcrumb{
    margin-bottom: 18px;
  }