File manager - Edit - /var/www/html/portal/public/pmar/css/style.css
Back
/* FONTE PADRÃO*/ @import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900"); /* FIM FONTE PADRÃO */ .top50 { margin-top: 50px; } .top70 { margin-top: 70px; } .top100 { margin-top: 100px; } .bot70 { margin-bottom: 70px; } .text-primary { color: #21409a !important; } .titulo-departamentos { text-align: center; font-size: 3rem; font-weight: 600; color: #0066ff; letter-spacing: -1px; } /* CORES DA LOGO DO GOVERNO FERRETI */ /* A - #21409a */ /* n - #007bc3 */ /* g - #62BF84 */ /* r - #FEBE10 */ /* a - #F58220 */ /* CORES 2025 */ :root { /* TEMA DO PORTAL E ADMIN */ --primary: #21409a; --waves-background: #62BF84; --topo-nav-background: #007bc3; --card-title: #00000; --home-links: #0095ff; --subtitle-home: #007bc3; --link-help: #0095ff; --home-social: #0095ff; --link-help-text: #0095ff; --galeria-background: #62BF84; --pontos-turisticos-title: #21409a; --footer-background: #21409a; --defaultBar-background: #21409a; /* SIDEBAR ADMIN */ --primary-admin: #0d84da; --secondary-admin: #165079; /* SCROLL */ ::-webkit-scrollbar-track { margin-top: -5px; margin-bottom: -5px; background-color: #266589; } ::-webkit-scrollbar-thumb { background-color: rgb(103, 204, 255); border-radius: 10px; } ::-webkit-scrollbar { width: 12px; } /* DEMAIS CORES PERSONALIZADAS */ --secondary: #3399d1; --tertiary: #76caa3; --success: #7ac89a; --info: #3399d1; --cake-blue: #def3ff; --gray: #ececec; --warning: #ffd54f; --danger: #f89a4c; --white: #ffffff; --soft: #6c757d; --dark: #212529; /* Tons de cinza */ --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb; --gray-300: #d1d5db; --gray-400: #9ca3af; --gray-500: #6b7280; --gray-600: #4b5563; --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; /* Cores adicionais */ --softGray: #f5f5f5; --snowWhite: #fafafa; --positive: #b7ff70; --royal-blue: #0066ff; --purple: #a190c5; --pink: #e3afdd; --orange: #c39163; --yellow: #c7a14f; --green: #188b6c; --teal: #00d2d3; --indigo: #371a71; --brown: #402a1b; --red: #aa5c5c; /* Variantes hover */ --primary-hover: #293454; --secondary-hover: #47788e; --purple-hover: #6c5887; --pink-hover: #a95c82; --orange-hover: #b57d4f; } html { max-width: 100%; overflow-x: hidden !important; } /* ========== CLASSES UTILITÁRIAS BÁSICAS ========== */ /* CORES DE TEXTO */ .text-primary { color: var(--primary) !important; } .text-royal { color: var(--royal-blue) !important; } .text-secondary { color: var(--secondary) !important; } .text-success { color: var(--success) !important; } .text-softGray { color: var(--softGray) !important; } .text-info { color: var(--info) !important; } .text-warning { color: var(--warning) !important; } .text-danger { color: var(--danger) !important; } .text-light { color: var(--light) !important; } .text-dark { color: var(--dark) !important; } .text-white { color: var(--white) !important; } .text-body { color: var(--gray-900) !important; } .text-muted { color: var(--gray-600) !important; } .text-purple { color: var(--purple) !important; } .text-pink { color: var(--pink) !important; } .text-orange { color: var(--orange) !important; } .text-yellow { color: var(--yellow) !important; } .text-green { color: var(--green) !important; } .text-teal { color: var(--teal) !important; } .text-indigo { color: var(--indigo) !important; } .text-brown { color: var(--brown) !important; } .text-red { color: var(--red) !important; } .text-soft { color: var(--soft) !important; } /* BACKGROUNDS */ .bg-primary { background-color: var(--primary) !important; } .bg-secondary { background-color: var(--secondary) !important; } .bg-success { background-color: var(--success) !important; } .bg-positive { background-color: var(--positive) !important; } .bg-royal { background-color: var(--royal-blue) !important; } .bg-softGray { background-color: var(--softGray) !important; } .bg-mediumGray { background-color: var(--gray-300) !important; } .bg-gray { background-color: var(--gray-100) !important; } .bg-info { background-color: var(--info) !important; } .bg-warning { background-color: var(--warning) !important; } .bg-danger { background-color: var(--danger) !important; } .bg-light { background-color: var(--light) !important; } .bg-white { background-color: var(--white) !important; } .bg-body { background-color: var(--white) !important; } .bg-transparent { background-color: transparent !important; } .bg-purple { background-color: var(--purple) !important; } .bg-pink { background-color: var(--pink) !important; } .bg-orange { background-color: var(--orange) !important; } .bg-yellow { background-color: var(--yellow) !important; } .bg-green { background-color: var(--green) !important; } .bg-teal { background-color: var(--teal) !important; } .bg-indigo { background-color: var(--indigo) !important; } .bg-brown { background-color: var(--brown) !important; } .bg-red { background-color: var(--red) !important; } .bg-spdc { background: #ff821c; background: linear-gradient(90deg, rgba(255, 130, 28, 1) 0%, rgba(44, 113, 191, 1) 90%); } .bg-blue-gradient { background: #0e54b0; background: linear-gradient(90deg, rgba(14, 84, 176, 1) 0%, rgb(25, 138, 161) 100%); } /* BORDAS */ .border-primary { border-color: var(--primary) !important; } .border-secondary { border-color: var(--secondary) !important; } .border-success { border-color: var(--success) !important; } .border-info { border-color: var(--info) !important; } .border-warning { border-color: var(--warning) !important; } .border-danger { border-color: var(--danger) !important; } .border-light { border-color: var(--light) !important; } .border-dark { border-color: var(--dark) !important; } .border-gray { border-color: var(--gray-400) !important; } .border-white { border-color: var(--white) !important; } .border-purple { border-color: var(--purple) !important; } .border-pink { border-color: var(--pink) !important; } .border-orange { border-color: var(--orange) !important; } .border-yellow { border-color: var(--yellow) !important; } /* Borda esquerda mais grossa que border-5 para nível de ação */ .border-nivel-acao.border-start { border-left-width: 10px !important; } .border-green { border-color: var(--green) !important; } .border-teal { border-color: var(--teal) !important; } .border-indigo { border-color: var(--indigo) !important; } .border-brown { border-color: var(--brown) !important; } .border-red { border-color: var(--red) !important; } /* ========== COMPONENTES ========== */ /* BOTÕES */ .btn-primary { background-color: var(--primary); border-color: var(--primary); } .btn-primary:hover { background-color: var(--primary-hover); border-color: var(--primary-hover); } .btn-secondary { background-color: var(--secondary); border-color: var(--secondary); } .btn-secondary:hover { background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-success { background-color: var(--success); border-color: var(--success); color: white !important; } .btn-success:hover { background-color: var(--tertiary); border-color: var(--tertiary); } .btn-info { background-color: var(--info); border-color: var(--info); } .btn-info:hover { background-color: #1a7ca8; border-color: #1a7ca8; } .btn-warning { background-color: var(--warning); border-color: var(--warning); color: var(--dark); } .btn-warning:hover { background-color: #e6c047; border-color: #e6c047; } .btn-danger { background-color: var(--danger); border-color: var(--danger); } .btn-danger:hover { background-color: #e6893d; border-color: #e6893d; } /* BOTÕES OUTLINE */ .btn-outline-primary { color: var(--primary); border-color: var(--primary); background-color: transparent; } .btn-outline-primary:hover { color: #fff; background-color: var(--primary-hover); border-color: var(--primary-hover); } .btn-outline-secondary { color: var(--secondary); border-color: var(--secondary); background-color: transparent; } .btn-outline-secondary:hover { color: #fff; background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-outline-tertiary { color: var(--tertiary); border-color: var(--tertiary); background-color: transparent; } .btn-outline-tertiary:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .btn-outline-success { color: var(--success); border-color: var(--success); background-color: transparent; } .btn-outline-success:hover { color: #fff !important; background-color: var(--tertiary); border-color: var(--tertiary); } .btn-outline-info { color: var(--info); border-color: var(--info); background-color: transparent; } .btn-outline-info:hover { color: #fff; background-color: #1a7ca8; border-color: #1a7ca8; } .btn-outline-warning { color: var(--warning); border-color: var(--warning); background-color: transparent; } .btn-outline-warning:hover { color: var(--dark); background-color: #e6c047; border-color: #e6c047; } .btn-outline-danger { color: var(--danger); border-color: var(--danger); background-color: transparent; } .btn-outline-danger:hover { color: #fff; background-color: #e6893d; border-color: #e6893d; } .btn-outline-white { color: var(--white); border-color: var(--white); background-color: transparent; } .btn-outline-white:hover { color: #fff; background-color: #358fbc; border-color: #358fbc; } .btn-outline-galery { color: white; border-color: white; background-color: rgba(255, 255, 255, 0.15); } .btn-outline-galery:hover { color: #fff; background-color: var(--primary-hover); border-color: var(--primary-hover); } /* Botões para cores adicionais */ .btn-purple { background-color: var(--purple); border-color: var(--purple); color: white; } .btn-purple:hover { background-color: var(--purple-hover); border-color: var(--purple-hover); color: white; } .btn-pink { background-color: var(--pink); border-color: var(--pink); color: var(--dark); } .btn-pink:hover { background-color: var(--pink-hover); border-color: var(--pink-hover); color: white; } .btn-orange { background-color: var(--orange); border-color: var(--orange); color: var(--dark); } .btn-orange:hover { background-color: var(--orange-hover); border-color: var(--orange-hover); color: white; } .btn-yellow { background-color: var(--yellow); border-color: var(--yellow); color: var(--dark); } .btn-yellow:hover { background-color: #e6b947; border-color: #e6b947; color: white; } .btn-green { background-color: var(--green); border-color: var(--green); color: white; } .btn-green:hover { background-color: #17a78b; border-color: #17a78b; color: white; } .btn-teal { background-color: var(--teal); border-color: var(--teal); color: white; } .btn-teal:hover { background-color: #00b5b5; border-color: #00b5b5; } .btn-indigo { background-color: var(--indigo); border-color: var(--indigo); color: white; } .btn-indigo:hover { background-color: #4c1fb5; border-color: #4c1fb5; } .btn-brown { background-color: var(--brown); border-color: var(--brown); color: white; } .btn-brown:hover { background-color: #753a0f; border-color: #753a0f; } .btn-red { background-color: var(--red); border-color: var(--red); color: white; } .btn-red:hover { background-color: #e05252; border-color: #e05252; } /* BADGES */ .badge.bg-primary { background-color: var(--primary) !important; } .badge.bg-secondary { background-color: var(--secondary) !important; } .badge.bg-success { background-color: var(--success) !important; } .badge.bg-info { background-color: var(--cake-blue) !important; color: var(--info); } .badge.bg-warning { background-color: var(--warning) !important; color: var(--dark) !important; } .badge.bg-danger { background-color: var(--danger) !important; } .badge.bg-light { background-color: var(--light) !important; color: var(--dark) !important; } .badge.bg-dark { background-color: var(--dark) !important; } .badge.bg-purple { background-color: var(--purple) !important; color: white !important; } .badge.bg-pink { background-color: var(--pink) !important; color: var(--dark) !important; } .badge.bg-orange { background-color: var(--orange) !important; color: var(--dark) !important; } .badge.bg-yellow { background-color: var(--yellow) !important; color: var(--dark) !important; } .badge.bg-green { background-color: var(--green) !important; color: white !important; } .badge.bg-teal { background-color: var(--teal) !important; color: white !important; } .badge.bg-indigo { background-color: var(--indigo) !important; color: white !important; } .badge.bg-brown { background-color: var(--brown) !important; color: white !important; } .badge.bg-red { background-color: var(--red) !important; color: white !important; } /* ALERTS */ .alert-primary { background-color: rgba(58, 91, 176, 0.1); border-color: rgba(58, 91, 176, 0.2); color: var(--primary); } .alert-secondary { background-color: rgba(51, 153, 209, 0.1); border-color: rgba(51, 153, 209, 0.2); color: var(--secondary); } .alert-success { background-color: rgba(122, 200, 154, 0.1); border-color: rgba(122, 200, 154, 0.2); color: var(--success); } .alert-info { background-color: rgba(51, 153, 209, 0.1); border-color: rgba(51, 153, 209, 0.2); color: var(--info); } .alert-warning { background-color: rgba(255, 213, 79, 0.1); border-color: rgba(255, 213, 79, 0.2); color: var(--warning); } .alert-danger { background-color: rgba(248, 154, 76, 0.1); border-color: rgba(248, 154, 76, 0.2); color: var(--danger); } .alert-light { background-color: rgba(250, 250, 250, 0.1); border-color: rgba(250, 250, 250, 0.2); color: var(--light); } .alert-dark { background-color: rgba(74, 74, 74, 0.1); border-color: rgba(74, 74, 74, 0.2); color: var(--dark); } .alert-purple { background-color: rgba(143, 87, 255, 0.1); border-color: rgba(143, 87, 255, 0.2); color: var(--purple); } .alert-pink { background-color: rgba(255, 159, 243, 0.1); border-color: rgba(255, 159, 243, 0.2); color: var(--pink); } .alert-orange { background-color: rgba(255, 159, 67, 0.1); border-color: rgba(255, 159, 67, 0.2); color: var(--orange); } .alert-yellow { background-color: rgba(254, 202, 87, 0.1); border-color: rgba(254, 202, 87, 0.2); color: var(--yellow); } .alert-green { background-color: rgba(29, 209, 161, 0.1); border-color: rgba(29, 209, 161, 0.2); color: var(--green); } .alert-teal { background-color: rgba(0, 210, 211, 0.1); border-color: rgba(0, 210, 211, 0.2); color: var(--teal); } .alert-indigo { background-color: rgba(95, 39, 205, 0.1); border-color: rgba(95, 39, 205, 0.2); color: var(--indigo); } .alert-brown { background-color: rgba(139, 69, 19, 0.1); border-color: rgba(139, 69, 19, 0.2); color: var(--brown); } .alert-red { background-color: rgba(255, 107, 107, 0.1); border-color: rgba(255, 107, 107, 0.2); color: var(--red); } /* LINKS */ a { color: var(--primary); text-decoration: none; transition: color 0.2s ease; } .link-secondary { color: var(--secondary); } .link-secondary:hover { color: var(--secondary-hover); } .link-purple { color: var(--purple); } .link-purple:hover { color: var(--purple-hover); } .link-pink { color: var(--pink); } .link-pink:hover { color: var(--pink-hover); } .link-orange { color: var(--orange); } .link-orange:hover { color: var(--orange-hover); } .link-yellow { color: var(--yellow); } .link-yellow:hover { color: #e6b947; } .link-green { color: var(--green); } .link-green:hover { color: #17a78b; } .link-teal { color: var(--teal); } .link-teal:hover { color: #00b5b5; } .link-indigo { color: var(--indigo); } .link-indigo:hover { color: #4c1fb5; } .link-brown { color: var(--brown); } .link-brown:hover { color: #753a0f; } .link-red { color: var(--red); } .link-red:hover { color: #e05252; } /* PAGINATION */ .page-item.active .page-link { background-color: var(--primary); border-color: var(--primary); } .page-link { color: var(--primary); } .page-link:hover { color: var(--primary-hover); } /* PROGRESS BARS */ .progress-bar { background-color: var(--primary); } .progress-bar.bg-primary { background-color: var(--primary); } .progress-bar.bg-secondary { background-color: var(--secondary); } .progress-bar.bg-success { background-color: var(--success); } .progress-bar.bg-info { background-color: var(--info); } .progress-bar.bg-warning { background-color: var(--warning); } .progress-bar.bg-danger { background-color: var(--danger); } .progress-bar.bg-purple { background-color: var(--purple); } .progress-bar.bg-pink { background-color: var(--pink); } .progress-bar.bg-orange { background-color: var(--orange); } .progress-bar.bg-yellow { background-color: var(--yellow); } .progress-bar.bg-green { background-color: var(--green); } .progress-bar.bg-teal { background-color: var(--teal); } .progress-bar.bg-indigo { background-color: var(--indigo); } .progress-bar.bg-brown { background-color: var(--brown); } .progress-bar.bg-red { background-color: var(--red); } /* LIST GROUP */ .list-group-item.active { background-color: var(--primary); border-color: var(--primary); } .list-group-item.active.list-group-item-primary { background-color: var(--primary); border-color: var(--primary); } .list-group-item.active.list-group-item-secondary { background-color: var(--secondary); border-color: var(--secondary); } .list-group-item.active.list-group-item-success { background-color: var(--success); border-color: var(--success); } .list-group-item.active.list-group-item-info { background-color: var(--info); border-color: var(--info); } .list-group-item.active.list-group-item-warning { background-color: var(--warning); border-color: var(--warning); color: var(--dark); } .list-group-item.active.list-group-item-danger { background-color: var(--danger); border-color: var(--danger); } .list-group-item.active.list-group-item-purple { background-color: var(--purple); border-color: var(--purple); color: white; } .list-group-item.active.list-group-item-pink { background-color: var(--pink); border-color: var(--pink); color: var(--dark); } .list-group-item.active.list-group-item-orange { background-color: var(--orange); border-color: var(--orange); color: var(--dark); } .list-group-item.active.list-group-item-yellow { background-color: var(--yellow); border-color: var(--yellow); color: var(--dark); } .list-group-item.active.list-group-item-green { background-color: var(--green); border-color: var(--green); color: white; } .list-group-item.active.list-group-item-teal { background-color: var(--teal); border-color: var(--teal); color: white; } .list-group-item.active.list-group-item-indigo { background-color: var(--indigo); border-color: var(--indigo); color: white; } .list-group-item.active.list-group-item-brown { background-color: var(--brown); border-color: var(--brown); color: white; } .list-group-item.active.list-group-item-red { background-color: var(--red); border-color: var(--red); color: white; } /* TABELAS */ .table-primary { --bs-table-bg: rgba(58, 91, 176, 0.05); --bs-table-striped-bg: rgba(58, 91, 176, 0.1); } .table-secondary { --bs-table-bg: rgba(51, 153, 209, 0.05); --bs-table-striped-bg: rgba(51, 153, 209, 0.1); } .table-success { --bs-table-bg: rgba(122, 200, 154, 0.05); --bs-table-striped-bg: rgba(122, 200, 154, 0.1); } .table-info { --bs-table-bg: rgba(51, 153, 209, 0.05); --bs-table-striped-bg: rgba(51, 153, 209, 0.1); } .table-warning { --bs-table-bg: rgba(255, 213, 79, 0.05); --bs-table-striped-bg: rgba(255, 213, 79, 0.1); } .table-danger { --bs-table-bg: rgba(248, 154, 76, 0.05); --bs-table-striped-bg: rgba(248, 154, 76, 0.1); } .table-purple { --bs-table-bg: rgba(143, 87, 255, 0.05); --bs-table-striped-bg: rgba(143, 87, 255, 0.1); } .table-pink { --bs-table-bg: rgba(255, 159, 243, 0.05); --bs-table-striped-bg: rgba(255, 159, 243, 0.1); } .table-orange { --bs-table-bg: rgba(255, 159, 67, 0.05); --bs-table-striped-bg: rgba(255, 159, 67, 0.1); } .table-yellow { --bs-table-bg: rgba(254, 202, 87, 0.05); --bs-table-striped-bg: rgba(254, 202, 87, 0.1); } .table-green { --bs-table-bg: rgba(29, 209, 161, 0.05); --bs-table-striped-bg: rgba(29, 209, 161, 0.1); } .table-teal { --bs-table-bg: rgba(0, 210, 211, 0.05); --bs-table-striped-bg: rgba(0, 210, 211, 0.1); } .table-indigo { --bs-table-bg: rgba(95, 39, 205, 0.05); --bs-table-striped-bg: rgba(95, 39, 205, 0.1); } .table-brown { --bs-table-bg: rgba(139, 69, 19, 0.05); --bs-table-striped-bg: rgba(139, 69, 19, 0.1); } .table-red { --bs-table-bg: rgba(255, 107, 107, 0.05); --bs-table-striped-bg: rgba(255, 107, 107, 0.1); } /* TOASTS */ .toast { background-color: var(--white); border-color: rgba(0, 0, 0, 0.1); } .toast-header { background-color: var(--light); border-bottom-color: rgba(0, 0, 0, 0.05); } .toast-primary .toast-header { background-color: rgba(58, 91, 176, 0.1); color: var(--primary); } .toast-secondary .toast-header { background-color: rgba(51, 153, 209, 0.1); color: var(--secondary); } .toast-success .toast-header { background-color: rgba(122, 200, 154, 0.1); color: var(--success); } .toast-info .toast-header { background-color: rgba(51, 153, 209, 0.1); color: var(--info); } .toast-warning .toast-header { background-color: rgba(255, 213, 79, 0.1); color: var(--warning); } .toast-danger .toast-header { background-color: rgba(248, 154, 76, 0.1); color: var(--danger); } .toast-purple .toast-header { background-color: rgba(143, 87, 255, 0.1); color: var(--purple); } .toast-pink .toast-header { background-color: rgba(255, 159, 243, 0.1); color: var(--pink); } .toast-orange .toast-header { background-color: rgba(255, 159, 67, 0.1); color: var(--orange); } .toast-yellow .toast-header { background-color: rgba(254, 202, 87, 0.1); color: var(--yellow); } .toast-green .toast-header { background-color: rgba(29, 209, 161, 0.1); color: var(--green); } .toast-teal .toast-header { background-color: rgba(0, 210, 211, 0.1); color: var(--teal); } .toast-indigo .toast-header { background-color: rgba(95, 39, 205, 0.1); color: var(--indigo); } .toast-brown .toast-header { background-color: rgba(139, 69, 19, 0.1); color: var(--brown); } .toast-red .toast-header { background-color: rgba(255, 107, 107, 0.1); color: var(--red); } /* MODALS */ .modal-header { background-color: var(--light); } .modal-primary .modal-header { background-color: var(--primary); color: white; } .modal-secondary .modal-header { background-color: var(--secondary); color: white; } .modal-success .modal-header { background-color: var(--success); color: white; } .modal-info .modal-header { background-color: var(--info); color: white; } .modal-warning .modal-header { background-color: var(--warning); color: var(--dark); } .modal-danger .modal-header { background-color: var(--danger); color: white; } .modal-purple .modal-header { background-color: var(--purple); color: white; } .modal-pink .modal-header { background-color: var(--pink); color: var(--dark); } .modal-orange .modal-header { background-color: var(--orange); color: var(--dark); } .modal-yellow .modal-header { background-color: var(--yellow); color: var(--dark); } .modal-green .modal-header { background-color: var(--green); color: white; } .modal-teal .modal-header { background-color: var(--teal); color: white; } .modal-indigo .modal-header { background-color: var(--indigo); color: white; } .modal-brown .modal-header { background-color: var(--brown); color: white; } .modal-red .modal-header { background-color: var(--red); color: white; } .modal-footer-arquivos { gap: 5px; } /* NAVS/TABS */ .nav-pills .nav-link.active { background-color: var(--primary); } .nav-pills .nav-link.active-primary { background-color: var(--primary); } .nav-pills .nav-link.active-secondary { background-color: var(--secondary); } .nav-pills .nav-link.active-success { background-color: var(--success); } .nav-pills .nav-link.active-info { background-color: var(--info); } .nav-pills .nav-link.active-warning { background-color: var(--warning); color: var(--dark); } .nav-pills .nav-link.active-danger { background-color: var(--danger); } .nav-pills .nav-link.active-purple { background-color: var(--purple); color: white; } .nav-pills .nav-link.active-pink { background-color: var(--pink); color: var(--dark); } .nav-pills .nav-link.active-orange { background-color: var(--orange); color: var(--dark); } .nav-pills .nav-link.active-yellow { background-color: var(--yellow); color: var(--dark); } .nav-pills .nav-link.active-green { background-color: var(--green); color: white; } .nav-pills .nav-link.active-teal { background-color: var(--teal); color: white; } .nav-pills .nav-link.active-indigo { background-color: var(--indigo); color: white; } .nav-pills .nav-link.active-brown { background-color: var(--brown); color: white; } .nav-pills .nav-link.active-red { background-color: var(--red); color: white; } .nav-tabs .nav-link.active { border-bottom-color: var(--primary); color: var(--primary); } .nav-tabs .nav-link.active-primary { border-bottom-color: var(--primary); color: var(--primary); } .nav-tabs .nav-link.active-secondary { border-bottom-color: var(--secondary); color: var(--secondary); } .nav-tabs .nav-link.active-success { border-bottom-color: var(--success); color: var(--success); } .nav-tabs .nav-link.active-info { border-bottom-color: var(--info); color: var(--info); } .nav-tabs .nav-link.active-warning { border-bottom-color: var(--warning); color: var(--warning); } .nav-tabs .nav-link.active-danger { border-bottom-color: var(--danger); color: var(--danger); } .nav-tabs .nav-link.active-purple { border-bottom-color: var(--purple); color: var(--purple); } .nav-tabs .nav-link.active-pink { border-bottom-color: var(--pink); color: var(--pink); } .nav-tabs .nav-link.active-orange { border-bottom-color: var(--orange); color: var(--orange); } .nav-tabs .nav-link.active-yellow { border-bottom-color: var(--yellow); color: var(--yellow); } .nav-tabs .nav-link.active-green { border-bottom-color: var(--green); color: var(--green); } .nav-tabs .nav-link.active-teal { border-bottom-color: var(--teal); color: var(--teal); } .nav-tabs .nav-link.active-indigo { border-bottom-color: var(--indigo); color: var(--indigo); } .nav-tabs .nav-link.active-brown { border-bottom-color: var(--brown); color: var(--brown); } .nav-tabs .nav-link.active-red { border-bottom-color: var(--red); color: var(--red); } /* DROPDOWNS */ .dropdown-item.active, .dropdown-item:active { background-color: var(--primary); } .dropdown-item.active-primary, .dropdown-item:active-primary { background-color: var(--primary); color: white; } .dropdown-item.active-secondary, .dropdown-item:active-secondary { background-color: var(--secondary); color: white; } .dropdown-item.active-success, .dropdown-item:active-success { background-color: var(--success); color: white; } .dropdown-item.active-info, .dropdown-item:active-info { background-color: var(--info); color: white; } .dropdown-item.active-warning, .dropdown-item:active-warning { background-color: var(--warning); color: var(--dark); } .dropdown-item.active-danger, .dropdown-item:active-danger { background-color: var(--danger); color: white; } .dropdown-item.active-purple, .dropdown-item:active-purple { background-color: var(--purple); color: white; } .dropdown-item.active-pink, .dropdown-item:active-pink { background-color: var(--pink); color: var(--dark); } .dropdown-item.active-orange, .dropdown-item:active-orange { background-color: var(--orange); color: var(--dark); } .dropdown-item.active-yellow, .dropdown-item:active-yellow { background-color: var(--yellow); color: var(--dark); } .dropdown-item.active-green, .dropdown-item:active-green { background-color: var(--green); color: white; } .dropdown-item.active-teal, .dropdown-item:active-teal { background-color: var(--teal); color: white; } .dropdown-item.active-indigo, .dropdown-item:active-indigo { background-color: var(--indigo); color: white; } .dropdown-item.active-brown, .dropdown-item:active-brown { background-color: var(--brown); color: white; } .dropdown-item.active-red, .dropdown-item:active-red { background-color: var(--red); color: white; } /* CHECKBOXES, RADIOS E SWITCHES */ .form-check-input:checked { background-color: var(--primary); border-color: var(--primary); } .form-check-input:checked[type="checkbox"].checkbox-primary { background-color: var(--primary); border-color: var(--primary); } .form-check-input:checked[type="checkbox"].checkbox-secondary { background-color: var(--secondary); border-color: var(--secondary); } .form-check-input:checked[type="checkbox"].checkbox-success { background-color: var(--success); border-color: var(--success); } .form-check-input:checked[type="checkbox"].checkbox-info { background-color: var(--info); border-color: var(--info); } .form-check-input:checked[type="checkbox"].checkbox-warning { background-color: var(--warning); border-color: var(--warning); } .form-check-input:checked[type="checkbox"].checkbox-danger { background-color: var(--danger); border-color: var(--danger); } .form-check-input:checked[type="checkbox"].checkbox-purple { background-color: var(--purple); border-color: var(--purple); } .form-check-input:checked[type="checkbox"].checkbox-pink { background-color: var(--pink); border-color: var(--pink); } .form-check-input:checked[type="checkbox"].checkbox-orange { background-color: var(--orange); border-color: var(--orange); } .form-check-input:checked[type="checkbox"].checkbox-yellow { background-color: var(--yellow); border-color: var(--yellow); } .form-check-input:checked[type="checkbox"].checkbox-green { background-color: var(--green); border-color: var(--green); } .form-check-input:checked[type="checkbox"].checkbox-teal { background-color: var(--teal); border-color: var(--teal); } .form-check-input:checked[type="checkbox"].checkbox-indigo { background-color: var(--indigo); border-color: var(--indigo); } .form-check-input:checked[type="checkbox"].checkbox-brown { background-color: var(--brown); border-color: var(--brown); } .form-check-input:checked[type="checkbox"].checkbox-red { background-color: var(--red); border-color: var(--red); } /* INPUT FOCUS */ .form-control:focus, .form-select:focus { border-color: var(--primary); box-shadow: 0 0 0 0.25rem rgba(58, 91, 176, 0.25); } .form-control:focus .bg-gray { background-color: var(--gray); } .bg-waves { background-image: url("../assets/img/waves-background-white.svg"); background-size: 130%; background-repeat: repeat; } .bg-waves-blue { background-image: url("../assets/img/waves-background-white.svg"); background-size: 100%; background-repeat: repeat; background-color: var(--waves-background); } /* FIM CORES 2025 */ /*--------------- HEADER INÍCIO ------------*/ .topo-logo { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 190px; } img.topo-logo-img { height: 130px; width: auto; } .topo-nav { background: var(--topo-nav-background); /* background: linear-gradient(90deg, rgba(0, 123, 192, 1) 0%, rgba(0, 169, 255, 1) 100%); */ } @media (max-width: 800px) { .topo-logo { height: 160px; } .topo-logo a { display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 0; /* Previne overflow no Safari iOS */ } img.topo-logo-img { max-width: 180px; max-height: 160px; /* Limita altura para não esticar */ width: auto; height: auto; -webkit-object-fit: contain; /* Prefixo para Safari */ object-fit: contain; flex-shrink: 0; /* Previne que o flexbox estique a imagem */ align-self: center; /* Garante centralização */ } img.topo-logo-light, img.topo-logo-dark { max-width: 180px; max-height: 160px; /* Limita altura para não esticar */ width: auto; height: auto; -webkit-object-fit: contain; /* Prefixo para Safari */ object-fit: contain; flex-shrink: 0; /* Previne que o flexbox estique a imagem */ align-self: center; /* Garante centralização */ } } /*--------------- HEADER FIM ------------*/ /*--------------- MENU INÍCIO ------------*/ .nav { display: flex; justify-content: center; align-items: center; } .nav .nav-item a.nav-link { font-size: 1rem; font-weight: 700; color: #f7f7f7; text-transform: uppercase; } .nav .nav-item a.nav-link:active { background-color: #007cbf; color: #fff !important; } .list_down ul { list-style-type: disc; margin-left: 30px; } .list_down ul ul { list-style-type: circle !important; margin-left: 30px; } .list_down ul li { display: list-item; } .list_down ul li img { margin-right: 5px; vertical-align: middle; } .duties-list p { counter-reset: duty-counter; } .duties-list p::before { counter-increment: duty-counter; content: counter(duty-counter) ". "; font-weight: bold; } .offcanvas { overflow-x: hidden !important; } .offcanvas .offcanvas-cabecalho { display: flex; flex-direction: row; align-items: center; justify-content: space-around; padding-top: 10px; padding-bottom: 15px; border-bottom: solid 2px #f5f6f7; } .offcanvas .offcanvas-cabecalho .offcanvas-cabecalho-back { flex-grow: 1; display: flex; align-items: center; justify-content: center; } .offcanvas .offcanvas-cabecalho .offcanvas-cabecalho-back .btn { color: #0066ff; margin-left: initial; } .offcanvas .offcanvas-cabecalho .offcanvas-cabecalho-home { flex-grow: 1; display: flex; align-items: center; justify-content: center; } .offcanvas .offcanvas-cabecalho .offcanvas-cabecalho-home img { height: 50px; } .offcanvas .offcanvas-cabecalho .offcanvas-cabecalho-close { flex-grow: 1; display: flex; align-items: center; justify-content: center; } .offcanvas .offcanvas-cabecalho .offcanvas-cabecalho-close .btn { color: #0066ff; margin-left: initial; } .offcanvas-body { padding: 10px !important; } .offcanvas .offcanvas-body h4.offcanvas-body-titulos { font-size: 1.8rem; font-weight: 200; color: #2f3134; padding-left: 1rem; padding-top: 20px; padding-bottom: 20px; border-bottom: solid 2px #f5f6f7; } .offcanvas .offcanvas-body ul { margin-top: 30px; } .offcanvas .offcanvas-body ul li.nav-item { padding-top: 2px; padding-bottom: 2px; } .nav-item a.nav-link-lateral { display: flex; align-items: center; justify-content: space-between; padding: 0.7rem 1rem; text-decoration: none; font-size: 1.1rem; font-weight: 600; color: #2f3134; } .nav-link-lateral-executiva { margin-top: -10px !important; padding-left: 1rem !important; } a.menu-sec-executiva { font-weight: 300 !important; padding-bottom: 0.3rem !important; } .nav-item a.nav-link-lateral:active, .nav-item a.nav-link-lateral:hover, .nav-item a.nav-link-lateral:visited { color: #2f3134; } .nav-item .nav-link-lateral i { transition: color 0.3s ease; } @media (max-width: 992px) { .navDesktop { display: none; } .voltaMenuDesktop { display: none; } } @media (min-width: 992px) { .navMobile { display: none; } .voltaMenuMobile { display: none; } } /*--------------- MENU FIM ------------*/ body { background-color: var(--snowWhite); overflow-x: hidden !important; font-family: /* "Montserrat", */ "Nunito", serif; font-style: normal; } /* .card { cursor: pointer; } */ .offcanvas { overflow-x: hidden !important; } .gx-5 { --gutter-x: 3rem !important; } /*--------------- HOME NOTÍCIAS INÍCIO ------------*/ .home-noticias { padding-top: 100px; padding-bottom: 100px; background-color: #f5f5f5; } .home-noticias .noticias-bloco-2 { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } @media (max-width: 768px) { .card { margin: 5%; } .large-card { margin-bottom: 10%; } .home-noticias { padding-top: 60px; padding-bottom: 60px; } } .home-noticias .noticias-card-subdestaque { display: flex; flex-direction: row; align-items: center; cursor: pointer; } .home-noticias .noticias-card-subdestaque .card-img { height: 100%; width: 320px; object-fit: cover; } .home-noticias .noticias-card-subdestaque .card-img-top { width: 100%; object-fit: cover; margin: 0; border-radius: 0; } .home-noticias .noticias-bloco-inferior { margin-top: 0px; } .home-noticias .noticias-bloco-inferior .card { height: 100%; } .card { background-color: white; border: none; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .card-body { padding: 20px; } .card-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 10px; color: var(--card-title); } .card-text { color: #6c757d; font-size: 1rem; line-height: 1.3rem; } @media (max-width: 1400px) { .home-noticias .noticias-card-subdestaque .card-img { height: 100% !important; width: 200px !important; object-fit: cover; } } @media (max-width: 1200px) { .home-noticias .noticias-card-subdestaque .card-img { height: 100% !important; width: 440px !important; object-fit: cover; } .home-noticias .noticias-bloco-2 { grid-row-gap: 3rem; } } @media (max-width: 992px) { .home-noticias .noticias-card-subdestaque .card-img { height: 100% !important; width: 340px !important; object-fit: cover; } .home-noticias .noticias-bloco-inferior { margin-top: 0 !important; } } @media (max-width: 768px) { .home-noticias .noticias-card-subdestaque { display: flex; flex-direction: column; align-items: center; cursor: pointer; } .home-noticias .noticias-bloco-2 { grid-row-gap: 0; } .home-noticias .noticias-card-subdestaque .card-img { height: 100% !important; width: 100% !important; object-fit: cover; } .home-noticias .noticias-bloco-inferior .card { height: initial !important; } .home-noticias .gx-5 { --bs-gutter-x: 0 !important; } .gy-5 { --bs-gutter-y: 0 !important; } } /*--------------- HOME NOTÍCIAS FIM ------------*/ /* SLUG NOTÍCIAS INÍCIO */ .desc p { padding-bottom: 1.75rem; } /* SLUG NOTÍCIAS FIM */ /*--------------- HOME LINKS INSTITUCIONAIS INÍCIO ------------*/ .home-links-institucionais { padding-top: 120px; padding-bottom: 120px; background-color: var(--white); } .home-links-institucionais .home-institucionais-row { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; } @media (max-width: 1200px) { .home-links-institucionais .home-institucionais-row { justify-content: center; } } .home-links-institucionais .home-institucionais-row .home-institucionais-item { height: 100%; cursor: pointer; display: flex; flex-direction: column; align-items: center; } .home-links-institucionais .home-institucionais-row .home-institucionais-item img { height: 75px; margin-bottom: 36px; } .home-links-institucionais .home-institucionais-row .home-institucionais-item h4 { text-align: center; font-size: 1.3rem; font-weight: 700; margin-bottom: 16px; color: var(--home-links); } .home-links-institucionais .home-institucionais-row .home-institucionais-item p { text-align: center; line-height: 1.3rem; color: #6c757d; } @media (max-width: 992px) { .home-links-institucionais .home-institucionais-row .home-institucionais-item img { margin-bottom: 20px; } .home-links-institucionais .home-institucionais-row .home-institucionais-item h4 { margin-bottom: 8px; } } @media (max-width: 768px) { .home-links-institucionais { padding-top: 60px; padding-bottom: 60px; } .home-links-institucionais .home-institucionais-row .home-institucionais-item { margin-bottom: 50px; } } /*--------------- HOME LINKS INSTITUCIONAIS FIM ------------*/ /*--------------- HOME BANNERS 1 INICIO ------------*/ .home-banners-1 { padding-top: 50px; padding-bottom: 50px; background-color: var(--white); } .home-banners-1 img { width: 100%; max-width: 100vw; } @media (max-width: 992px) { .home-banners-1 { padding-top: 40px; padding-bottom: 40px; } } /*--------------- HOME BANNERS 1 FIM ------------*/ /*--------------- HOME BANNERS 2 INICIO ------------*/ .home-banners-2 { padding-top: 50px; padding-bottom: 50px; background-color: var(--white); } .home-banners-2 img { width: 100%; max-width: 100vw; } @media (max-width: 992px) { .home-banners-2 { padding-top: 40px; padding-bottom: 40px; } } /*--------------- HOME BANNERS 2 FIM ------------*/ /*--------------- HOME BANNERS 3 INICIO ------------*/ .home-banners-3 { padding-top: 0; padding-bottom: 100px; background-color: var(--snowWhite); } .home-banners-3 img { width: 100%; max-width: 100vw; } @media (max-width: 992px) { .home-banners-3 { padding-top: 40px; padding-bottom: 40px; } } /*--------------- HOME BANNERS 3 FIM ------------*/ /*--------------- HOME GUIA RÁPIDO INÍCIO ------------*/ .home-guia-rapido { padding-top: 100px; padding-bottom: 100px; background-color: var(--snowWhite); } .subtitle-home { font-size: 3.2rem; font-weight: 600; color: var(--subtitle-home); margin-bottom: 80px; text-align: center; letter-spacing: -1px; } .link-help { border-left: solid 3px var(--link-help); padding-left: 24px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 40px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #212529; text-decoration: none; -webkit-transition: padding-left 0.4s ease; -moz-transition: padding-left 0.4s ease; -o-transition: padding-left 0.4s ease; -ms-transition: padding-left 0.4s ease; transition: padding-left 0.4s ease; } .link-help:hover { padding-left: 36px; -webkit-transition: padding-left 0.4s ease; -moz-transition: padding-left 0.4s ease; -o-transition: padding-left 0.4s ease; -ms-transition: padding-left 0.4s ease; transition: padding-left 0.4s ease; } .link-help h5 { font-size: 1.3rem; font-weight: 700; margin-bottom: 0; } .link-help svg { height: 32px; margin-right: 30px; } .link-help .text-primary { color: var(--link-help-text) !important; } @media (max-width: 992px) { .link-help { margin-bottom: 1.75rem; } } @media (max-width: 576px) { .subtitle-home { font-size: 2.5rem; margin-bottom: 40px; } .link-help { margin-bottom: 1.75rem; } .link-help svg { height: 32px; } .home-guia-rapido { padding-top: 50px; padding-bottom: 50px; } } /*--------------- HOME GUIA RÁPIDO FIM ------------*/ /*--------------- HOME MAIS BUSCADOS INICIO ------------*/ .home-mais-buscados { padding-top: 100px; padding-bottom: 120px; background-color: var(--white); overflow-x: hidden; } .home-mais-buscados .home-mais-buscados-row { display: flex; align-items: stretch; justify-content: center; } .home-mais-buscados .home-mais-buscados-row .card { background-color: var(--snowWhite); cursor: pointer; min-height: 340px; } .home-mais-buscados .home-mais-buscados-row .card h5.card-title { text-align: center; } .home-mais-buscados .home-mais-buscados-row .card p.card-text { text-align: center; } .home-mais-buscados .home-mais-buscados-row .card img { height: 200px; width: auto; } @media (max-width: 768px) { .home-mais-buscados .home-mais-buscados-row .card { height: 360px; } } @media (max-width: 576px) { .home-mais-buscados { padding-top: 70px; padding-bottom: 70px; } .home-mais-buscados .home-mais-buscados-row .card { height: auto; } .home-mais-buscados .home-mais-buscados-row .card img { height: auto; width: auto; } } /*--------------- HOME MAIS BUSCADOS FIM ------------*/ /*--------------- HOME VIDEO INSTITUCIONAL INICIO ------------*/ .home-VideoInstitucional { padding-top: 100px; padding-bottom: 120px; background-color: var(--snowWhite); overflow-x: hidden; } .home-video-container { width: 100%; max-width: 900px; margin: 0 auto; } @media (max-width: 576px) { .home-VideoInstitucional { padding-top: 50px; padding-bottom: 70px; } } /*--------------- HOME VIDEO INSTITUCIONAL FIM ------------*/ /* INÍCIO - TOPICOS MAIS BUSCADOS - NOVO */ .home-mais-buscados .home-mais-buscados-col { display: flex; justify-content: center; } .home-mais-buscados .home-mais-buscados-col .card { background-color: var(--snowWhite); border: 0; cursor: pointer; width: 100%; } .home-mais-buscados .home-mais-buscados-col .card .imgTopicos { display: flex; justify-content: center; align-items: center; } .home-mais-buscados .home-mais-buscados-col .card .imgTopicos img { filter: grayscale(1); height: 190px; object-fit: cover; opacity: 40%; position: relative; } .home-mais-buscados .home-mais-buscados-col .card .imgTopicos h4 { font-family: "Montserrat", "Nunito", serif; text-transform: uppercase; text-align: center; z-index: 1; position: absolute; font-size: 1.5rem; color: white; font-weight: 400; text-shadow: 2px 2px 4px #000000; } .home-mais-buscados .home-mais-buscados-col .card .imgTopicos h4 span { font-weight: 700; text-shadow: 2px 2px 4px #000000ec; } .home-mais-buscados .home-mais-buscados-col .card .card-body { padding: 20px; flex-direction: column; display: flex; } .home-mais-buscados .home-mais-buscados-col .card .card-text { text-align: center; color: #6c757d; } .home-mais-buscados .home-mais-buscados-col .card .card-title { text-align: center; } /* FIM - TOPICOS MAIS BUSCADOS - NOVO */ /*--------------- HOME REDES SOCIAIS INÍCIO ------------*/ .home-redes-sociais { padding-top: 80px; padding-bottom: 80px; } .home-redes-sociais .home-redes-sociais-texto { display: flex; justify-content: center; align-items: center; } .home-redes-sociais h3 { text-align: center; font-size: 3rem; color: #ffffff; font-weight: 700; } .home-redes-sociais .home-redes-sociais-logos { display: flex; flex-direction: row; justify-content: center; align-items: center; grid-gap: 20px; } .home-redes-sociais .home-redes-sociais-logos .home-redes-sociais-logos-logo { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; background-color: white; border-radius: 15px; width: 70px; height: 70px; color: var(--home-social); font-size: 2.5rem; font-weight: bold; } /*--------------- HOME REDES SOCIAIS FIM ------------*/ /*--------------- HOME GALERIA FOTOS INÍCIO ------------*/ .home-galeria-fotos { padding-top: 100px; padding-bottom: 100px; background-color: var(--galeria-background); overflow-x: hidden !important; } .home-galeria-fotos h3.subtitle-home { color: #ffffff !important; } @media (max-width: 576px) { .home-galeria-fotos { padding-top: 50px; padding-bottom: 50px; } } .swiper { height: 32rem; } .swiper-slide-button { margin-left: 50px; padding: 30px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75); } .swiper-button-next { margin-right: 50px !important; padding: 30px; border-radius: 50%; } .swiper-button-prev { margin-right: 50px !important; padding: 30px; border-radius: 50%; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 2rem !important; font-weight: 800 !important; } .cardGalery { height: 25rem; display: flex; flex-direction: column; justify-content: flex-end; text-align: center; color: white; background-size: cover; background-position: center; border-radius: 12px; overflow: hidden; transition: transform 0.3s ease-in-out; } .cardGalery:hover { transform: scale(1.2); } .cardGalery:hover .card-button { background: rgb(255, 255, 255); } .cardGalery:hover .card-button .btn { color: rgb(255, 255, 255) !important; border: #000 solid 1px; background-color: #032a64; } .card-footer { background: rgba(0, 0, 0, 0.6); padding: 15px; transition: opacity 0.3s ease-in-out; } .card-button { background: rgba(0, 0, 0, 0.6); padding: 15px; transition: opacity 0.3s ease-in-out; } .cardGalery:hover .card-footer { opacity: 0; } .card-footer .btn { transition: opacity 0.3s ease-in-out; opacity: 1; } .cardGalery:hover .card-footer .btn { opacity: 1 !important; } .cardGalery .card-footer h5 { transition: opacity 0.3s ease-in-out; } .cardGalery:hover .card-footer h5 { opacity: 0; } .carousel-control-prev, .carousel-control-next { width: 5%; } .card-container { position: relative; overflow: hidden; height: 30rem; cursor: pointer; } .card-image { width: 100%; height: 100%; transition: transform 0.5s ease; } .card-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); /* Fundo escuro sem opacidade */ display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.5s ease; } .card-overlay h5.card-title { margin: 0; text-align: center; transition: transform 0.5s ease; color: #ffffff; font-weight: 600; text-shadow: 2px 2px 4px #000000; } .card-container:hover .card-overlay { opacity: 1; } .card-container:hover .card-image { transform: scale(1.1); } /*--------------- HOME GALERIA FOTOS FIM ------------*/ /*--------------- HOME PONTOS TURÍSTICOS INÍCIO ------------*/ .home-pontos-turisticos { padding-top: 100px; padding-bottom: 120px; background-color: var(--white); } @font-face { font-family: "Trashhand"; src: url("../assets/fonts/TrashHand.TTF") format("truetype"); font-weight: normal; font-style: normal; } .home-pontos-turisticos h3 { font-weight: 600; letter-spacing: -1pt; color: var(--pontos-turisticos-title); font-size: 22pt; margin-bottom: 50px; } .home-pontos-turisticos .cards-container { display: flex; flex-direction: row; justify-content: center; align-content: space-between; flex-wrap: wrap; padding: 0 5%; } .home-pontos-turisticos .cards-container figure { margin: 0 1px 1px 0; position: relative; } .home-pontos-turisticos .cards-container figure a { display: flex; width: 250px; height: 250px; justify-content: center; align-items: center; background: no-repeat center center; background-size: cover; -webkit-transition: 0.3s background ease; -moz-transition: 0.3s background ease; transition: 0.3s background ease; } @media (max-width: 768px) { .home-pontos-turisticos .cards-container { padding: 0; } .home-pontos-turisticos .cards-container figure a { width: 160px; height: 160px; } } .home-pontos-turisticos .cards-container figure a:hover { -webkit-transition: 0.3s background ease; -moz-transition: 0.3s background ease; transition: 0.3s background ease; } .home-pontos-turisticos .cards-container figure figcaption { width: 100%; height: 100%; min-height: 250px; position: absolute; display: table; top: 0; left: 0; text-decoration: none; background: rgba(0, 0, 0, 0); -webkit-transition: 0.3s background ease; -moz-transition: 0.3s background ease; transition: 0.3s background ease; } @media (max-width: 768px) { .home-pontos-turisticos .cards-container figure figcaption { min-height: 160px; } } .home-pontos-turisticos .cards-container figure figcaption:hover { background: rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s background ease; -moz-transition: 0.3s background ease; transition: 0.3s background ease; } .home-pontos-turisticos .cards-container figure figcaption .fig-title { font-weight: 700; display: table-cell; width: 100%; vertical-align: middle; text-align: center; padding: 0 4%; font-family: "Trashhand"; font-size: 24pt; font-weight: normal; line-height: 24pt; color: rgba(0, 0, 0, 0); -webkit-transition: 0.3s color ease; -moz-transition: 0.3s color ease; transition: 0.3s color ease; text-shadow: none; transition: 0.3s text-shadow ease; -webkit-transition: 0.3s text-shadow ease; -moz-transition: 0.3s text-shadow ease; } .home-pontos-turisticos .cards-container figure figcaption .fig-title:hover { color: rgb(255, 255, 255); transition: 0.3s color ease; -webkit-transition: 0.3s color ease; -moz-transition: 0.3s color ease; text-shadow: black 0.05em 0.05em 0.1em; transition: 0.3s text-shadow ease; -webkit-transition: 0.3s text-shadow ease; -moz-transition: 0.3s text-shadow ease; } /*--------------- HOME PONTOS TURÍSTICOS FIM ------------*/ /*--------------- HOME FOOTER INÍCIO ------------*/ footer { padding-top: 100px; padding-bottom: 120px; } footer.footer-pmar { background-color: var(--footer-background); color: #ffffff; font-size: 1rem; } footer.footer-pmar img.footer-pmar-logo { width: 90%; min-width: 250px; max-width: 500px; } footer.footer-pmar h5 { font-size: 1.3rem; font-weight: 700; } footer.footer-pmar a, footer.footer-pmar a:hover, footer.footer-pmar a:active, footer.footer-pmar a:visited { color: #ffffff; } footer.footer-pmar ul li, footer.footer-pmar ul li a { display: flex; flex-direction: row; align-items: flex-start; } footer.footer-pmar ul li span { display: inline-block; } footer.footer-pmar .footer-pmar-icons { padding-top: 3px; width: 35px; color: #ffffff; } @media (max-width: 992px) and (min-width: 576px) { .footer-pmar-colunas { padding-left: 20%; } } /*--------------- HOME FOOTER FIM ------------*/ /* FOOTER BOLETIM METEOROLÓGICO */ /*--------------- HOME FOOTER INÍCIO ------------*/ footer { padding-top: 100px; padding-bottom: 120px; } footer.footer-spdc { background: #082c5d; background: linear-gradient(90deg, rgb(29, 78, 131) 0%, rgb(14, 43, 76) 90%); font-size: 1rem; } footer.footer-spdc img.footer-spdc-logo { width: 90%; min-width: 250px; max-width: 500px; } footer.footer-spdc h5 { font-size: 1.3rem; font-weight: 700; } footer.footer-spdc a, footer.footer-spdc a:hover, footer.footer-spdc a:active, footer.footer-spdc a:visited { color: #ffffff; } footer.footer-spdc ul li, footer.footer-spdc ul li a { display: flex; flex-direction: row; align-items: flex-start; } footer.footer-spdc ul li span { display: inline-block; } footer.footer-spdc .footer-spdc-icons { padding-top: 3px; width: 35px; color: #ffffff; } @media (max-width: 992px) and (min-width: 576px) { .footer-spdc-colunas { padding-left: 20%; } } /* FOOTER BOLETIM METEOROLÓGICO - FIM */ /*--------------- LINKS INICIO ------------*/ .list-unstyled { margin: 0; } .link-secretarias { border-left: solid 3px #b7ff70; padding-left: 24px; padding-top: 20px; padding-bottom: 20px; margin-top: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #212529; text-decoration: none; -webkit-transition: padding-left 0.4s ease; -moz-transition: padding-left 0.4s ease; -o-transition: padding-left 0.4s ease; -ms-transition: padding-left 0.4s ease; transition: padding-left 0.4s ease, color 0.4s ease, transform 0.3s ease; } .link-secretarias:hover { padding-left: 36px; -webkit-transition: padding-left 0.4s ease; -moz-transition: padding-left 0.4s ease; -o-transition: padding-left 0.4s ease; -ms-transition: padding-left 0.4s ease; transition: padding-left 0.4s ease; color: var(--royal-blue) !important; } .link-secretarias .text-primary { color: var(--royal-blue) !important; } .link-secretarias svg { height: 32px; } /*--------------- LINKS FIM ------------*/ /*--------------- TELEFONES INICIO ------------*/ .slug-telefone { color: var(--royal-blue) !important; font-weight: bold; margin-bottom: 30px; } .icon-telefone { color: #94ff28; } .tel-number { margin-left: 10px; color: var(--royal-blue) !important; } .list-unstyled li { padding-top: 0; } /*--------------- TELEFONES FIM ------------*/ /*--------------- INTERNAS INICIO ------------*/ .internas-secretarias-home-title { padding-top: 30px; margin-bottom: 80px; } .internas-secretarias-home-title h1 { text-align: center; font-size: 3rem; font-weight: 600; color: #0066ff; letter-spacing: -1px; } .internas-secretarias-home-title p { text-align: center; font-size: 1.3rem; font-weight: 300; color: var(--gray50); } .breadcrumb-item.active, .breadcrumb-item.active span { color: var(--home-links); } @media (max-width: 768px) { nav[aria-label="breadcrumb"] .breadcrumb { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 0; padding: 12px 0; margin-bottom: 0; font-size: 0.95rem; line-height: 1.35; } nav[aria-label="breadcrumb"] .breadcrumb-item { display: inline-flex; align-items: center; padding-left: 0; margin-bottom: 0; } nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before { display: none; } nav[aria-label="breadcrumb"] .breadcrumb-item a, nav[aria-label="breadcrumb"] .breadcrumb-item.active { display: inline-block; max-width: 100%; text-decoration: none; } nav[aria-label="breadcrumb"] .breadcrumb-item a { color: var(--gray50); } nav[aria-label="breadcrumb"] .breadcrumb-item.active { color: var(--home-links); } nav[aria-label="breadcrumb"] .breadcrumb-item:not(:first-child)::before { display: inline-block; padding-right: 6px; color: var(--gray50); content: "/"; } .internas-secretarias-home-title { padding-top: 10px; padding-right: 20px; padding-left: 20px; margin-bottom: 40px; } .internas-secretarias-home-title h1 { max-width: 100%; margin-right: 0; margin-left: 0; font-size: clamp(2rem, 9vw, 2.65rem); line-height: 1.1; text-align: left; letter-spacing: -0.5px; } .internas-secretarias-home-title p { max-width: 100%; margin-right: 0; margin-left: 0; font-size: 1.08rem; line-height: 1.45; text-align: left; } } .internas-secretarias-home-news img { border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .internas-secretarias-home-news .card-body { padding-left: 0; padding-right: 0; padding-top: 32px; } .internas-secretarias-home-news h3.news-title { font-size: 1.45rem; font-weight: 700; margin-bottom: 24px; } .internas-secretarias-home-news .card-body .card-text { color: var(--gray50); font-size: 1rem; line-height: 1.6rem; margin-bottom: 24px; } time.news-date { color: var(--gray50); font-size: 0.9rem; font-weight: 300; } /* Notícias dos órgãos (página pública): mobile + convivência com regras globais .news-title */ .org-secretarias-news.internas-secretarias-home-news .card-body, .org-secretarias-news .card-body { padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1rem; } @media (min-width: 768px) { .org-secretarias-news.internas-secretarias-home-news .card-body, .org-secretarias-news .card-body { padding-top: 1.25rem; } } .org-secretarias-news h3.news-title { font-size: 1.125rem; line-height: 1.35; margin-bottom: 0.5rem; padding: 0 !important; } @media (min-width: 768px) { .org-secretarias-news h3.news-title { font-size: 1.3rem; line-height: 1.3; margin-bottom: 0.75rem; } } @media (min-width: 992px) { .org-secretarias-news h3.news-title { font-size: 1.45rem; } } .org-secretarias-news .org-news-title-compact { font-size: 1.05rem; line-height: 1.35; margin-bottom: 0.5rem; padding: 0 !important; } @media (min-width: 768px) { .org-secretarias-news .org-news-title-compact { font-size: 1.2rem; line-height: 1.3; } } @media (max-width: 575.98px) { .org-secretarias-news .org-news-lead { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .org-secretarias-news .org-news-list-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .org-secretarias-news time.news-date, .org-secretarias-news .news-date { font-size: 0.875rem; } } .org-secretarias-news .card-text, .org-secretarias-news .news-date, .org-secretarias-news time.news-date { padding-left: 0 !important; padding-right: 0 !important; } /*--------------- INTERNAS FIM ------------*/ /* --------------- SECRETARIO FOOTER INICIO ------------ */ .secretario-footer { padding-top: 100px; padding-bottom: 100px; background-color: var(--positive); } .secretario-footer .secretario-footer-foto { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .secretario-footer .secretario-footer-foto img { background-color: var(--royal-blue); width: 300px; height: 300px; object-fit: cover; object-position: top; border-radius: 100%; } .secretario-footer .secretario-footer-foto p { text-align: center; margin-top: 30px; margin-bottom: 5px; } .secretario-footer .secretario-footer-foto h5 { text-align: center; font-weight: 700; margin-bottom: 20px; } .secretario-footer .secretario-footer-localizacao { padding-left: 60px; } .secretario-footer .secretario-footer-localizacao h4 { text-align: center; font-weight: 700; color: var(--royal-blue); margin-bottom: 24px; } .secretario-footer .secretario-footer-localizacao address { text-align: center; margin-top: 16px; } @media (max-width: 768px) { .secretario-footer { padding-top: 60px; padding-bottom: 60px; max-width: 100%; overflow-x: hidden; } .secretario-footer .container, .secretario-footer .row { max-width: 100%; margin-right: 0; margin-left: 0; overflow-x: hidden; } .secretario-footer .secretario-footer-foto img { width: 210px; height: 210px; } .secretario-footer .secretario-footer-foto p { margin-top: 20px; } .secretario-footer .secretario-footer-localizacao { padding-left: 0; padding-right: 0; margin-top: 24px; text-align: center; } .secretario-footer .secretario-footer-localizacao iframe { display: block; width: min(92%, 360px); max-width: calc(100vw - 32px); margin-right: auto; margin-left: auto; } .secretario-footer .secretario-footer-localizacao address { max-width: 92%; margin-right: auto; margin-left: auto; } } /* --------------- SECRETARIO FOOTER FIM ------------ */ h1 { font-size: 2.25em; line-height: 1.125; } hr { color: #aaaaaa; } h3 { font-size: 1.5em; line-height: 1.175; } p { color: #333; font-size: 1rem; line-height: 1.575; margin: 0 0 0px; } .preto { color: #333; } .color-table { background-color: #f6f6f6 !important; } .hidden { display: none; } li { list-style-type: none; padding-top: 8px; padding-bottom: 8px; } ul { padding: 0 !important; } .offcanvas-body { padding: 10px !important; } .large-card { flex: 1; overflow: hidden; } .card-img-top-left { width: 100%; height: 250px; object-fit: cover; } .small-card-1 { display: flex; align-items: center; overflow: hidden; margin-bottom: 50px; flex: 1 1 calc(50% - 10px); } .small-card-2 { display: flex; align-items: center; overflow: hidden; flex: 1 1 calc(50% - 10px); } .card-img-left { height: 100%; width: 200px; object-fit: cover; margin-right: 20px; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: transparent !important; border-radius: 48px !important; max-width: 100%; height: auto; } @media (max-width: 768px) { .large-card { margin-bottom: 1.5rem; } } @media (max-width: 576px) { .small-card-1 { margin-top: 40px; margin-bottom: 40px; } .small-card-1, .small-card-2 { width: 100%; display: flex; flex-direction: column; align-items: flex-start; } .small-card-1 img, .small-card-2 img { width: 100%; height: 250px; object-fit: cover; } .small-card-1 .card-body, .small-card-2 .card-body { padding: 20px; } } .rounded-card { border-radius: 100%; height: 350px; width: 350px; } .rounded-card img { border-top-right-radius: 100%; border-top-left-radius: 100%; } a { text-decoration: none; } /* PAGINAÇÃO */ .pagination { display: flex !important; justify-content: center !important; gap: 5px !important; flex-wrap: wrap !important; background-color: transparent !important; border-radius: 5px !important; } .pagination .page-item { display: inline-block !important; margin: 0 !important; font-size: 1.75rem !important; } .pagination .page-item .page-link { font-size: 1.75rem !important; padding: 0.5rem 0.75rem !important; color: gray !important; background-color: transparent !important; border: 0 !important; margin: 0 2px !important; font-weight: bold; } .pagination .page-item.active .page-link { background-color: transparent !important; border-color: transparent !important; color: var(--secondary) !important; font-weight: bolder; font-size: 1.75rem !important; } .pagination .page-link:hover { color: #0056b3 !important; background-color: transparent !important; border-color: #dee2e6 !important; font-size: 1.75rem !important; } .pagination .page-item.disabled .page-link { color: gray !important; background-color: transparent !important; border-color: 0 !important; font-size: 1.75rem !important; } .pagination .page-link:focus { box-shadow: none !important; font-size: 1.75rem !important; } .pagination .page-link[aria-label="« Previous"], .pagination .page-link[aria-label="Next »"] { color: var(--secondary) !important; font-size: 2.5rem !important; margin: 0 !important; padding: 0 1rem !important; } @media (max-width: 768px) { .pagination { gap: 6px !important; } .pagination .page-item { display: none !important; } .pagination .page-item:first-child, .pagination .page-item:last-child { display: block !important; } .pagination .page-item.active { display: block !important; } .pagination .page-item.active~.page-item:nth-child(1) { display: block !important; } .pagination .page-item.active+.page-item { display: block !important; } .pagination .page-item.active~.page-item:nth-child(2):not(:first-child) { display: block !important; } .pagination .page-item.active+.page-item+.page-item:not(:last-child) { display: block !important; } } /* FIM PAGINAÇÃO */ /* PRIMEIRO CARROSSEL */ .custom-carousel-control { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-color: #fff; border: 2px solid var(--primary); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 10; cursor: pointer; } .carousel-control-prev-icon, .carousel-control-next-icon { width: 20px; height: 20px; background-color: transparent; border: solid var(--primary); border-width: 0 3px 3px 0; display: inline-block; padding: 5px; } .carousel-control-prev-icon { transform: rotate(135deg); margin-right: 2px; } .carousel-control-next-icon { transform: rotate(-45deg); margin-left: 2px; } .btn-primary { background-color: var(--primary); border-color: var(--primary); font-weight: bold; } .btn-primary:hover { background-color: var(--primary); border-color: var(--primary); } .custom-btn { color: var(--primary); border-color: var(--primary); font-weight: bold; } .custom-btn:hover { background-color: var(--primary); color: #fff; } /* FIM PRIMEIRO CARROSSEL */ .list_down ul { list-style-type: disc; margin-left: 30px; } .list_down ul ul { list-style-type: circle; margin-left: 30px; } #backToTop { position: fixed; bottom: 40px; right: 40px; width: 50px; height: 50px; background: var(--primary); border: none; border-radius: 10px; display: none; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.475); transition: opacity 0.3s ease, transform 0.3s ease; z-index: 1000; opacity: 0; animation: fadeIn 1s forwards; } #backToTop.show { display: flex; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } #backToTop:hover { opacity: 0.8; transform: translateY(-5px); } #backToTop i { font-size: 24px; color: #fff; } .mediapress .table tr th { font-size: 18px; color: #355468; padding: 10px; } .list_down ul li img { margin-right: 5px; vertical-align: middle; } .table td, .table th { vertical-align: middle; } .carousel-card { position: relative; opacity: 0.75; transition: all 0.4s ease; } .carousel-card .card { overflow: hidden; position: relative; } .carousel-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } /* Estilo do footer */ .carousel-card .card-footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem; background: rgba(255, 255, 255, 0.8); opacity: 0.5; visibility: hidden; transform: translateY(10px); } .carousel-card:hover { opacity: 1; border-radius: 100%; } .carousel-card:hover .card-footer { opacity: 1; visibility: visible; transform: translateY(0); } .carousel-card:hover img { transform: scale(1.1); } .carousel-card .card { height: 300px; } .carousel-card:hover .card { height: 550px; } .tox-statusbar { display: none !important; } .text-wrap div.tox-editor-header { display: none !important; } .top20 { margin-top: 80px; } .bottom20 { margin-bottom: 50px; } .espaco { display: block; height: 100px; } /* NOTICIAS HOME */ .homeNews-card { border: none; border-radius: 12px; background-color: white; overflow: hidden; backdrop-filter: blur(10px); } .homeNews-card:hover { transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15); } .homeNews-image-large { width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 9; } .homeNews-image-menor { max-height: 247px; object-fit: cover; } .homeNews-image-small { max-height: 200px; object-fit: cover; } .homeNews-image-larger, .homeNews-image-small { width: 100%; height: auto; object-fit: cover; } .banner img { border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .homeNews-content { flex: 1; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; } .homeNews-label { display: inline-block; padding: 5px 10px; font-size: 12px; color: var(--secondary); border: 1px solid var(--secondary); border-radius: 20px; font-weight: bold; } .homeNews-title { font-size: 1.65rem; text-decoration: none; color: #2c2c2c; font-weight: bolder; } .homeNews-summary { font-size: 16px; color: #6c757d; margin: 15px 0; } .homeNews-date { font-size: 1.15em; color: #6c757d; padding-top: 2%; padding-top: 2%; } @media (max-width: 576px) { .homeNews-image-large { max-height: 200px; } .homeNews-title a { font-size: 16px; } .homeNews-summary { font-size: 14px; } .homeNews-image-larger { max-height: 200px; } .homeNews-image-small { max-height: 150px; } } /* NOTICIAS HOME */ /* PÁGINA NOTICIAS */ .news-card { border: none; border-radius: 12px; background-color: white; overflow: hidden; backdrop-filter: blur(10px); } .news-card:hover { transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15); } .news-image-large { width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 9; } .news-image-menor { max-height: 247px; object-fit: cover; } .news-image-small { max-height: 200px; object-fit: cover; } .news-image-larger, .news-image-small { width: 100%; height: auto; object-fit: cover; } .banner img { border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .news-content { flex: 1; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; } .news-label { display: inline-block; padding: 5px 10px; font-size: 12px; color: var(--secondary); border: 1px solid var(--secondary); border-radius: 20px; font-weight: bold; } .news-title { font-size: 1.65rem; text-decoration: none; color: #2c2c2c; font-weight: bolder; } .news-summary { font-size: 16px; color: #6c757d; margin: 15px 0; } .news-summary-interna { font-size: 1.4rem; color: #6c757d; margin: 15px 0; font-weight: 300; } .news-date { font-size: 1.15em; color: #6c757d; padding-top: 2%; padding-top: 2%; } @media (max-width: 576px) { .news-image-large { max-height: 200px; } .news-title a { font-size: 16px; } .news-summary { font-size: 14px; } .news-image-larger { max-height: 200px; } .news-image-small { max-height: 150px; } } /* FIM PÁGINAS NOTICIAS */ /* SLUG */ .slug-title { color: var(--secondary); font-weight: bold; } .slug-summary a { font-size: 1.5rem; color: #2c2c2c; font-weight: bolder; } .card-slug a { font-size: 1.25rem; color: #2c2c2c; font-weight: bolder; } .social-icons i { font-size: 1.5em; width: 2.5em; height: 2.5em; } .social-icons i:first-child { margin-left: 0; } .card-slug { border: 1px solid #eeeeee; border-radius: 20px; padding: 40px; background-color: white; } @media (max-width: 768px) { .news-title { padding: 20px 20px 5px 20px; } .card-text, .news-date { padding: 0 20px; } .news-date { padding: 0; } .slug-summary { font-size: 1.25rem; } .slug-title { font-size: 1.5rem; } .localizacao-secretario { margin-top: 50px; } } .btn { display: block; margin-left: 0; margin-right: 0; } /* FIM SLUG */ .duties-list p { counter-reset: duty-counter; } .duties-list p::before { counter-increment: duty-counter; content: counter(duty-counter) ". "; font-weight: bold; } /* Portal da Transparência — escopado: não aplicar a todos os .row.g-3 do site (ex.: formulários admin) */ .portal-da-transparencia .row.g-3 { gap: 20px; justify-content: center; } .titulo-transparencia { font-family: "Poppins", sans-serif; text-align: center; margin-top: 20px; margin-bottom: 30px; background-color: #d3f3f5; padding: 15px; font-size: 1.5em; line-height: 1.175; margin: 0 0 15px 0; font-weight: 700; color: #333; } .card-transparencia { background-color: var(--primary); color: #ffffff; border: 4px solid #d3f3f5; border-radius: 20px; padding: 30px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; } .card-transparencia img.icone { width: 35px; margin: 0 10px 10px 10px; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; transition: 0.4s ease; } .card-transparencia:hover img.icone { transform: scale(1.15); transition: transform 0.3s ease-in-out; } .card-transparencia div { font-weight: bold; font-size: 1.1em; } .anchor { display: block; text-decoration: none; color: inherit; text-align: center; font-weight: bold; } .dropdown { position: relative; } .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background-color: #fff; border: 1px solid #ddd; list-style: none; padding: 0; margin: 0; z-index: 10; } .dropdown-menu li { padding: 8px 12px; } .dropdown-menu li a { text-decoration: none; color: #333; } .dropdown:hover .dropdown-menu { display: block; } .card-transparencia .button-content { transition: opacity 0.3s ease, visibility 0.3s ease; opacity: 1; visibility: visible; } .card-transparencia .dropdown-menu { position: absolute; top: 0; left: 0; width: 100%; /* height: 100%; */ background-color: var(--primary); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; box-sizing: border-box; opacity: 0; visibility: hidden; z-index: 2; transition: opacity 0.3s ease, visibility 0.3s ease; background-color: #000; border: none; } .card-transparencia .dropdown-menu li { padding: 10px 20px; background-color: #000; color: #fff; /* border-radius: 20px; */ } .card-transparencia .dropdown-menu li:hover { background-color: #032a64; } .card-transparencia .dropdown-menu li a { color: #fff; } .card-transparencia:hover .button-content { opacity: 0; visibility: hidden; } .card-transparencia:hover .dropdown-menu { opacity: 1; visibility: visible; } /* FIM Portal da Transparência */ .btn-home { margin-top: auto; margin-bottom: 2px; } .btn-home { margin-top: auto; margin-bottom: 2px; } a[href*="elfsight.com/instagram-feed-instashow"] { display: none !important; } /* .tab-content { display: none; } */ .tab-content.active { display: block; } /* OUVIDORIA FALA BR */ .ouvi-quadros { display: inline-flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .ouvi-quadro { width: 300px; padding: 20px; border: 1px solid #8bdd63; border-radius: 15px; text-align: center; } .ouvi-quadros2 { display: inline-flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; } a.ouvi-quadro2, a.ouvi-quadro2:active, a.ouvi-quadro2:visited { width: 300px; padding: 20px; border: 1px solid #8bdd63; border-radius: 15px; text-align: center; margin: 0; background-color: #e1fffd; } a.ouvi-quadro2 p.ouvi-titulo2 { font-size: 15pt; margin-top: 0; margin-bottom: 5px; color: #008893; } a.ouvi-quadro2 p { margin-bottom: 0; margin-top: 0; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 11.5pt; line-height: 1.575; color: #333; } a.btn-ouvidoria { color: #ffffff; background-color: rgba(0, 169, 255, 1); color: #ffffff; border: solid 2px #008893; font-weight: bold; padding: 10px 15px; } /* a.btn-ouvidoria:hover { background-color: #055a66; border: solid 2px #008893; } */ .ouvi-quadro .diahora { font-size: 10pt; color: #858585; display: block; margin-top: 10px; margin-bottom: 0; } /* FIM OUVIDORIA FALA BR */ /* FIM NAV ITEM */ /* DARKMODE */ [data-theme="dark"] { background-color: #222 !important; color: #fff !important; } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6, [data-theme="dark"] p { color: #fff !important; } [data-theme="dark"] p a { color: #a9eaff !important; } [data-theme="dark"] .desc { color: #fff !important; } /* FIM DARKMODE */ /* RESPONSIVIDADE DE NOTICIAS */ @media (max-width: 992px) { #noticiasMenoresDesktop { display: none !important; } } @media (min-width: 992px) { #noticiasMenoresMobile { display: none !important; } } /* 404 - ESTILOS */ .section-404 { min-height: 100vh; } .text_404 { margin-top: 15%; color: var(--yellow); } .img_404 { margin-top: 13%; } @media (max-width: 768px) { .text_404 { margin-top: 10%; } } .section-404 h2 { letter-spacing: -8px; font-size: 150pt; background: none; padding-bottom: 0; margin-bottom: 20px; font-weight: 600; font-style: italic; font-family: "Raleway"; color: var(--gray50); } .section-404 p { font-size: 1.75rem; margin-bottom: 0.75rem; color: var(--gray50); } .section-404 a { color: var(--gray50); } /* BOLETINS INÍCIO */ .table> :not(caption)>*>* { padding: 1rem 1rem; background-color: var(--snowWhite); border-bottom-width: 0 !important; } @media (max-width: 992px) { .bulletinsButton { display: none !important; } } .sizeButton { font-size: 0.7rem; } .nav-link { color: var(--secondary); background: 0 0; } /* BOLETINS FIM */ .span-admin-create { color: red; } /* INICIO CARD FIBROMIALGIA */ .card-fibromialgia { border: 1px solid #eeeeee; border-radius: 20px; padding: 40px; background-color: white; } .card-fibromialgia .input-email, .input-password { background-color: var(--snowWhite); border: 1px solid #8b8b8b; } .card-fibromialgia p { font-size: 0.9rem; } @media (max-width: 991px) { .card-fibromialgia { margin-top: 30px; } } @media (max-width: 575px) { .cadastro-fibromialgia { padding: 0 30px; } } /* FIM CARD FIBROMIALGIA */ .pdown p { margin-bottom: 13px !important; } .name-secretario { text-transform: lowercase; } .btn-group .btn { border-radius: 0 !important; } .btn-group .btn:first-child { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .btn-group .btn:nth-child(2), .btn-group .btn:nth-child(3) { border-radius: 0 !important; } .btn-group .btn:last-child { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } /*-------------------------------------------------------------- # Faq Section --------------------------------------------------------------*/ .faq { background: #fff; } .faq .faq-title { font-size: 2.5rem; font-weight: 400; margin-bottom: 1rem; color: var(--heading-color); } .faq .faq-title-membros { font-size: 2.5rem; font-weight: 300; margin-bottom: 1rem; color: var(--heading-color); } .faq .faq-description { font-size: 1rem; color: var(--default-color); margin-bottom: 2rem; } .faq .faq-arrow { color: rgba(0, 169, 255, 1); margin-top: 10px; } .faq .faq-container .faq-item { background: rgb(0, 102, 255); background: linear-gradient(90deg, rgba(0, 123, 192, 1) 0%, rgba(0, 169, 255, 1) 100%); position: relative; padding: 20px; margin-bottom: 15px; border-radius: 10px; overflow: hidden; } .faq .faq-container .faq-item:last-child { margin-bottom: 0; } .faq .faq-container .faq-item h3 { font-weight: 600; color: #fff; font-size: 16px; line-height: 24px; margin: 0 30px 0 0; transition: 0.3s; cursor: pointer; display: flex; align-items: center; } .faq .faq-container .faq-item h3 .num { color: #fff; padding-right: 5px; } /* .faq .faq-container .faq-item h3:hover { color: #fff; } */ .faq .faq-container .faq-item .faq-content { display: grid; grid-template-rows: 0fr; transition: 0.3s ease-in-out; visibility: hidden; opacity: 0; } .faq .faq-container .faq-item .faq-content p { color: #fff; margin-bottom: 0; overflow: hidden; } .faq .faq-container .faq-item .faq-toggle { position: absolute; color: #fff; top: 20px; right: 20px; font-size: 16px; line-height: 0; transition: 0.3s; cursor: pointer; } .faq .faq-container .faq-item .faq-toggle:hover { color: #fff; } /* ---------------- */ .faq .faq-container .faq-item2 { background-color: #f1f4fa; } .faq .faq-container .faq-item2 h3 { color: var(--heading-color) !important; } .faq .faq-container .faq-item2 h3 .num { color: #fff; } .faq .faq-container .faq-item2 .faq-content p { color: var(--default-color); } .faq .faq-container .faq-item2 .faq-toggle { color: #fff !important; } .faq .faq-container .faq-item2 .faq-toggle:hover { color: #fff !important; } .faq .faq-container .faq-item2 .faq-active h3 { color: #fff; } .faq .faq-container .faq-item2 .faq-active .faq-content { grid-template-rows: 1fr; visibility: visible; opacity: 1; padding-top: 10px; } .faq .faq-container .faq-item2 .faq-active .faq-toggle { transform: rotate(90deg); color: #fff; } .faq .faq-container .faq-active h3 { color: #fff; } .faq .faq-container .faq-active .faq-content { grid-template-rows: 1fr; visibility: visible; opacity: 1; padding-top: 10px; } .faq .faq-container .faq-active .faq-toggle { transform: rotate(90deg); color: #fff; } .hidden-item { display: none; } /* Dashboard PCA - Ocorrencias */ #grafico7Dias { width: 80% !important; height: 300px !important; } #graficoMensal { width: 100% !important; height: 500px !important; } /* TRANSPARÊNCIA */ .topo-logo-transparencia { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 180px; } .topo-logo-transparencia img { height: 75px; } .topo-nav-transparencia { background: var(--success); background: linear-gradient(90deg, var(--success) 0%, rgb(94, 141, 129) 100%); } footer.footer-pmar-transparencia { background: var(--success); background: linear-gradient(90deg, var(--success) 0%, rgb(94, 141, 129) 100%); color: #ffffff; font-size: 1rem; } footer.footer-pmar-transparencia img.footer-pmar-transparencia-logo { width: 90%; min-width: 250px; max-width: 500px; } footer.footer-pmar-transparencia h5 { font-size: 1.3rem; font-weight: 700; } footer.footer-pmar-transparencia a, footer.footer-pmar-transparencia a:hover, footer.footer-pmar-transparencia a:active, footer.footer-pmar-transparencia a:visited { color: #ffffff; } footer.footer-pmar-transparencia ul li, footer.footer-pmar-transparencia ul li a { display: flex; flex-direction: row; align-items: flex-start; } footer.footer-pmar-transparencia ul li span { display: inline-block; } footer.footer-pmar-transparencia .footer-pmar-icons { padding-top: 3px; width: 35px; color: var(--positive); } @media (max-width: 992px) and (min-width: 576px) { .footer-pmar-colunas { padding-left: 20%; } } .accordion-button:not(.collapsed) { background-color: transparent !important; } /* --------------- ADMIN LOGIN INÍCIO ------------ */ .form-check-input:checked { background-color: var(--success); border-color: var(--success); } .form-check-input { background-color: #acacac; border-color: #acacac; } .form-check-input:focus { outline: none; box-shadow: none; } .login-body { margin: 0; padding: 0; background: #000; } .login-body #video-background { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; z-index: -100; filter: brightness(50%); pointer-events: none; } .card-admin-login { background-color: rgba(187, 187, 187, 0.314); /* Fundo branco com transparência */ backdrop-filter: blur(10px); /* Efeito de desfoque */ border-radius: 45px; } /* --------------- ADMIN LOGIN FIM ------------ */ @media (max-width: 768px) { .login-body #video-background { min-width: 100%; min-height: 100%; width: 100vw; height: 100vh; } .formLogin>section { min-height: calc(100vh - 64px); display: flex; align-items: center; } .formLogin>section>.container { padding: 0; } .row.justify-content-center { margin: 0; } .card-admin-login { margin: 20px 16px; padding: 28px 20px; border-radius: 28px; } } /* BOLETIM MET. */ .dynamic-bg { background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; position: relative; } .dynamic-bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); /* Ajuste a opacidade aqui */ z-index: 1; } /* Se tiver conteúdo dentro, garanta que fique acima do overlay */ .dynamic-bg>* { position: relative; z-index: 2; } .card { background-color: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(50px) !important; -webkit-backdrop-filter: blur(20px) !important; } /* Início PPPs e Convênios */ .landing-card { border: none; border-radius: 20px; background: white; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); height: 100%; overflow: hidden; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 3rem 2rem; border: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; } .landing-card:hover { transform: translateY(-15px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12); color: #004e92; border-color: #004e92; } .icon-circle { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, #f0f7ff 0%, #e6f0ff 100%); display: flex; align-items: center; justify-content: center; font-size: 3rem; color: #004e92; margin-bottom: 2rem; transition: all 0.4s ease; } .landing-card:hover .icon-circle { background: linear-gradient(135deg, #004e92 0%, #002b55 100%); color: white; transform: scale(1.1) rotate(5deg); } .ppp-card { border: none; border-radius: 15px; background: white; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); height: 100%; overflow: hidden; } .ppp-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .ppp-status-badge { /* position: absolute; */ top: 20px; right: 20px; padding: 5px 15px; border-radius: 20px; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .ppp-icon-wrapper { background: #f0f7ff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 1.5rem; margin-bottom: 1.5rem; color: #0055a5; font-size: 1.5rem; } .btn-ppp { background: linear-gradient(90deg, #0055a5 0%, #0077e6 100%); color: white; border: none; border-radius: 25px; padding: 10px 25px; font-weight: 600; transition: all 0.3s; } .btn-ppp:hover { background: linear-gradient(90deg, #004488 0%, #0066cc 100%); color: white; transform: scale(1.05); } .progress-thin { height: 6px; border-radius: 3px; background-color: #e9ecef; margin-top: 15px; } .info-label { font-size: 0.85rem; color: #6c757d; margin-bottom: 2px; text-transform: uppercase; letter-spacing: 0.5px; } .info-value { font-weight: 600; color: #212529; } .convenio-card { border: none; border-radius: 15px; background: white; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); height: 100%; overflow: hidden; border-left: 5px solid #004e92; } .convenio-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .status-badge { font-size: 0.75rem; padding: 5px 10px; border-radius: 15px; background-color: #e9ecef; color: #495057; font-weight: 600; text-transform: uppercase; } .info-label { font-size: 0.8rem; color: #6c757d; text-transform: uppercase; font-weight: 700; margin-bottom: 2px; } .info-value { font-size: 1rem; color: #212529; font-weight: 500; margin-bottom: 12px; } .btn-details { background-color: #f8f9fa; color: #004e92; border: 1px solid #dee2e6; border-radius: 20px; padding: 8px 20px; font-weight: 600; transition: all 0.3s; width: 100%; } .btn-details:hover { background-color: #004e92; color: white; border-color: #004e92; } .btn-voltar-ppp { background: linear-gradient(135deg, #0d6efd, #003b8f); border: none; color: #fff; font-weight: 600; padding: 8px 22px; border-radius: 50px; display: inline-flex; align-items: center; gap: 6px; transition: all 0.3s ease; box-shadow: 0 6px 18px rgba(13, 110, 253, 0.25); } .btn-voltar-ppp i { transition: transform 0.3s ease; } .btn-voltar-ppp:hover { background: linear-gradient(135deg, #003b8f, #002a63); color: #fff; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(13, 110, 253, 0.35); } .btn-voltar-ppp:hover i { transform: translateX(-4px); } .btn-voltar-ppp:active { transform: scale(0.96); } .modal-content { backdrop-filter: blur(10px); } .ppp-header { background: linear-gradient(135deg, #004e92 0%, #000428 100%); color: #fff; } .ppp-header-box { background: rgba(13, 110, 253, 0.35); border-radius: 16px; padding: 30px; box-shadow: 0 10px 35px rgba(0,0,0,0.05); margin-bottom: 30px; } .ppp-status-badge { font-size: 0.8rem; padding: 6px 14px; border-radius: 50px; letter-spacing: 0.5px; } .ppp-detail-card { background: #ffffff; border-radius: 14px; padding: 20px; height: 100%; transition: all 0.3s ease; border: 1px solid #f0f0f0; } .ppp-detail-card:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.07); } .ppp-detail-label { font-size: 0.75rem; letter-spacing: 1px; text-transform: uppercase; color: #6c757d; margin-bottom: 6px; } .ppp-detail-value { font-size: 1.05rem; font-weight: 600; color: #1f2937; word-break: break-word; } .convenio-header { background: linear-gradient(135deg, #004e92 0%, #000428 100%); color: #002a63; padding: 2.5rem 0; } .detail-card-modal { border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); border: none; overflow: hidden; background: #fff; } .detail-section-title-modal { font-size: 1.1rem; font-weight: 700; color: #004e92; border-bottom: 2px solid #f0f2f5; padding-bottom: 10px; margin-bottom: 20px; margin-top: 10px; } .detail-label-modal { font-size: 0.9rem; color: #6c757d; font-weight: 600; margin-bottom: 5px; } .detail-value-modal { font-size: 1.05rem; color: #212529; font-weight: 500; margin-bottom: 20px; } .value-highlight-modal { color: #004e92; font-weight: 700; font-size: 1.2rem; } /* Fim PPPs e Convênios */
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings