@charset "utf-8";

:root{
    --isf-black:#08090b;
    --isf-black-2:#111317;
    --isf-card:#171a1f;
    --isf-yellow:#ffd400;
    --isf-yellow-2:#ffb800;
    --isf-red:#e53935;
    --isf-blue:#1976d2;
	--isf-text:#ffffff;
    --isf-muted:#a8adb6;
    --isf-border:#2b3038;
    --isf-radius:14px;
    --isf-shadow:0 14px 35px rgba(0,0,0,.28);
}

*,
*::before,
*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
    margin:0;
    padding:0;
    background:var(--isf-black);
    color:var(--isf-text);
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.45;
    overflow-x:hidden;
}

a:link,a:visited{
    color:var(--isf-yellow);
    text-decoration:none;
}
a:hover{
    color:#fff;
    text-decoration:none;
}

img{
    max-width:100%;
    height:auto;
}

table{
    max-width:100%;
    border-collapse:collapse;
}

td,th{
    max-width:100%;
}

input,select,textarea,button{
    max-width:100%;
    font:inherit;
}

input,select,textarea{
    border:1px solid #454b55;
    border-radius:8px;
    background:#101216;
    color:#fff;
    padding:9px 11px;
    min-height:38px;
}

input:focus,select:focus,textarea:focus{
    outline:none;
    border-color:var(--isf-yellow);
    box-shadow:0 0 0 3px rgba(255,212,0,.12);
}

input[type="checkbox"],
input[type="radio"]{
    min-height:auto;
    accent-color:var(--isf-yellow);
}

/* Estruturas legadas */
#conteudo{
    width:min(400px,100%);
    text-align:justify;
}

