@charset "UTF-8"; /* resources/scss/empresas/profiforma.scss */ /* Overrides de tema Profiforma aplicados quando */ html.tenant-profiforma { /* Paleta base da marca (Profiforma) */ --main-color: rgb(193, 212, 0); /* #C1D400 (primária) */ --main-color-hover: rgb(61, 61, 60); /* #3D3D3C (hover/contraste) */ --cor-brgb05: rgba(123, 136, 0, 0.05); --cor-brgb25: rgba(123, 136, 0, 0.25); --cor-brgb50: rgba(123, 136, 0, 0.50); --background-color: #dbdfe0; /* Mapear para tokens já usados no site */ --tp-theme-1: var(--main-color); --tp-theme-2: var(--background-color); --tp-heading-secondary: var(--main-color); --tp-border-2: var(--main-color); /* Herdados “aedl-*” reatribuídos para evitar mexer em HTML antigo */ --aedl-2: var(--main-color); --aedl-3: #2f2f2e; --aedl-alternativo: #1f1f1f; /* CTAs */ --aedl-laranja: var(--main-color); /* CTA normal = verde-lima */ --aedl-laranja-claro: var(--cor-brgb05); --aedl-laranja-escuro: #7b8800; /* variante mais escura */ --tp-text-1: #000; --tp-text-2: #777C90; --tp-common-white: #ffffff; --tp-common-black: #000; --tp-heading-b-light: #050D36; --tp-grey-1: #F8FAFA; --tp-grey-2: #F5F6F8; --tp-text-body: #000; --tp-ff-fontawesome: "Font Awesome 6 Pro"; /* Bootstrap (nota: isto NÃO recompile vars internas do BS, mas serve p/ CSS custom) */ --bs-primary: var(--tp-theme-1); --bs-info: var(--tp-theme-1); --fundo-bg: transparent; } html.tenant-profiforma .logo { line-height: normal; } html.tenant-profiforma { /* Botões */ } html.tenant-profiforma .tp-btn, html.tenant-profiforma .btn-primary { background-color: var(--main-color); border-color: var(--main-color); color: var(--main-color-hover); } html.tenant-profiforma .tp-btn:hover, html.tenant-profiforma .btn-primary:hover { background-color: var(--main-color-hover); border-color: var(--main-color-hover); color: var(--main-color); } html.tenant-profiforma { /* Links (opcional) */ } html.tenant-profiforma a, html.tenant-profiforma .custom-link { color: var(--tp-theme-1); } html.tenant-profiforma a:hover, html.tenant-profiforma .custom-link:hover { color: var(--main-color-hover); } html.tenant-profiforma #page-topbar .navbar { background: rgba(255, 255, 255, 0.0392156863); } html.tenant-profiforma #page-topbar .navbar li.nav-item.canto-borda { background-color: transparent; outline: var(--t) solid #ffffff; } html.tenant-profiforma #page-topbar .navbar li.nav-item.canto-borda a:hover { color: #ffffff; } html.tenant-profiforma .userpage-content:after { background: linear-gradient(to bottom, rgba(123, 136, 0, 0.5) 30%, rgb(123, 136, 0)); } html.tenant-profiforma .avatar-title { background-color: var(--main-color); } html.tenant-profiforma .dropdown-item span { color: var(--main-color-hover); } html.tenant-profiforma .dropdown-item:hover span { color: var(--main-color); } html.tenant-profiforma { /* main menu css */ } @media only screen and (min-width: 992px) and (max-width: 1199px) { html.tenant-profiforma .main-menu { margin-left: 50px; } } html.tenant-profiforma .main-menu ul > li { position: relative; list-style: none; display: inline-block; margin-right: 27px; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { html.tenant-profiforma .main-menu ul > li { margin-right: 20px; } } html.tenant-profiforma .main-menu ul > li > a { position: relative; display: inline-block; font-family: "Gordita-500"; font-size: 16px; padding: 23px 0; } html.tenant-profiforma .main-menu ul > li > a::before { position: absolute; content: ""; background-image: url("/img/empresas/profiforma/banner/h-shape-01.png"); top: 53px; left: 0; height: 4px; width: 0px; } html.tenant-profiforma .main-menu ul > li.has-dropdown > a { position: relative; } html.tenant-profiforma .main-menu ul > li.has-dropdown > a::after { content: "\f107"; transform: translateY(1px); font-size: 16px; color: var(--tp-common-white); font-family: var(--tp-ff-fontawesome); font-weight: medium; margin-left: 5px; display: inline-block; } html.tenant-profiforma .main-menu ul > li .submenu { position: absolute; top: 120%; left: 0; width: 200px; background: var(--tp-common-white); z-index: 99; transition: all 0.3s ease-out 0s; visibility: hidden; opacity: 0; -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08); -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08); box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08); } html.tenant-profiforma .main-menu ul > li .submenu li { display: block; width: 100%; margin: 0; } html.tenant-profiforma .main-menu ul > li .submenu li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } html.tenant-profiforma .main-menu ul > li .submenu li.has-dropdown > a::after { position: absolute; top: 50%; right: 25px; transform: translateY(-50%) rotate(-90deg); } html.tenant-profiforma .main-menu ul > li .submenu li a { padding: 10px 25px; font-size: 14px; z-index: 1; color: var(--tp-common-black); width: 100%; } html.tenant-profiforma .main-menu ul > li .submenu li a::before { display: none; } html.tenant-profiforma .main-menu ul > li .submenu li .submenu { left: 120%; top: 0; visibility: hidden; opacity: 0; } html.tenant-profiforma .main-menu ul > li .submenu li:hover > a { color: var(--tp-heading-secondary); } html.tenant-profiforma .main-menu ul > li .submenu li:hover > .submenu { left: 100%; visibility: visible; opacity: 1; } html.tenant-profiforma .main-menu ul > li:hover > a { color: var(--tp-theme-1); } html.tenant-profiforma .main-menu ul > li:hover > a::after { color: var(--tp-theme-1); } html.tenant-profiforma .main-menu ul > li:hover > a::before { width: 41px; } html.tenant-profiforma .main-menu ul > li:hover > .submenu { top: 100%; visibility: visible; opacity: 1; } html.tenant-profiforma .main-menu-white ul li { margin-right: 55px; } html.tenant-profiforma .main-menu-white ul li a { padding: 35px 0; font-family: "Gordita-500"; color: var(--tp-text-2); } html.tenant-profiforma .main-menu-white ul li a:hover { color: var(--tp-common-black); } html.tenant-profiforma .main-menu-white ul li a::before { top: 68px; } html.tenant-profiforma .main-menu-white ul li.has-dropdown a::after { color: var(--tp-text-2); }