/* ========================================================================= * FS Transparência — Public (citizen-facing) styles * ===================================================================== */ .fst-public, .fst-portal, .fst-pub-modal-overlay, .fst-org-modal-overlay, .fst-rec-modal-overlay { --fst-primary: #3B82F6; --fst-primary-dark: #2563EB; --fst-secondary: #06B6D4; --fst-bg: #F0F4FF; --fst-text: #1E293B; --fst-text-2: #64748B; --fst-border: #E2E8F0; --fst-success: #10B981; --fst-warning: #F59E0B; --fst-danger: #EF4444; --fst-info: #06B6D4; --fst-radius: 12px; /* FONTE ÚNICA DO SISTEMA — mesma do admin. */ --fst-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-family: var(--fst-font); color: var(--fst-text); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: 'cv11', 'ss01'; letter-spacing: -0.006em; } .fst-public * { box-sizing: border-box; } /* Tipografia: títulos mais firmes e legíveis em todo o portal. */ .fst-portal h1, .fst-portal h2, .fst-portal h3, .fst-public h1, .fst-public h2, .fst-public h3 { letter-spacing: -0.018em; } /* ---- Filters ---- */ .fst-pub-filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin-bottom: 16px; } .fst-pub-search, .fst-pub-filter, .fst-pub-filters input[type="date"] { border: 1px solid var(--fst-border); border-radius: 9px; padding: 9px 12px; font-size: 14px; background: #fff; color: var(--fst-text); font-family: inherit; height: 40px; box-sizing: border-box; } /* Layout horizontal: a busca cresce, os selects ficam lado a lado e quebram em linha (não empilham em largura total). Largura explícita vence regras de tema que aplicam width:100% a input/select. */ .fst-pub-search { flex: 2 1 240px; min-width: 200px; width: auto; } .fst-pub-filter { flex: 1 1 165px; min-width: 150px; max-width: 280px; width: auto; cursor: pointer; } .fst-pub-filters input[type="date"] { flex: 0 1 170px; width: auto; } .fst-pub-filters .fst-pub-btn, .fst-pub-filters .fst-pub-btn-ghost { flex: 0 0 auto; align-self: center; } .fst-pub-btn { background: var(--fst-primary); color: #fff; border: none; border-radius: 9px; padding: 9px 18px; font-size: 14px; font-weight: 600; cursor: pointer; } .fst-pub-btn:hover { background: var(--fst-primary-dark); } .fst-pub-btn-ghost { background: transparent; border: none; color: var(--fst-text-2); cursor: pointer; font-size: 14px; } /* ---- Tabela de processos (Licitações) ---- */ .fst-lic-table-wrap { overflow-x: auto; border: 1px solid var(--fst-border); border-radius: var(--fst-radius); background: #fff; } .fst-lic-table { width: 100%; border-collapse: collapse; font-size: 14px; } .fst-lic-table thead th { text-align: left; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--fst-text-2); font-weight: 700; padding: 12px 14px; border-bottom: 1px solid var(--fst-border); white-space: nowrap; background: #f8fafc; } .fst-lic-table tbody td { padding: 13px 14px; border-bottom: 1px solid #eef2f7; vertical-align: middle; } .fst-lic-table tbody tr:last-child td { border-bottom: 0; } .fst-lic-table tbody tr:hover { background: #f8fafc; } .fst-lic-num { font-weight: 700; color: var(--fst-primary-dark); text-decoration: none; } .fst-lic-num:hover { text-decoration: underline; } .fst-lic-obj { max-width: 360px; color: var(--fst-text-2); } .fst-lic-val { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; } .fst-lic-view { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 13px; font-weight: 600; color: var(--fst-primary-dark); text-decoration: none; border: 1px solid var(--fst-border); border-radius: 8px; padding: 6px 12px; } .fst-lic-view:hover { background: var(--fst-primary); color: #fff; border-color: var(--fst-primary); } .fst-lic-obra { font-size: 13px; } .fst-lic-detail { background: #fff; border: 1px solid var(--fst-border); border-radius: var(--fst-radius); padding: 20px; } @media (max-width: 760px) { .fst-lic-table thead { display: none; } .fst-lic-table, .fst-lic-table tbody, .fst-lic-table tr, .fst-lic-table td { display: block; width: 100%; box-sizing: border-box; } .fst-lic-table tr { border-bottom: 2px solid var(--fst-border); padding: 6px 0; } .fst-lic-table td { border: 0; padding: 5px 14px; } .fst-lic-table td::before { content: attr(data-th) ": "; font-weight: 700; color: var(--fst-text-2); } .fst-lic-obj { max-width: none; } .fst-lic-val { text-align: left; } } .fst-pub-count { color: var(--fst-text-2); font-size: 13px; margin-bottom: 12px; } .fst-pub-loading { text-align: center; padding: 40px; color: var(--fst-text-2); } /* ---- Table layout ---- */ .fst-pub-table-wrap { overflow-x: auto; border: 1px solid var(--fst-border); border-radius: 10px; } .fst-pub-table { width: 100%; border-collapse: collapse; font-size: 14px; background: #fff; } .fst-pub-table thead th { background: #F8FAFF; color: var(--fst-text-2); text-align: left; padding: 12px 14px; font-weight: 600; border-bottom: 1px solid var(--fst-border); } .fst-pub-table tbody td { padding: 12px 14px; border-bottom: 1px solid #F1F5F9; } .fst-pub-table tbody tr:nth-child(even) { background: #FBFCFF; } .fst-pub-table tbody tr:hover { background: #F0F4FF; cursor: pointer; } /* ---- Cards layout ---- */ .fst-pub-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; } .fst-pub-card { background: #fff; border: 1px solid var(--fst-border); border-radius: var(--fst-radius); box-shadow: 0 2px 12px rgba(59,130,246,0.08); padding: 18px; cursor: pointer; transition: transform .12s, box-shadow .12s; } .fst-pub-card:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(59,130,246,0.16); } .fst-pub-card h4 { margin: 0 0 10px; font-size: 16px; color: var(--fst-primary-dark); font-family: var(--fst-font); } .fst-pub-card .row { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; padding: 3px 0; border-bottom: 1px dashed #EEF2F7; } .fst-pub-card .row .k { color: var(--fst-text-2); } .fst-pub-card .row .v { font-weight: 500; text-align: right; } .fst-pub-progress { height: 8px; background: #EEF2F7; border-radius: 999px; overflow: hidden; margin-top: 10px; } .fst-pub-progress > span { display: block; height: 100%; background: var(--fst-primary); } /* ---- Badges ---- */ .fst-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 600; } .fst-badge--success { background: #DCFCE7; color: #15803D; } .fst-badge--warning { background: #FEF3C7; color: #B45309; } .fst-badge--danger { background: #FEE2E2; color: #B91C1C; } .fst-badge--info { background: #CFFAFE; color: #0E7490; } .fst-badge--primary { background: #DBEAFE; color: #1D4ED8; } .fst-badge--neutral { background: #F1F5F9; color: #475569; } /* ---- Thumbnails ---- */ .fst-thumbs { display: inline-flex; gap: 4px; } .fst-thumb { width: 36px; height: 36px; object-fit: cover; border-radius: 6px; border: 1px solid var(--fst-border); } /* ---- Pagination ---- */ .fst-pub-pagination { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; } .fst-pub-page { min-width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--fst-border); border-radius: 8px; background: #fff; cursor: pointer; font-size: 13px; color: var(--fst-text); } .fst-pub-page.is-active { background: var(--fst-primary); color: #fff; border-color: var(--fst-primary); } /* Pager reutilizável (compacto, sem card): seletor + "Mostrando X–Y de Z" + navegação. Alinhado à direita, slim. */ .fst-pager { display: flex; align-items: center; justify-content: flex-end; gap: 6px 14px; flex-wrap: wrap; margin: 0 0 12px; } .fst-pager-perpage { display: inline-flex; align-items: center; gap: 7px; margin: 0; font-size: 12.5px; color: var(--fst-text-2); } .fst-pager-perpage label { font-weight: 600; color: var(--fst-text); white-space: nowrap; } .fst-pager-perpage select { width: auto; min-width: 66px; max-width: 110px; height: 30px; border: 1px solid var(--fst-border); border-radius: 8px; background-color: #fff; color: var(--fst-text); font: inherit; font-size: 12.5px; padding: 0 26px 0 10px; cursor: pointer; line-height: 28px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; } .fst-pager-perpage select:hover { border-color: #cbd5e1; } .fst-pager-perpage select:focus { outline: none; border-color: var(--fst-primary); box-shadow: 0 0 0 3px rgba(59,130,246,.15); } .fst-pager-info { color: var(--fst-text-2); font-size: 12.5px; white-space: nowrap; } .fst-pager .fst-pub-pagination { margin-top: 0; gap: 4px; align-items: center; } .fst-pager .fst-pub-page { min-width: 30px; height: 30px; font-size: 12.5px; } .fst-pager a.fst-pub-page { text-decoration: none; transition: border-color .12s ease, color .12s ease, background .12s ease; } .fst-pager a.fst-pub-page:hover { border-color: var(--fst-primary); color: var(--fst-primary-dark); } .fst-pager .fst-pager-arrow { font-size: 16px; line-height: 1; } .fst-pager .fst-pub-page[aria-disabled="true"] { opacity: .4; pointer-events: none; } .fst-pager .fst-pager-ellipsis { border: 0; background: transparent; min-width: 18px; cursor: default; color: var(--fst-text-2); } @media (max-width: 600px) { .fst-pager { justify-content: space-between; } .fst-pager .fst-pub-pagination { justify-content: flex-end; } } /* ---- Summary cards / charts ---- */ .fst-pub-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin-bottom: 18px; } .fst-pub-stat { background: #fff; border: 1px solid var(--fst-border); border-radius: var(--fst-radius); padding: 16px 18px; border-left: 4px solid var(--fst-primary); } .fst-pub-stat .v { font-size: 22px; font-weight: 700; font-family: var(--fst-font); } .fst-pub-stat .l { color: var(--fst-text-2); font-size: 13px; margin-top: 4px; } .fst-tone--primary { border-left-color: var(--fst-primary); } .fst-tone--success { border-left-color: var(--fst-success); } .fst-tone--warning { border-left-color: var(--fst-warning); } .fst-tone--info { border-left-color: var(--fst-info); } .fst-pub-chart-wrap { background: #fff; border: 1px solid var(--fst-border); border-radius: var(--fst-radius); padding: 18px; margin-bottom: 22px; } .fst-pub-chart { max-height: 320px; } /* ---- Modal ---- */ .fst-pub-modal-overlay { position: fixed; inset: 0; background: rgba(15,23,42,.5); z-index: 99999; display: flex; align-items: flex-start; justify-content: center; padding: 40px 16px; overflow-y: auto; } .fst-pub-modal-overlay[hidden] { display: none; } .fst-pub-modal { background: #fff; border-radius: 14px; width: 100%; max-width: 760px; overflow: hidden; box-shadow: 0 20px 60px rgba(15,23,42,.3); animation: fstPubIn .25s ease; } @keyframes fstPubIn { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .fst-pub-modal-head { display: flex; justify-content: space-between; align-items: center; padding: 16px 22px; background: linear-gradient(180deg, #3B82F6 0%, #7C3AED 100%); color: #fff; } .fst-pub-modal-head h3 { margin: 0; font-size: 17px; font-family: var(--fst-font); } .fst-pub-modal-close { background: rgba(255,255,255,.2); border: none; color: #fff; width: 30px; height: 30px; border-radius: 8px; cursor: pointer; } .fst-pub-modal-body { padding: 22px; max-height: 70vh; overflow-y: auto; } .fst-pub-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; } .fst-pub-detail .item { display: flex; flex-direction: column; gap: 2px; } .fst-pub-detail .item.full { grid-column: span 2; } .fst-pub-detail .k { font-size: 11.5px; text-transform: uppercase; color: var(--fst-text-2); font-weight: 600; } .fst-pub-detail .v { font-size: 14px; } .fst-pub-detail .v iframe { width: 100%; height: 480px; border: 1px solid var(--fst-border); border-radius: 8px; } .fst-pub-input { border: 1px solid var(--fst-border); border-radius: 9px; padding: 9px 12px; font-size: 14px; font-family: inherit; width: 100%; } /* ---- Ouvidoria (Lei 13.460/2017) ---- */ .fst-ouv { margin-bottom: 26px; } .fst-ouv-hero { display: flex; gap: 18px; align-items: center; padding: 26px 28px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, var(--fst-primary-dark) 0%, var(--fst-primary) 55%, #60A5FA 100%); box-shadow: 0 18px 40px -22px rgba(37,99,235,.65); margin-bottom: 20px; } .fst-ouv-hero-ic { flex: 0 0 auto; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 15px; background: rgba(255,255,255,.16); } .fst-ouv-hero-ic svg { width: 30px; height: 30px; } .fst-ouv-hero h2 { margin: 0 0 4px; font-size: 22px; font-weight: 800; letter-spacing: -.01em; } .fst-ouv-hero p { margin: 0; font-size: 13.5px; line-height: 1.55; opacity: .95; max-width: 70ch; } /* Hero institucional */ .fst-ouv { margin-top: 28px; } .fst-ouv-hero--inst { flex-direction: column; align-items: stretch; gap: 16px; } .fst-ouv-hero-brand { display: flex; gap: 18px; align-items: center; } .fst-ouv-hero--inst .fst-ouv-hero-titles { flex: 1 1 auto; min-width: 0; } .fst-ouv-hero--inst .fst-ouv-hero-titles p { max-width: none; } .fst-ouv-hero-brasao { flex: 0 0 auto; width: 62px; height: 62px; object-fit: contain; background: #fff; border-radius: 14px; padding: 6px; box-shadow: 0 6px 16px -8px rgba(0,0,0,.4); } .fst-ouv-hero-muni { display: block; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; opacity: .92; margin-bottom: 2px; } .fst-ouv-hero-strip { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.22); } .fst-ouv-hchip { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 500; background: rgba(255,255,255,.14); border-radius: 999px; padding: 6px 13px; } .fst-ouv-hchip svg { width: 15px; height: 15px; flex: 0 0 auto; opacity: .95; } /* Card de contato do ouvidor */ .fst-ouv-contact h3 { font-size: 15px; } .fst-ouv-ouvidor { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .fst-ouv-ouvidor-foto { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; box-shadow: 0 4px 12px -6px rgba(0,0,0,.35); } .fst-ouv-ouvidor strong { display: block; font-size: 14px; color: var(--fst-text); } .fst-ouv-ouvidor span { display: block; font-size: 12px; color: var(--fst-text-2); } .fst-ouv-contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; } .fst-ouv-contact-list li { display: flex; gap: 9px; font-size: 12.5px; line-height: 1.45; color: var(--fst-text); } .fst-ouv-contact-list a { color: var(--fst-primary-dark); text-decoration: none; } .fst-ouv-contact-list a:hover { text-decoration: underline; } .fst-ouv-ci { flex: 0 0 auto; } /* Rodapé institucional próprio da página */ .fst-ouv-foot { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--fst-border); display: flex; flex-direction: column; gap: 3px; text-align: center; font-size: 12px; color: var(--fst-text-2); } .fst-ouv-foot span:first-child { font-weight: 600; color: var(--fst-text); } .fst-ouv-foot a { color: var(--fst-primary-dark); text-decoration: none; } .fst-ouv-foot a:hover { text-decoration: underline; } /* Botões de impressão (comprovante / acompanhamento) */ .fst-ouv-actions { margin-top: 12px; } .fst-ouv-print { display: inline-flex; align-items: center; gap: 7px; background: #fff; color: var(--fst-primary-dark); border: 1px solid var(--fst-border); border-radius: 9px; padding: 8px 14px; font-size: 13px; font-weight: 600; font-family: inherit; cursor: pointer; transition: border-color .15s, background .15s; } .fst-ouv-print:hover { border-color: var(--fst-primary); background: var(--fst-bg); } .fst-ouv-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 20px; align-items: start; } .fst-ouv-card { background: #fff; border: 1px solid var(--fst-border); border-radius: 16px; padding: 22px; box-shadow: 0 8px 26px -20px rgba(15,23,42,.4); } .fst-ouv-side { display: flex; flex-direction: column; gap: 20px; } .fst-ouv-card h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 16px; font-weight: 800; color: var(--fst-text); } .fst-ouv-card h3 .fst-ouv-step { flex: 0 0 auto; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--fst-primary); color: #fff; font-size: 13px; font-weight: 800; } .fst-ouv-form { display: flex; flex-direction: column; gap: 16px; } .fst-ouv-field { border: 0; padding: 0; margin: 0; } .fst-ouv-field legend { font-size: 12.5px; font-weight: 700; color: var(--fst-text); padding: 0; margin-bottom: 9px; } .fst-ouv-req { color: var(--fst-danger); } .fst-ouv-types { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; } .fst-ouv-type { position: relative; display: block; cursor: pointer; } .fst-ouv-type input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; } .fst-ouv-type-body { display: block; border: 1.5px solid var(--fst-border); border-radius: 11px; padding: 10px 12px; transition: border-color .15s, background .15s, box-shadow .15s; } .fst-ouv-type-body strong { display: block; font-size: 13.5px; color: var(--fst-text); } .fst-ouv-type-body small { display: block; margin-top: 2px; font-size: 11.5px; line-height: 1.35; color: var(--fst-text-2); } .fst-ouv-type:hover .fst-ouv-type-body { border-color: var(--fst-primary); } .fst-ouv-type input:checked + .fst-ouv-type-body { border-color: var(--fst-primary); background: var(--fst-bg); box-shadow: 0 0 0 3px rgba(59,130,246,.14); } .fst-ouv-type input:focus-visible + .fst-ouv-type-body { outline: 2px solid var(--fst-primary-dark); outline-offset: 2px; } .fst-ouv-ident { display: flex; flex-wrap: wrap; gap: 8px; } .fst-ouv-ident label { display: inline-flex; align-items: center; gap: 7px; border: 1.5px solid var(--fst-border); border-radius: 9px; padding: 7px 13px; font-size: 13px; cursor: pointer; } .fst-ouv-ident label:hover { border-color: var(--fst-primary); } .fst-ouv-ident input { accent-color: var(--fst-primary); } .fst-ouv-hint { margin: 8px 0 0; font-size: 11.5px; line-height: 1.45; color: var(--fst-text-2); } .fst-ouv-id-fields { display: flex; flex-direction: column; gap: 14px; } .fst-ouv-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .fst-ouv-lbl { display: flex; flex-direction: column; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--fst-text); } .fst-ouv-input { border: 1px solid var(--fst-border); border-radius: 9px; padding: 9px 12px; font-size: 14px; font-family: inherit; width: 100%; box-sizing: border-box; background: #fff; color: var(--fst-text); font-weight: 400; } .fst-ouv-input:focus { outline: none; border-color: var(--fst-primary); box-shadow: 0 0 0 3px rgba(59,130,246,.15); } textarea.fst-ouv-input { resize: vertical; min-height: 92px; } .fst-ouv-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; line-height: 1.45; color: var(--fst-text-2); background: var(--fst-bg); border-radius: 10px; padding: 12px 14px; } .fst-ouv-consent input { margin-top: 2px; accent-color: var(--fst-primary); flex: 0 0 auto; } .fst-ouv-submit { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; background: var(--fst-primary); color: #fff; border: none; border-radius: 10px; padding: 12px 22px; font-size: 14px; font-weight: 700; font-family: inherit; cursor: pointer; transition: background .15s, transform .05s; box-shadow: 0 10px 22px -12px rgba(37,99,235,.8); } .fst-ouv-submit:hover { background: var(--fst-primary-dark); } .fst-ouv-submit:active { transform: translateY(1px); } .fst-ouv-submit--sm { padding: 10px 16px; box-shadow: none; } .fst-ouv-result { font-size: 13px; line-height: 1.5; } .fst-ouv-result.ok { color: #065F46; font-weight: 600; background: #ECFDF5; border: 1px solid #A7F3D0; border-radius: 10px; padding: 12px 14px; } .fst-ouv-result.err { color: var(--fst-danger); font-weight: 600; } .fst-ouv-lookup-row { display: flex; gap: 8px; } .fst-ouv-lookup-row .fst-ouv-input { text-transform: uppercase; } .fst-ouv-track { margin-top: 14px; } .fst-ouv-track:empty { margin-top: 0; } .fst-ouv-track-load { font-size: 13px; color: var(--fst-text-2); } .fst-ouv-status { border: 1px solid var(--fst-border); border-radius: 12px; padding: 14px; background: #F8FAFC; } .fst-ouv-status-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .fst-ouv-status-h strong { font-size: 14px; color: var(--fst-primary-dark); font-family: var(--fst-mono, monospace); } .fst-ouv-pill { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--fst-primary-dark); background: var(--fst-bg); border-radius: 999px; padding: 3px 10px; } .fst-ouv-status-meta { margin-top: 6px; font-size: 12.5px; color: var(--fst-text-2); } .fst-ouv-status-meta em { font-style: normal; font-weight: 600; color: var(--fst-primary-dark); } .fst-ouv-status-meta em.over { color: var(--fst-danger); } .fst-ouv-tl { list-style: none; margin: 16px 0 0; padding: 0 0 0 6px; } .fst-ouv-tl li { position: relative; padding: 0 0 16px 20px; border-left: 2px solid var(--fst-border); } .fst-ouv-tl li:last-child { border-left-color: transparent; padding-bottom: 2px; } .fst-ouv-tl-dot { position: absolute; left: -6px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: var(--fst-primary); box-shadow: 0 0 0 3px rgba(59,130,246,.18); } .fst-ouv-tl-body { display: block; font-size: 12.5px; line-height: 1.5; color: var(--fst-text); } .fst-ouv-tl-body strong { color: var(--fst-text); } .fst-ouv-tl-date { display: block; font-size: 11px; color: var(--fst-text-2); margin-bottom: 1px; } .fst-ouv-answer { margin-top: 14px; background: var(--fst-bg); border: 1px solid #BFDBFE; border-radius: 12px; padding: 14px; font-size: 13.5px; line-height: 1.6; color: var(--fst-text); } .fst-ouv-answer-h { display: block; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--fst-primary-dark); margin-bottom: 6px; } .fst-ouv-rate { margin-top: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12.5px; color: var(--fst-text-2); } .fst-ouv-stars { display: inline-flex; gap: 2px; } .fst-ouv-star { background: none; border: none; cursor: pointer; font-size: 22px; line-height: 1; color: #CBD5E1; padding: 0 1px; transition: color .12s, transform .1s; } .fst-ouv-star:hover, .fst-ouv-star.on { color: #F59E0B; } .fst-ouv-star:hover { transform: scale(1.12); } .fst-ouv-star:disabled { cursor: default; } .fst-ouv-rate-msg { flex-basis: 100%; font-size: 12px; } .fst-ouv-rate-msg.ok { color: #065F46; font-weight: 600; } .fst-ouv-rate-msg.err { color: var(--fst-danger); } .fst-ouv-info h3 { font-size: 14px; } .fst-ouv-info ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 7px; } .fst-ouv-info li { font-size: 12.5px; line-height: 1.45; color: var(--fst-text-2); } /* ---- 3D icons (public) ---- */ .fst-portal .fst-ico, .fst-public .fst-ico { display: inline-block; vertical-align: middle; width: 1.3em; height: 1.3em; } /* ---- Portal (premium) ---- */ .fst-portal { max-width: 1240px; margin: 24px auto 32px; box-shadow: 0 24px 70px rgba(15,23,42,.12); border-radius: 18px; overflow: hidden; background: #fff; } /* Barra utilitária */ .fst-portal-topbar { display: flex; justify-content: space-between; align-items: center; background: #0B2A6B; color: #fff; font-size: 12.5px; padding: 9px 26px; } .fst-portal-top-right { display: flex; gap: 16px; } .fst-portal-topbar a { color: rgba(255,255,255,.85); text-decoration: none; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; } .fst-portal-topbar a:hover { color: #fff; text-decoration: underline; } .fst-portal-topbar a svg { width: 14px; height: 14px; flex: none; } .fst-portal-crest svg { width: 60%; height: 60%; } /* Cabeçalho institucional */ .fst-portal-brandbar { display: flex; align-items: center; gap: 18px; background: linear-gradient(120deg, #2563EB 0%, #1E40AF 70%); color: #fff; padding: 26px 30px; } .fst-portal-crest { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 14px; background: rgba(255,255,255,.16); display: flex; align-items: center; justify-content: center; font-size: 30px; overflow: hidden; } .fst-portal-crest img { width: 100%; height: 100%; object-fit: contain; } .fst-portal-brand-text { display: flex; flex-direction: column; line-height: 1.2; } .fst-portal-brand-text strong { font-size: 24px; font-weight: 800; color: #fff; } .fst-portal-brand-text span { font-size: 13px; opacity: .85; text-transform: uppercase; letter-spacing: 1.2px; margin-top: 2px; } .fst-portal-cta { margin-left: auto; display: flex; gap: 10px; } .fst-portal-cta a { background: rgba(255,255,255,.16); padding: 10px 16px; border-radius: 10px; font-weight: 600; font-size: 13px; color: #fff; } .fst-portal-cta a:hover { background: rgba(255,255,255,.26); } .fst-portal-cta a.solid { background: #fff; color: #1E40AF; } /* Hero + busca + atalhos */ .fst-portal-hero { background: radial-gradient(900px 280px at 18% 0%, #e8f0ff, transparent 70%), #fff; padding: 46px 30px 26px; } .fst-portal-hero-inner { max-width: 860px; } .fst-portal-hero h1 { color: var(--fst-text); font-size: 33px; font-weight: 800; margin: 0 0 8px; letter-spacing: -.4px; } .fst-portal-hero p { color: var(--fst-text-2); font-size: 16px; margin: 0 0 22px; } .fst-portal-search { position: relative; max-width: none; } .fst-portal-search input { width: 100%; border: 1px solid var(--fst-border); border-radius: 14px; padding: 17px 132px 17px 52px; font-size: 16px; font-family: inherit; box-shadow: 0 10px 30px rgba(37,99,235,.10); color: #1E293B; } .fst-portal-search input:focus { outline: none; border-color: var(--fst-primary); box-shadow: 0 0 0 3px rgba(59,130,246,.18); } .fst-portal-search-ico { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .fst-portal-search-ico .fst-ico { width: 28px; height: 28px; } .fst-portal-search-btn { position: absolute; right: 7px; top: 7px; bottom: 7px; border: none; background: var(--fst-primary); color: #fff; border-radius: 10px; padding: 0 22px; font-weight: 600; font-size: 15px; cursor: pointer; font-family: inherit; } .fst-portal-search-btn:hover { background: var(--fst-primary-dark); } .fst-portal-chips { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; } .fst-portal-chip { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--fst-border); border-radius: 999px; padding: 8px 15px; font-size: 13.5px; font-weight: 500; color: #334155; cursor: pointer; font-family: inherit; } .fst-portal-chip:hover { border-color: var(--fst-primary); color: var(--fst-primary-dark); } .fst-portal-chip.is-active { background: var(--fst-primary); border-color: var(--fst-primary); color: #fff; } /* ---- Busca global (resultados) ---- */ .fst-search-results { display: grid; gap: 16px; } .fst-search-group { background: #fff; border: 1px solid var(--fst-border); border-radius: var(--fst-radius); padding: 14px 16px; } .fst-search-group-h { display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 700; margin: 0 0 8px; color: var(--fst-primary-dark); } .fst-search-group-h .fst-lic-ic { width: 20px; height: 20px; } .fst-search-group-h .fst-search-count { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--fst-primary-dark); background: #eef2ff; border-radius: 999px; padding: 3px 11px; } .fst-search-hit { display: block; padding: 10px 12px; border-radius: 10px; text-decoration: none; color: var(--fst-text); border: 1px solid transparent; } .fst-search-hit:hover { background: #f6f8ff; border-color: var(--fst-border); } .fst-search-hit-title { display: block; font-weight: 600; } .fst-search-hit-snip { display: block; font-size: 13px; color: var(--fst-text-2); margin-top: 2px; line-height: 1.5; } .fst-search-hit mark { background: #fef3c7; color: inherit; padding: 0 2px; border-radius: 3px; } .fst-search-more { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--fst-primary-dark); text-decoration: none; } .fst-search-more:hover { text-decoration: underline; } .fst-search-empty { text-align: center; color: var(--fst-text-2); padding: 40px 16px; } .fst-search-empty svg { width: 40px; height: 40px; opacity: .5; margin-bottom: 8px; } /* ---- Histórico / linha do tempo (dentro do card) ---- */ .fst-hist { margin-top: 12px; border-top: 1px dashed var(--fst-border); padding-top: 10px; } .fst-hist-h { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--fst-text-2); margin-bottom: 6px; } .fst-hist-h svg, .fst-hist-doc svg { width: 14px; height: 14px; } .fst-hist-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; } .fst-hist-item { display: flex; gap: 12px; align-items: baseline; font-size: 13px; } .fst-hist-date { flex: 0 0 84px; color: var(--fst-text-2); font-variant-numeric: tabular-nums; } .fst-hist-body { flex: 1 1 auto; color: var(--fst-text); line-height: 1.5; } .fst-hist-doc { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; font-size: 12px; font-weight: 600; color: var(--fst-primary-dark); text-decoration: none; } .fst-hist-doc:hover { text-decoration: underline; } .fst-chip-ico { width: 20px !important; height: 20px !important; } /* Indicadores */ .fst-portal-ind { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding: 6px 30px 22px; } /* Informações da Ouvidoria — barras e gráfico por mês. */ .fst-ouvinfo-grid { margin-top: 4px; } .fst-ouvinfo-bar { display: grid; grid-template-columns: 150px 1fr 34px; align-items: center; gap: 10px; margin: 7px 0; font-size: 13px; } .fst-ouvinfo-bar .l { color: var(--fst-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fst-ouvinfo-bar .t { height: 9px; background: #EEF2F7; border-radius: 999px; overflow: hidden; } .fst-ouvinfo-bar .t .f { display: block; height: 100%; background: var(--fst-primary); border-radius: 999px; } .fst-ouvinfo-bar .n { text-align: right; font-weight: 700; color: var(--fst-text); } .fst-ouvinfo-months { display: flex; align-items: flex-end; gap: 6px; padding-top: 8px; } .fst-ouvinfo-month { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; } .fst-ouvinfo-month .bar { width: 60%; min-height: 3px; background: var(--fst-primary); border-radius: 6px 6px 0 0; } .fst-ouvinfo-month .v { font-size: 11px; font-weight: 700; color: var(--fst-text); } .fst-ouvinfo-month .m { font-size: 11px; color: var(--fst-text-2); } @media (max-width: 640px) { .fst-ouvinfo-grid { grid-template-columns: 1fr !important; } .fst-ouvinfo-bar { grid-template-columns: 110px 1fr 30px; } } .fst-portal-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; } .fst-portal-stat-txt { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; } .fst-portal-stat-txt strong { font-size: 22px; font-weight: 800; color: var(--fst-text); } .fst-portal-stat-txt > span { font-size: 12.5px; color: var(--fst-text-2); } .fst-portal-stat { background: #fff; border: 1px solid var(--fst-border); border-radius: 14px; padding: 16px 18px; display: flex; gap: 14px; align-items: center; } .fst-portal-stat-ic { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; } .fst-portal-stat-ic .fst-ico { width: 30px; height: 30px; } .fst-portal-stat .v { font-size: 24px; font-weight: 800; line-height: 1; color: var(--fst-text); } .fst-portal-stat .l { font-size: 12.5px; color: var(--fst-text-2); margin-top: 4px; } .fst-tone-blue { background: #E6F1FB; } .fst-tone-green { background: #EAF3DE; } .fst-tone-amber { background: #FAEEDA; } .fst-tone-red { background: #FCEBEB; } /* Pills de categoria */ .fst-portal-pills { position: sticky; top: 0; z-index: 6; background: rgba(255,255,255,.94); border-top: 1px solid var(--fst-border); border-bottom: 1px solid var(--fst-border); padding: 12px 30px; display: flex; gap: 8px; overflow-x: auto; } .fst-portal-pill { white-space: nowrap; border: 1px solid var(--fst-border); border-radius: 999px; padding: 7px 14px; font-size: 13px; font-weight: 500; color: #475569; cursor: pointer; background: #fff; font-family: inherit; } .fst-portal-pill.is-active { background: var(--fst-primary); color: #fff; border-color: var(--fst-primary); } /* Menu */ .fst-portal-menu { padding: 24px 30px 10px; scroll-margin-top: 60px; } .fst-portal-menu-label { color: var(--fst-text-2); font-size: 12px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 16px; } .fst-portal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: start; } .fst-portal-card { background: #fff; border: 1px solid var(--fst-border); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 16px rgba(37,99,235,.06); display: flex; flex-direction: column; transition: transform .14s, box-shadow .14s; } .fst-portal-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(37,99,235,.16); } .fst-portal-card-head { display: flex; align-items: center; gap: 12px; padding: 15px 18px; background: linear-gradient(120deg, #2563EB, #1D4ED8); color: #fff; } .fst-portal-card-head h3 { margin: 0; font-size: 16px; font-weight: 700; color: #fff; flex: 1; } .fst-portal-count { font-size: 12px; background: rgba(255,255,255,.2); padding: 3px 9px; border-radius: 999px; font-weight: 600; } .fst-portal-badge { width: 42px; height: 42px; flex: 0 0 42px; background: rgba(255,255,255,.92); border-radius: 11px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,.18); } .fst-portal-badge .fst-ico { width: 28px; height: 28px; } .fst-portal-links { list-style: none; margin: 0; padding: 8px 10px 14px; } .fst-portal-links li { margin: 0; } .fst-portal-links a { display: flex; align-items: center; gap: 10px; padding: 10px 11px; border-radius: 9px; color: var(--fst-text); text-decoration: none; font-size: 14px; transition: background .12s, color .12s; } .fst-portal-links a:hover { background: #EEF3FB; color: var(--fst-primary-dark); } .fst-portal-link-featured > a { background: #EEF3FB; font-weight: 600; box-shadow: inset 3px 0 0 var(--fst-primary); } .fst-portal-link-ico .dashicons, .fst-portal-link-ico .fa-solid, .fst-portal-link-ico i { font-size: 16px; width: 16px; height: 16px; line-height: 1; } .fst-portal-link-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--fst-primary); flex: 0 0 7px; } /* Ícone à esquerda de cada item (chip elegante) */ .fst-portal-link-ico { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #EEF3FB; color: var(--fst-primary-dark); transition: background .15s, color .15s, transform .15s; } .fst-portal-link-ico svg { width: 16px; height: 16px; } /* !important na cor: vence o `color:...!important` injetado por FST_Portal (que fixa a cor do ícone por categoria) — senão no hover o ícone teal ficaria invisível no fundo teal. */ .fst-portal-links a:hover .fst-portal-link-ico { background: var(--fst-primary); color: #fff !important; transform: scale(1.06); } .fst-portal-links a:hover .fst-portal-link-ico svg { stroke: #fff; } .fst-portal-sub .fst-portal-link-ico { width: 24px; height: 24px; border-radius: 7px; } .fst-portal-sub .fst-portal-link-ico svg { width: 13px; height: 13px; } .fst-portal-links a > span:nth-child(2) { flex: 1; } .fst-portal-ext { color: var(--fst-text-2); font-size: 12px; } .fst-portal-empty { text-align: center; color: var(--fst-text-2); padding: 30px; } /* Submenus + tags de tipo */ .fst-portal-sub { list-style: none; margin: 2px 0 4px 22px; padding: 0; border-left: 2px solid var(--fst-border); } .fst-portal-sub a { font-size: 13px; color: var(--fst-text-2); padding: 7px 10px; } .fst-portal-sub .fst-portal-link-dot { width: 5px; height: 5px; background: #94A3B8; } .fst-portal-tag { font-size: 10px; font-weight: 600; padding: 1px 7px; border-radius: 999px; text-transform: uppercase; letter-spacing: .3px; } /* Número do item na Cartilha PNTP 2026, ao lado do nome do menu (auxílio ao alimentador). */ .fst-portal-pntp { flex: 0 0 auto; font-size: 11px; font-weight: 700; color: var(--fst-primary-dark); background: #EEF3FB; border: 1px solid #DCE7F5; border-radius: 6px; padding: 1px 6px; font-variant-numeric: tabular-nums; letter-spacing: .2px; } .fst-portal-links a:hover .fst-portal-pntp:not(.is-clickable) { background: #fff; } .fst-portal-pntp.is-clickable { cursor: pointer; transition: background .15s, color .15s, box-shadow .15s; } /* Hover do badge clicável: fundo azul + número branco (vence a regra do link para não ficar branco no branco). */ .fst-portal-pntp.is-clickable:hover, .fst-portal-links a:hover .fst-portal-pntp.is-clickable:hover { background: var(--fst-primary); color: #fff; border-color: var(--fst-primary); box-shadow: 0 2px 8px -3px rgba(37,99,235,.6); } .fst-portal-pntp.is-clickable:focus-visible { outline: 2px solid var(--fst-primary-dark); outline-offset: 2px; } /* ---- Modal explicativo PNTP (item da Cartilha) ---- */ body.fst-pntp-open { overflow: hidden; } .fst-pntp-overlay { position: fixed; inset: 0; z-index: 100000; background: rgba(15,23,42,.55); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; padding: 20px; } .fst-pntp-overlay[hidden] { display: none; } .fst-pntp-modal { position: relative; background: #fff; width: 100%; max-width: 560px; max-height: 88vh; overflow-y: auto; border-radius: 18px; box-shadow: 0 30px 70px -20px rgba(15,23,42,.55); padding: 26px 28px 22px; font-family: var(--fst-font, inherit); color: var(--fst-text, #1E293B); animation: fst-pntp-pop .18s ease-out; } @keyframes fst-pntp-pop { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } } .fst-pntp-close { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: none; border-radius: 10px; background: #F1F5F9; color: #475569; font-size: 22px; line-height: 1; cursor: pointer; transition: background .15s; } .fst-pntp-close:hover { background: #E2E8F0; } .fst-pntp-head { display: flex; gap: 14px; align-items: flex-start; padding-right: 34px; } .fst-pntp-emoji { flex: 0 0 auto; width: 54px; height: 54px; display: grid; place-items: center; } .fst-pntp-emoji .fst-ico { width: 54px; height: 54px; } .fst-pntp-sec h3 .fst-pntp-i { vertical-align: -2px; margin-right: 5px; } .fst-pntp-sec--check h3 .fst-pntp-i { color: #16A34A; } .fst-pntp-legal-lbl .fst-pntp-i { vertical-align: -2px; margin-right: 4px; } .fst-pntp-dica-i { display: inline-flex; color: #CA8A04; } .fst-pntp-head-txt { min-width: 0; } .fst-pntp-num { display: block; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-primary-dark, #2563EB); } .fst-pntp-modal h2 { margin: 3px 0 6px; font-size: 20px; font-weight: 800; letter-spacing: -.01em; line-height: 1.2; color: var(--fst-text, #1E293B); } .fst-pntp-tag { display: inline-block; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 2px 10px; } .fst-pntp-tag--ess { background: #FEF2F2; color: #B91C1C; } .fst-pntp-tag--obr { background: #FFF7ED; color: #C2410C; } .fst-pntp-tag--rec { background: #ECFDF5; color: #047857; } .fst-pntp-resumo { margin: 16px 0 4px; font-size: 14.5px; line-height: 1.6; color: var(--fst-text, #334155); } .fst-pntp-sec { margin-top: 18px; } .fst-pntp-sec h3 { margin: 0 0 8px; font-size: 13.5px; font-weight: 800; color: var(--fst-text, #1E293B); } .fst-pntp-sec p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--fst-text-2, #475569); } .fst-pntp-sec ul { margin: 0; padding-left: 4px; list-style: none; display: flex; flex-direction: column; gap: 7px; } .fst-pntp-sec li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.5; color: var(--fst-text-2, #475569); } .fst-pntp-sec li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--fst-primary, #3B82F6); font-weight: 800; } .fst-pntp-hint { margin: 0 0 9px !important; font-size: 12.5px !important; line-height: 1.5; color: var(--fst-text-2, #64748B) !important; } .fst-pntp-sec--check li::before { content: "✔"; color: #16A34A; } .fst-pntp-legal { margin-top: 16px; display: flex; flex-direction: column; gap: 3px; background: var(--fst-surface-2, #F8FAFC); border: 1px solid var(--fst-border, #E2E8F0); border-left: 3px solid var(--fst-primary, #3B82F6); border-radius: 10px; padding: 10px 13px; } .fst-pntp-legal-lbl { font-size: 11.5px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; color: var(--fst-text, #334155); } .fst-pntp-legal-txt { font-size: 12.5px; line-height: 1.5; color: var(--fst-text-2, #64748B); } .fst-pntp-dica { margin-top: 18px; display: flex; gap: 10px; align-items: flex-start; background: #FEFCE8; border: 1px solid #FEF08A; border-radius: 12px; padding: 12px 14px; font-size: 13.5px; line-height: 1.5; color: #713F12; } .fst-pntp-dica span:first-child { font-size: 16px; } .fst-pntp-foot { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--fst-border, #E2E8F0); font-size: 11.5px; color: var(--fst-text-2, #94A3B8); } @media (max-width: 520px) { .fst-pntp-modal { padding: 22px 18px 18px; } .fst-pntp-emoji { width: 46px; height: 46px; } .fst-pntp-emoji .fst-ico { width: 46px; height: 46px; } .fst-pntp-modal h2 { font-size: 18px; } } .fst-tag-form { background: #DBEAFE; color: #1D4ED8; } .fst-tag-decl { background: #FEF3C7; color: #B45309; } /* Rodapé (premium, degradê suave + glow leve) */ .fst-portal-foot { margin-top: 26px; position: relative; color: #fff; padding: 42px 36px 24px; background: radial-gradient(680px 220px at 12% -10%, rgba(96,165,250,.22), transparent 60%), linear-gradient(160deg, #1E3A8A 0%, #16306E 55%, #112456 100%); } .fst-portal-foot::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent); } .fst-portal-foot-cols { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 32px; } .fst-portal-foot-brand { display: flex; align-items: center; gap: 12px; font-weight: 800; font-size: 18px; margin-bottom: 14px; letter-spacing: -.2px; } .fst-portal-foot-brand img { width: 36px; height: 36px; object-fit: contain; } .fst-portal-foot h4 { font-size: 12px; margin: 0 0 14px; font-weight: 700; color: rgba(255,255,255,.95); text-transform: uppercase; letter-spacing: 1.4px; position: relative; padding-bottom: 8px; } .fst-portal-foot h4::after { content: ""; position: absolute; left: 0; bottom: 0; width: 22px; height: 2px; border-radius: 2px; background: rgba(147,197,253,.9); } .fst-portal-foot p { font-size: 13px; color: rgba(255,255,255,.72); line-height: 1.9; margin: 0; } .fst-portal-foot ul { list-style: none; margin: 0; padding: 0; } .fst-portal-foot li { font-size: 13.5px; line-height: 1; margin-bottom: 11px; } .fst-portal-foot a { color: rgba(255,255,255,.78); text-decoration: none; transition: color .15s ease, padding .15s ease; display: inline-block; } .fst-portal-foot a:hover { color: #fff; padding-left: 4px; } .fst-portal-contact { display: flex; flex-wrap: wrap; gap: 8px 26px; justify-content: center; padding: 14px 20px; margin: 0 0 6px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13.5px; } .fst-portal-contact-i { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.82); } .fst-portal-contact-i strong { color: #fff; font-weight: 700; } .fst-portal-contact-i a { color: rgba(255,255,255,.82); text-decoration: none; padding: 0; display: inline; } .fst-portal-contact-i a:hover { color: #fff; text-decoration: underline; padding: 0; } .fst-portal-contact-i svg { width: 15px; height: 15px; flex: none; opacity: .85; } .fst-portal-copy { border-top: 1px solid rgba(255,255,255,.13); margin-top: 26px; padding-top: 18px; font-size: 12px; color: rgba(255,255,255,.6); text-align: center; letter-spacing: .2px; } @media (max-width: 980px) { .fst-portal-grid { grid-template-columns: repeat(2, 1fr); } .fst-portal-ind { grid-template-columns: repeat(2, 1fr); } .fst-portal-foot-cols { grid-template-columns: 1fr 1fr; } } @media (max-width: 620px) { .fst-portal-grid, .fst-portal-ind, .fst-portal-foot-cols { grid-template-columns: 1fr; } .fst-portal-hero h1 { font-size: 25px; } .fst-portal-topbar { flex-direction: column; gap: 4px; } .fst-portal-cta { display: none; } .fst-portal-search input { padding-right: 18px; } .fst-portal-search-btn { display: none; } } @media (max-width: 860px) { .fst-ouv-grid { grid-template-columns: 1fr; } } @media (max-width: 720px) { .fst-ouv-hero { flex-direction: column; text-align: center; align-items: center; padding: 22px; } .fst-ouv-types { grid-template-columns: 1fr; } .fst-ouv-row { grid-template-columns: 1fr; } .fst-pub-detail { grid-template-columns: 1fr; } .fst-pub-detail .item.full { grid-column: span 1; } } /* ---- Página de conteúdo do portal (item interno) ---- */ .fst-portal-page { max-width: 920px; margin: 0 auto; padding: 28px 20px 52px; } .fst-portal-crumb { font-size: 13px; color: var(--fst-text-2); margin-bottom: 14px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .fst-portal-crumb a { color: var(--fst-primary-dark); text-decoration: none; } .fst-portal-crumb a:hover { text-decoration: underline; } .fst-portal-crumb .sep { color: #cbd5e1; } .fst-portal-updated { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--fst-text-2); background: #fff; border: 1px solid var(--fst-border); border-radius: 999px; padding: 4px 12px; white-space: nowrap; } .fst-portal-updated svg { color: var(--fst-primary-dark); flex: 0 0 auto; } .fst-portal-updated strong { color: var(--fst-text); font-weight: 700; } @media (max-width: 600px) { .fst-portal-updated { margin-left: 0; } } .fst-portal-page-title { font-size: 30px; font-weight: 800; color: var(--fst-text); margin: 0 0 18px; line-height: 1.18; } .fst-portal-page-body { font-size: 16px; line-height: 1.75; color: #334155; } .fst-portal-page-body > *:first-child { margin-top: 0; } .fst-portal-page-body h2 { font-size: 22px; margin: 28px 0 10px; color: var(--fst-text); } .fst-portal-page-body h3 { font-size: 18px; margin: 22px 0 8px; color: var(--fst-text); } .fst-portal-page-body p { margin: 0 0 14px; } .fst-portal-page-body ul, .fst-portal-page-body ol { margin: 0 0 14px 22px; } .fst-portal-page-body li { margin: 4px 0; } .fst-portal-page-body img { max-width: 100%; height: auto; border-radius: 12px; } .fst-portal-page-body a { color: var(--fst-primary-dark); } .fst-portal-page-body blockquote { margin: 0 0 14px; padding: 8px 16px; border-left: 4px solid var(--fst-primary); background: #f8fafc; color: var(--fst-text-2); } .fst-portal-page-body table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 14px; } .fst-portal-page-body th, .fst-portal-page-body td { border: 1px solid var(--fst-border); padding: 8px 10px; text-align: left; } .fst-portal-page-body th { background: #f8fafc; } .fst-portal-page-empty { color: #94a3b8; font-style: italic; } .fst-portal-page-back { display: inline-block; margin-top: 26px; color: var(--fst-primary-dark); text-decoration: none; font-weight: 600; } .fst-portal-page-back:hover { text-decoration: underline; } /* ---- Agenda do Prefeito (linha do tempo) ---- */ .fst-agenda-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; } .fst-agenda-head .fst-portal-page-title { margin: 0; } .fst-agenda-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .fst-agenda-results { font-size: 13px; font-weight: 600; color: var(--fst-text-2); } .fst-agenda-export { display: inline-flex; gap: 8px; } .fst-portal-exp { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; color: var(--fst-primary-dark); text-decoration: none; border: 1px solid var(--fst-border); background: #fff; border-radius: 10px; padding: 7px 12px; } .fst-portal-exp:hover { border-color: var(--fst-primary); background: #f5f7ff; } .fst-agenda-filters { margin: 0 0 22px; } .fst-agenda-nav { display: flex; align-items: center; gap: 8px; } .fst-agenda-navbtn { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--fst-border); border-radius: 10px; background: #fff; color: var(--fst-text); text-decoration: none; font-size: 18px; line-height: 1; } .fst-agenda-navbtn:hover { border-color: var(--fst-primary); color: var(--fst-primary-dark); } .fst-agenda-month { font-weight: 700; color: var(--fst-text); min-width: 150px; text-align: center; text-transform: capitalize; } .fst-agenda-today { margin-left: 6px; font-size: 13px; font-weight: 600; color: var(--fst-primary-dark); text-decoration: none; padding: 7px 12px; border-radius: 999px; background: #eef2ff; } .fst-agenda-today:hover { background: #e0e7ff; } .fst-agenda-empty { text-align: center; padding: 50px 20px; color: var(--fst-text-2); } .fst-agenda-empty span { font-size: 38px; display: block; margin-bottom: 8px; } .fst-agenda-timeline { display: flex; flex-direction: column; } .fst-agenda-day { display: flex; gap: 18px; padding: 16px 0; border-top: 1px solid var(--fst-border); } .fst-agenda-day:first-child { border-top: none; padding-top: 0; } .fst-agenda-date { flex: 0 0 92px; text-align: center; } .fst-agenda-date .d { font-size: 28px; font-weight: 800; color: var(--fst-text); line-height: 1; display: block; } .fst-agenda-date .m { font-size: 12px; color: var(--fst-text-2); text-transform: capitalize; } .fst-agenda-day.is-today .fst-agenda-date .d { color: var(--fst-primary-dark); } .fst-agenda-todaytag { display: inline-block; margin-top: 6px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #fff; background: var(--fst-primary); border-radius: 999px; padding: 2px 8px; } .fst-agenda-events { list-style: none; margin: 0; padding: 0; flex: 1; display: flex; flex-direction: column; gap: 10px; } .fst-agenda-event { display: flex; gap: 14px; } .fst-agenda-time { flex: 0 0 62px; font-weight: 700; color: var(--fst-primary-dark); font-size: 14px; padding-top: 12px; } .fst-agenda-time span { display: block; font-weight: 500; color: var(--fst-text-2); font-size: 12px; } .fst-agenda-card { flex: 1; min-width: 0; background: #fff; border: 1px solid var(--fst-border); border-left: 3px solid var(--fst-primary); border-radius: 12px; padding: 12px 14px; box-shadow: 0 1px 2px rgba(16,24,40,.04); } .fst-agenda-titlerow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .fst-agenda-title { font-weight: 700; color: var(--fst-text); font-size: 15px; } .fst-agenda-meta { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 6px; font-size: 13px; color: var(--fst-text-2); } .fst-agenda-desc { margin-top: 8px; font-size: 14px; color: #334155; line-height: 1.6; } @media (max-width: 600px) { .fst-agenda-day { flex-direction: column; gap: 8px; } .fst-agenda-date { display: flex; align-items: baseline; gap: 8px; text-align: left; flex: none; } .fst-agenda-date .d { font-size: 20px; } .fst-agenda-time { flex-basis: 52px; padding-top: 10px; } } /* ---- Embed (PDF / iframe) no detalhe ---- */ .fst-embed { width: 100%; height: 68vh; min-height: 420px; border: 1px solid var(--fst-border); border-radius: 12px; background: #fff; } /* ---- Carta de Serviços (catálogo) ---- */ .fst-svc-page { max-width: 980px; } .fst-svc-sub { color: var(--fst-text-2); font-size: 14px; margin: 4px 0 0; } .fst-svc-cat { font-size: 16px; font-weight: 800; color: var(--fst-text); margin: 26px 0 12px; display: flex; align-items: center; gap: 10px; } .fst-svc-cat span { font-size: 12px; font-weight: 700; color: var(--fst-primary-dark); background: #eef0ff; border-radius: 999px; padding: 2px 9px; } .fst-svc-list { display: flex; flex-direction: column; gap: 10px; } .fst-svc { border: 1px solid var(--fst-border); border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.04); overflow: hidden; } .fst-svc[open] { box-shadow: 0 8px 26px rgba(16,24,40,.08); border-color: #dfe2ee; } .fst-svc-head { display: flex; align-items: center; gap: 10px; padding: 15px 18px; cursor: pointer; list-style: none; font-weight: 700; color: var(--fst-text); } .fst-svc-head::-webkit-details-marker { display: none; } .fst-svc-title { flex: 1; min-width: 0; } .fst-svc-caret { color: var(--fst-text-2); transition: transform .2s ease; font-size: 12px; } .fst-svc[open] .fst-svc-caret { transform: rotate(180deg); } .fst-svc-body { padding: 4px 18px 18px; border-top: 1px solid var(--fst-border); } .fst-svc-desc { font-size: 14.5px; color: #334155; line-height: 1.6; margin: 14px 0 16px; } .fst-svc-meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 24px; margin-bottom: 14px; } .fst-svc-meta-item { display: flex; flex-direction: column; gap: 2px; } .fst-svc-meta-item .k { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--fst-text-2); } .fst-svc-meta-item .v { font-size: 14px; color: var(--fst-text); } .fst-svc-block { margin-bottom: 12px; } .fst-svc-block h4 { font-size: 13px; font-weight: 700; color: var(--fst-text); margin: 0 0 4px; } .fst-svc-block div { font-size: 14px; color: #334155; line-height: 1.6; } .fst-svc-link { display: inline-block; margin-top: 6px; font-weight: 700; color: var(--fst-primary-dark); text-decoration: none; } .fst-svc-link:hover { text-decoration: underline; } /* Cabeçalho do serviço: etiquetas (secretaria/canal/situação) */ .fst-svc-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } /* Linhas "Para quem é" / "Prioridade" */ .fst-svc-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0 0 10px; font-size: 14px; } .fst-svc-line-k { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--fst-text-2); } .fst-svc-line-v { color: var(--fst-text); } /* Chips */ .fst-svc-chips { display: flex; flex-wrap: wrap; gap: 6px; } .fst-svc-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--fst-text); background: #eef2ff; border: 1px solid #e0e7ff; border-radius: 999px; padding: 3px 11px; } .fst-svc-facts { margin: 12px 0 4px; } .fst-svc-chip--info { background: #eff6ff; border-color: #dbeafe; color: var(--fst-primary-dark); } .fst-svc-chip--ok { background: #ecfdf5; border-color: #d1fae5; color: #047857; } .fst-svc-chip--warn { background: #fffbeb; border-color: #fef3c7; color: #b45309; } /* Requisitos (lista) e etapas (passo a passo) */ .fst-svc-reqs, .fst-svc-steps { margin: 6px 0 0; padding-left: 20px; } .fst-svc-reqs li, .fst-svc-steps li { font-size: 14px; color: #334155; line-height: 1.55; margin-bottom: 4px; } .fst-svc-reqs { list-style: disc; } .fst-svc-steps { list-style: decimal; } .fst-svc-steps li { padding-left: 2px; } /* Botões do serviço */ .fst-svc-btn { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; text-decoration: none; border-radius: 10px; padding: 9px 16px; } .fst-svc-btn--primary { background: var(--fst-primary); color: #fff; } .fst-svc-btn--primary:hover { background: var(--fst-primary-dark); } .fst-svc-btn--ghost { background: #fff; color: var(--fst-primary-dark); border: 1px solid var(--fst-border); } .fst-svc-btn--ghost:hover { border-color: var(--fst-primary); } /* Card de contato da secretaria — bloco destaque */ .fst-svc-contact { margin: 16px 0 6px; padding: 16px 18px; background: #f8faff; border: 1px solid #e4ecff; border-left: 4px solid var(--fst-primary); border-radius: 12px; } .fst-svc-contact-h { font-size: 13px; font-weight: 800; color: var(--fst-primary-dark); text-transform: uppercase; letter-spacing: .03em; margin-bottom: 10px; } .fst-svc-contact-sec { margin-bottom: 10px; } .fst-svc-contact-sec strong { display: block; font-size: 15px; color: var(--fst-text); } .fst-svc-contact-sec span { font-size: 13px; color: var(--fst-text-2); } .fst-svc-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; margin-bottom: 12px; } .fst-svc-ci { display: flex; gap: 8px; font-size: 14px; color: var(--fst-text); line-height: 1.45; } .fst-svc-ci .i { flex: none; } .fst-svc-maplink { font-weight: 700; color: var(--fst-primary-dark); text-decoration: none; white-space: nowrap; } .fst-svc-maplink:hover { text-decoration: underline; } .fst-svc-contacts { display: flex; flex-wrap: wrap; gap: 8px; } .fst-svc-cbtn { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; text-decoration: none; color: var(--fst-text); background: #fff; border: 1px solid var(--fst-border); border-radius: 999px; padding: 7px 14px; } .fst-svc-cbtn:hover { border-color: var(--fst-primary); color: var(--fst-primary-dark); } .fst-svc-cbtn--wa { background: #25d366; border-color: #25d366; color: #fff; } .fst-svc-cbtn--wa:hover { background: #1ebe5b; border-color: #1ebe5b; color: #fff; } .fst-svc-contact-acc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed #dbe4ff; } .fst-svc-acc-k { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--fst-text-2); } /* Ouvidoria CTA */ .fst-svc-ouvidoria { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 14px 0 4px; padding: 12px 16px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 12px; } .fst-svc-ouvidoria span { font-size: 13.5px; color: #9a3412; font-weight: 600; } /* Observações / base legal */ .fst-svc-note { margin: 12px 0 4px; padding: 10px 14px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px; font-size: 13.5px; color: #92400e; line-height: 1.5; } .fst-svc-legal { margin-top: 12px; font-size: 12px; color: var(--fst-text-2); } @media (max-width: 600px) { .fst-svc-meta { grid-template-columns: 1fr; } .fst-svc-contact-grid { grid-template-columns: 1fr; } .fst-svc-ouvidoria { flex-direction: column; align-items: flex-start; } .fst-svc-btn, .fst-svc-cbtn { width: 100%; justify-content: center; } } /* ============ Estrutura Organizacional (organograma) ============ */ .fst-org-page { max-width: 1100px; } .fst-org-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 8px 2px 26px; } /* Árvore + conectores 100% CSS */ .fst-org-tree, .fst-org-children { position: relative; display: flex; justify-content: safe center; list-style: none; margin: 0; padding: 0; } .fst-org-scroll > .fst-org-tree { min-width: max-content; padding-left: 4px; padding-right: 4px; } .fst-org-children { padding-top: 22px; } .fst-org-node { position: relative; padding: 22px 8px 0; text-align: center; } .fst-org-node::before, .fst-org-node::after { content: ''; position: absolute; top: 0; right: 50%; width: 50%; height: 22px; border-top: 2px solid var(--fst-border); } .fst-org-node::after { right: auto; left: 50%; border-left: 2px solid var(--fst-border); } .fst-org-node:only-child::before, .fst-org-node:only-child::after { display: none; } .fst-org-tree > .fst-org-node { padding-top: 0; } .fst-org-tree > .fst-org-node::before, .fst-org-tree > .fst-org-node::after { display: none; } .fst-org-node:first-child::before, .fst-org-node:last-child::after { border: 0 none; } .fst-org-node:last-child::before { border-right: 2px solid var(--fst-border); border-radius: 0 6px 0 0; } .fst-org-node:first-child::after { border-radius: 6px 0 0 0; } .fst-org-children::before { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 22px; border-left: 2px solid var(--fst-border); } /* Caixa do órgão */ .fst-org-box { display: inline-flex; flex-direction: column; gap: 4px; align-items: center; min-width: 156px; max-width: 230px; padding: 12px 14px; background: #fff; border: 1px solid var(--fst-border); border-top: 3px solid var(--fst-primary); border-radius: 12px; box-shadow: 0 1px 2px rgba(16,24,40,.05); text-decoration: none; color: var(--fst-text); cursor: pointer; transition: box-shadow .15s, border-color .15s, transform .1s; } .fst-org-box:hover, .fst-org-box:focus-visible { box-shadow: 0 8px 22px rgba(16,24,40,.12); border-color: #dfe2ee; transform: translateY(-1px); outline: none; } .fst-org-box.is-inativo { opacity: .55; border-top-color: var(--fst-text-2); } .fst-org-tree > .fst-org-node > .fst-org-box { border-top-color: var(--fst-primary-dark); background: #f6f8ff; } .fst-org-sigla { font-weight: 800; font-size: 14.5px; color: var(--fst-text); } .fst-org-title { font-size: 11.5px; color: var(--fst-text-2); line-height: 1.3; } .fst-org-titular { font-size: 11px; color: var(--fst-text-2); font-style: italic; } .fst-org-box .fst-badge { transform: scale(.92); } /* Lista de órgãos (cards visíveis abaixo do organograma) */ .fst-org-list { margin-top: 34px; } .fst-org-list-h { font-size: 17px; font-weight: 800; color: var(--fst-text); margin: 0 0 14px; display: flex; align-items: center; gap: 10px; } .fst-org-list-h span { font-size: 12px; font-weight: 700; color: var(--fst-primary-dark); background: #eef4ff; border-radius: 999px; padding: 2px 10px; } .fst-org-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 14px; } .fst-org-card { display: flex; flex-direction: column; gap: 8px; background: #fff; border: 1px solid var(--fst-border); border-radius: 14px; padding: 16px 18px; box-shadow: 0 1px 2px rgba(16,24,40,.04); transition: box-shadow .15s, border-color .15s, transform .1s; } .fst-org-card:hover { box-shadow: 0 10px 26px rgba(16,24,40,.09); border-color: #dfe6f2; transform: translateY(-1px); } .fst-org-card.is-inativo { opacity: .7; } .fst-org-card-top { display: flex; flex-wrap: wrap; gap: 6px; } .fst-org-card-name { font-size: 16px; font-weight: 800; color: var(--fst-text); margin: 2px 0 0; line-height: 1.3; letter-spacing: -.01em; } .fst-org-card-name span { font-weight: 700; color: var(--fst-text-2); font-size: 13.5px; } .fst-org-card-ato { font-size: 12.5px; color: var(--fst-text-2); line-height: 1.5; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fst-org-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--fst-border); } .fst-org-card-resp { display: flex; align-items: center; gap: 9px; min-width: 0; } .fst-org-card-resp-txt { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; } .fst-org-card-resp-txt .k { font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-text-2); font-weight: 700; } .fst-org-card-resp-txt strong { font-size: 13px; color: var(--fst-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; } .fst-org-saibamais { flex: none; border: none; background: var(--fst-primary); color: #fff; font-weight: 700; font-size: 13px; border-radius: 9px; padding: 8px 15px; cursor: pointer; transition: background .15s; } .fst-org-saibamais:hover { background: var(--fst-primary-dark); } /* Avatar (titular) — usado no card e no modal */ .fst-org-avatar { flex: none; width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; color: #fff; background: linear-gradient(135deg, var(--fst-primary), var(--fst-primary-dark)); overflow: hidden; } .fst-org-avatar.has-photo { background: #e9eef7; } .fst-org-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .fst-org-d-person .fst-org-avatar { width: 46px; height: 46px; font-size: 18px; } /* Painel de dados (conteúdo do modal; fonte oculta no card) */ .fst-org-detail-body { display: none; } .fst-org-modal-body .fst-org-d { font-size: 14px; } .fst-org-d-head { margin-bottom: 16px; padding-right: 36px; } .fst-org-d-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .fst-org-d-name { font-size: 22px; font-weight: 800; color: var(--fst-text); margin: 0 0 2px; line-height: 1.2; letter-spacing: -.015em; } .fst-org-d-sigla { font-size: 13px; font-weight: 700; color: var(--fst-primary-dark); background: #eef4ff; border-radius: 6px; padding: 2px 8px; margin-left: 6px; vertical-align: middle; } .fst-org-d-link { margin: 6px 0 0; font-size: 13px; color: var(--fst-text-2); } .fst-org-d-link span { color: var(--fst-primary-dark); font-weight: 600; } .fst-org-d-person { display: flex; align-items: center; gap: 12px; padding: 11px 14px; background: linear-gradient(180deg,#f8faff,#f2f6ff); border: 1px solid #e7eeff; border-radius: 12px; margin-bottom: 16px; } .fst-org-d-person-txt { display: flex; flex-direction: column; line-height: 1.3; } .fst-org-d-person-k { font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-text-2); font-weight: 700; } .fst-org-d-person-txt strong { font-size: 15px; color: var(--fst-text); } .fst-org-d-cargo { font-size: 13px; color: var(--fst-text-2); } .fst-org-d-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; margin: 0 0 16px; } .fst-org-ci { display: flex; gap: 9px; font-size: 14px; align-items: center; color: var(--fst-text); } .fst-org-ci--full { grid-column: 1 / -1; align-items: flex-start; } .fst-org-ci .i { flex: none; width: 20px; text-align: center; } .fst-org-ci a { color: var(--fst-primary-dark); text-decoration: none; font-weight: 600; } .fst-org-ci a:hover { text-decoration: underline; } .fst-org-d-ato { display: flex; flex-direction: column; gap: 3px; font-size: 13.5px; color: var(--fst-text); background: #f8faff; border: 1px solid #e7eeff; border-left: 3px solid var(--fst-primary); border-radius: 10px; padding: 10px 14px; margin: 0 0 16px; line-height: 1.5; } .fst-org-d-ato .k { font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-text-2); font-weight: 700; } .fst-org-doclink { color: var(--fst-primary-dark); font-weight: 700; text-decoration: none; } .fst-org-doclink:hover { text-decoration: underline; } .fst-org-d-block { margin-bottom: 2px; } .fst-org-d-block h4 { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-primary-dark); margin: 0 0 8px; padding-bottom: 7px; border-bottom: 1px solid var(--fst-border); } .fst-org-d-rich { font-size: 14px; line-height: 1.7; color: #334155; } .fst-org-d-rich ol, .fst-org-d-rich ul { padding-left: 22px; margin: 8px 0; } .fst-org-d-rich li { margin: 5px 0; } .fst-org-d-rich p { margin: 8px 0; } /* Modal premium */ .fst-org-modal-overlay { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: flex-start; justify-content: center; padding: 6vh 16px; background: rgba(15,23,42,.5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); overflow-y: auto; } .fst-org-modal-overlay[hidden] { display: none; } .fst-org-modal { position: relative; width: 100%; max-width: 620px; background: #fff; border-radius: 18px; box-shadow: 0 30px 70px rgba(15,23,42,.35); padding: 30px; animation: fst-org-pop .18s ease-out; } @keyframes fst-org-pop { from { opacity: 0; transform: translateY(8px) scale(.985); } to { opacity: 1; transform: none; } } .fst-org-modal-close { position: absolute; top: 16px; right: 18px; width: 36px; height: 36px; border: none; background: #f1f3f9; border-radius: 50%; font-size: 20px; line-height: 1; cursor: pointer; color: var(--fst-text-2); transition: background .15s, color .15s; } .fst-org-modal-close:hover { background: #e6e9f2; color: var(--fst-text); } body.fst-org-modal-open { overflow: hidden; } @media (max-width: 782px) { .fst-org-tree, .fst-org-children { flex-direction: column; align-items: stretch; } .fst-org-children { padding-top: 0; margin-left: 16px; border-left: 2px solid var(--fst-border); } .fst-org-node { padding: 6px 0 0 12px; text-align: left; } .fst-org-node::before, .fst-org-node::after, .fst-org-children::before { display: none !important; } .fst-org-box { width: 100%; max-width: none; min-width: 0; flex-flow: row wrap; align-items: center; gap: 4px 10px; text-align: left; } } @media (max-width: 600px) { .fst-org-d-grid { grid-template-columns: 1fr; } .fst-org-cards { grid-template-columns: 1fr; } .fst-org-modal { padding: 24px 20px; } .fst-org-d-name { font-size: 20px; } } /* Concursos — ações do card */ .fst-svc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 2px; } /* Concursos — tabela de andamento (data · descrição · PDF) */ .fst-cc-and-wrap { overflow-x: auto; border: 1px solid var(--fst-border); border-radius: 10px; margin-top: 6px; } .fst-cc-and { width: 100%; border-collapse: collapse; font-size: 13.5px; } .fst-cc-and th { background: #f4f7ff; color: var(--fst-text-2); text-align: left; font-weight: 700; padding: 9px 12px; border-bottom: 1px solid var(--fst-border); white-space: nowrap; } .fst-cc-and td { padding: 9px 12px; border-bottom: 1px solid var(--fst-border); color: var(--fst-text); vertical-align: top; line-height: 1.5; } .fst-cc-and tbody tr:last-child td { border-bottom: 0; } .fst-cc-and tbody tr:nth-child(even) { background: #fafbff; } .fst-cc-and-d { white-space: nowrap; color: var(--fst-text-2); } .fst-cc-and-f { white-space: nowrap; } .fst-cc-and-f a { color: var(--fst-primary-dark); text-decoration: none; font-weight: 700; } .fst-cc-and-f a:hover { text-decoration: underline; } .fst-cc-and-count { font-size: 11.5px; font-weight: 700; color: var(--fst-primary-dark); background: #eef4ff; border-radius: 999px; padding: 2px 9px; margin-left: 6px; } .fst-cc-and-sort { cursor: pointer; user-select: none; } .fst-cc-and-sort:hover { color: var(--fst-primary-dark); } .fst-cc-and-caret { font-size: 10px; opacity: .7; transition: transform .15s; display: inline-block; } .fst-cc-and-sort.is-open .fst-cc-and-caret { transform: rotate(180deg); } .fst-cc-and-frow td { background: #f4f7ff; font-size: 13px; color: var(--fst-text-2); } .fst-cc-and-frow input[type="date"] { border: 1px solid var(--fst-border); border-radius: 7px; padding: 4px 8px; font: inherit; font-size: 13px; margin: 0 4px; } .fst-cc-and-clear { background: none; border: none; color: var(--fst-primary-dark); font-weight: 700; cursor: pointer; font-size: 12.5px; } .fst-cc-and-clear:hover { text-decoration: underline; } /* Concursos — aviso dinâmico de prazo */ .fst-cc-deadline { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; border-radius: 999px; padding: 5px 13px; margin: 12px 0 2px; } .fst-cc-deadline--open { background: #ecfdf5; color: #047857; } .fst-cc-deadline--closed { background: #fef2f2; color: #b91c1c; } .fst-svc-btn--disabled { background: #eef0f4; color: var(--fst-text-2); cursor: not-allowed; border: 1px solid var(--fst-border); } /* ============ Mapa do Site (gerado do menu) ============ */ .fst-map-page { max-width: 1140px; } .fst-map-intro { background: #f6f8ff; border: 1px solid #e7eeff; border-left: 3px solid var(--fst-primary); border-radius: 12px; padding: 14px 18px; margin-bottom: 16px; font-size: 14px; line-height: 1.6; color: var(--fst-text); } .fst-map-intro p { margin: 0 0 8px; } .fst-map-intro p:last-child { margin-bottom: 0; } .fst-map-search-form { margin-bottom: 18px; } .fst-map-search { width: 100%; max-width: 420px; } .fst-map-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; align-items: start; } .fst-map-col { background: #fff; border: 1px solid var(--fst-border); border-radius: 14px; padding: 16px 18px; box-shadow: 0 1px 2px rgba(16,24,40,.04); } .fst-map-col-h { display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 800; color: var(--fst-text); margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid var(--fst-border); } .fst-map-col-ico { display: inline-flex; width: 30px; height: 30px; flex: none; align-items: center; justify-content: center; border-radius: 8px; background: #eef4ff; color: var(--fst-primary-dark); } .fst-map-col-ico svg { width: 17px; height: 17px; } .fst-map-col-n { margin-left: auto; font-size: 11px; font-weight: 700; color: var(--fst-primary-dark); background: #eef4ff; border-radius: 999px; padding: 1px 8px; } .fst-map-list { list-style: none; margin: 0; padding: 0; } .fst-map-item { margin: 0; } .fst-map-item a { display: flex; align-items: center; gap: 9px; padding: 7px 8px; border-radius: 8px; text-decoration: none; color: var(--fst-text); font-size: 13.5px; transition: background .12s, color .12s; } .fst-map-item a:hover { background: #f4f7ff; color: var(--fst-primary-dark); } .fst-map-label { flex: 1; min-width: 0; } .fst-map-ext { color: var(--fst-text-2); font-size: 12px; } .fst-map-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--fst-text-2); } .fst-map-dot--modulo { background: var(--fst-primary); } .fst-map-dot--pagina { background: var(--fst-success); } .fst-map-dot--construcao { background: var(--fst-warning); } .fst-map-dot--externo { background: var(--fst-info); } .fst-map-legend { display: flex; flex-wrap: wrap; gap: 16px; margin: 22px 0 4px; font-size: 12.5px; color: var(--fst-text-2); } .fst-map-legend span { display: inline-flex; align-items: center; gap: 7px; } .fst-map-empty { text-align: center; padding: 40px 16px; color: var(--fst-text-2); } .fst-map-empty span { font-size: 30px; display: block; margin-bottom: 8px; } /* ============ Estrutura — filtros em sidebar + toolbar ============ */ .fst-org-layout { display: grid; grid-template-columns: 264px 1fr; gap: 22px; align-items: start; margin-top: 18px; } .fst-org-side { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 16px; } .fst-org-side-open { display: none; } .fst-side-box { background: #fff; border: 1px solid var(--fst-border); border-radius: 14px; padding: 15px 16px; box-shadow: 0 1px 2px rgba(16,24,40,.04); } .fst-side-box h4 { font-size: 13.5px; font-weight: 800; color: var(--fst-text); margin: 0 0 12px; } .fst-side-search-row { display: flex; gap: 8px; } .fst-org-q { flex: 1; min-width: 0; border: 1px solid var(--fst-border); border-radius: 9px; padding: 9px 12px; font: inherit; font-size: 14px; } .fst-org-q-btn { flex: none; border: none; background: var(--fst-primary); color: #fff; border-radius: 9px; padding: 0 14px; cursor: pointer; font-size: 15px; } .fst-org-q-btn:hover { background: var(--fst-primary-dark); } .fst-side-check { display: flex; align-items: center; gap: 9px; padding: 5px 0; cursor: pointer; font-size: 14px; color: var(--fst-text); } .fst-side-check input { width: 16px; height: 16px; accent-color: var(--fst-primary); flex: none; } .fst-side-check span:not(.fst-dot) { flex: 1; } .fst-side-fc { font-size: 11.5px; font-weight: 700; color: var(--fst-text-2); background: #f1f4f9; border-radius: 999px; padding: 1px 8px; font-style: normal; } .fst-dot { width: 9px; height: 9px; border-radius: 50%; flex: none; background: var(--fst-text-2); } .fst-dot--success { background: var(--fst-success); } .fst-dot--warning { background: var(--fst-warning); } .fst-dot--danger { background: var(--fst-danger); } .fst-dot--info { background: var(--fst-info); } .fst-dot--neutral { background: #94a3b8; } .fst-dot--primary { background: var(--fst-primary); } .fst-side-about { background: #f6f8ff; border-color: #e7eeff; } .fst-side-about p { margin: 0; font-size: 13px; line-height: 1.55; color: var(--fst-text-2); } .fst-org-clear { align-self: flex-start; background: none; border: none; color: var(--fst-primary-dark); font-weight: 700; font-size: 13px; cursor: pointer; padding: 2px 4px; } .fst-org-clear:hover { text-decoration: underline; } .fst-org-main { min-width: 0; } .fst-org-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; } .fst-org-results { font-size: 14px; color: var(--fst-text-2); } .fst-org-results b { color: var(--fst-text); } .fst-org-toolbar-r { display: flex; align-items: center; gap: 12px; } .fst-org-sort-l { font-size: 13px; color: var(--fst-text-2); display: inline-flex; align-items: center; gap: 6px; } .fst-org-sort { border: 1px solid var(--fst-border); border-radius: 9px; padding: 7px 10px; font: inherit; font-size: 13.5px; background: #fff; } .fst-view-toggle { display: inline-flex; border: 1px solid var(--fst-border); border-radius: 9px; overflow: hidden; } .fst-view-toggle button { border: none; background: #fff; padding: 7px 10px; cursor: pointer; color: var(--fst-text-2); display: inline-flex; } .fst-view-toggle button.is-active { background: var(--fst-primary); color: #fff; } /* Botão "Expandir organograma" + visualização em tela cheia com zoom */ .fst-org-expand { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid var(--fst-border); border-radius: 9px; background: #fff; color: var(--fst-primary); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; } .fst-org-expand:hover { background: var(--fst-primary); color: #fff; border-color: var(--fst-primary); } .fst-org-expand svg { flex: 0 0 auto; } body.fst-org-fs-open { overflow: hidden; } .fst-org-fs { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; background: #eef2f6; } .fst-org-fs[hidden] { display: none; } /* Admin logado: não deixar a barra do WP cobrir os controles de zoom. */ .admin-bar .fst-org-fs { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .fst-org-fs { top: 46px; } } .fst-org-fs-bar { display: flex; align-items: center; gap: 14px; padding: 10px 16px; background: #0f172a; color: #e2e8f0; flex: 0 0 auto; box-shadow: 0 2px 14px rgba(0,0,0,.25); } .fst-org-fs-title { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; font-size: 15px; } .fst-org-fs-title svg { width: 18px; height: 18px; } .fst-org-fs-zoom { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; background: rgba(255,255,255,.08); border-radius: 999px; padding: 3px 5px; } .fst-org-fs-btn { min-width: 34px; height: 32px; border: 0; background: transparent; color: #e2e8f0; font-size: 19px; font-weight: 700; line-height: 1; cursor: pointer; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; } .fst-org-fs-btn.fst-org-fs-fit { font-size: 13px; font-weight: 700; padding: 0 12px; min-width: 0; } .fst-org-fs-btn:hover { background: rgba(255,255,255,.16); } .fst-org-fs-level { min-width: 50px; text-align: center; font-size: 13px; font-weight: 700; color: #cbd5e1; } .fst-org-fs-close { width: 36px; height: 36px; border: 0; border-radius: 9px; background: rgba(255,255,255,.08); color: #e2e8f0; font-size: 17px; cursor: pointer; flex: 0 0 auto; } .fst-org-fs-close:hover { background: #ef4444; color: #fff; } .fst-org-fs-stage { flex: 1 1 auto; overflow: auto; padding: 44px 24px; cursor: grab; } .fst-org-fs-stage.is-panning { cursor: grabbing; } .fst-org-fs-stage.is-panning * { pointer-events: none; } .fst-org-fs-canvas { transform-origin: 50% 0; transition: transform .07s ease-out; width: max-content; margin: 0 auto; } .fst-org-fs-canvas .fst-org-box { cursor: default; } .fst-org-fs-hint { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0; text-align: center; font-size: 12px; color: rgba(15,23,42,.5); pointer-events: none; } @media (max-width: 640px) { .fst-org-fs-title span:last-child { display: none; } .fst-org-fs-stage { padding: 20px 8px; } .fst-org-fs-btn.fst-org-fs-fit { padding: 0 8px; } } .fst-org-card.is-hidden { display: none !important; } .fst-org-box.is-dim { opacity: .25; } .fst-org-cards.is-list { grid-template-columns: 1fr; } .fst-org-cards.is-list .fst-org-card { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 6px 14px; } .fst-org-cards.is-list .fst-org-card-ato { display: none; } .fst-org-cards.is-list .fst-org-card-foot { margin: 0 0 0 auto; padding: 0; border: 0; } .fst-org-empty-js { text-align: center; padding: 40px 16px; color: var(--fst-text-2); } .fst-org-empty-js span { font-size: 30px; display: block; margin-bottom: 8px; } @media (max-width: 880px) { .fst-org-layout { grid-template-columns: 1fr; } .fst-org-side { position: static; } .fst-org-side-open { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; background: #fff; border: 1px solid var(--fst-border); border-radius: 10px; padding: 9px 14px; font-weight: 700; font-size: 14px; color: var(--fst-text); cursor: pointer; } .fst-org-side { display: none; } .fst-org-side.is-open { display: flex; } } /* ========================================================================= * Licitações — LISTA EM CARDS (faixa larga, 1 coluna, trilho por situação). * Substitui a antiga tabela na listagem (.fst-lic-table segue usada por * Fornecedores/Sanções). Ícones SVG de linha (.fst-lic-ic) no lugar de emojis. * ===================================================================== */ .fst-lic-list { display: flex; flex-direction: column; gap: 14px; } .fst-lic-empty { display: flex; align-items: center; justify-content: center; gap: 10px; background: #fff; border: 1px dashed var(--fst-border); border-radius: var(--fst-radius); padding: 28px 18px; text-align: center; color: var(--fst-text-2); font-size: 14px; } .fst-lic-empty .fst-lic-ic { width: 20px; height: 20px; color: var(--fst-text-2); } /* Ícone de linha genérico (currentColor; nunca preenchido) */ .fst-lic-ic { width: 17px; height: 17px; flex: 0 0 auto; fill: none; stroke: currentColor; vertical-align: -3px; } /* Ícone no título da página + nos botões de export/filtrar/chips */ .fst-lic-titleic { display: inline-flex; vertical-align: middle; color: var(--fst-primary-dark); } .fst-lic-titleic .fst-lic-ic { width: 26px; height: 26px; vertical-align: middle; } .fst-portal-exp .fst-lic-ic { width: 15px; height: 15px; } .fst-pub-btn .fst-lic-ic { color: #fff; } .fst-svc-chip .fst-lic-ic { width: 14px; height: 14px; } .fst-svc-block h4 .fst-lic-ic { width: 15px; height: 15px; } /* ---- Card faixa larga ---- */ .fst-lic-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(208px, 244px); gap: 22px; align-items: stretch; background: #fff; border: 1px solid var(--fst-border); border-radius: var(--fst-radius); padding: 18px 22px 18px 28px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); overflow: hidden; transition: box-shadow .15s ease, border-color .15s ease, transform .1s ease; } .fst-lic-card:hover { box-shadow: 0 10px 26px rgba(16, 24, 40, .09); border-color: #dfe6f2; transform: translateY(-1px); } /* Trilho lateral colorido por situação */ .fst-lic-card__rail { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--fst-text-2); } .fst-lic-card--success .fst-lic-card__rail { background: var(--fst-success); } .fst-lic-card--warning .fst-lic-card__rail { background: var(--fst-warning); } .fst-lic-card--danger .fst-lic-card__rail { background: var(--fst-danger); } .fst-lic-card--neutral .fst-lic-card__rail { background: var(--fst-text-2); } .fst-lic-card--info .fst-lic-card__rail { background: var(--fst-secondary); } .fst-lic-card--primary .fst-lic-card__rail { background: var(--fst-primary); } /* Bloco central */ .fst-lic-card__main { min-width: 0; display: flex; flex-direction: column; gap: 9px; } .fst-lic-card__head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .fst-lic-card__head-sep { flex: 1 1 0; min-width: 0; } .fst-lic-card__numero { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; color: var(--fst-text); border-radius: 8px; min-width: 0; } .fst-lic-card__numero-ic { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 auto; border-radius: 8px; background: var(--fst-bg); color: var(--fst-primary-dark); } .fst-lic-card__numero-ic .fst-lic-ic { width: 18px; height: 18px; vertical-align: 0; } .fst-lic-card__numero-txt { font-size: 18px; font-weight: 800; letter-spacing: -.01em; line-height: 1.2; } .fst-lic-card__numero:hover .fst-lic-card__numero-txt { color: var(--fst-primary-dark); text-decoration: underline; text-underline-offset: 3px; } .fst-lic-card__numero:focus-visible { outline: 2px solid var(--fst-primary); outline-offset: 3px; } .fst-lic-card__status { display: inline-flex; align-items: center; flex: 0 0 auto; } .fst-lic-card__status .fst-badge { font-size: 11.5px; line-height: 1.5; } .fst-lic-card__obra { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px 3px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; color: var(--fst-warning); background: #FEF3C7; border: 1px solid #FDE68A; flex: 0 0 auto; } .fst-lic-card__obra .fst-lic-ic { width: 14px; height: 14px; vertical-align: 0; } .fst-lic-card__objeto { margin: 0; font-size: 15px; line-height: 1.5; color: var(--fst-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: calc(1.5em * 2); } .fst-lic-card__meta { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; } .fst-lic-card__meta-item { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--fst-text); } .fst-lic-card__meta-item .fst-lic-ic { color: var(--fst-text-2); vertical-align: 0; } .fst-lic-card__meta-item--org { flex: 1 1 220px; } .fst-lic-card__meta-body { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; } .fst-lic-card__meta-lbl { color: var(--fst-text-2); font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; } .fst-lic-card__meta-val { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fst-lic-card__meta-item--org .fst-lic-card__meta-val { max-width: 100%; } /* Coluna direita: valores + ação */ .fst-lic-card__aside { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 10px; padding-left: 22px; border-left: 1px solid var(--fst-border); text-align: right; } .fst-lic-card__money { display: flex; align-items: center; justify-content: flex-end; gap: 9px; } .fst-lic-card__money-ic { color: var(--fst-success); width: 22px; height: 22px; vertical-align: 0; } .fst-lic-card__money-body { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; } .fst-lic-card__money-lbl { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-text-2); } .fst-lic-card__money-val { font-size: 17px; font-weight: 800; color: var(--fst-text); letter-spacing: -.01em; font-variant-numeric: tabular-nums; } .fst-lic-card__money--homolog { flex-direction: column; align-items: flex-end; gap: 0; padding-top: 8px; border-top: 1px dashed var(--fst-border); } .fst-lic-card__money--homolog .fst-lic-card__money-val { font-size: 14px; color: var(--fst-success); } .fst-lic-card__btn { margin-top: 2px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 16px; border-radius: 9px; background: var(--fst-primary); color: #fff; font-size: 13.5px; font-weight: 700; text-decoration: none; border: 1px solid var(--fst-primary-dark); transition: background .15s ease, box-shadow .15s ease; } .fst-lic-card__btn .fst-lic-ic { color: #fff; width: 16px; height: 16px; vertical-align: 0; } .fst-lic-card__btn:hover { background: var(--fst-primary-dark); } .fst-lic-card__btn:focus-visible { outline: 2px solid #fff; outline-offset: -4px; box-shadow: 0 0 0 3px var(--fst-primary-dark); } @media (max-width: 820px) { .fst-lic-card { grid-template-columns: minmax(0, 1fr) minmax(190px, 210px); gap: 18px; } .fst-lic-card__aside { padding-left: 18px; } } @media (max-width: 640px) { .fst-lic-card { grid-template-columns: 1fr; gap: 16px; padding: 16px 16px 16px 22px; } .fst-lic-card__head-sep { display: none; } .fst-lic-card__status { margin-left: auto; } .fst-lic-card__aside { padding-left: 0; border-left: 0; border-top: 1px solid var(--fst-border); padding-top: 14px; text-align: left; align-items: flex-start; } .fst-lic-card__money { justify-content: flex-start; } .fst-lic-card__money--homolog { align-items: flex-start; } .fst-lic-card__btn { width: 100%; } .fst-lic-card__meta-item--org { flex-basis: 100%; } .fst-lic-card__meta-val { max-width: 100%; white-space: normal; } .fst-lic-card__numero-txt { font-size: 16.5px; } } /* ---- Nota informativa no topo da lista (ex.: PNTP 7.2 — Valores das Diárias) ---- */ .fst-pub-note { margin: 0 0 16px; padding: 13px 16px; border: 1px solid var(--fst-border); border-left: 4px solid var(--fst-primary); border-radius: 10px; background: #f8faff; color: var(--fst-text-2); font-size: 13.5px; line-height: 1.5; } .fst-pub-note p { margin: 0 0 6px; } .fst-pub-note p:last-child { margin-bottom: 0; } .fst-pub-note strong { color: var(--fst-text); } /* ---- Card resumido + botão "Detalhes" (canto inferior direito) ---- */ .fst-rec__foot { display: flex; justify-content: flex-end; margin-top: 4px; } .fst-rec__more { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--fst-primary); background: rgba(59,130,246,.08); color: var(--fst-primary-dark); font-family: var(--fst-font); font-size: 13px; font-weight: 700; cursor: pointer; transition: background .15s ease, box-shadow .15s ease; } .fst-rec__more:hover { background: rgba(59,130,246,.16); } .fst-rec__more:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.35); } .fst-rec__more .fst-lic-ic { width: 16px; height: 16px; } .fst-rec__more-ch { width: 15px; height: 15px; transition: transform .15s ease; } .fst-rec__more:hover .fst-rec__more-ch { transform: translateX(2px); } /* Registro em modo LINK EXTERNO: título vira link + botão "Acessar link" (sem sublinhar). */ a.fst-rec__more { text-decoration: none; } .fst-rec--link .fst-lic-card__numero-txt a { color: var(--fst-primary-dark); text-decoration: none; } .fst-rec--link .fst-lic-card__numero-txt a:hover { text-decoration: underline; } /* ---- Detalhe (grade rótulo/valor) — usado no modal e na impressão ---- */ .fst-rec-detail__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 26px; } .fst-rec-row { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding-bottom: 10px; border-bottom: 1px solid var(--fst-border); } .fst-rec-lbl { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-text-2); } .fst-rec-val { font-size: 14px; font-weight: 600; color: var(--fst-text); word-break: break-word; } .fst-rec-block { margin-top: 14px; } .fst-rec-block .fst-rec-val { font-weight: 500; line-height: 1.55; } .fst-rec-block .fst-rec-val p { margin: 0 0 8px; } /* ---- Modal "Detalhes" ---- */ .fst-rec-modal-overlay { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(15,23,42,.55); backdrop-filter: blur(3px); } .fst-rec-modal-overlay[hidden] { display: none; } .fst-rec-modal { width: min(760px, 100%); max-height: 88vh; display: flex; flex-direction: column; background: #fff; border-radius: 18px; box-shadow: 0 24px 60px rgba(15,23,42,.35); overflow: hidden; } .fst-rec-modal__head { position: relative; display: flex; align-items: center; gap: 12px; padding: 18px 22px; color: #fff; background: linear-gradient(105deg, #3B82F6, #2563EB 60%, #06B6D4); } .fst-rec-modal__title { margin: 0; font-family: var(--fst-font); font-size: 18px; font-weight: 700; line-height: 1.3; flex: 1 1 auto; min-width: 0; } .fst-rec-modal__status .fst-badge { background: rgba(255,255,255,.22); color: #fff; } .fst-rec-modal__close { flex: 0 0 auto; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 10px; background: rgba(255,255,255,.18); color: #fff; cursor: pointer; } .fst-rec-modal__close:hover { background: rgba(255,255,255,.3); } .fst-rec-modal__close .fst-lic-ic { width: 18px; height: 18px; } .fst-rec-modal__body { padding: 20px 22px; overflow-y: auto; } .fst-rec-modal__foot { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding: 14px 22px; border-top: 1px solid var(--fst-border); background: #f8fafc; } .fst-rec-modal__foot .fst-portal-exp { cursor: pointer; border: 1px solid var(--fst-primary); } .fst-rec-modal .fst-embed { height: 52vh; min-height: 320px; } @media (max-width: 560px) { .fst-rec-detail__grid { grid-template-columns: 1fr; } .fst-rec-modal { max-height: 92vh; border-radius: 14px; } .fst-rec-modal__foot { justify-content: stretch; } .fst-rec-modal__foot > * { flex: 1 1 auto; justify-content: center; } } /* ---- Impressão / PDF de um registro ---- */ .fst-print-root { display: none; } .fst-print-root .fst-noprint { display: none !important; } @media print { body.fst-printing { background: #fff !important; } body.fst-printing > *:not(.fst-print-root) { display: none !important; } body.fst-printing .fst-print-root { display: block !important; } .fst-print-root { margin: 0; color: #111; font-family: var(--fst-font); } .fst-print-head { border-bottom: 2px solid #2563EB; padding-bottom: 10px; margin-bottom: 16px; } .fst-print-head h1 { margin: 0 0 2px; font-size: 19px; color: #2563EB; } .fst-print-head .muni { font-size: 12px; color: #555; } .fst-print-root .fst-rec-detail__grid { display: block; } .fst-print-root .fst-rec-row { break-inside: avoid; padding: 5px 0; border-bottom: 1px solid #ddd; } .fst-print-root .fst-noprint { display: none !important; } /* Ouvidoria: comprovante + acompanhamento impressos */ .fst-print-root .fst-ouv-status, .fst-print-root .fst-ouv-answer { background: #fff !important; border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; margin-bottom: 12px; box-shadow: none; break-inside: avoid; } .fst-print-root .fst-ouv-status-h strong { color: #2563EB; } .fst-print-root .fst-ouv-pill { background: #eef2ff; color: #1e3a8a; } .fst-print-root .fst-ouv-tl { list-style: none; padding-left: 4px; margin: 0; } .fst-print-root .fst-ouv-tl li { border-left: 2px solid #bbb; padding: 0 0 10px 14px; break-inside: avoid; } .fst-print-root .fst-ouv-tl-dot { display: none; } .fst-print-root .fst-ouv-answer-h { color: #2563EB; font-weight: 700; text-transform: uppercase; font-size: 11px; } .fst-print-kv { width: 100%; border-collapse: collapse; margin-bottom: 14px; } .fst-print-kv th { text-align: left; width: 34%; padding: 6px 9px; border: 1px solid #ddd; background: #f5f7fb; font-size: 12px; vertical-align: top; } .fst-print-kv td { padding: 6px 9px; border: 1px solid #ddd; font-size: 12px; } .fst-print-block { margin-bottom: 12px; break-inside: avoid; } .fst-print-block h3 { font-size: 13px; margin: 0 0 4px; color: #2563EB; } .fst-print-block p { margin: 0; font-size: 12px; line-height: 1.5; white-space: pre-wrap; } .fst-print-note { font-size: 11px; color: #555; border-top: 1px dashed #ccc; padding-top: 8px; margin-top: 6px; } /* Informações da Ouvidoria — relatório de estatísticas impresso/PDF */ .fst-print-root .fst-print-sec { break-inside: avoid; margin: 0 0 14px; } .fst-print-root .fst-print-sec h2 { font-size: 13px; margin: 14px 0 6px; border-bottom: 2px solid #333; padding-bottom: 3px; color: #111; } .fst-print-root .fst-print-sec p { font-size: 12px; line-height: 1.5; margin: 0; } .fst-print-root .fst-print-tbl { width: 100%; border-collapse: collapse; font-size: 12px; } .fst-print-root .fst-print-tbl td { border: 1px solid #bbb; padding: 4px 9px; } .fst-print-root .fst-print-kpis { display: flex; flex-wrap: wrap; gap: 8px; } .fst-print-root .fst-print-kpi { border: 1px solid #bbb; border-radius: 6px; padding: 7px 12px; min-width: 130px; font-size: 11px; color: #444; } .fst-print-root .fst-print-kpi b { display: block; font-size: 17px; color: #111; } } /* ========================================================================= * Licitações — TELA DE DETALHE (Visualizar): hero + stats + grid + obra + docs * ===================================================================== */ .fst-lic-detail { background: #fff; border: 1px solid var(--fst-border); border-radius: var(--fst-radius); padding: 22px 24px; } /* Hero */ .fst-lic-d-hero { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 16px 18px 16px 22px; border-radius: 12px; background: var(--fst-bg); overflow: hidden; } .fst-lic-d-hero::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--fst-text-2); } .fst-lic-d-hero--success::before { background: var(--fst-success); } .fst-lic-d-hero--warning::before { background: var(--fst-warning); } .fst-lic-d-hero--danger::before { background: var(--fst-danger); } .fst-lic-d-hero--neutral::before { background: var(--fst-text-2); } .fst-lic-d-hero--info::before { background: var(--fst-secondary); } .fst-lic-d-hero--primary::before { background: var(--fst-primary); } .fst-lic-d-hero-main { display: flex; align-items: center; gap: 14px; min-width: 0; } .fst-lic-d-hero-ic { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: #fff; color: var(--fst-primary-dark); border: 1px solid var(--fst-border); flex: 0 0 auto; } .fst-lic-d-hero-ic .fst-lic-ic { width: 24px; height: 24px; vertical-align: 0; } .fst-lic-d-hero-id { display: flex; flex-direction: column; min-width: 0; } .fst-lic-d-hero-num { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--fst-text); line-height: 1.15; } .fst-lic-d-hero-sub { font-size: 13px; color: var(--fst-text-2); margin-top: 2px; } .fst-lic-d-hero-badges { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .fst-lic-d-hero-badges .fst-badge { font-size: 12px; } /* Stat tiles */ .fst-lic-d-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-top: 14px; } .fst-lic-d-stat { position: relative; display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; border-radius: 12px; background: #fff; border: 1px solid var(--fst-border); } .fst-lic-d-stat-ic { position: absolute; right: 13px; top: 13px; color: var(--fst-text-2); opacity: .55; } .fst-lic-d-stat-ic .fst-lic-ic { width: 20px; height: 20px; vertical-align: 0; } .fst-lic-d-stat-k { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-text-2); } .fst-lic-d-stat-v { font-size: 19px; font-weight: 800; color: var(--fst-text); font-variant-numeric: tabular-nums; letter-spacing: -.01em; } .fst-lic-d-stat-v small { font-size: 12px; font-weight: 700; color: var(--fst-text-2); } .fst-lic-d-stat--ok { border-color: #A7F3D0; background: #F0FDF4; } .fst-lic-d-stat--ok .fst-lic-d-stat-v { color: #15803D; } .fst-lic-d-stat--ok .fst-lic-d-stat-ic { color: var(--fst-success); opacity: 1; } .fst-lic-d-stat--accent { border-color: #BFDBFE; background: #EFF6FF; } .fst-lic-d-stat--accent .fst-lic-d-stat-ic { color: var(--fst-primary); opacity: 1; } .fst-lic-d-stat--accent .fst-lic-d-stat-v { color: var(--fst-primary-dark); } /* Info grid (label + valor com ícone) */ .fst-lic-d-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px 22px; margin-top: 20px; } .fst-lic-d-info { display: flex; align-items: flex-start; gap: 10px; min-width: 0; } .fst-lic-d-info .fst-lic-ic { color: var(--fst-text-2); margin-top: 1px; width: 16px; height: 16px; vertical-align: 0; } .fst-lic-d-info-b { display: flex; flex-direction: column; min-width: 0; } .fst-lic-d-info-k { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-text-2); } .fst-lic-d-info-v { font-size: 14px; font-weight: 600; color: var(--fst-text); word-break: break-word; } /* Seções */ .fst-lic-d-sec { margin-top: 26px; } .fst-lic-d-sec-h { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 800; color: var(--fst-text); margin: 0 0 13px; padding-bottom: 9px; border-bottom: 1px solid var(--fst-border); } .fst-lic-d-sec-h .fst-lic-ic { width: 18px; height: 18px; color: var(--fst-primary-dark); vertical-align: 0; } .fst-lic-d-sec-h .fst-badge { margin-left: 4px; font-size: 11px; } .fst-lic-d-objeto { margin: 0; font-size: 15px; line-height: 1.65; color: var(--fst-text); } /* Painel da Obra (acento âmbar) */ .fst-lic-d-obra { background: #FFFBEB; border: 1px solid #FDE68A; border-radius: 12px; padding: 16px 20px 20px; margin-top: 26px; } .fst-lic-d-obra .fst-lic-d-sec-h { border-bottom-color: #FCD34D; } .fst-lic-d-obra .fst-lic-d-sec-h .fst-lic-ic { color: var(--fst-warning); } .fst-lic-d-obra .fst-lic-d-grid { margin-top: 16px; } /* Barra de progresso (execução física) */ .fst-lic-d-progress { margin: 2px 0 4px; } .fst-lic-d-progress-top { display: flex; align-items: baseline; justify-content: space-between; font-size: 13px; color: var(--fst-text-2); margin-bottom: 7px; } .fst-lic-d-progress-top strong { color: #B45309; font-weight: 800; font-size: 16px; font-variant-numeric: tabular-nums; } .fst-lic-d-progress-track { height: 10px; border-radius: 999px; background: #FDE68A; overflow: hidden; } .fst-lic-d-progress-fill { height: 100%; border-radius: 999px; background: var(--fst-warning); min-width: 6px; } /* Documentos relacionados — tiles */ .fst-lic-docs { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; } .fst-lic-doc { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--fst-border); border-radius: 12px; background: #fff; text-decoration: none; color: var(--fst-text); transition: border-color .15s ease, box-shadow .15s ease, transform .1s ease; } .fst-lic-doc:hover { border-color: var(--fst-primary); box-shadow: 0 8px 20px rgba(16, 24, 40, .08); transform: translateY(-1px); } .fst-lic-doc-ic { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: #FEF2F2; color: #DC2626; flex: 0 0 auto; } .fst-lic-doc-ic .fst-lic-ic { width: 20px; height: 20px; vertical-align: 0; } .fst-lic-doc-b { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; } .fst-lic-doc-name { font-size: 13.5px; font-weight: 700; color: var(--fst-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fst-lic-doc-type { font-size: 11.5px; color: var(--fst-text-2); font-weight: 600; } .fst-lic-doc-dl { color: var(--fst-text-2); flex: 0 0 auto; } .fst-lic-doc-dl .fst-lic-ic { vertical-align: 0; } .fst-lic-doc:hover .fst-lic-doc-dl { color: var(--fst-primary); } .fst-lic-doc--off { cursor: default; } .fst-lic-doc--off:hover { border-color: var(--fst-border); box-shadow: none; transform: none; } /* Link de portaria dentro das tabelas do detalhe */ .fst-cc-and-link { display: inline-flex; align-items: center; gap: 5px; color: var(--fst-primary-dark); text-decoration: none; font-weight: 600; } .fst-cc-and-link:hover { text-decoration: underline; } .fst-cc-and-link .fst-lic-ic { width: 15px; height: 15px; vertical-align: 0; } /* Voltar à lista */ .fst-lic-d-back { margin-top: 24px; } .fst-lic-d-back .fst-portal-page-back { display: inline-flex; align-items: center; gap: 7px; } .fst-lic-d-back .fst-lic-ic { width: 16px; height: 16px; vertical-align: 0; transform: scaleX(-1); } @media (max-width: 600px) { .fst-lic-detail { padding: 16px; } .fst-lic-d-hero { padding: 14px 14px 14px 18px; } .fst-lic-d-hero-num { font-size: 19px; } .fst-lic-docs { grid-template-columns: 1fr; } } /* ========================================================================= * Cards de REGISTRO (Fornecedores, Empresas Sancionadas) — reaproveitam .fst-lic-card * ===================================================================== */ .fst-lic-card--flat { grid-template-columns: 1fr; } .fst-rec-title { display: inline-flex; align-items: center; gap: 12px; min-width: 0; } .fst-rec-title-ic { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 11px; background: var(--fst-bg); color: var(--fst-primary-dark); } .fst-rec-title-ic .fst-lic-ic { width: 22px; height: 22px; vertical-align: 0; } .fst-rec-title-b { display: flex; flex-direction: column; min-width: 0; } .fst-rec-title-name { font-size: 16px; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; color: var(--fst-text); } .fst-rec-title-sub { font-size: 12.5px; color: var(--fst-text-2); margin-top: 1px; font-variant-numeric: tabular-nums; } .fst-rec-tag { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; color: var(--fst-text-2); background: #F1F5F9; border: 1px solid var(--fst-border); flex: 0 0 auto; } .fst-rec-tag .fst-lic-ic { width: 13px; height: 13px; vertical-align: 0; } /* Aside de contato (Fornecedores) */ .fst-rec-contact { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding-left: 22px; border-left: 1px solid var(--fst-border); } .fst-rec-cbtn { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--fst-primary-dark); text-decoration: none; font-weight: 600; min-width: 0; } .fst-rec-cbtn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fst-rec-cbtn:hover { text-decoration: underline; } .fst-rec-cbtn .fst-lic-ic { color: var(--fst-text-2); width: 15px; height: 15px; flex: 0 0 auto; } /* Motivo (Sanções) */ .fst-rec-motivo { margin: 12px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--fst-text-2); } .fst-rec-motivo strong { color: var(--fst-text); font-weight: 700; } @media (max-width: 640px) { .fst-rec-contact { padding-left: 0; border-left: 0; border-top: 1px solid var(--fst-border); padding-top: 12px; } } /* Contratos e Aditivos (lista derivada) — bloco de documentos no card */ .fst-lic-cad-docs { margin-top: 4px; padding-top: 12px; border-top: 1px dashed var(--fst-border); } .fst-lic-cad-docs-h { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--fst-text-2); margin-bottom: 10px; } .fst-lic-cad-docs-h .fst-lic-ic { width: 15px; height: 15px; color: var(--fst-primary-dark); vertical-align: 0; } .fst-lic-cad-link { margin: 12px 0 0; } .fst-lic-cad-link a { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 700; color: var(--fst-primary-dark); text-decoration: none; } .fst-lic-cad-link a:hover { text-decoration: underline; } .fst-lic-cad-link .fst-lic-ic { width: 16px; height: 16px; vertical-align: 0; } /* -------- Avaliação do portal ("Avaliar agora") -------- */ .fst-aval { max-width: 640px; margin: 0 auto; } .fst-aval-hero { text-align: center; margin: 0 0 20px; } .fst-aval-hero h2 { margin: 0 0 6px; font-size: 22px; color: var(--fst-primary-dark, #1D4ED8); } .fst-aval-hero p { margin: 0; color: #64748B; font-size: 14px; } .fst-aval-form { margin: 0; } /* dentro de .fst-ouv-card — o card já dá moldura/padding */ .fst-aval-block { margin: 0 0 16px; } .fst-aval-lbl { display: block; font-weight: 700; color: #1E293B; margin: 0 0 6px; font-size: 14px; } .fst-aval-lbl .req { color: #DC2626; } .fst-aval-stars { display: inline-flex; gap: 2px; } .fst-aval-star { background: none; border: 0; padding: 0 2px; cursor: pointer; font-size: 30px; line-height: 1; color: #CBD5E1; transition: color .12s, transform .08s; } .fst-aval-star:hover { transform: scale(1.12); } .fst-aval-star.on { color: #F59E0B; } .fst-aval-dims { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0 0 16px; padding: 12px 14px; background: #F8FAFC; border-radius: 10px; } .fst-aval-dim { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .fst-aval-dim label { color: #334155; font-size: 13.5px; } .fst-aval-dim .fst-aval-star { font-size: 22px; } .fst-aval-radio { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; font-size: 14px; color: #334155; cursor: pointer; } .fst-aval-form textarea { width: 100%; border: 1px solid #CBD5E1; border-radius: 8px; padding: 9px 11px; font: inherit; font-size: 14px; resize: vertical; box-sizing: border-box; } .fst-aval-id-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .fst-aval-id-fields input { border: 1px solid #CBD5E1; border-radius: 8px; padding: 9px 11px; font: inherit; font-size: 14px; box-sizing: border-box; } .fst-aval-form button[type="submit"] { margin-top: 4px; } .fst-aval-result { margin-top: 12px; padding: 10px 12px; border-radius: 8px; font-size: 14px; display: none; } .fst-aval-result.ok { display: block; background: #ECFDF5; color: #065F46; border: 1px solid #A7F3D0; } .fst-aval-result.err { display: block; background: #FEF2F2; color: #991B1B; border: 1px solid #FECACA; } .fst-aval-result:not(.ok):not(.err):not(:empty) { display: block; color: #64748B; } @media (max-width: 520px) { .fst-aval-id-fields { grid-template-columns: 1fr; } } /* -------- Menu 3D flutuante do Radar da Transparência -------- */ .fst-radar-float { position: fixed; z-index: 9990; display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 12px; color: #fff; text-decoration: none; background: linear-gradient(145deg, #2563EB 0%, #1D4ED8 55%, #1E3A8A 100%); box-shadow: 0 10px 24px rgba(30,58,138,.45), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 4px rgba(0,0,0,.25); transform: translateY(-50%); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } .fst-radar-float::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 45%); pointer-events: none; } .fst-radar-float:hover { filter: brightness(1.06); box-shadow: 0 14px 30px rgba(30,58,138,.55), inset 0 1px 0 rgba(255,255,255,.4); } .fst-radar-float:focus-visible { outline: 3px solid #93C5FD; outline-offset: 2px; } .fst-radar-left { left: 0; border-radius: 0 14px 14px 0; transform: translateY(-50%) translateX(-2px); } .fst-radar-left:hover { transform: translateY(-50%) translateX(4px); } .fst-radar-right { right: 0; border-radius: 14px 0 0 14px; flex-direction: row-reverse; transform: translateY(-50%) translateX(2px); } .fst-radar-right:hover { transform: translateY(-50%) translateX(-4px); } .fst-radar-float-ic { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #60A5FA, #2563EB 60%, #1E40AF); box-shadow: inset 0 2px 4px rgba(255,255,255,.4), inset 0 -3px 6px rgba(0,0,0,.35), 0 3px 6px rgba(0,0,0,.25); flex: 0 0 auto; } .fst-radar-float-tx { display: flex; flex-direction: column; line-height: 1.15; } .fst-radar-float-tx strong { font-size: 15px; font-weight: 800; letter-spacing: .01em; } .fst-radar-float-tx span { font-size: 11px; opacity: .9; } @media (max-width: 600px) { .fst-radar-float-tx { display: none; } .fst-radar-float { padding: 9px; gap: 0; } .fst-radar-left { border-radius: 0 50% 50% 0; } .fst-radar-right { border-radius: 50% 0 0 50%; } } /* Variante REDONDA (botão circular com imagem — ex.: logo do Radar). overflow:visible p/ a legenda sair do círculo. */ .fst-radar-round { padding: 0; width: 66px; height: 66px; border-radius: 50%; overflow: visible; background: #fff; box-shadow: 0 10px 22px rgba(15,23,42,.4), inset 0 -3px 7px rgba(0,0,0,.22), 0 0 0 3px rgba(255,255,255,.85); } .fst-radar-round.fst-radar-left { left: 16px; border-radius: 50%; transform: translateY(-50%); } .fst-radar-round.fst-radar-right { right: 16px; border-radius: 50%; flex-direction: row; transform: translateY(-50%); } .fst-radar-round.fst-radar-left:hover, .fst-radar-round.fst-radar-right:hover { transform: translateY(-50%) scale(1.06); } .fst-radar-round::before { border-radius: 50%; background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 50%); } .fst-radar-round { background-repeat: no-repeat; background-position: 50% 50%; } /* Legenda que aparece ao passar o mouse (desliza ao lado do círculo). */ .fst-radar-float-label { position: absolute; top: 50%; display: flex; flex-direction: column; gap: 1px; white-space: nowrap; padding: 9px 16px; border-radius: 12px; background: linear-gradient(145deg, #2563EB 0%, #1D4ED8 55%, #1E3A8A 100%); color: #fff; box-shadow: 0 10px 24px rgba(30,58,138,.45), inset 0 1px 0 rgba(255,255,255,.25); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; } .fst-radar-float-label strong { font-size: 14px; font-weight: 800; line-height: 1.15; } .fst-radar-float-label > span { font-size: 13px; font-weight: 700; line-height: 1.15; opacity: .95; } .fst-radar-round.fst-radar-left .fst-radar-float-label { left: calc(100% + 12px); transform: translateY(-50%) translateX(-8px); } .fst-radar-round.fst-radar-right .fst-radar-float-label { right: calc(100% + 12px); transform: translateY(-50%) translateX(8px); } .fst-radar-round:hover .fst-radar-float-label, .fst-radar-round:focus-visible .fst-radar-float-label { opacity: 1; transform: translateY(-50%) translateX(0); } @media (max-width: 600px) { .fst-radar-round { width: 56px; height: 56px; } .fst-radar-round.fst-radar-left { border-radius: 50%; } .fst-radar-round.fst-radar-right { border-radius: 50%; } .fst-radar-float-label { display: none; } } @media print { .fst-radar-float { display: none !important; } } /* ============================================================= * * Dados Abertos (página gerada) — catálogo de conjuntos de dados * ============================================================= */ .fst-oa-page .fst-lic-titleic { display: inline-flex; width: 34px; height: 34px; vertical-align: middle; align-items: center; justify-content: center; border-radius: 9px; background: #eef4ff; color: var(--fst-primary-dark); margin-right: 8px; } .fst-oa-page .fst-lic-titleic svg { width: 20px; height: 20px; } .fst-oa-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 4px 0 22px; padding: 14px 16px; background: #f6f9ff; border: 1px solid #e3ebfb; border-radius: 12px; } .fst-oa-legend-i { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: #334155; } .fst-oa-legend-i .fst-lic-ic { width: 16px; height: 16px; color: #16a34a; flex: none; } .fst-oa-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; align-items: start; } .fst-oa-card { background: #fff; border: 1px solid var(--fst-border); border-radius: 14px; padding: 16px 18px; box-shadow: 0 1px 2px rgba(16,24,40,.04); display: flex; flex-direction: column; gap: 10px; } .fst-oa-card:hover { border-color: #dfe2ee; box-shadow: 0 8px 26px rgba(16,24,40,.08); } .fst-oa-card-name { font-size: 15.5px; font-weight: 800; color: var(--fst-text); margin: 0; line-height: 1.25; } .fst-oa-card-meta { font-size: 12.5px; color: var(--fst-text-2); margin: 0; } .fst-oa-formats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 4px; } .fst-oa-fmt { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; color: var(--fst-primary-dark); text-decoration: none; border: 1px solid var(--fst-border); background: #fff; border-radius: 9px; padding: 6px 10px; } .fst-oa-fmt:hover { border-color: var(--fst-primary); background: #f5f7ff; } .fst-oa-fmt .fst-lic-ic { width: 14px; height: 14px; } .fst-oa-fmt--api { color: #0f766e; border-color: #cdeae4; background: #f0fbf9; } .fst-oa-fmt--api:hover { border-color: #14b8a6; background: #e6f7f4; } .fst-oa-api { margin: 26px 0 4px; padding: 18px 20px; background: #0f172a; border-radius: 14px; color: #e2e8f0; } .fst-oa-api h2 { font-size: 16px; font-weight: 800; margin: 0 0 6px; color: #fff; } .fst-oa-api p { font-size: 13.5px; margin: 0 0 10px; color: #cbd5e1; } .fst-oa-code { display: inline-block; font-family: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace; font-size: 13px; color: #a5f3fc; background: rgba(148,163,184,.14); border: 1px solid rgba(148,163,184,.25); border-radius: 8px; padding: 7px 11px; word-break: break-all; } @media (max-width: 560px) { .fst-oa-grid { grid-template-columns: 1fr; } }