.semborda{border:0!important;padding:1px}
.carregando{
    background:#990000;color:#fff;position:fixed;top:0;right:0;
    padding:4px 8px;display:none;z-index:9999;
}
.erro{border:2px solid #f00!important}
.sem-erro{border:1px solid #454b55!important}

.message-error,
.message-error-alternativo{
    border-radius:8px;
    padding:10px;
    color:#ff8f8f;
    background:rgba(229,57,53,.10);
}

.campo-texto{
    background:#fff8c9;
    color:#003b7a;
    padding:5px 7px;
}
.campo-textoG{
    background:#fff8c9;
    color:#003b7a;
    padding:5px 7px;
    font-weight:bold;
    font-size:18px;
}
.campo-visao{
    background:#20242a;
    color:var(--isf-yellow);
    padding:5px 7px;
}
.campo-visao-bold{
    background:#20242a;
    color:var(--isf-yellow);
    padding:5px 7px;
    font-weight:bold;
}
.label{
    color:#e9ebee;
    font-size:12px;
}
.titulo{
    color:#fff;
    font-weight:700;
    font-size:18px;
}
.titulo_fundo_preto{
    color:var(--isf-yellow);
    background:#101216;
    font-weight:700;
    font-size:18px;
}
.texto_visualizado{
    color:var(--isf-yellow);
    background:#101216;
    font-weight:700;
    font-size:14px;
}
.titulo_erro{
    background:var(--isf-red);
    color:#fff;
    font-weight:700;
    font-size:18px;
}
.titulo_pagina{
    background:linear-gradient(90deg,#1b4f8a,#1b4fca);
    color:#fff!important;
    font-weight:800;
    font-size:18px;
    padding:13px 16px;
    letter-spacing:.2px;
}
.rodape_preto{
    color:#aeb4bc;
    background:#0b0d10;
    padding:16px;
    font-size:11px;
}
.meia_linha{font-size:5px}
.campo10-visao{background:#993300;color:#fff;padding:5px}
.cabecalho,
.cabecalho_p,
.cabecalho1,
.cabecalho1_p,
.cabecalho2,
.cabecalho3,
.cabecalho10{
    color:#fff;
    font-weight:700;
    border-color:var(--isf-border);
}
.cabecalho{background:#1b4f8a}
.cabecalho_p{background:#1b4f8a;font-size:10px}
.cabecalho1{background:#171a1f}
.cabecalho1_p{background:#171a1f;font-size:10px}
.cabecalho2{background:#155da8}
.cabecalho3{background:#101216;color:#70e889}
.cabecalho10{background:#343a42}

tr{background:#0b0d10;color:#ffef91}
.initial{background:#0b0d10;color:#ffef91}
.normal{background:#0b0d10;color:#ffef91}
.normal_desabilitado{background:#0b0d10;color:#777}
.highlight{background:#88ffff;color:#000}
.initial_cs,.normal_cs{background:#0b0d10;color:#fff}
.highlight_cs{background:#88ffff;color:#000}
.normal_grande{background:#0b0d10;color:#fff;font-size:12pt}
.highlight_grande{background:#88ffff;color:#000;font-size:12pt}
.highlight_cs_amarelo{color:var(--isf-yellow)}
.normal_menu0{background:#111317;color:#fff;font-size:9pt;}
.normal_menu{background:#111317;color:#fff;font-size:11pt;font-weight:bold}
.normal_menu_NB{background:#000;color:#fff;font-size:13px;font-weight:bold}
.highlight_menu{background:var(--isf-yellow);color:#000;font-size:11pt;font-weight:bold}
.highlight_menu0{background:var(--isf-yellow);color:#000;font-size:9pt;}
.highlight_menu_NB{background:var(--isf-yellow);color:#000;font-size:13px;font-weight:bold}
.highlight_menu_p1{background:var(--isf-yellow);color:#000;font-size:8pt;font-weight:bold}
.highlight_menu_p0{background:#111317;color:var(--isf-yellow);font-size:8pt}
.highlight_menu_cab{background:#1976d2;color:#fff;font-size:11pt;font-weight:bold}
.highlight_ex{background:#0790c4;color:#fff;font-size:11pt;font-weight:bold}
.normal_cs_apv{color:#0f0;font-weight:bold}
.normal_cs_rpv{color:#f55;font-weight:bold}
.normal_cs_abs{color:#ff0}
.linha_texto,.linha_texto_titulo{background:#11162a;color:#ddd}
.linha_texto_titulo{font-size:10pt}
.subtitulo{background:linear-gradient(90deg,#075f87,#0788bd);color:#fff;font-weight:bold;padding:8px}
.subtitulo_vm{background:linear-gradient(90deg,#a50000,#ed3030);color:#fff;font-weight:bold;padding:8px}
.subtotal{background:#075f87;color:#fff;padding:6px}
.labal_az{background:#075f87;color:#fff}

.impar{background:#0b0d10;color:#ffef91}
.par{background:#171a1f;color:#ffef91}
.destacar{background:#88ffff;color:#000}
.linha{background:#fff;color:#000}

/* Botões existentes - preserva nomes usados pelo PHP */
.buttonisf,
.buttonisf_VM,
.buttonisf_VD,
.buttonisf_AZ,
.buttonisf_AM,
.buttonisf_OK,
.buttonisf_NO,
.buttonisf_Votar{
    width:100%;
    min-height:32px;
    border:1px solid #3b414a;
    border-radius:10px;
    padding:6px 6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:12px;
    font-weight:800;
    color:#fff!important;
    text-decoration:none!important;
    text-shadow:none;
    transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
.buttonisf{background:linear-gradient(135deg,#2b3037,#111317)}
.buttonisf_VM{background:linear-gradient(135deg,#b51e24,#690b0e)}
.buttonisf_VD{background:linear-gradient(135deg,#1f9d55,#0b5d2e)}
.buttonisf_AZ{background:linear-gradient(135deg,#1976d2,#0d477e)}
.buttonisf_AM{background:linear-gradient(135deg,#ff9f1c,#a75a00)}
.buttonisf_OK{background:linear-gradient(135deg,#1b9e55,#0c5b31)}
.buttonisf_NO{background:linear-gradient(135deg,#e53935,#8f1714)}
.buttonisf_Votar{background:linear-gradient(135deg,#7b4dcc,#45267c)}

.buttonisf:hover,
.buttonisf_VM:hover,
.buttonisf_VD:hover,
.buttonisf_AZ:hover,
.buttonisf_AM:hover,
.buttonisf_OK:hover,
.buttonisf_NO:hover,
.buttonisf_Votar:hover{
    transform:translateY(-1px);
    border-color:var(--isf-yellow);
    box-shadow:0 8px 18px rgba(0,0,0,.25);
}


.button_pag{
 border:1px solid  #666666; -webkit-border-radius: 12px; /*-moz-border-radius: 12px;*/ border-radius: 12px;
 font-size:12px; font-family:Roboto, sans-serif, sans-serif; padding: 2px 4px 2px 4px; text-decoration:none; 
 display:inline-block;text-shadow: 2px 2px 0 rgba(0,0,0,0.3); 
 font-weight:bold; color:#FF0000;
 background-color: #3498db; 
 min-width:28px;
}
.button_pag:hover{
 border:1px solid  #666666; -webkit-border-radius: 12px; /*-moz-border-radius: 12px;*/ border-radius: 12px;
 font-size:12px; font-family:Roboto, sans-serif, sans-serif; padding: 2px 4px 2px 4px; text-decoration:none; 
 display:inline-block;text-shadow: 2px 2px 0 rgba(0,0,0,0.3); 
 font-weight:bold; color:#3498db;
 background-color: #36C; 
 min-width:28px;
}
.button_pag_sel{
 border:1px solid  #666666; -webkit-border-radius: 12px; /*-moz-border-radius: 12px;*/ border-radius: 12px;
 font-size:12px; font-family:Roboto, sans-serif, sans-serif; padding: 2px 4px 2px 4px; text-decoration:none; 
 display:inline-block;
 font-weight:bold; color:#3498db;
 background-color: #FFFF00; 
 min-width:28px;
}



/* Topos */
body > table,
body > div > table{
    width:min(1000px,calc(100% - 24px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body > table img,
body > div > table img{
    max-width:100%;
}

.cabecalho11 {
	background-color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 13px; 
	color: #ffffff
}

.cabecalho1 {
	background-color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 10px; 
	white-space: nowrap;
	color: #ffffff;
}
.cabecalho {
	background-color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px; 
	color: #ffffff
}

.cabecalho22 {
	background-color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 16px; 
	color: #FF0017
}

/* Formulários */
.input-wrapper label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#1976d2;
    border-radius:8px;
    color:#fff;
    margin:8px 0;
    padding:9px 16px;
    cursor:pointer;
}
.input-wrapper label:hover{background:#1565c0}

.checkbox-item {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
	background-color:#000000;
	
	color: #ffffff
}

.checkbox-item input[type="checkbox"] {
	margin: 0 3px 0 0;
    padding: 0;	
	
}


/* Evita que tabelas antigas destruam o layout */
@media (max-width:900px){
    table[width="1000"],
    table[width="1000px"]{
        width:100%!important;
    }

    body > table,
    body > div > table{
        width:calc(100% - 16px)!important;
    }

    td,th{
        max-width:100%;
    }

    img[width="100%"]{
        width:100%!important;
        height:auto!important;
    }
}

@media (max-width:650px){
    body{
        font-size:14px;
    }

    .titulo_pagina{
        font-size:16px;
        padding:12px 10px;
    }

    .titulo,
    .titulo_fundo_preto{
        font-size:16px;
    }

    input,select,textarea{
        width:100%;
        min-height:42px;
        font-size:16px;
    }

    .buttonisf,
    .buttonisf_VM,
    .buttonisf_VD,
    .buttonisf_AZ,
    .buttonisf_AM,
    .buttonisf_OK,
    .buttonisf_NO,
    .buttonisf_Votar{
        min-height:30px;
        font-size:13px;
    }

    /* tabelas largas ficam roláveis, sem cortar conteúdo */
    table{
        max-width:100%;
    }

    .table-responsive,
    form{
        max-width:100%;
    }

    /* imagens e cabeçalhos */
    body > table:first-of-type img{
        width:100%!important;
        height:auto!important;
    }

    /* transforma linhas de menu com várias células em blocos */
    table td .buttonisf,
    table td .buttonisf_VM,
    table td .buttonisf_VD,
    table td .buttonisf_AZ,
    table td .buttonisf_AM,
    table td .buttonisf_OK,
    table td .buttonisf_NO,
    table td .buttonisf_Votar{
        width:100%;
    }
}

/* Nova home */
.isf-home{
    min-height:100vh;
    background:
        radial-gradient(circle at 15% 10%,rgba(255,212,0,.08),transparent 28%),
        radial-gradient(circle at 90% 30%,rgba(229,57,53,.10),transparent 30%),
        #08090b;
}

.isf-home .home-shell{
    width:min(1180px,calc(100% - 28px));
    margin:auto;
}

.isf-home .home-header{
    position:sticky;
    top:0;
    z-index:1000;
    backdrop-filter:blur(14px);
    background:rgba(8,9,11,.90);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.isf-home .home-nav{
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.isf-home .brand{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff!important;
    font-weight:900;
    letter-spacing:.3px;
}

.isf-home .brand img{
    width:58px;
    height:58px;
    object-fit:contain;
}

.isf-home .brand span{
    color:var(--isf-yellow);
}

.isf-home .nav-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
}

.isf-home .nav-links a{
    color:#e9ebee!important;
    padding:9px 12px;
    border-radius:9px;
    font-size:13px;
    font-weight:700;
}

.isf-home .nav-links a:hover{
    background:#1a1e24;
    color:var(--isf-yellow)!important;
}

.isf-home .hero{
    padding:10px 0 26px;
}

.isf-home .hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(200px,.95fr);
    gap:28px;
    align-items:center;
}

.isf-home .hero-copy{
    padding:15px 0;
}

.isf-home .eyebrow{
    color:var(--isf-yellow);
    font-weight:900;
    font-size:12px;
    letter-spacing:2px;
}

.isf-home .hero h1{
    margin:10px 0 16px;
    font-size:clamp(36px,5vw,28px);
    line-height:.98;
    letter-spacing:-2.8px;
}

.isf-home .hero h1 strong{
    color:var(--isf-yellow);
}

.isf-home .hero h3{
    margin:5px 0 5px;
    font-size:clamp(25px,5vw,15px);
    line-height:.98;
    letter-spacing:-2.8px;
}

.isf-home .hero p{
    max-width:680px;
    color:#b9bec6;
    font-size:17px;
    line-height:1.7;
}

.isf-home .hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.isf-home .hero-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 18px;
    border-radius:10px;
    background:var(--isf-yellow);
    color:#111!important;
    font-weight:900;
}

.isf-home .hero-actions a.secondary{
    background:#171a1f;
    color:#fff!important;
    border:1px solid #303640;
}

.isf-home .hero-media{
    position:relative;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #2c3139;
    box-shadow:var(--isf-shadow);
    background:#111;
}

.isf-home .hero-media img{
    display:block;
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
}

.isf-home .hero-media .media-badge{
    position:absolute;
    left:04px;
	right:04px;
    top:04px;
    background:rgba(0,0,0,.75);
    
	color:var(--isf-yellow);
    border:1px solid rgba(255,255,255,.15);
    padding:4px 10px;
    border-radius:18px;
    font-size:20px;
    font-weight:800;
}

.isf-home .menu-section{
    padding:15px 0 30px;
}

.isf-home .section-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:15px;
    margin-bottom:13px;
}

.isf-home .section-heading h2{
    margin:0;
    font-size:22px;
}

.isf-home .section-heading span{
    color:#888f99;
    font-size:12px;
}

.isf-home .quick-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.isf-home .quick-card{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:60px;
    padding:13px;
    border:1px solid #282d35;
    background:linear-gradient(135deg,#171a1f,#0f1114);
    border-radius:12px;
    color:#fff!important;
    transition:.15s;
}

.isf-home .quick-card:hover{
    transform:translateY(-2px);
    border-color:#5a5f68;
    color:var(--isf-yellow)!important;
}

.isf-home .quick-card .icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#242830;
    font-size:18px;
}

.isf-home .quick-card strong{
    display:block;
    font-size:13px;
}
.isf-home .quick-card small{
    color:#8e949d;
    display:block;
    margin-top:3px;
}

.isf-home .slider-wrap{
    margin:6px 0 35px;
}

.isf-home .modern-slider{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    border:1px solid #2b3038;
    background:#111;
    box-shadow:var(--isf-shadow);
}

.isf-home .modern-slider .mySlides{
    display:none;
}

.isf-home .modern-slider .mySlides:first-child{
    display:block;
}

.isf-home .modern-slider img{
    width:100%!important;
    height:auto!important;
    max-height:560px;
    object-fit:cover;
    display:block;
}

.isf-home .slider-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.2);
    background:rgba(0,0,0,.62);
    color:#fff;
    display:grid;
    place-items:center;
    cursor:pointer;
    z-index:3;
}
.isf-home .slider-arrow.prev{left:12px}
.isf-home .slider-arrow.next{right:12px}
.isf-home .slider-arrow:hover{background:var(--isf-yellow);color:#111}

.isf-home .slider-dots{
    display:flex;
    justify-content:center;
    gap:6px;
    padding:10px 0 0;
}

.isf-home .slider-dots .dot{
    width:8px;
    height:8px;
    margin:0;
    background:#4d535c;
}
.isf-home .slider-dots .dot.active{
    width:22px;
    border-radius:8px;
    background:var(--isf-yellow);
}

.isf-home .about-card{
    display:grid;
    grid-template-columns:1.4fr .6fr;
    gap:20px;
    padding:25px;
    margin-bottom:35px;
    border:1px solid #292e36;
    border-radius:16px;
    background:#111317;
}

.isf-home .about-card h2{margin-top:0}
.isf-home .about-card p{
    color:#aeb4bd;
    line-height:1.8;
}
.isf-home .stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}
.isf-home .stat{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:16px;
    border-radius:12px;
    background:#191d23;
}
.isf-home .stat b{
    color:var(--isf-yellow);
    font-size:22px;
}
.isf-home .stat span{
    color:#8f96a0;
    font-size:11px;
    margin-top:4px;
}

.isf-home .home-footer{
    border-top:1px solid #22272e;
    padding:28px 0 40px;
    color:#7f8791;
    font-size:12px;
}

@media(max-width:800px){
    .isf-home .hero-grid,
    .isf-home .about-card{
        grid-template-columns:1fr;
    }

    .isf-home .quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .isf-home .nav-links{
        display:none;
    }

    .isf-home .brand img{
        width:50px;
        height:50px;
    }
}

@media(max-width:520px){
    .isf-home .home-shell{
        width:min(100% - 18px,1180px);
    }

    .isf-home .hero{
        padding-top:18px;
    }

    .isf-home .hero h1{
        font-size:42px;
        letter-spacing:-2px;
    }

    .isf-home .hero p{
        font-size:15px;
    }

    /* Mantém 2 colunas também em telas pequenas */
    .isf-home .quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .isf-home .hero-actions a{
        width:50%;
    }

    .isf-home .about-card{
        padding:18px;
    }

    .isf-home .slider-arrow{
        width:36px;
        height:36px;
    }

    .isf-home .modern-slider img{
        min-height:210px;
        object-fit:cover;
    }
}
/* Compatibilidade para páginas antigas: conteúdo centralizado e sem largura fixa */
@media(max-width:1000px){
    [width="1000px"],
    [width="1000"]{
        width:100%!important;
    }

    .slideshow-container{
        width:100%!important;
        max-width:1000px;
    }
}