/* ================================================================ FAZPREV â€” Visual Overrides v2.0.2 Design moderno inspirado em portais governamentais contemporÃ¢neos (Menu estilo Vila do Porto + modernidade) ================================================================ */ /* ---------------------------------------------------------------- PAGE LOADER â€” overlay verde com animaÃ§Ã£o de carregamento HTML injetado via wp_body_open (class-fazprev-setup.php) ---------------------------------------------------------------- */ #fazprev-page-loader { position: fixed; inset: 0; z-index: 99999; background: #066000; display: flex; align-items: center; justify-content: center; transition: opacity 0.45s ease, visibility 0.45s ease; } #fazprev-page-loader.fpl-hidden { opacity: 0; visibility: hidden; pointer-events: none; } #fazprev-page-loader.fpl-gone { opacity: 0; visibility: hidden; pointer-events: none; } .fpl-inner { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; } .fpl-logo-progress { --fpl-progress: 0%; position: relative; width: 260px; max-width: min(74vw, 300px); aspect-ratio: 2.6 / 1; display: grid; place-items: center; overflow: hidden; border-radius: 8px; } .fpl-logo-progress::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient( 90deg, rgba(255, 255, 255, 0.95) var(--fpl-progress), rgba(255, 255, 255, 0.12) var(--fpl-progress) ); mix-blend-mode: screen; transition: background 0.18s linear; } .fpl-logo { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: contain; opacity: 0.42; filter: saturate(0.8); } .fpl-logo-progress.is-loaded .fpl-logo { opacity: 1; filter: none; transition: opacity 0.35s ease, filter 0.35s ease; } .fpl-percent { position: relative; z-index: 3; color: #ffffff; font: 800 1.75rem/1 Inter, system-ui, sans-serif; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.38); } .fpl-label { color: rgba(255, 255, 255, 0.75); font-size: 13px; font-family: Inter, system-ui, sans-serif; margin: 0; letter-spacing: 0.03em; } /* ---------------------------------------------------------------- ALPINE.JS â€” ocultar elementos antes da inicializaÃ§Ã£o Sem esta regra, x-cloak nÃ£o funciona e x-show pisca na carga ---------------------------------------------------------------- */ [x-cloak] { display: none !important; } /* ---------------------------------------------------------------- VLIBRAS â€” wrapper fixo no canto inferior direito do viewport O posicionamento preciso Ã© garantido pelo JS (MutationObserver) em class-fazprev-setup.php. Este CSS Ã© o fallback inicial. IMPORTANTE: NÃƒO sobrescrever [vw] interno â€” VLibras precisa de position:fixed para funcionar (incluindo o painel aberto). ---------------------------------------------------------------- */ #fazprev-vlibras { position: fixed !important; bottom: 24px !important; right: 20px !important; z-index: 2147483000 !important; width: auto !important; height: auto !important; pointer-events: none; /* passa cliques para o botÃ£o interno */ } /* Restaura pointer-events apenas no botÃ£o interativo */ #fazprev-vlibras [vw], #fazprev-vlibras [vw-access-button], #fazprev-vlibras [vw-plugin-wrapper], #fazprev-vlibras .vw-plugin-top-wrapper { pointer-events: auto !important; } html.a11y-font-smaller { font-size: 15px !important; } html.a11y-font-large { font-size: 18px !important; } html.a11y-font-larger { font-size: 20px !important; } /* ---------------------------------------------------------------- MODAL DE BUSCA GLOBAL (classes sm-* para evitar conflito) Renderizado via wp_footer, diretamente no ---------------------------------------------------------------- */ /* Container raiz â€” invisÃvel, sÃ³ o backdrop e painel sÃ£o visÃveis */ #fazprev-search-modal { position: relative; z-index: 9500; } /* Backdrop escurecido */ .sm-backdrop { position: fixed !important; inset: 0 !important; background: rgba(15, 23, 15, 0.6) !important; backdrop-filter: blur(4px) !important; z-index: 9500 !important; /* display controlado pelo Alpine â€” sem !important */ display: block; } /* Painel da busca â€” posicionado no topo, largura total */ .sm-panel { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; max-height: 90vh !important; z-index: 9501 !important; background: #ffffff !important; border-bottom: 3px solid #066000 !important; box-shadow: 0 6px 32px rgba(0,0,0,0.18) !important; /* display controlado pelo Alpine (x-show) â€” sem !important aqui */ display: flex; flex-direction: column; } /* Barra de busca */ .sm-bar { border-bottom: 1px solid #e5e7eb; padding: 0 1.5rem; } .sm-bar__inner { display: flex; align-items: center; gap: 0.875rem; max-width: 860px; margin: 0 auto; height: 64px; } .sm-bar__icon { flex-shrink: 0; color: #066000; } .sm-bar__input { flex: 1; border: none !important; outline: none !important; box-shadow: none !important; font-size: 1.1rem; font-family: inherit; color: #1a1f25; background: transparent; line-height: 1.5; min-width: 0; } .sm-bar__input::placeholder { color: #9ca3af; } .sm-bar__input::-webkit-search-decoration, .sm-bar__input::-webkit-search-cancel-button { -webkit-appearance: none; } .sm-bar__clear { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #e5e7eb; color: #6b7280; cursor: pointer; border: none; transition: background 130ms ease; } .sm-bar__clear:hover { background: #d1d5db; color: #1a1f25; } .sm-bar__close { flex-shrink: 0; display: flex; align-items: center; gap: 0.375rem; padding: 0.3rem 0.7rem; border: 1px solid #e5e7eb; border-radius: 6px; font-size: 0.78rem; font-family: inherit; font-weight: 500; color: #6b7280; background: transparent; cursor: pointer; transition: all 130ms ease; white-space: nowrap; } .sm-bar__close:hover { background: #f3f4f6; color: #1a1f25; border-color: #d1d5db; } .sm-bar__close kbd { font-size: 0.68rem; padding: 0.08rem 0.28rem; background: #f3f4f6; border: 1px solid #d1d5db; border-radius: 3px; } /* Corpo da busca */ .sm-body { overflow-y: auto; flex: 1; max-width: 860px; margin: 0 auto; width: 100%; padding: 0.25rem 1.5rem; } /* Resultados */ .sm-results { list-style: none; padding: 0.5rem 0; margin: 0; } .sm-result { display: flex; align-items: center; gap: 0.875rem; padding: 0.75rem 0.75rem; text-decoration: none !important; color: inherit; border-radius: 8px; transition: background 120ms ease; } .sm-result:hover { background: #f4f6f4; text-decoration: none !important; } .sm-result__type { flex-shrink: 0; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: #066000; background: rgba(6,96,0,0.09); padding: 0.15rem 0.5rem; border-radius: 4px; min-width: 66px; text-align: center; } .sm-result__title { flex: 1; font-size: 0.9375rem; color: #1a1f25; font-weight: 500; line-height: 1.3; } .sm-result__arrow { flex-shrink: 0; color: #d1d5db; transition: color 120ms ease, transform 120ms ease; } .sm-result:hover .sm-result__arrow { color: #066000; transform: translateX(3px); } /* Estados de carregamento / vazio / dica */ .sm-state { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 2.5rem 1rem; color: #6b7280; font-size: 0.875rem; text-align: center; } .sm-spinner { animation: fazprev-spin 0.8s linear infinite; color: #066000; } @keyframes fazprev-spin { to { transform: rotate(360deg); } } .sm-hint { padding: 1.5rem 0.75rem; color: #6b7280; font-size: 0.875rem; } .sm-shortcuts { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-top: 0.75rem; font-size: 0.75rem; color: #9ca3af; } .sm-shortcuts kbd { font-size: 0.68rem; padding: 0.1rem 0.32rem; background: #f3f4f6; border: 1px solid #d1d5db; border-radius: 3px; color: #6b7280; margin-right: 0.25rem; } /* RodapÃ© */ .sm-footer { border-top: 1px solid #f0f0f0; padding: 0.75rem 1.5rem; max-width: 860px; margin: 0 auto; width: 100%; } .sm-all-btn { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; font-weight: 600; color: #066000; background: transparent; border: none; cursor: pointer; font-family: inherit; padding: 0; text-decoration: none !important; transition: gap 150ms ease; } .sm-all-btn:hover { gap: 0.75rem; text-decoration: none !important; } /* ---- Responsivo ---- */ @media (max-width: 640px) { .sm-bar__inner { height: 56px; gap: 0.625rem; } .sm-bar { padding: 0 1rem; } .sm-body { padding: 0.25rem 1rem; } .sm-bar__input { font-size: 1rem; } .sm-bar__close kbd { display: none; } .sm-result { padding: 0.6rem 0.5rem; } .sm-shortcuts { gap: 1rem; } } /* Regra terminal: ui-hero sempre full-bleed, mesmo sob estilos globais do WordPress. */ body .wp-site-blocks #main-content .entry-content.wp-block-post-content > .ui-hero, body .wp-site-blocks #main-content .entry-content.wp-block-post-content .ui-hero.alignfull, body .wp-site-blocks .wp-block-post-content > .ui-hero.alignfull { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; box-sizing: border-box !important; } /* Camada final de alinhamento para componentes genericos criados por padroes HTML. */ body.page .entry-content.wp-block-post-content > :where(.ui-hero, .ui-section), body.single .entry-content.wp-block-post-content > :where(.ui-hero, .ui-section), .entry-content.wp-block-post-content > :where(.ui-hero, .ui-section), .wp-block-post-content > :where(.ui-hero, .ui-section) { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.page .entry-content.wp-block-post-content > .ui-hero, body.single .entry-content.wp-block-post-content > .ui-hero, .entry-content.wp-block-post-content > .ui-hero, .wp-block-post-content > .ui-hero, .entry-content.wp-block-post-content .ui-hero, .wp-block-post-content .ui-hero { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; } .ui-hero > .container, .ui-section > .container, .ui-section > .wp-block-group__inner-container { width: var(--fazprev-container-width) !important; max-width: var(--fazprev-container-width) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* ---------------------------------------------------------------- TIPOGRAFIA â€” base ligeiramente menor, headings compactos ---------------------------------------------------------------- */ html { font-size: 15px !important; } h1 { font-size: clamp(1.5rem, 3.5vw, 2.25rem) !important; } h2 { font-size: clamp(1.2rem, 2.5vw, 1.65rem) !important; } h3 { font-size: clamp(1.05rem, 2vw, 1.3rem) !important; } h4 { font-size: clamp(1rem, 1.5vw, 1.125rem) !important; } /* ---------------------------------------------------------------- LINKS â€” remover sublinhado global; manter apenas em conteÃºdo editorial ---------------------------------------------------------------- */ a { text-decoration: none !important; } /* Manter sublinhado em conteÃºdo de artigos/posts */ .wp-block-post-content a:not([class]), .entry-content a:not([class]), .page-content a:not([class]) { text-decoration: underline !important; } /* ---------------------------------------------------------------- BARRA DE ACESSIBILIDADE â€” fundo verde governamental ---------------------------------------------------------------- */ .accessibility-bar { background: #044a00 !important; /* primary-dark */ padding: 0.3rem 1.25rem !important; font-size: 0.75rem !important; border-bottom: 0 !important; min-height: 32px !important; transition: padding 220ms ease, min-height 220ms ease, background 220ms ease !important; } .accessibility-bar__label { color: rgba(255,255,255,0.65) !important; font-size: 0.65rem !important; letter-spacing: 0.06em !important; } .a11y-btn { color: rgba(255,255,255,0.82) !important; font-size: 0.7rem !important; padding: 0.18rem 0.45rem !important; border-color: transparent !important; } .a11y-btn:hover, .a11y-btn.active { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.25) !important; color: #fff !important; } /* Links internos da barra de acessibilidade */ .accessibility-bar a { color: rgba(255,255,255,0.82) !important; text-decoration: none !important; } .accessibility-bar a:hover { color: #fff !important; } /* ---------------------------------------------------------------- HEADER â€” fixo no topo via JS (add_page_loader â†’ DOMContentLoaded) O JS fixa o wrapper .wp-block-template-part que contÃ©m o header e a barra de acessibilidade. Este CSS Ã© o fallback de estilo. ---------------------------------------------------------------- */ /* Fallback: caso o JS ainda nÃ£o tenha rodado, o .site-header jÃ¡ inicia fixo. O JS sobrescreve depois com o wrapper correto. */ .site-header { border-bottom: 3px solid #066000 !important; box-shadow: 0 2px 10px rgba(0,0,0,0.07) !important; background: #fff !important; position: relative !important; top: auto !important; z-index: auto !important; transition: box-shadow 220ms ease, border-color 220ms ease !important; } .site-header--scrolled, .site-header.scrolled { box-shadow: 0 4px 16px rgba(0,0,0,0.13) !important; } /* Wrapper de template-part fixado via JS â€” estilo visual do bloco fixo */ #fazprev-fixed-header-wrapper, .wp-block-template-part[style*="position"][style*="fixed"] { box-shadow: 0 2px 12px rgba(0,0,0,0.10) !important; } body.admin-bar #fazprev-fixed-header-wrapper, body.admin-bar .wp-block-template-part.header, body.admin-bar .wp-block-template-part:has(#site-header) { top: var(--wp-admin--admin-bar--height, 32px) !important; } .wp-block-template-part.header, .wp-block-template-part:has(#site-header) { overflow: visible !important; box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important; transform: none !important; will-change: auto !important; z-index: 9000 !important; } .wp-block-template-part.fazprev-header-is-scrolled, .wp-block-template-part:has(.site-header--scrolled) { box-shadow: 0 12px 34px rgba(0,0,0,0.14) !important; } .wp-block-template-part.fazprev-header-is-scrolled .accessibility-bar, .wp-block-template-part:has(.site-header--scrolled) .accessibility-bar { padding-top: 0.18rem !important; padding-bottom: 0.18rem !important; min-height: 28px !important; } .header-topbar { color: rgba(255,255,255,0.92) !important; transition: max-height 240ms ease, opacity 200ms ease, padding 240ms ease !important; overflow: hidden !important; } .site-header--scrolled .header-topbar, .wp-block-template-part.fazprev-header-is-scrolled .header-topbar { max-height: 0 !important; opacity: 0 !important; pointer-events: none !important; } .header-topbar__contact a, .header-topbar__contact span, .header-topbar__links a { color: rgba(255,255,255,0.92) !important; } .header-topbar__contact a:hover, .header-topbar__links a:hover { color: #ffffff !important; } .header-main, .header-main__inner { transition: padding 240ms ease, min-height 240ms ease, background 240ms ease !important; } .site-header--scrolled .header-main__inner, .wp-block-template-part.fazprev-header-is-scrolled .header-main__inner { padding-top: 0.46rem !important; padding-bottom: 0.46rem !important; } /* Padding-top inicial do body â€” JS ajusta com a altura real medida */ body { padding-top: var(--fazprev-header-h, 108px) !important; animation: fazprev-body-fade 280ms ease both !important; transform: none !important; } @keyframes fazprev-body-fade { from { opacity: 0.01; } to { opacity: 1; } } /* Ancora de links internos: acompanha a altura real */ html { scroll-padding-top: var(--fazprev-header-h, 116px); } #main-content, .wp-site-blocks > main#main-content { margin-top: 0 !important; margin-block-start: 0 !important; } .header-inner { padding: 0.6rem 1.5rem !important; } .site-logo img, .site-logo svg { height: 42px !important; max-width: 180px !important; width: auto !important; object-fit: contain; object-position: left center; } .site-logo { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; max-width: 180px !important; min-width: 0 !important; } .site-header--scrolled .site-logo img, .site-header--scrolled .site-logo svg, .wp-block-template-part.fazprev-header-is-scrolled .site-logo img, .wp-block-template-part.fazprev-header-is-scrolled .site-logo svg { height: 36px !important; } .site-logo__text { color: #066000 !important; } .mobile-drawer__logo img { max-width: 190px; object-fit: contain; } .footer-logo { display: inline-flex; align-items: center; width: auto; max-width: 190px; margin-bottom: 1.25rem; text-decoration: none; background: transparent; } .footer-logo img { display: block; width: auto; height: 52px; max-width: 190px; object-fit: contain; object-position: left center; filter: none; } .footer-col > p:not(.footer-col__title) { font-size: 0.875rem; line-height: 1.6; color: #9ca3af; margin-bottom: 1rem; } .footer-dpo { padding: 0.875rem; background: rgba(255,255,255,.06); border-radius: 0.5rem; border: 1px solid rgba(255,255,255,.1); } .footer-dpo__title { font-size: 0.6875rem !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #6b7280 !important; margin: 0 0 0.5rem !important; } .footer-dpo p:not(.footer-dpo__title) { font-size: 0.8125rem; color: #d1d5db; margin: 0; } .footer-dpo a { color: #4ade80; text-decoration: none; } .footer-bottom p { margin: 0; } .footer-bottom p + p { margin-top: 0.25rem; font-size: 0.75rem; color: #4b5563; } .footer-bottom__links { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } .footer-bottom__links a { font-size: 0.75rem; color: #6b7280; text-decoration: none; } /* ---------------------------------------------------------------- MENU DESKTOP â€” estilo governamental moderno ---------------------------------------------------------------- */ .menu-list { gap: 0.125rem !important; } .menu-item > a, .menu-item > button { font-weight: 600 !important; font-size: 0.72rem !important; color: #383f48 !important; padding: 0.5rem 0.8rem !important; border-radius: 4px !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; text-decoration: none !important; transition: color 150ms ease, background 150ms ease !important; } .menu-item > a:hover, .menu-item > button:hover, .menu-item.active > a { color: #fff !important; background: #066000 !important; } /* BotÃ£o do menu com seta/chevron */ .menu-item > button svg, .menu-item > a svg { width: 14px !important; height: 14px !important; opacity: 0.7 !important; } /* ---------------------------------------------------------------- DROPDOWN / SUBMENU â€” bordas arredondadas, sombra profunda ---------------------------------------------------------------- */ .submenu { border-radius: 10px !important; border: none !important; box-shadow: 0 8px 28px rgba(0,0,0,0.13), 0 2px 8px rgba(0,0,0,0.07) !important; padding: 0.4rem !important; min-width: 210px !important; } .submenu a { border-radius: 6px !important; font-size: 0.8125rem !important; font-weight: 500 !important; padding: 0.48rem 0.875rem !important; color: #383f48 !important; text-decoration: none !important; transition: background 120ms ease, color 120ms ease !important; } .submenu a:hover { background: rgba(6,96,0,0.09) !important; color: #066000 !important; } /* ---------------------------------------------------------------- MEGA MENU â€” card largo com sombra ---------------------------------------------------------------- */ .mega-menu { border-radius: 12px !important; border: none !important; box-shadow: 0 14px 36px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.07) !important; } .mega-menu__col a { font-size: 0.8125rem !important; text-decoration: none !important; } /* Header atual do bloco PHP */ .desktop-nav__list { gap: 0.15rem !important; } .desktop-nav__link { color: #044a00 !important; font-weight: 600 !important; font-size: 0.86rem !important; border-radius: 6px !important; text-decoration: none !important; transition: background 160ms ease, color 160ms ease, transform 160ms ease !important; } .desktop-nav__link:hover, .desktop-nav__link[aria-expanded="true"], .desktop-nav__link--active, .desktop-nav__item.is-active > .desktop-nav__link { color: #ffffff !important; background: #066000 !important; transform: translateY(-1px); } .desktop-nav__dropdown { border: 1px solid rgba(6,96,0,0.12) !important; box-shadow: 0 18px 38px rgba(0,0,0,0.14) !important; border-radius: 8px !important; overflow: visible !important; } .desktop-nav__sub-item { position: relative; } .desktop-nav__sub-link { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0.75rem !important; color: #1a1f25 !important; font-weight: 500 !important; text-decoration: none !important; white-space: nowrap !important; } .desktop-nav__sub-link:hover { color: #044a00 !important; background: #edf7ed !important; } .desktop-nav__sub-link--active { color: #044a00 !important; background: #edf7ed !important; font-weight: 700 !important; } .desktop-nav__sub-chevron { flex: 0 0 auto; color: currentColor; opacity: 0.7; transition: transform 160ms ease, opacity 160ms ease; } .desktop-nav__sub-item.has-children:hover > .desktop-nav__sub-link .desktop-nav__sub-chevron, .desktop-nav__sub-item.has-children:focus-within > .desktop-nav__sub-link .desktop-nav__sub-chevron { opacity: 1; transform: translateX(2px); } .desktop-nav__nested-list { position: absolute; top: -0.4rem; left: calc(100% - 0.25rem); z-index: 220; min-width: 220px; margin: 0 !important; padding: 0.375rem 0 !important; border: 1px solid rgba(6,96,0,0.12); border-radius: 8px; background: #ffffff; box-shadow: 0 18px 38px rgba(0,0,0,0.14); list-style: none; opacity: 0; pointer-events: none; transform: translateX(8px); transition: opacity 160ms ease, transform 160ms ease; } .desktop-nav__sub-item.has-children:hover > .desktop-nav__nested-list, .desktop-nav__sub-item.has-children:focus-within > .desktop-nav__nested-list { opacity: 1; pointer-events: auto; transform: translateX(0); } /* ---------------------------------------------------------------- MENU MOBILE â€” melhorias no drawer ---------------------------------------------------------------- */ .mobile-drawer { position: fixed !important; inset: 0 auto 0 0 !important; z-index: 10060 !important; height: 100vh !important; height: 100dvh !important; max-height: 100dvh !important; width: min(340px, 92vw) !important; box-shadow: -4px 0 24px rgba(0,0,0,0.14) !important; } .mobile-overlay { position: fixed !important; inset: 0 !important; z-index: 10050 !important; } body:has(.mobile-drawer:not([style*="display: none"])) .hero-carousel, body:has(.mobile-drawer:not([style*="display: none"])) .hero-slide { z-index: 0 !important; } .mobile-drawer__link--active, .mobile-drawer__item.is-active > .mobile-drawer__link, .mobile-drawer__sub-link--active { color: #066000 !important; background: #edf7ed !important; font-weight: 700 !important; } .mobile-drawer__sub-list[data-menu-level] { margin: 0 !important; padding: 0.25rem 0 0.25rem 0.75rem !important; border-left: 1px solid rgba(6,96,0,0.14); list-style: none; } .mobile-drawer__sub-list[data-menu-level="1"] { margin-left: 0.75rem !important; } .mobile-drawer__sub-list[data-menu-level="2"], .mobile-drawer__sub-list[data-menu-level="3"], .mobile-drawer__sub-list[data-menu-level="4"] { margin-left: 0.5rem !important; } .mobile-drawer__sub-link.mobile-drawer__toggle { width: 100%; border: 0; background: transparent; text-align: left; } /* ---------------------------------------------------------------- HERO CAROUSEL â€” mais alto, overlay verde, tipografia bold ---------------------------------------------------------------- */ .hero-carousel { min-height: 480px !important; } .hero-slide__overlay { background: linear-gradient( 100deg, rgba(4,74,0,0.80) 0%, rgba(4,74,0,0.50) 45%, rgba(0,0,0,0.08) 100% ) !important; } .hero-slide__title { font-size: clamp(1.6rem, 4vw, 2.6rem) !important; font-weight: 800 !important; color: #ffffff !important; text-shadow: 0 2px 14px rgba(0,0,0,0.35) !important; letter-spacing: 0 !important; } .hero-slide__subtitle { color: rgba(255,255,255,0.96) !important; font-size: 0.975rem !important; opacity: 0.93 !important; text-shadow: 0 1px 6px rgba(0,0,0,0.25) !important; } .hero-slide__badge { font-size: 0.7rem !important; padding: 0.22rem 0.7rem !important; letter-spacing: 0.08em !important; } .hero-slide__content .btn--primary { background: #ffffff !important; border-color: #ffffff !important; color: #044a00 !important; } .hero-slide__content .btn--primary:hover { background: #d94f47 !important; border-color: #d94f47 !important; color: #ffffff !important; } /* ---------------------------------------------------------------- SEÃ‡ÃƒO ACESSO RÃPIDO â€” fundo levemente cinza, cards modernos ---------------------------------------------------------------- */ .acesso-rapido-section { background: #f4f6f4 !important; } .acesso-rapido-card, .access-card, .card, .ui-card, .ui-list-item { border-radius: 8px !important; } .acesso-rapido-card { border-color: rgba(6,96,0,0.14) !important; box-shadow: 0 1px 5px rgba(0,0,0,0.05) !important; isolation: isolate; } .acesso-rapido-card:hover { border-color: rgba(6,96,0,0.45) !important; box-shadow: 0 14px 30px rgba(6,96,0,0.16) !important; } .acesso-rapido-card__icon { background: linear-gradient(135deg, #eaf6eb, #d9efdc) !important; color: var(--ar-icon-color, #06700f) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 10px 24px rgba(6,96,0,0.10) !important; } .acesso-rapido-card__icon svg { width: 28px !important; height: 28px !important; } .acesso-rapido-card:nth-child(2n) .acesso-rapido-card__icon { background: linear-gradient(135deg, #edf5ff, #dbeafe) !important; } .acesso-rapido-card:nth-child(3n) .acesso-rapido-card__icon { background: linear-gradient(135deg, #fff7ed, #ffedd5) !important; } .acesso-rapido-card:hover .acesso-rapido-card__icon { transform: translateY(-2px) scale(1.04) !important; } .fazprev-contact-form { display: flex; flex-direction: column; gap: 1rem; } .fazprev-contact-form label { display: flex; flex-direction: column; gap: 0.4rem; color: #1f2933; font-weight: 700; } .fazprev-contact-form input, .fazprev-contact-form textarea { width: 100%; border: 1px solid #d0d5dd; border-radius: 8px; padding: 0.68rem 0.85rem; font: inherit; color: #101820; background: #fff; } .fazprev-contact-form input:focus, .fazprev-contact-form textarea:focus { outline: 3px solid rgba(6,96,0,0.16); border-color: #066000; } .fazprev-contact-form__check { flex-direction: row !important; align-items: flex-start; font-weight: 500 !important; color: #667085 !important; } .fazprev-contact-form__check input { width: 18px; height: 18px; margin-top: 0.15rem; flex: 0 0 auto; } .fazprev-hp { display: none !important; } .contact-page { padding-top: 3rem; padding-bottom: 4rem; } .contact-page__grid, .fale-conosco-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: clamp(2rem, 4vw, 3rem); align-items: start; } .contact-page__form, .contact-page__aside { min-width: 0; width: 100%; } .contact-page__form h1, .contact-page__aside h2 { margin: 0 0 1rem; color: #1a1f25; font-weight: 700; line-height: 1.15; } .contact-page__form h1 { font-size: clamp(2rem, 4vw, 2.7rem); } .contact-page__aside h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1.5rem; } .contact-page__intro { color: #6b7280; margin-bottom: 1.75rem; max-width: 56ch; } .contact-page .wpforms-container { width: 100% !important; max-width: none !important; margin: 0 !important; } .contact-page .wpforms-field { padding: 0 0 1rem !important; } .contact-page .wpforms-field-label, .contact-page .wpforms-field-sublabel { color: #1f2933 !important; font-size: 0.9rem !important; font-weight: 600 !important; margin-bottom: 0.45rem !important; } .contact-page .wpforms-required-label { color: #d94f47 !important; } .contact-page .wpforms-field input, .contact-page .wpforms-field textarea, .contact-page .wpforms-field select { width: 100% !important; min-height: 44px !important; border: 1px solid #d0d5dd !important; border-radius: 8px !important; background: #fff !important; color: #1a1f25 !important; box-shadow: none !important; padding: 0.68rem 0.85rem !important; font: inherit !important; } .contact-page .wpforms-field textarea { min-height: 120px !important; } .contact-page .wpforms-field input:focus, .contact-page .wpforms-field textarea:focus, .contact-page .wpforms-field select:focus { border-color: #066000 !important; outline: 3px solid rgba(6, 96, 0, 0.16) !important; } .contact-page .wpforms-field-checkbox ul { padding-left: 0 !important; } .contact-page .wpforms-field-checkbox li { display: flex !important; gap: 0.55rem; align-items: flex-start; color: #667085; font-size: 0.9rem; } .contact-page .wpforms-field-checkbox input[type='checkbox'] { width: 18px !important; height: 18px !important; min-height: 18px !important; margin-top: 0.12rem !important; flex: 0 0 auto; } .contact-page .wpforms-submit-container { padding-top: 0 !important; } .contact-page .wpforms-submit { width: 100% !important; min-height: 44px !important; border: 0 !important; border-radius: 8px !important; background: #066000 !important; color: #fff !important; font-weight: 800 !important; box-shadow: 0 10px 24px rgba(6, 96, 0, 0.16) !important; } .contact-page .wpforms-submit:hover, .contact-page .wpforms-submit:focus { background: #044a00 !important; color: #fff !important; } .contact-page .ui-media-card { display: flex; flex-direction: row; align-items: center; gap: 1rem; min-height: 92px; padding: 1.1rem 1.2rem; } .contact-page .ui-media-card__icon { width: 48px; height: 48px; flex: 0 0 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; color: #fff; background: #066000; } .contact-page .ui-media-card__icon svg { display: block !important; width: 22px !important; height: 22px !important; color: #fff !important; stroke: #fff !important; } .contact-page .ui-media-card__icon::before { content: ""; display: block; width: 22px; height: 22px; background: #fff; -webkit-mask: var(--contact-icon) center / contain no-repeat; mask: var(--contact-icon) center / contain no-repeat; } .contact-card--whatsapp { --contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.52 3.48A11.86 11.86 0 0 0 12.07 0C5.5 0 .17 5.33.17 11.9c0 2.1.55 4.16 1.6 5.97L.07 24l6.27-1.64a11.9 11.9 0 0 0 5.73 1.46h.01c6.56 0 11.9-5.33 11.9-11.9 0-3.18-1.24-6.17-3.46-8.44ZM12.08 21.8h-.01a9.88 9.88 0 0 1-5.04-1.38l-.36-.21-3.72.97.99-3.62-.23-.37a9.86 9.86 0 0 1-1.51-5.28c0-5.45 4.43-9.88 9.89-9.88a9.82 9.82 0 0 1 6.98 2.9 9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.88 9.88Zm5.42-7.4c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.08-.3-.15-1.25-.46-2.38-1.47a8.94 8.94 0 0 1-1.65-2.05c-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.62-.92-2.21-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.08 4.49.71.3 1.27.49 1.7.62.72.23 1.37.2 1.88.12.57-.08 1.76-.72 2-1.41.25-.7.25-1.29.18-1.42-.08-.12-.27-.2-.57-.35Z'/%3E%3C/svg%3E"); } .contact-card--email { --contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm8 8.38L4.5 7.5V18h15V7.5L12 12.38Zm0-2.38L19.5 6h-15L12 10Z'/%3E%3C/svg%3E"); } .contact-card--address { --contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a8 8 0 0 0-8 8c0 5.4 7.05 11.5 7.35 11.76a1 1 0 0 0 1.3 0C12.95 21.5 20 15.4 20 10a8 8 0 0 0-8-8Zm0 17.65C9.86 17.65 6 13.4 6 10a6 6 0 1 1 12 0c0 3.4-3.86 7.65-6 9.65ZM12 6.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E"); } .contact-page .ui-media-card strong { display: inline; color: #1a1f25; font-weight: 500; margin-right: 0.15rem; } .contact-page .ui-media-card p { color: #6b7280; margin: 0.25rem 0 0; } .contact-page__esic { display: block; margin-top: 1rem; padding: 1.35rem 1.5rem; } .contact-page__esic h3 { font-size: 1.25rem; line-height: 1.25; margin: 0 0 0.75rem; color: #1a1f25; } .contact-page__esic p { margin: 0 0 1rem; color: #1f426d; } .contact-page__esic .btn { width: fit-content; } @media (max-width: 780px) { .contact-page__grid, .fale-conosco-grid { grid-template-columns: 1fr !important; } } .esic-box { padding: 1rem; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 12px; } .esic-box h3 { font-size: 0.9375rem !important; margin: 0 0 0.5rem !important; color: #1e40af !important; } .esic-box p { font-size: 0.875rem !important; color: #1e40af !important; margin-bottom: 0.75rem !important; } @media (max-width: 900px) { .fale-conosco-grid { grid-template-columns: 1fr !important; } } .acesso-rapido-card__title { color: #101820 !important; } .acesso-rapido-card:hover .acesso-rapido-card__title { color: #044a00 !important; } .access-card { background: #ffffff !important; border: 1px solid rgba(6,96,0,0.10) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important; padding: 1.25rem 0.875rem !important; gap: 0.6rem !important; transition: all 250ms ease !important; text-decoration: none !important; } .access-card:hover { background: #066000 !important; border-color: #066000 !important; color: #fff !important; transform: translateY(-4px) !important; box-shadow: 0 8px 22px rgba(6,96,0,0.25) !important; text-decoration: none !important; } .access-card__title { font-size: 0.78rem !important; font-weight: 600 !important; line-height: 1.3 !important; } .access-card__icon { width: 44px !important; height: 44px !important; background: rgba(6,96,0,0.07) !important; border-radius: 8px !important; } .access-card:hover .access-card__icon { background: rgba(255,255,255,0.18) !important; color: #fff !important; } /* ---------------------------------------------------------------- CARDS DE NOTÃCIA / LICITAÃ‡ÃƒO â€” bordas arredondadas, sombra sutil ---------------------------------------------------------------- */ .card { border-radius: 10px !important; border: 1px solid rgba(0,0,0,0.07) !important; box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important; text-decoration: none !important; } .card:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important; transform: translateY(-3px) !important; text-decoration: none !important; } .card__title { font-size: 0.9375rem !important; font-weight: 600 !important; } /* ---------------------------------------------------------------- BOTÃ•ES â€” mais compactos, border-radius moderno ---------------------------------------------------------------- */ .btn { padding: 0.6rem 1.2rem !important; font-size: 0.85rem !important; border-radius: 6px !important; letter-spacing: 0.01em !important; font-weight: 600 !important; text-decoration: none !important; transition: all 150ms ease !important; } .btn-primary { background: #066000 !important; border-color: #066000 !important; color: #fff !important; } .btn-primary:hover { background: #044a00 !important; border-color: #044a00 !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(6,96,0,0.30) !important; color: #fff !important; text-decoration: none !important; } .btn-outline { color: #fff !important; border-color: rgba(255,255,255,0.7) !important; text-decoration: none !important; } .btn-outline:hover { background: rgba(255,255,255,0.15) !important; border-color: #fff !important; text-decoration: none !important; } .btn--outline { color: #044a00 !important; border-color: #066000 !important; background: #ffffff !important; } .btn--outline:hover { color: #ffffff !important; background: #066000 !important; border-color: #066000 !important; } .section--primary a:not(.btn) { color: #101820 !important; } .reveal-on-scroll { opacity: 0; transform: translateY(18px); transition: opacity 520ms ease, transform 520ms cubic-bezier(.22,1,.36,1), box-shadow 220ms ease, border-color 220ms ease, background 220ms ease; transition-delay: var(--reveal-delay, 0ms); } .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .reveal-on-scroll { opacity: 1; transform: none; transition: none; } } /* ---------------------------------------------------------------- BADGES / TAGS â€” status de licitaÃ§Ã£o, categorias ---------------------------------------------------------------- */ .badge { font-size: 0.68rem !important; padding: 0.18rem 0.55rem !important; border-radius: 4px !important; font-weight: 600 !important; letter-spacing: 0.04em !important; } /* ---------------------------------------------------------------- RODAPÃ‰ â€” links sem sublinhado ---------------------------------------------------------------- */ footer a { text-decoration: none !important; } footer a:hover { text-decoration: none !important; opacity: 0.85 !important; } /* ---------------------------------------------------------------- RESPONSIVO â€” mobile ---------------------------------------------------------------- */ @media (max-width: 768px) { html { font-size: 14px !important; } .hero-carousel { min-height: 280px !important; } .hero-slide__title { font-size: clamp(1.3rem, 5vw, 1.7rem) !important; } .hero-slide__subtitle { font-size: 0.875rem !important; } .header-inner { padding: 0.5rem 1rem !important; } } @media (max-width: 480px) { .hero-carousel { min-height: 240px !important; } } /* ---------------------------------------------------------------- UI KIT GENERICO DO TEMA Componentes reutilizaveis para paginas criadas no editor. ---------------------------------------------------------------- */ .entry-content.wp-block-post-content > :where(.ui-hero, .ui-section), .wp-block-post-content > :where(.ui-hero, .ui-section) { width: 100% !important; max-width: 100% !important; margin: 0 !important; } .entry-content.wp-block-post-content .ui-hero, .wp-block-post-content .ui-hero { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; } .ui-hero { background: linear-gradient(135deg, #044a00 0%, #066000 60%, #0a8a00 100%); color: #fff; padding: 3rem 0 2.75rem; } .ui-hero > .container, .ui-section > .container { width: var(--fazprev-container-width); max-width: var(--fazprev-container-width); margin-inline: auto; padding-inline: 0; } .ui-hero__badge { display: inline-flex; align-items: center; width: fit-content; border: 1px solid rgba(255,255,255,0.35); border-radius: 999px; background: rgba(255,255,255,0.14); color: #fff; padding: 0.3rem 0.85rem; margin: 0 0 0.95rem !important; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1.2; text-transform: uppercase; } .ui-hero__title { max-width: 820px; margin: 0 0 0.65rem !important; color: #fff !important; font-size: clamp(1.7rem, 3.5vw, 2.35rem) !important; font-weight: 800 !important; line-height: 1.15 !important; } .ui-hero__subtitle { max-width: 720px; margin: 0 !important; color: rgba(255,255,255,0.9) !important; font-size: 0.98rem; line-height: 1.6; } .ui-section { padding: 3rem 0 4rem; } .ui-panel, .ui-card { border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,0.04); } .ui-panel { padding: 1.5rem; overflow: hidden; } .ui-card { padding: 1.25rem; } .ui-card h3, .ui-card h4, .ui-panel h2 { margin-top: 0; } .ui-card p, .ui-panel p { color: #6b7280; } .ui-panel > :first-child, .ui-card > :first-child { margin-top: 0 !important; } .ui-panel > :last-child, .ui-card > :last-child { margin-bottom: 0 !important; } .ui-panel :where(.ui-panel, .ui-card, .ui-media-card) { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; } .ui-panel :where(.ui-panel, .ui-card, .ui-media-card) + :where(.ui-panel, .ui-card, .ui-media-card) { margin-top: 1.25rem; } .ui-card--link { display: block; color: inherit; text-decoration: none !important; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .ui-card--link:hover { border-color: rgba(6,96,0,0.42); box-shadow: 0 14px 30px rgba(6,96,0,0.13); transform: translateY(-2px); } .ui-card--highlight { background: #f4f6f4; } .ui-card--accent-bronze, .ui-card--accent-silver, .ui-card--accent-gold, .ui-card--accent-blue { position: relative; overflow: hidden; } .ui-card--accent-bronze::before, .ui-card--accent-silver::before, .ui-card--accent-gold::before, .ui-card--accent-blue::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; } .ui-card--accent-bronze::before { background: #b45309; } .ui-card--accent-silver::before { background: #6b7280; } .ui-card--accent-gold::before { background: #d97706; } .ui-card--accent-blue::before { background: #2563eb; } .ui-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .ui-card-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ui-card-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ui-media-card { display: flex; gap: 1rem; align-items: flex-start; } .ui-media-card__icon { display: inline-flex; width: 48px; height: 48px; flex: 0 0 48px; align-items: center; justify-content: center; border-radius: 8px; background: #066000; color: #fff; } .ui-stat-card { text-align: center; } .ui-stat-card__eyebrow { margin-bottom: 0.5rem; color: #6b7280; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .ui-stat-card__value { margin-bottom: 0.5rem; font-size: 2rem; line-height: 1; } .ui-stat-card__title { margin: 0 0 0.5rem !important; color: #1a1f25 !important; font-size: 1rem !important; } .ui-stat-card__desc { margin: 0 !important; color: #6b7280 !important; font-size: 0.82rem; line-height: 1.5; } .ui-alert { display: flex; gap: 0.875rem; align-items: flex-start; border-radius: 8px; padding: 1rem 1.25rem; line-height: 1.6; } .ui-alert p { margin: 0; } .ui-alert--info { border: 1px solid #bfdbfe; border-left: 4px solid #2563eb; background: #eff6ff; color: #1e3a5f; } .ui-alert__icon { display: inline-flex; width: 20px; height: 20px; flex: 0 0 20px; align-items: center; justify-content: center; border: 1px solid currentColor; border-radius: 50%; font-size: 0.75rem; font-weight: 800; line-height: 1; } .ui-callout { display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; border-radius: 8px; padding: 1.5rem 1.75rem; flex-wrap: wrap; } .ui-callout--surface { border: 1px solid rgba(6,96,0,0.12); background: #f4f6f4; } .ui-callout--primary { background: linear-gradient(135deg, #044a00, #066000); color: #fff; } .ui-callout h2, .ui-callout p { margin: 0; } .ui-callout--primary h2, .ui-callout--primary p { color: #fff !important; } .ui-callout__text { min-width: min(100%, 360px); } .ui-callout__text p { margin-top: 0.4rem; color: #6b7280; } .ui-callout__actions { display: flex; gap: 0.75rem; flex-wrap: wrap; } .ui-list { display: flex; flex-direction: column; gap: 0.5rem; } .ui-list-item { display: flex; gap: 0.75rem; align-items: center; justify-content: space-between; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; color: #1a1f25; padding: 0.8rem 1.1rem; font-weight: 600; text-decoration: none !important; transition: background 150ms ease, border-color 150ms ease, color 150ms ease; } .ui-list-item:hover { border-color: #066000; background: #f4f6f4; color: #066000; } .ui-link-sm { color: #066000; font-size: 0.82rem; font-weight: 700; text-decoration: none !important; } .ui-link-sm:hover { text-decoration: underline !important; } .ui-tabs__nav { display: flex; flex-wrap: wrap; gap: 0.35rem; border-bottom: 1px solid #d8e1d8; } .ui-tabs__button { display: inline-flex; min-height: 44px; align-items: center; border: 1px solid #d8e1d8; border-bottom: 0; border-radius: 8px 8px 0 0; background: #f4f6f4; color: #066000; padding: 0 1rem; font-weight: 800; text-decoration: none !important; } .ui-tabs__button.is-active, .ui-tabs__button.active, .ui-tabs__button:hover { border-color: #066000; background: #066000; color: #fff !important; } .ui-tabs--pills .ui-tabs__nav { gap: 0.5rem; border-bottom: 0; } .ui-tabs--pills .ui-tabs__button { border: 1px solid #d8e1d8; border-radius: 999px; } .ui-tabs__panels { border: 1px solid #d8e1d8; border-top: 0; border-radius: 0 0 8px 8px; background: #fbfdfb; padding: 1rem; overflow: hidden; } .ui-tabs--pills .ui-tabs__panels { margin-top: 1rem; border-top: 1px solid #d8e1d8; border-radius: 8px; } .ui-tabs__panel { border: 0; border-radius: 8px; background: transparent; padding: 1.5rem; overflow: hidden; } .ui-tabs:not(.is-tabs-ready) .ui-tabs__panel:not(:first-of-type) { display: none !important; } .ui-tabs__panel[hidden] { display: none !important; } .ui-tabs__panel > :first-child { margin-top: 0 !important; } .ui-tabs__panel > :last-child { margin-bottom: 0 !important; } .ui-tabs__panel .ui-section { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .ui-tabs__panel .ui-section > .container, .ui-tabs__panel .container { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .ui-tabs__panel .section-badge { margin-bottom: 1rem; } .ui-content-block { padding: 1.75rem 0; } .ui-empty-state { padding: 2rem; color: #6b7280; text-align: center; } .ui-status-panel { overflow: hidden; border: 1px solid rgba(6,96,0,0.15); border-radius: 8px; background: #fff; } .ui-status-panel__header { background: #066000; color: #fff; padding: 1rem 1.5rem; } .ui-status-panel__header h2 { margin: 0 !important; color: #fff !important; font-size: 1rem !important; } .ui-status-panel__body { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .ui-status-item { border-right: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; padding: 1rem 1.5rem; } .ui-status-item__label { display: block; margin-bottom: 0.35rem; color: #6b7280; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .ui-status-item__value { color: #1a1f25; font-weight: 700; } .ui-status-item__value--active { color: #16a34a; } .ui-status-panel__note { margin: 0 !important; border-top: 1px solid #e5e7eb; background: #f9fafb; color: #6b7280; padding: 0.875rem 1.5rem; font-size: 0.82rem; } .ui-two-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; } @media (max-width: 900px) { .ui-card-grid, .ui-card-grid--two, .ui-card-grid--four, .ui-two-columns { grid-template-columns: 1fr; } .ui-callout { align-items: flex-start; } } /* ================================================================ NOTICIAS E LICITACOES â€” home, arquivos e detalhes ================================================================ */ .home-feature-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr); gap: 1.25rem; align-items: stretch; } .home-feature-card, .home-side-card, .archive-news-card, .archive-licitacao-card { color: #1a1f25; text-decoration: none !important; background: #ffffff; border: 1px solid rgba(6,96,0,0.12); border-radius: 8px; box-shadow: 0 4px 14px rgba(16,24,40,0.06); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .home-feature-card:hover, .home-side-card:hover, .archive-news-card:hover, .archive-licitacao-card:hover { transform: translateY(-3px); border-color: rgba(6,96,0,0.28); box-shadow: 0 14px 32px rgba(6,96,0,0.12); } .home-feature-card--large { display: flex; flex-direction: column; min-height: 420px; overflow: hidden; } .home-feature-card__media { aspect-ratio: 16 / 8.5; background: #edf7ed; overflow: hidden; } .home-feature-card__media img, .archive-news-card__media img, .home-side-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 320ms ease; } .home-feature-card:hover img, .archive-news-card:hover img, .home-side-card:hover img { transform: scale(1.035); } .home-feature-card__body { display: flex; flex: 1; flex-direction: column; gap: 0.8rem; padding: 1.45rem; } .home-feature-card time, .home-side-card time, .archive-news-card time, .home-card-badges time, .single-content__badges time { color: #6b7280; font-size: 0.78rem; font-weight: 700; } .home-feature-card h3 { color: #1a1f25 !important; font-size: 1.35rem !important; line-height: 1.25 !important; margin: 0 !important; } .home-feature-card p, .home-side-card p, .archive-news-card p, .archive-licitacao-card p { color: #6b7280 !important; font-size: 0.9rem !important; line-height: 1.55 !important; margin: 0 !important; } .home-feature-card .btn { align-self: flex-start; margin-top: auto; } .home-feature-list { display: grid; gap: 0.9rem; } .home-side-card { display: grid; grid-template-columns: 118px 1fr; gap: 0.9rem; min-height: 126px; padding: 0.85rem; } .home-side-card:not(:has(.home-side-card__media)) { grid-template-columns: 1fr; } .home-side-card__media { aspect-ratio: 1 / 1; border-radius: 6px; background: #edf7ed; overflow: hidden; } .home-side-card h3 { color: #1a1f25 !important; font-size: 1rem !important; line-height: 1.3 !important; margin: 0.35rem 0 0.35rem !important; } .section--primary .home-feature-card, .section--primary .home-side-card { background: rgba(255,255,255,0.98); } .home-feature-card--licitacao { min-height: 360px; } .home-card-badges { display: flex; align-items: center; gap: 0.55rem; flex-wrap: wrap; } .home-licitacao-meta, .archive-licitacao-card__meta, .single-meta-panel dl { display: grid; gap: 0.75rem; margin: 0; } .home-licitacao-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: 0.35rem; } .home-licitacao-meta div, .archive-licitacao-card__meta div, .single-meta-panel dl div { min-width: 0; } .home-licitacao-meta dt, .archive-licitacao-card__meta dt, .single-meta-panel dt { color: #6b7280; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; } .home-licitacao-meta dd, .archive-licitacao-card__meta dd, .single-meta-panel dd { color: #1a1f25; font-size: 0.88rem; font-weight: 600; margin: 0.2rem 0 0; } .archive-hub, .single-content { padding: 3rem 0 4.5rem; } .single-content--with-hero { padding-top: 0; } .single-content--with-hero > .single-content__container { margin-top: 3rem !important; } .archive-hero, .single-content__header { max-width: 860px; margin-bottom: 2rem; } .archive-eyebrow { display: inline-flex; align-items: center; border: 1px solid rgba(6,96,0,0.2); border-radius: 999px; color: #066000; background: #edf7ed; padding: 0.26rem 0.75rem; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.85rem; } .archive-hero h1, .single-content__header h1 { color: #1a1f25 !important; font-size: clamp(1.8rem, 4vw, 2.7rem) !important; line-height: 1.12 !important; margin: 0 0 0.75rem !important; } .archive-hero p, .single-content__header > p { color: #4b5563; font-size: 1rem; line-height: 1.65; margin: 0; } .archive-filter { display: grid; grid-template-columns: minmax(220px, 1.5fr) minmax(180px, 0.9fr) minmax(170px, 0.8fr) auto; gap: 0.9rem; align-items: end; background: #f7faf7; border: 1px solid rgba(6,96,0,0.12); border-radius: 8px; padding: 1rem; margin-bottom: 1rem; } .archive-filter--wide { grid-template-columns: minmax(220px, 1.4fr) minmax(130px, 0.7fr) minmax(150px, 0.8fr) minmax(110px, 0.6fr) minmax(150px, 0.8fr) auto; } .archive-filter--simple { grid-template-columns: minmax(220px, 1fr) auto; } .archive-filter label { display: flex; flex-direction: column; gap: 0.35rem; } .archive-filter span { color: #344054; font-size: 0.78rem; font-weight: 700; } .archive-filter input, .archive-filter select { width: 100%; min-height: 42px; border: 1px solid #d8e1d8; border-radius: 6px; background: #ffffff; color: #1a1f25; font: inherit; padding: 0.55rem 0.7rem; } .archive-filter__actions { display: flex; gap: 0.55rem; align-items: center; } .archive-results-meta { color: #6b7280; font-size: 0.86rem; margin: 1rem 0 1.25rem; } .archive-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .archive-news-card { display: flex; flex-direction: column; overflow: hidden; } .archive-news-card__link { display: flex; flex: 1; flex-direction: column; color: inherit; text-decoration: none !important; } .archive-news-card__media { aspect-ratio: 16 / 9; background: #edf7ed; overflow: hidden; } .archive-news-card__body { display: flex; flex: 1; flex-direction: column; gap: 0.55rem; padding: 1.1rem; } .archive-news-card__body .btn { align-self: flex-start; margin-top: auto; } .archive-news-card h2, .archive-licitacao-card h2 { color: #1a1f25 !important; font-size: 1rem !important; line-height: 1.35 !important; margin: 0 !important; } .archive-licitacao-list { display: grid; gap: 0.85rem; } .archive-licitacao-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.5fr) auto; gap: 1rem; padding: 1.1rem; align-items: center; } .archive-licitacao-card__main { display: flex; flex-direction: column; gap: 0.55rem; } .archive-licitacao-card__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 1px solid #e5e7eb; padding-left: 1rem; } .archive-licitacao-card__actions { display: flex; justify-content: flex-end; } .archive-empty--panel { display: grid; gap: 0.35rem; text-align: center; } .archive-empty--panel strong { color: #334155; } .archive-empty--panel p { margin: 0; color: #647084; } .archive-pagination { display: flex; justify-content: center; gap: 0.35rem; flex-wrap: wrap; margin-top: 2rem; } .archive-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; border: 1px solid #d8e1d8; border-radius: 6px; color: #066000; background: #ffffff; font-weight: 700; text-decoration: none !important; padding: 0 0.65rem; } .archive-pagination .page-numbers.current, .archive-pagination .page-numbers:hover { color: #ffffff; background: #066000; border-color: #066000; } .archive-empty { border: 1px dashed rgba(6,96,0,0.2); border-radius: 8px; color: #6b7280; background: #f7faf7; padding: 2rem; text-align: center; } .archive-empty--dark { color: rgba(255,255,255,0.88); background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.25); } .licitacao-documents { margin-top: 2rem; } .licitacao-document-link { align-items: center; gap: 1rem; } .licitacao-document-link > span:first-child { min-width: 0; } .single-content__container { max-width: var(--fazprev-container-max); } .single-content__badges { display: flex; gap: 0.65rem; align-items: center; flex-wrap: wrap; margin-bottom: 0.9rem; color: #6b7280; font-size: 0.84rem; } .single-content__media { max-width: 920px; margin: 0 0 2rem; border-radius: 8px; overflow: hidden; border: 1px solid rgba(6,96,0,0.12); } .single-content__media img { width: 100%; height: auto; display: block; } .single-content__body { max-width: 920px; color: #344054; font-size: 1rem; line-height: 1.8; } .single-content__body > * { max-width: 820px !important; margin-left: auto; margin-right: auto; } .single-meta-panel { max-width: 920px; background: #f7faf7; border: 1px solid rgba(6,96,0,0.12); border-radius: 8px; padding: 1.25rem; margin-bottom: 2rem; } .single-meta-panel__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; } .single-meta-panel h2 { color: #1a1f25 !important; font-size: 1rem !important; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 !important; } .single-meta-panel dl { grid-template-columns: repeat(3, minmax(0, 1fr)); } .single-content__excerpt { max-width: 920px; margin-bottom: 2rem; } .single-content--licitacao .single-meta-panel, .single-content--licitacao .single-content__body, .single-content--licitacao .single-content__body > *, .single-content--licitacao .licitacao-documents, .single-content--licitacao .licitacao-documents .ui-list { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .single-content--licitacao .single-content__body > .licitacao-documents { margin-top: 2.5rem !important; } .single-share { max-width: 920px; display: flex; align-items: center; gap: 0.65rem; flex-wrap: wrap; border-top: 1px solid #e5e7eb; margin-top: 2rem; padding-top: 1.25rem; } .single-share > span { color: #6b7280; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; margin-right: 0.2rem; } /* ================================================================ CONTEUDO ORGANIZADO â€” abas e listagens reutilizaveis ================================================================ */ .organized-content { padding: 0 0 4.5rem; position: relative; transition: opacity 160ms ease; } .organized-content.is-loading { opacity: 0.68; pointer-events: none; } .entry-content > .organized-content, .wp-block-post-content > .organized-content { width: 100%; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .entry-content > .organized-content > .container, .wp-block-post-content > .organized-content > .container { width: var(--fazprev-container-width); max-width: var(--fazprev-container-width) !important; padding-top: 3rem; padding-left: 0; padding-right: 0; } body.fazprev-has-organized-content #main-content > .wp-block-group { width: 100%; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } body.fazprev-has-organized-content #main-content { padding-left: 0 !important; padding-right: 0 !important; } body.fazprev-has-organized-content .entry-content.wp-block-post-content { width: 100%; max-width: none !important; padding-left: 0; padding-right: 0; } body.fazprev-has-organized-content .entry-content.wp-block-post-content > .wp-block-post-featured-image { display: none; } body.fazprev-has-organized-content .entry-content > .organized-content, body.fazprev-has-organized-content .wp-block-post-content > .organized-content { width: 100%; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .organized-hero { background: linear-gradient(135deg, #044a00 0%, #066000 58%, #0a8a00 100%); color: #ffffff; padding: 3rem 0 2.75rem; margin: 0; } .organized-hero.archive-hero { max-width: none; margin-bottom: 0; } .organized-hero .container { width: var(--fazprev-container-width); max-width: var(--fazprev-container-width); padding-left: 0; padding-right: 0; } /* ---------------------------------------------------------------- LAYOUT GLOBAL CANONICO Mantem header, breadcrumbs, heroes, secoes e blocos do editor na mesma regua visual. Este bloco fica no fim para neutralizar regras antigas do tema e do WordPress que geravam desalinhamento. ---------------------------------------------------------------- */ :root { --fazprev-container-max: 1200px; --fazprev-container-gutter: clamp(1rem, 4vw, 3rem); --fazprev-container-width: min(var(--fazprev-container-max), calc(100vw - (var(--fazprev-container-gutter) * 2))); } .container, .header-topbar__inner, .header-main__inner, .breadcrumbs__list, .ui-hero > .container, .ui-section > .container, .organized-content > .container, .organized-hero > .container, .single-content__container, body.page .entry-content.wp-block-post-content > :where(:not(.alignfull):not(.ui-hero):not(.ui-section):not(.organized-content)), body.single .entry-content.wp-block-post-content > :where(:not(.alignfull):not(.ui-hero):not(.ui-section):not(.organized-content)), body.archive #main-content > .wp-block-group:not(.alignfull), body.search #main-content > .wp-block-group:not(.alignfull) { width: var(--fazprev-container-width) !important; max-width: var(--fazprev-container-width) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } #main-content, .entry-content.wp-block-post-content, .wp-block-post-content, body.page #main-content > .wp-block-group:has(> .entry-content.wp-block-post-content) { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #main-content > * { margin-block-start: 0 !important; } .entry-content.wp-block-post-content > :where(.alignfull, .ui-section, .organized-content), .wp-block-post-content > :where(.alignfull, .ui-section, .organized-content) { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .entry-content.wp-block-post-content > .ui-hero, .wp-block-post-content > .ui-hero { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; } .entry-content.wp-block-post-content > .ui-hero.alignfull, .wp-block-post-content > .ui-hero.alignfull, .entry-content.wp-block-post-content > .wp-block-group.ui-hero, .wp-block-post-content > .wp-block-group.ui-hero { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; } .entry-content.wp-block-post-content .ui-hero, .wp-block-post-content .ui-hero { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; } .entry-content.wp-block-post-content .ui-section:has(> .ui-hero:first-child), .wp-block-post-content .ui-section:has(> .ui-hero:first-child), .entry-content.wp-block-post-content .ui-tabs.ui-section:has(> .ui-hero:first-child), .wp-block-post-content .ui-tabs.ui-section:has(> .ui-hero:first-child) { padding-top: 0 !important; } .entry-content.wp-block-post-content .ui-section:has(.ui-hero), .wp-block-post-content .ui-section:has(.ui-hero), .entry-content.wp-block-post-content .ui-tabs.ui-section:has(.ui-hero), .wp-block-post-content .ui-tabs.ui-section:has(.ui-hero) { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .entry-content.wp-block-post-content .ui-section:has(.ui-hero) > .container, .wp-block-post-content .ui-section:has(.ui-hero) > .container { padding-top: 0 !important; padding-bottom: 0 !important; } .entry-content.wp-block-post-content .ui-section:has(.ui-hero) .ui-hero, .wp-block-post-content .ui-section:has(.ui-hero) .ui-hero { margin-top: 0 !important; margin-bottom: 0 !important; } .entry-content.wp-block-post-content .ui-section:has(.ui-hero) .ui-hero + *, .wp-block-post-content .ui-section:has(.ui-hero) .ui-hero + * { margin-top: 2.75rem !important; } .entry-content.wp-block-post-content > .ui-hero, .wp-block-post-content > .ui-hero, .entry-content.wp-block-post-content > .ui-section, .wp-block-post-content > .ui-section, .entry-content.wp-block-post-content > .organized-content, .wp-block-post-content > .organized-content { margin-top: 0 !important; margin-bottom: 0 !important; } .entry-content.wp-block-post-content > .ui-hero:first-child, .wp-block-post-content > .ui-hero:first-child { margin-top: 0 !important; } body.page #main-content > .wp-block-group:has(> .entry-content.wp-block-post-content > .ui-hero), body.page #main-content > .wp-block-group:has(> .entry-content.wp-block-post-content > .organized-content) { padding-top: 0 !important; } body.page #main-content > .wp-block-group:has(> .entry-content.wp-block-post-content > .ui-hero) > .wp-block-post-title, body.page #main-content > .wp-block-group:has(> .entry-content.wp-block-post-content > .organized-content) > .wp-block-post-title { display: none !important; } .organized-hero .archive-eyebrow { border-color: rgba(255,255,255,0.35); background: rgba(255,255,255,0.14); color: #ffffff; } .organized-hero h1 { color: #ffffff !important; max-width: 820px; } .organized-hero p { color: rgba(255,255,255,0.88) !important; max-width: 760px; } .organized-tabs, .organized-subtabs { display: flex; gap: 0.35rem; flex-wrap: wrap; border-bottom: 1px solid #d8e1d8; margin-bottom: 1rem; } .organized-tabs a, .organized-subtabs a { display: inline-flex; align-items: center; min-height: 44px; color: #066000; background: #f4f6f4; border: 1px solid #d8e1d8; border-bottom: 0; border-radius: 8px 8px 0 0; padding: 0 1rem; font-weight: 700; text-decoration: none !important; transform: translateY(1px); } .organized-tabs a.is-active, .organized-tabs a:hover, .organized-subtabs a.is-active, .organized-subtabs a:hover { color: #ffffff !important; background: #066000; border-color: #066000; } .organized-subtabs { margin-top: 0.75rem; } .organized-subtabs a { min-height: 36px; font-size: 0.85rem; border-radius: 999px; border-bottom: 1px solid #d8e1d8; transform: none; } .archive-filter--organized { grid-template-columns: minmax(220px, 1.4fr) minmax(150px, .8fr) minmax(150px, .8fr) minmax(150px, .8fr) auto; } .organized-list { display: grid; gap: 0.75rem; margin-top: 1rem; } .organized-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; background: #ffffff; border: 1px solid rgba(6,96,0,0.12); border-radius: 8px; padding: 1rem 1.15rem; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .organized-item:hover { transform: translateY(-2px); border-color: rgba(6,96,0,0.28); box-shadow: 0 12px 28px rgba(6,96,0,0.1); } /* ================================================================ CONCURSOS PUBLICOS ================================================================ */ .concursos-archive > .container, .concurso-single > .container { padding-top: 3rem; padding-bottom: 4.5rem; } .concursos-filter, .concurso-doc-filter { grid-template-columns: minmax(240px, 1.4fr) minmax(160px, .8fr) minmax(160px, .8fr) auto; } .concursos-list { display: grid; gap: 1rem; margin-top: 1rem; } .concurso-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1.25rem; align-items: center; padding: 1.25rem; border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(6,96,0,0.06); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; } .concurso-card:hover { transform: translateY(-2px); border-color: rgba(6,96,0,0.28); box-shadow: 0 16px 32px rgba(6,96,0,0.1); } .concurso-card__date { width: 56px; overflow: hidden; border-radius: 8px; border: 1px solid rgba(6,96,0,0.16); text-align: center; background: #f4f8f4; } .concurso-card__date strong { display: block; padding: 0.55rem 0 0.35rem; color: #066000; font-size: 1.15rem; line-height: 1; } .concurso-card__date span { display: block; padding: 0.35rem 0.2rem; color: #fff; background: #066000; font-size: 0.76rem; font-weight: 800; text-transform: uppercase; } .concurso-card h2 { margin: 0.55rem 0 0.6rem; font-size: clamp(1.35rem, 2vw, 1.85rem); line-height: 1.16; } .concurso-card h2 a { color: #1f2933; text-decoration: none; } .concurso-card h2 a:hover { color: #066000; } .concurso-card p, .concurso-single__intro p { color: #647084; } .concurso-card__meta { display: flex; gap: 1rem; flex-wrap: wrap; color: #647084; font-size: 0.9rem; } .concurso-single__intro { margin-bottom: 1.25rem; } .concurso-doc-tabs { margin-bottom: 0; } .concurso-doc-filter { margin-top: 0; border-top-left-radius: 0; } .concurso-doc-panel { margin-top: 1rem; border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: rgba(255,255,255,0.86); box-shadow: 0 10px 28px rgba(6,96,0,0.05); } .concurso-doc-panel .organized-list { padding: 1rem; } .concurso-doc-panel .organized-item h3 { margin: 0.35rem 0 0; font-size: 1rem; font-weight: 700; } .concurso-doc-panel .organized-item h3 a { color: #1f2933; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .concurso-doc-panel .organized-item h3 a:hover { color: #066000; } .concurso-doc-groups { display: grid; gap: 2.5rem; margin-top: 2rem; } .concurso-doc-group .organized-list { margin-top: 1rem; } .concurso-doc-group .organized-item h3 { margin: 0; font-size: 1rem; font-weight: 700; } .concurso-doc-group .organized-item h3 a { color: #1f2933; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .concurso-doc-group .organized-item h3 a:hover { color: #066000; } @media (max-width: 780px) { .concursos-filter, .concurso-doc-filter { grid-template-columns: 1fr; } .concurso-card { grid-template-columns: 1fr; } .concurso-card__date { width: 64px; } } .organized-item h2 { font-size: 1rem !important; line-height: 1.35 !important; margin: 0.35rem 0 0 !important; } .organized-item h2 a { color: #1a1f25; text-decoration: none !important; } .organized-item h2 a:hover { color: #066000; } .organized-item p { color: #6b7280; font-size: 0.88rem; margin: 0.45rem 0 0; } .organized-item__actions { display: flex; justify-content: flex-end; } /* Responsivo mobile */ @media (max-width: 768px) { .entry-content > .ui-hero > .container, .wp-block-post-content > .ui-hero > .container, .entry-content > .ui-section > .container, .wp-block-post-content > .ui-section > .container, body.page-template-page-acessibilidade .entry-content > .wp-block-group, body.page-template-page-acessibilidade .wp-block-post-content > .wp-block-group, body.page-template-page-mapa-do-site .entry-content > .wp-block-group, body.page-template-page-mapa-do-site .wp-block-post-content > .wp-block-group { width: calc(100vw - 2rem); max-width: calc(100vw - 2rem) !important; } body.page-template-page-acessibilidade .entry-content > .wp-block-group > *, body.page-template-page-acessibilidade .wp-block-post-content > .wp-block-group > *, body.page-template-page-mapa-do-site .entry-content > .wp-block-group > *, body.page-template-page-mapa-do-site .wp-block-post-content > .wp-block-group > * { width: calc(100vw - 2rem); max-width: calc(100vw - 2rem) !important; } .ui-hero { padding: 2rem 0 1.75rem; } .ui-card-grid, .ui-card-grid--two, .ui-card-grid--three, .ui-card-grid--four { grid-template-columns: 1fr; } .ui-callout, .ui-media-card { flex-direction: column; } .home-feature-grid, .archive-licitacao-card { grid-template-columns: 1fr; } .archive-licitacao-card__actions { justify-content: flex-start; } .home-feature-card--large { min-height: auto; } .home-side-card { grid-template-columns: 96px 1fr; } .archive-filter, .archive-filter--wide, .archive-card-grid { grid-template-columns: 1fr; } .archive-filter__actions { justify-content: stretch; } .archive-filter__actions .btn { flex: 1; justify-content: center; } .archive-licitacao-card__meta { border-left: 0; border-top: 1px solid #e5e7eb; padding-left: 0; padding-top: 1rem; } .home-licitacao-meta, .single-meta-panel dl, .archive-filter--organized, .organized-item { grid-template-columns: 1fr; } .organized-item__actions { justify-content: flex-start; } } @media (max-width: 480px) { .ui-cards { grid-template-columns: 1fr; } .home-side-card { grid-template-columns: 1fr; } .home-side-card__media { display: none; } } /* ================================================================ SEARCH MODAL â€” visual mais editorial, contrastado e vivo ================================================================ */ .sm-backdrop { background: radial-gradient(circle at 22% 18%, rgba(217,79,71,0.22), transparent 30%), radial-gradient(circle at 78% 10%, rgba(43,170,177,0.18), transparent 28%), rgba(5, 22, 8, 0.72) !important; backdrop-filter: blur(12px) saturate(1.15) !important; } .sm-panel { top: calc(var(--fazprev-header-h, 96px) + 18px) !important; left: 50% !important; right: auto !important; width: min(940px, calc(100vw - 32px)) !important; max-height: min(78vh, 680px) !important; transform: translateX(-50%) !important; border: 1px solid rgba(255,255,255,0.38) !important; border-bottom: 0 !important; border-radius: 8px !important; overflow: hidden !important; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,248,0.98)) !important; box-shadow: 0 24px 70px rgba(0,0,0,0.34), 0 2px 0 #066000 inset !important; } .sm-panel::before { content: ''; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, #066000, #2baab1, #d94f47); z-index: 2; } .sm-bar { background: linear-gradient(135deg, rgba(6,96,0,0.08), rgba(43,170,177,0.08)), #ffffff !important; border-bottom: 1px solid rgba(6,96,0,0.12) !important; padding: 0 1.35rem !important; } .sm-bar__inner { height: 74px !important; max-width: none !important; } .sm-bar__icon { width: 38px !important; height: 38px !important; padding: 9px !important; border-radius: 8px !important; background: #066000 !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(6,96,0,0.22); } .sm-bar__input { font-size: 1.2rem !important; color: #101820 !important; font-weight: 600 !important; } .sm-bar__input::placeholder { color: #657082 !important; font-weight: 500 !important; } .sm-bar__close { background: #ffffff !important; color: #344054 !important; border-color: rgba(6,96,0,0.18) !important; box-shadow: 0 1px 3px rgba(16,24,40,0.08); } .sm-bar__close:hover, .sm-bar__clear:hover { background: #edf7ed !important; color: #044a00 !important; border-color: rgba(6,96,0,0.28) !important; } .sm-body { max-width: none !important; padding: 1rem 1.35rem 0.35rem !important; background: linear-gradient(180deg, rgba(255,255,255,0), rgba(237,247,237,0.42)) !important; } .sm-hint, .sm-state { min-height: 180px; justify-content: center; border: 1px dashed rgba(6,96,0,0.22); border-radius: 8px; background: rgba(255,255,255,0.74); color: #475467 !important; } .sm-hint p, .sm-state p { font-size: 0.98rem; font-weight: 600; color: #344054; } .sm-shortcuts { justify-content: center; color: #667085 !important; } .sm-shortcuts kbd, .sm-bar__close kbd { background: #ffffff !important; border-color: rgba(6,96,0,0.22) !important; color: #044a00 !important; box-shadow: 0 1px 2px rgba(16,24,40,0.08); } .sm-result { border: 1px solid transparent; background: #ffffff; margin-bottom: 0.45rem; box-shadow: 0 1px 4px rgba(16,24,40,0.06); } .sm-result:hover { border-color: rgba(6,96,0,0.22) !important; background: #f5fbf5 !important; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(6,96,0,0.11); } .sm-footer { max-width: none !important; background: #ffffff; border-top-color: rgba(6,96,0,0.12) !important; } /* ================================================================ HERO CAROUSEL â€” menor, com imagem em quadro Ã direita por padrÃ£o ================================================================ */ .hero-carousel, .hero-carousel--fallback { position: relative !important; min-height: 360px !important; height: 360px !important; overflow: hidden !important; background: linear-gradient(135deg, #f7fbf7 0%, #eaf4ea 52%, #ffffff 100%) !important; border-bottom: 1px solid rgba(6,96,0,0.12); } .hero-slide { position: absolute !important; inset: 0 !important; min-height: var(--hero-h, 360px) !important; height: var(--hero-h, 360px) !important; display: block; color: #101820; isolation: isolate; background: radial-gradient(circle at 18% 22%, rgba(43,170,177,0.13), transparent 30%), linear-gradient(135deg, var(--hero-bg-start, #f7fbf7) 0%, var(--hero-bg-end, #edf7ed) 100%); } .hero-slide--theme-dark { color: #ffffff; background: linear-gradient(135deg, #101820 0%, #173321 55%, #0b1210 100%); } .hero-slide--theme-green { color: #ffffff; background: linear-gradient(135deg, #044a00 0%, #066000 56%, #0a8a00 100%); } .hero-slide__inner { position: relative; z-index: 2; min-height: var(--hero-h, 360px); display: grid; grid-template-columns: minmax(280px, var(--hero-text-w, 48%)) minmax(280px, 1fr); align-items: center; gap: clamp(1.25rem, 4vw, 3.5rem); padding-top: 2rem; padding-bottom: 3rem; } .hero-slide__content { max-width: none !important; margin: 0 !important; padding: 0 !important; color: inherit !important; text-align: var(--hero-text-align, left); } .hero-slide__title { color: currentColor !important; font-size: clamp(1.55rem, 3.1vw, 2.45rem) !important; font-weight: 800 !important; line-height: 1.08 !important; text-shadow: none !important; margin-bottom: 0.85rem !important; } .hero-slide__subtitle { color: currentColor !important; opacity: 0.78 !important; text-shadow: none !important; max-width: 620px !important; font-size: 0.98rem !important; line-height: 1.65 !important; } .hero-slide__badge { background: var(--hero-badge-bg, #d94f47) !important; color: var(--hero-badge-text, #ffffff) !important; box-shadow: 0 8px 20px rgba(217,79,71,0.22); } .hero-slide .hero-slide__content .btn--primary { background: var(--hero-button-bg, #066000) !important; border-color: var(--hero-button-bg, #066000) !important; color: var(--hero-button-text, #ffffff) !important; } .hero-slide .hero-slide__content .btn--primary:hover, .hero-slide .hero-slide__content .btn--primary:focus-visible { background: var(--hero-button-hover-bg, var(--hero-button-bg, #044a00)) !important; border-color: var(--hero-button-hover-bg, var(--hero-button-bg, #044a00)) !important; color: var(--hero-button-hover-text, var(--hero-button-text, #ffffff)) !important; } .hero-slide__media { position: absolute; z-index: 1; top: 50%; right: max(1.5rem, calc((100vw - 1200px) / 2 + 1.5rem)); width: min(38vw, 460px); height: min(calc(var(--hero-h, 360px) - 72px), 300px); transform: translateY(-50%); border-radius: 8px; background: rgba(255,255,255,0.82); border: 1px solid rgba(6,96,0,0.12); box-shadow: 0 22px 46px rgba(16,24,40,0.16); overflow: hidden; display: flex; align-items: center; justify-content: center; } .hero-slide--image-plain .hero-slide__media { background: transparent; border-color: transparent; box-shadow: none; overflow: visible; } .hero-slide--image-plain .hero-slide__image { filter: drop-shadow(0 22px 28px rgba(16,24,40,0.20)); } .hero-slide__image { width: 100%; height: 100%; object-fit: var(--hero-img-fit, contain) !important; object-position: var(--hero-img-position, center center) !important; transform: scale(var(--hero-img-scale, 1)) rotate(var(--hero-img-rotate, 0deg)); transition: transform 420ms ease, object-position 420ms ease; } .hero-slide--media-left .hero-slide__inner { grid-template-columns: minmax(280px, 1fr) minmax(280px, var(--hero-text-w, 48%)); } .hero-slide--media-left .hero-slide__content { grid-column: 2; } .hero-slide--media-left .hero-slide__media { left: max(1.5rem, calc((100vw - 1200px) / 2 + 1.5rem)); right: auto; } .hero-slide--background { color: #ffffff; background: #101820; } .hero-slide--background .hero-slide__inner { grid-template-columns: minmax(280px, var(--hero-text-w, 48%)) 1fr; } .hero-slide--background .hero-slide__media { inset: 0; width: 100%; height: 100%; transform: none; border: 0; border-radius: 0; box-shadow: none; background: transparent; } .hero-slide--background .hero-slide__image { object-fit: cover !important; opacity: 0.72; } .hero-slide__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(4,74,0,0.70) 0%, rgba(4,74,0,0.38) 42%, rgba(255,255,255,0.18) 100%) !important; opacity: 0; } .hero-slide--background .hero-slide__overlay { opacity: 1; } .hero-slide--text-only .hero-slide__inner { grid-template-columns: minmax(280px, var(--hero-text-w, 58%)) 1fr; } .hero-slide--text-only .hero-slide__media { display: none; } .hero-slide--theme-dark .hero-slide__media, .hero-slide--theme-green .hero-slide__media { background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.25); } .hero-slide--theme-dark.hero-slide--image-plain .hero-slide__media, .hero-slide--theme-green.hero-slide--image-plain .hero-slide__media { background: transparent; border-color: transparent; } .hero-carousel__controls { position: absolute; left: 50%; bottom: 1rem; z-index: 5; display: flex; align-items: center; gap: 0.45rem; transform: translateX(-50%); padding: 0.35rem; border-radius: 999px; background: rgba(255,255,255,0.82); border: 1px solid rgba(6,96,0,0.14); box-shadow: 0 8px 24px rgba(16,24,40,0.12); backdrop-filter: blur(10px); } .hero-carousel__arrow, .hero-carousel__dot { display: inline-flex; align-items: center; justify-content: center; border: 0; color: #044a00; background: transparent; cursor: pointer; } .hero-carousel__arrow { width: 30px; height: 30px; border-radius: 999px; font-size: 1.15rem; line-height: 1; } .hero-carousel__arrow:hover { background: #066000; color: #ffffff; } .hero-carousel__dot { width: 8px; height: 8px; border-radius: 999px; background: rgba(6,96,0,0.28); padding: 0; } .hero-carousel__dot[aria-current="true"] { width: 22px; background: #066000; } @media (max-width: 900px) { .hero-carousel, .hero-carousel--fallback, .hero-slide { min-height: 420px !important; height: 420px !important; } .hero-slide__inner, .hero-slide--media-left .hero-slide__inner { grid-template-columns: 1fr; gap: 1rem; padding-top: 1.5rem; } .hero-slide__content, .hero-slide--media-left .hero-slide__content { grid-column: 1; } .hero-slide__media, .hero-slide--media-left .hero-slide__media { position: relative; inset: auto; top: auto; left: auto; right: auto; transform: none; width: 100%; height: 180px; order: 2; } .hero-slide--background .hero-slide__media { position: absolute; inset: 0; width: 100%; height: 100%; } } @media (max-width: 640px) { .sm-panel { top: calc(var(--fazprev-header-h, 86px) + 10px) !important; width: calc(100vw - 20px) !important; } .sm-bar__inner { height: 64px !important; } .hero-carousel, .hero-carousel--fallback, .hero-slide { min-height: 440px !important; height: 440px !important; } } /* Regra terminal: ui-hero sempre full-bleed, mesmo sob estilos globais do WordPress. */ body .wp-site-blocks #main-content .entry-content.wp-block-post-content > .ui-hero, body .wp-site-blocks #main-content .entry-content.wp-block-post-content .ui-hero.alignfull, body .wp-site-blocks .wp-block-post-content > .ui-hero.alignfull { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; box-sizing: border-box !important; } /* ================================================================ CONTROLES GLOBAIS DO TEMA Base unica para botoes, labels, inputs, selects, radios, checkboxes, textareas e separadores usados em blocos HTML e componentes nativos. ================================================================ */ :where(.entry-content, .wp-block-post-content, .sm-panel, .archive-filter, .fazprev-contact-form) :where(label, .ui-label) { display: inline-flex; flex-direction: column; gap: 0.42rem; color: #1f2933; font-size: 0.875rem; font-weight: 700; line-height: 1.35; } .ui-field { display: grid; gap: 0.42rem; } .ui-field-row { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; } .ui-help, .ui-field__help { color: #6b7280; font-size: 0.8125rem; line-height: 1.45; } :where(.entry-content, .wp-block-post-content, .sm-panel, .archive-filter, .fazprev-contact-form) :where( input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']), select, textarea, .ui-input, .ui-select, .ui-textarea ) { width: 100%; min-height: 44px; border: 1px solid #d0d5dd; border-radius: 8px; background-color: #ffffff; color: #101820; padding: 0.68rem 0.85rem; font: inherit; line-height: 1.45; box-shadow: 0 1px 2px rgba(15,23,42,0.03); transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease; } :where(.entry-content, .wp-block-post-content, .sm-panel, .archive-filter, .fazprev-contact-form) :where(select, .ui-select) { appearance: none; padding-right: 2.4rem; background-image: linear-gradient(45deg, transparent 50%, #066000 50%), linear-gradient(135deg, #066000 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; } :where(.entry-content, .wp-block-post-content, .sm-panel, .archive-filter, .fazprev-contact-form) :where(textarea, .ui-textarea) { min-height: 120px; resize: vertical; } :where(.entry-content, .wp-block-post-content, .sm-panel, .archive-filter, .fazprev-contact-form) :where( input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']), select, textarea, .ui-input, .ui-select, .ui-textarea ):focus { border-color: #066000; outline: 0; box-shadow: 0 0 0 3px rgba(6,96,0,0.16); } :where(.entry-content, .wp-block-post-content, .sm-panel, .archive-filter, .fazprev-contact-form) :where(input[type='checkbox'], input[type='radio']) { width: 18px; height: 18px; flex: 0 0 18px; margin: 0.12rem 0 0; accent-color: #066000; } .ui-check, .ui-radio, .fazprev-contact-form__check { display: inline-flex !important; flex-direction: row !important; gap: 0.55rem !important; align-items: flex-start !important; color: #4b5563 !important; font-weight: 600 !important; } .ui-fieldset { display: grid; gap: 1rem; border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; padding: 1rem; } .ui-fieldset legend { padding: 0 0.4rem; color: #1f2933; font-weight: 800; } .btn, .wp-element-button, .wp-block-button__link, :where(.entry-content, .wp-block-post-content, .sm-panel, .archive-filter, .fazprev-contact-form) :where(button, input[type='submit'], input[type='button'], input[type='reset']) { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 0.5rem; border: 1px solid #066000; border-radius: 8px !important; background: #066000; color: #ffffff !important; padding: 0.68rem 1.15rem !important; font: inherit; font-size: 0.9rem !important; font-weight: 800 !important; line-height: 1.2; text-decoration: none !important; cursor: pointer; box-shadow: 0 8px 18px rgba(6,96,0,0.14); transition: background 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease; } .btn:hover, .wp-element-button:hover, .wp-block-button__link:hover, :where(.entry-content, .wp-block-post-content, .sm-panel, .archive-filter, .fazprev-contact-form) :where(button, input[type='submit'], input[type='button'], input[type='reset']):hover { background: #044a00; border-color: #044a00; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(6,96,0,0.2); } .btn--outline, .btn-outline, .wp-block-button.is-style-outline .wp-block-button__link, .ui-button--outline { background: #ffffff !important; color: #066000 !important; border-color: #066000 !important; box-shadow: none !important; } .btn--outline:hover, .btn-outline:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover, .ui-button--outline:hover { background: #066000 !important; color: #ffffff !important; } .btn--sm, .ui-button--sm { min-height: 36px; padding: 0.5rem 0.85rem !important; font-size: 0.82rem !important; } .btn--lg, .ui-button--lg { min-height: 48px; padding: 0.78rem 1.45rem !important; } .ui-separator, .entry-content hr, .wp-block-post-content hr, .wp-block-separator { width: 100%; max-width: none; border: 0; border-top: 1px solid #e5e7eb; margin: 2rem 0; } .ui-separator--accent { max-width: 46px; border-top: 3px solid #066000; margin-inline: 0; } .ui-list-item--split { align-items: center; } .ui-list-item__title { display: block; color: #1a1f25; font-weight: 800; text-decoration: none !important; } .ui-list-item__title:hover { color: #066000; } .ui-list-item__meta { display: block; color: #6b7280; font-size: 0.8rem; font-weight: 500; margin-top: 0.2rem; } .ui-document-stack { display: grid; gap: 1.5rem; } .ui-document-tabs .ui-tabs__panels { padding: 1rem; } .ui-document-tabs .ui-document-year { border: 0; box-shadow: none; } .ui-document-tabs .ui-document-year__header { border-bottom-color: #dbe6db; background: transparent; padding: 0.35rem 0 1rem; } .ui-document-tabs .ui-document-list { overflow: hidden; border: 1px solid #e5ece5; border-radius: 8px; } .ui-document-year { overflow: hidden; border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: #ffffff; box-shadow: 0 14px 32px rgba(15,23,42,0.05); } .ui-document-year__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e5ece5; background: linear-gradient(135deg, #f7fbf7 0%, #ffffff 100%); padding: 1rem 1.15rem; } .ui-document-year__title { margin: 0 !important; color: #1a1f25; font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 800; } .ui-document-year__count { display: inline-flex; align-items: center; border-radius: 999px; background: #eef8ee; color: #066000; font-size: 0.8rem; font-weight: 800; padding: 0.38rem 0.65rem; white-space: nowrap; } .ui-document-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .ui-document-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; border-bottom: 1px solid #edf0ed; padding: 0.95rem 1.15rem; } .ui-document-item:last-child { border-bottom: 0; } .ui-document-item:nth-child(even) { background: #f8faf8; } .ui-document-item__title { display: block; color: #1f2937; font-weight: 800; line-height: 1.4; } .ui-document-item__meta { display: block; color: #667085; font-size: 0.84rem; font-weight: 600; line-height: 1.45; margin-top: 0.18rem; } .ui-document-highlight { display: inline-flex; align-items: center; width: fit-content; border-radius: 999px; background: #eef4ff; color: #175cd3; font-size: 0.78rem; font-weight: 800; line-height: 1; margin-top: 0.45rem; padding: 0.35rem 0.58rem; } .ui-document-highlight--success { background: #eef8ee; color: #066000; } .ui-document-highlight--warning { background: #fff7e8; color: #b45309; } .ui-document-highlight--important { background: #fef3f2; color: #b42318; } .ui-document-item__action { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; border: 1px solid #066000; border-radius: 8px; background: #ffffff; color: #066000 !important; font-size: 0.88rem; font-weight: 800; padding: 0.45rem 0.85rem; text-decoration: none !important; transition: background 160ms ease, color 160ms ease, transform 160ms ease; white-space: nowrap; } .ui-document-item__action:hover, .ui-document-item__action:focus-visible { background: #066000; color: #ffffff !important; transform: translateY(-1px); } .ui-document-empty { color: #667085; margin: 0; padding: 1rem 1.15rem; } .ui-contact-grid { display: grid; grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1.1fr); gap: 1.5rem; align-items: stretch; } .ui-info-stack { display: flex; flex-direction: column; gap: 1rem; } .ui-info-item strong { display: block; color: #1a1f25; font-size: 0.9rem; margin-bottom: 0.25rem; } .ui-info-item p { color: #6b7280; font-size: 0.9rem; line-height: 1.5; margin: 0; } .ui-info-item a { color: #066000; font-weight: 700; } .ui-text-card { position: relative; overflow: hidden; border: 1px solid rgba(6,96,0,0.15); border-radius: 8px; background: linear-gradient(135deg, #ffffff 0%, #f8fbf8 100%); box-shadow: 0 18px 40px rgba(15,23,42,0.06); padding: clamp(1.35rem, 3vw, 2rem); } .ui-text-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #066000; } .ui-text-card p { color: #5f6b7a; font-size: 1rem; line-height: 1.75; margin: 0; } .ui-text-card p + p { margin-top: 1rem; } .ui-text-card strong { color: #1a1f25; } .ui-highlight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; } .ui-highlight-item { border: 1px solid rgba(6,96,0,0.13); border-radius: 8px; background: #fff; padding: 1rem; } .ui-highlight-item strong { display: block; color: #066000; font-size: 0.88rem; text-transform: uppercase; } .ui-highlight-item span { display: block; color: #667085; font-size: 0.92rem; line-height: 1.55; margin-top: 0.35rem; } .ui-person-list { display: grid; gap: 0.85rem; } .ui-person-card { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: #ffffff; padding: 1rem 1.1rem; box-shadow: 0 8px 20px rgba(15,23,42,0.04); } .ui-person-card::before { content: ""; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 999px; background: #e8f5e8; box-shadow: inset 0 0 0 1px rgba(6,96,0,0.1); } .ui-person-card__body { min-width: 0; flex: 1; } .ui-person-card__name { display: block; color: #1a1f25; font-size: 1.05rem; font-weight: 800; line-height: 1.35; } .ui-person-card__role { display: inline-flex; align-items: center; border-radius: 999px; background: #f0f7f0; color: #066000; font-size: 0.82rem; font-weight: 800; line-height: 1; margin-top: 0.45rem; padding: 0.4rem 0.65rem; } .ui-data-table-wrap { overflow-x: auto; border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15,23,42,0.05); } .ui-data-table { width: 100%; min-width: 860px; border-collapse: collapse; color: #5f6b7a; font-size: 0.94rem; } .ui-data-table caption { padding: 1rem 1.1rem; color: #1a1f25; font-size: 1.15rem; font-weight: 800; text-align: left; } .ui-data-table th, .ui-data-table td { border-bottom: 1px solid #e8ece8; padding: 0.9rem 1rem; text-align: left; vertical-align: middle; } .ui-data-table th { background: #f0f3f0; color: #4b5563; font-weight: 800; } .ui-data-table tbody tr:nth-child(even) td { background: #f8faf8; } .ui-data-table tbody tr:hover td { background: #eef8ee; } .ui-data-table td:first-child { color: #1f2937; font-weight: 700; } .ui-data-table__person { display: flex; min-width: 220px; flex-direction: column; align-items: flex-start; gap: 0.4rem; } .ui-data-table__person-name { color: #1f2937; font-weight: 800; line-height: 1.35; } .ui-data-table__role { display: inline-flex; align-items: center; border-radius: 999px; background: #eef8ee; font-weight: 800; color: #066000; font-size: 0.82rem; line-height: 1; padding: 0.38rem 0.6rem; } .ui-status-pill { display: inline-flex; align-items: center; border-radius: 999px; background: #eef8ee; color: #066000; font-size: 0.82rem; font-weight: 800; line-height: 1; padding: 0.38rem 0.6rem; } .ui-status-pill--warning { background: #fff7e8; color: #b45309; } .ui-actions { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; margin-top: 0.75rem; } .ui-map-frame { overflow: hidden; min-height: 320px; border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: #f4f6f4; } @media (max-width: 900px) { .ui-contact-grid { grid-template-columns: 1fr; } .ui-map-frame { min-height: 240px; } .ui-highlight-grid { grid-template-columns: 1fr; } .ui-person-card { align-items: flex-start; } .ui-document-item { grid-template-columns: 1fr; } .ui-document-item__action { width: 100%; } } .ui-section-header { display: flex; gap: 1rem; align-items: flex-end; justify-content: space-between; margin-bottom: 1.5rem; flex-wrap: wrap; } .ui-eyebrow { display: inline-flex; align-items: center; width: fit-content; border: 1px solid rgba(6,96,0,0.18); border-radius: 999px; background: #eaf6eb; color: #066000; padding: 0.26rem 0.75rem; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1.2; text-transform: uppercase; } .ui-card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ui-media-card small { display: block; color: #6b7280; font-size: 0.84rem; line-height: 1.45; margin-top: 0.25rem; } /* ================================================================ VARIACOES DE ALERTAS E CARDS DE SERVICO PARA PADROES HTML ================================================================ */ .ui-alert { --ui-alert-bg: #eff6ff; --ui-alert-border: #93c5fd; --ui-alert-accent: #2563eb; --ui-alert-text: #1e3a5f; position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 0.75rem; align-items: center; overflow: hidden; border: 1px solid var(--ui-alert-border); border-left: 4px solid var(--ui-alert-accent); border-radius: 8px; background: var(--ui-alert-bg); color: var(--ui-alert-text); padding: 1rem 1.25rem; box-shadow: 0 10px 24px rgba(15,23,42,0.04); } .ui-alert__icon { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; justify-self: center; align-self: center; border: 1.5px solid currentColor; border-radius: 999px; color: var(--ui-alert-accent); font-size: 0.78rem; font-weight: 900; line-height: 1; } .ui-alert__content { display: grid; gap: 0.25rem; } .ui-alert strong { display: block; color: var(--ui-alert-text); font-weight: 800; line-height: 1.35; } .ui-alert p { margin: 0 !important; color: var(--ui-alert-text) !important; } .ui-alert--info { --ui-alert-bg: #eff6ff; --ui-alert-border: #93c5fd; --ui-alert-accent: #2563eb; --ui-alert-text: #1e3a5f; } .ui-alert--success { --ui-alert-bg: #ecfdf3; --ui-alert-border: #86efac; --ui-alert-accent: #16a34a; --ui-alert-text: #14532d; } .ui-alert--warning { --ui-alert-bg: #fffbeb; --ui-alert-border: #fcd34d; --ui-alert-accent: #d97706; --ui-alert-text: #78350f; } .ui-alert--error { --ui-alert-bg: #fef2f2; --ui-alert-border: #fca5a5; --ui-alert-accent: #dc2626; --ui-alert-text: #7f1d1d; } .ui-alert--neutral { --ui-alert-bg: #f8fafc; --ui-alert-border: #cbd5e1; --ui-alert-accent: #475569; --ui-alert-text: #334155; } .ui-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; width: 100%; max-width: 100%; } .ui-service-pattern { width: 100%; max-width: 100%; } .ui-service-pattern .section-badge + .ui-service-grid { margin-top: 1rem; } .ui-tabs__panel .ui-service-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0; } .ui-service-card { display: flex; min-height: 190px; flex-direction: column; align-items: center; justify-content: flex-start; gap: 0.85rem; border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: #ffffff; color: #1a1f25; padding: 1.45rem 1.2rem; text-align: center; text-decoration: none !important; box-shadow: 0 1px 5px rgba(0,0,0,0.05); transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease; } .ui-service-card:hover { transform: translateY(-4px); border-color: rgba(6,96,0,0.42); color: #044a00; box-shadow: 0 14px 30px rgba(6,96,0,0.16); } .ui-service-card__icon { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 14px; background: linear-gradient(135deg, #eaf6eb, #d9efdc); color: #06700f; font-size: 1.35rem; font-weight: 900; box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 10px 24px rgba(6,96,0,0.1); transition: transform 220ms ease; } .ui-service-card:hover .ui-service-card__icon { transform: translateY(-2px) scale(1.04); } .ui-service-card__icon--blue { background: linear-gradient(135deg, #edf5ff, #dbeafe); color: #075985; } .ui-service-card__icon--amber { background: linear-gradient(135deg, #fff7ed, #ffedd5); color: #b45309; } .ui-service-card strong { display: block; color: inherit; font-size: 1.05rem; line-height: 1.25; } .ui-service-card p { margin: 0 !important; color: #6b7280 !important; font-size: 0.9rem; line-height: 1.45; } .transparencia-dynamic-section { padding-top: 2.25rem; } .transparency-category-list { display: grid; gap: 2rem; } .transparency-category { border: 1px solid rgba(6,96,0,0.14); border-radius: 8px; background: #fbfdfb; padding: 1.5rem; box-shadow: 0 10px 24px rgba(15,23,42,0.04); } .transparency-category__header { margin-bottom: 1.25rem; } .transparency-category__description { max-width: 760px; margin: 0.4rem 0 0; color: #6b7280; } .transparency-card-grid { grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); } .transparency-card-grid.acesso-rapido-grid { margin: 0; } .transparency-card { min-height: 188px; } .ui-accordion-list { display: grid; gap: 0.75rem; } .section-lead { max-width: 760px; margin: 0.6rem 0 1rem; color: #667085; font-size: 1rem; line-height: 1.65; } .section-lead + .progestao-dynamic-links { margin-top: -1.5rem !important; padding-top: 0.35rem; } .ui-accordion { overflow: hidden; border: 1px solid #d8e1d8; border-radius: 8px; background: #ffffff; box-shadow: 0 8px 20px rgba(15,23,42,0.035); transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .ui-accordion__summary { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid transparent; padding: 0.9rem 1.05rem 0.9rem 1.1rem; color: #1a1f25; font-weight: 700; cursor: pointer; list-style: none; outline: none; transition: background 180ms ease, border-color 180ms ease, color 180ms ease; } .ui-accordion__summary::-webkit-details-marker { display: none; } .ui-accordion__summary::marker { content: ""; } .ui-accordion:hover { border-color: #b9d2b9; box-shadow: 0 14px 30px rgba(15,23,42,0.07); transform: translateY(-1px); } .ui-accordion__summary:hover { border-bottom-color: #d8e1d8; background: linear-gradient(90deg, #f7fbf7 0%, #ffffff 100%); color: #066000; } .ui-accordion__summary:focus-visible { box-shadow: inset 0 0 0 3px rgba(0, 103, 0, 0.18); } .ui-accordion__icon { position: relative; width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid #d8e1d8; border-radius: 999px; background: #f4f8f4; color: #066000; transition: background 180ms ease, border-color 180ms ease, transform 180ms ease; } .ui-accordion__icon::before, .ui-accordion__icon::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 10px; height: 2px; border-radius: 999px; background: currentColor; transform: translate(-50%, -50%); transition: transform 180ms ease; } .ui-accordion__icon::after { transform: translate(-50%, -50%) rotate(90deg); } .ui-accordion[open] .ui-accordion__summary { border-bottom: 1px solid #d8e1d8; background: linear-gradient(90deg, #f1f8f1 0%, #ffffff 100%); color: #066000; } .ui-accordion[open] .ui-accordion__icon { border-color: #066000; background: #066000; color: #ffffff; transform: rotate(180deg); } .ui-accordion[open] .ui-accordion__icon::after { transform: translate(-50%, -50%) rotate(0deg); } .ui-accordion__content { padding: 1rem; } .ui-accordion__description { margin: 0 0 1rem; color: #6b7280; } .ui-accordion .ui-list-item { background: #fff; } @media (max-width: 900px) { .ui-tabs__panel .ui-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .transparency-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ui-service-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .ui-tabs__panel .ui-service-grid { grid-template-columns: 1fr; } .transparency-category { padding: 1rem; } .transparency-card-grid { grid-template-columns: 1fr; } } .ui-alert { padding: 1rem 1.25rem !important; } .ui-panel, .ui-card, .ui-tabs__panel, .ui-service-card { padding: 1.25rem !important; } .ui-callout { padding: 1.5rem 1.75rem !important; } .ui-list-item { padding: 0.8rem 1.1rem !important; } body.page .entry-content.wp-block-post-content > .ui-alert, body.single .entry-content.wp-block-post-content > .ui-alert, .entry-content.wp-block-post-content > .ui-alert, .wp-block-post-content > .ui-alert { padding: 1rem 1.25rem !important; } body.page .entry-content.wp-block-post-content > :where(.ui-panel, .ui-card, .ui-service-card), body.single .entry-content.wp-block-post-content > :where(.ui-panel, .ui-card, .ui-service-card), .entry-content.wp-block-post-content > :where(.ui-panel, .ui-card, .ui-service-card), .wp-block-post-content > :where(.ui-panel, .ui-card, .ui-service-card) { padding: 1.25rem !important; } .contact-page .contact-page__esic.ui-alert { display: block !important; grid-template-columns: none !important; gap: 0 !important; } .contact-page .contact-page__esic.ui-alert h3 { width: auto !important; max-width: none !important; margin: 0 0 0.75rem !important; font-size: 1.25rem !important; line-height: 1.25 !important; } .contact-page .contact-page__esic.ui-alert p { margin: 0 0 1rem !important; } /* Composição: evita painel/card visualmente duplicado quando um padrão é usado dentro de outro painel. */ .ui-panel :where(.ui-panel, .ui-card, .ui-media-card) { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; }