div#container
{
   width: 1317px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #ACACAC;
   background-image: url('images/background2.jpg');
   background-attachment: fixed;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#main_header
{
   background-color: transparent;
   background-image: url('images/cabecalho_site4.png');
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 100% 100%;
   border-radius: 0px;
   box-sizing: border-box;
}
#Picture1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#TabMenu1
{
   text-align: left;
   float: left;
   margin: 0;
   width: 100%;
   font-family: Calibri;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   list-style-type: none;
   padding: 14px 0 4px 10px;
   overflow: hidden;
}
#TabMenu1 li
{
   float: left;
}
#TabMenu1 li a.active, #TabMenu1 li a:hover.active
{
   position: relative;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   z-index: 2;
}
#TabMenu1 li a
{
   padding: 5px 14px 7px 14px;
   margin-right: 3px;
   text-decoration: none;
   border-bottom: none;
   position: relative;
   top: 0;
   transition: 200ms all linear;
}
#TabMenu1 li a:hover
{
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   top: -3px;
}
#TabMenu1
{
}
#TabMenu1 li a.active, #TabMenu1 li a:hover.active
{
   background-color: #070A18;
   color: #46FF00;
}
#TabMenu1 li a
{
   border: 0px solid #C5C5C5;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-color: rgba(246,246,246,0.00);
   color: #FFFFFF;
}
#TabMenu1 li a:hover
{
   background-color: #070A18;
   color: #46FF00;
}
#wb_Icon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon1
{
   height: 29px;
   width: 42px;
}
#Icon1 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 29px;
   line-height: 29px;
   vertical-align: middle;
   width: 28px;
}
#wb_Icon1:hover #Icon1 i
{
   color: #FF4200;
}
#wb_Icon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon2 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon2
{
   height: 30px;
   width: 42px;
}
#Icon2 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 30px;
   line-height: 30px;
   vertical-align: middle;
   width: 29px;
}
#wb_Icon2:hover #Icon2 i
{
   color: #46FF00;
}
#wb_Icon3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon3 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon3
{
   height: 31px;
   width: 39px;
}
.Icon3
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.Icon3:before
{
   content: "\e0be";
}
#Icon3 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 31px;
   line-height: 31px;
   vertical-align: middle;
   width: 30px;
}
#wb_Icon3:hover #Icon3 i
{
   color: #FFC000;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Icon4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon4 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon4
{
   height: 29px;
   width: 42px;
}
#Icon4 i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 29px;
   line-height: 29px;
   vertical-align: middle;
   width: 28px;
}
#wb_Icon4:hover #Icon4 i
{
   color: #00CCFF;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Roboto', sans-serif; color:#111827;}

.container-geral {
    max-width:1200px;
    margin:26px auto;
    padding:18px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 10px 26px rgba(0,0,0,0.08);
}

/* Header compacto */
.header-top{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
h2{
    font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
    font-size:22px;
    font-weight:900;
    letter-spacing:.2px;
    color:#1f2937;
    display:flex;
    align-items:center;
    gap:10px;
}
h2:before{
    content:"|";
    color:#ff9800;
    font-weight:900;
}
.small-note{
    color:#6b7280;
    font-size:12px;
    line-height:1.2;
    text-align:right;
}

/* Tabs */
.tabs{
    display:flex;
    gap:8px;
    margin:10px 0 14px;
}
.tab{
    border:1px solid rgba(0,0,0,0.12);
    background:#fff;
    padding:8px 12px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
    font-size:13px;
    color:#374151;
    transition:.2s;
}
.tab.active{
    background:#ff9800;
    border-color:#ff9800;
    color:#fff;
}

/* Busca */
.search-row{
    display:flex;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:12px;
}
.search-row input{
    flex:1;
    min-width:220px;
    padding:10px 12px;
    border-radius:10px;
    border:1px solid rgba(0,0,0,0.15);
    font-size:14px;
    outline:none;
}
.search-row input:focus{
    border-color:#ff9800;
    box-shadow:0 0 0 4px rgba(255,152,0,.18);
}
.btn-mini{
    border:none;
    padding:10px 12px;
    background:#ff9800;
    color:#fff;
    border-radius:10px;
    cursor:pointer;
    font-weight:800;
    font-size:13px;
}
.btn-mini:hover{ background:#e68900; }

/* Grid de boxes (compacto) */
.box-grid{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap:10px;
}

/* Box card */
.box{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:12px 12px;
    border-radius:12px;
    background:#fff;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:0 4px 14px rgba(0,0,0,0.05);
    transition:.2s;
    text-decoration:none;
    color:#111827;
}
.box:hover{
    transform: translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,0.08);
    border-color: rgba(255,152,0,0.55);
}
.box-title{
    font-weight:900;
    font-size:14px;
    line-height:1.2;
    color:#111827;
    word-break:break-word;
}
.box-meta{
    font-size:12px;
    color:#6b7280;
    font-weight:700;
}

/* Diferenciar tipos */
.box.tipo-tabela .chip{ background:rgba(33,150,243,.12); color:#1565c0; }
.box.tipo-link   .chip{ background:rgba(46,125,50,.12); color:#2e7d32; }

.chip{
    width:fit-content;
    font-size:11px;
    font-weight:900;
    padding:4px 8px;
    border-radius:999px;
}

.panel{ display:none; }
.panel.active{ display:block; }

/* Filtros de tabela (compacto) */
.table-filters {
    margin:14px 0 10px;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    position: sticky;
    top: 10px;
    background:#fff;
    z-index:10;
    padding:10px;
    border:1px solid rgba(0,0,0,0.06);
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,0,0.05);
}
.table-filters input, .table-filters select, .table-filters button {
    padding:8px 10px;
    border-radius:10px;
    border:1px solid rgba(0,0,0,0.15);
    font-size:13px;
    outline:none;
}
.table-filters input:focus, .table-filters select:focus {
    border-color:#ff9800;
    box-shadow:0 0 0 4px rgba(255,152,0,.18);
}
.table-filters button {
    background:#ff9800;
    color:#fff;
    border:none;
    cursor:pointer;
    font-weight:900;
}
.table-filters button:hover { background:#e68900; }

#table-name {
    margin-top:10px;
    font-size:16px;
    font-weight:900;
    color:#1f2937;
}
#tabela-meta {
    margin-top:4px;
    font-size:12px;
    color:#6b7280;
    font-weight:800;
}

/* Tabela mais compacta */
#tabela-container { margin-top:10px; overflow-x:auto; }
table {
    width:100%;
    border-collapse: separate;
    border-spacing:0;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,0.06);
    font-size:12px;
    color:#111827;
    background:#fff;
}
thead { background: #ff9800; color:#fff; font-weight:900; font-size:12px; }
th, td { padding:7px 9px; text-align:left; white-space:nowrap; }
tbody tr:nth-child(even) { background:#fff7ed; }
tbody tr:hover { background:#ffe0b2; transition: background 0.2s; }

.col-idade{ font-weight:900; color:#1f2937; }

@media(max-width:700px){
    .header-top{ flex-direction:column; align-items:flex-start; }
    .small-note{ text-align:left; }
}
.fsat-footer-wrapper { width:100%; margin:0; padding:0; overflow:hidden; line-height:0; }
.fsat-footer-image { width:100%; height:auto; display:block; max-width:100%; object-fit:cover; }