/* Portal Corporativo (Prefeitura & Fornecedor) - v9 Objetivo: - Design corporativo moderno - Corrigir sobreposição (float collapse) - Organizar quadros (widgets) em grid - Farol de status: vermelho (expirado), amarelo (a vencer), verde (OK) Escopo: SOMENTE quando tem classe .pc-portal */ body.pc-portal { font-family: var(--pc-font); color: var(--pc-text); background: var(--pc-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Background corporativo suave */ body.pc-portal:not(.pc-portal--gpj)::before{ content:""; position: fixed; inset: -20vh -20vw auto -20vw; height: 55vh; background: radial-gradient(60% 90% at 10% 20%, rgba(11, 95, 255, .14) 0%, transparent 70%), radial-gradient(50% 80% at 90% 30%, rgba(34, 197, 94, .12) 0%, transparent 70%), radial-gradient(60% 80% at 50% 0%, rgba(10, 42, 67, .10) 0%, transparent 75%); background: radial-gradient(60% 90% at 10% 20%, color-mix(in srgb, var(--pc-primary) 16%, transparent) 0%, transparent 70%), radial-gradient(50% 80% at 90% 30%, color-mix(in srgb, var(--pc-secondary) 12%, transparent) 0%, transparent 70%), radial-gradient(60% 80% at 50% 0%, color-mix(in srgb, var(--pc-accent) 10%, transparent) 0%, transparent 75%); pointer-events:none; z-index: -1; filter: blur(2px); } :root{ --pc-danger: #ef4444; --pc-warn: #f59e0b; --pc-ok: #22c55e; } /* Layout base */ .pc-shell{ min-height: 65vh; padding: 28px 0 56px; } .pc-container{ width: min(1240px, calc(100% - 32px)); margin: 0 auto; } /* AQUI é a correção mais importante p/ "um em cima do outro": flow-root cria um novo contexto de formatação e "segura" floats. */ .pc-content{ display: flow-root; } /* Tipografia e espaçamento base */ body.pc-portal:not(.pc-portal--gpj) :where(h1,h2,h3,h4){ letter-spacing: -0.02em; line-height: 1.2; } body.pc-portal:not(.pc-portal--gpj) :where(h1){ font-size: clamp(1.6rem, 2.4vw + 1rem, 2.5rem); margin: 0 0 12px; } body.pc-portal:not(.pc-portal--gpj) :where(h2){ font-size: clamp(1.15rem, 1.2vw + 1rem, 1.65rem); margin: 0 0 10px; } body.pc-portal:not(.pc-portal--gpj) :where(h3){ font-size: 1.05rem; margin: 0 0 8px; } body.pc-portal:not(.pc-portal--gpj) :where(p){ line-height: 1.65; margin: 0 0 10px; } body.pc-portal:not(.pc-portal--gpj) :where(p:last-child){ margin-bottom: 0; } body.pc-portal:not(.pc-portal--gpj) :where(a){ color: var(--pc-primary); text-decoration: none; } body.pc-portal:not(.pc-portal--gpj) :where(a:hover){ text-decoration: underline; text-underline-offset: .18em; } /* Foco visível */ body.pc-portal:not(.pc-portal--gpj) :where(a,button,input,select,textarea,[tabindex]):focus-visible{ outline: 3px solid color-mix(in srgb, var(--pc-primary) 60%, white); outline-offset: 2px; border-radius: max(6px, var(--pc-radius)); } /* Superfícies / cards genéricos */ body.pc-portal:not(.pc-portal--gpj) :where(.pc-card, .card, .panel, .box, .widget, .portlet){ background: var(--pc-surface); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); border-radius: var(--pc-radius); box-shadow: var(--pc-shadow); } /* Espaçamento entre "quadros" comuns */ body.pc-portal:not(.pc-portal--gpj) .pc-content :where(.pc-card, .card, .panel, .box, .widget, .portlet){ margin: 0 0 16px; } /* Alguns portais usam header/body */ body.pc-portal:not(.pc-portal--gpj) .pc-content :where(.panel-heading, .card-header, .box-header, .widget-title, .portlet-title){ padding: 14px 16px; border-bottom: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); background: color-mix(in srgb, var(--pc-bg) 55%, var(--pc-surface)); display: flex; align-items: center; justify-content: space-between; gap: 12px; } body.pc-portal:not(.pc-portal--gpj) .pc-content :where(.panel-body, .card-body, .box-body, .widget-content, .portlet-body){ padding: 16px; } /* Títulos comuns */ body.pc-portal:not(.pc-portal--gpj) .pc-content :where(.panel-title, .card-title, .box-title){ margin: 0; font-weight: 800; letter-spacing: -0.015em; } /* Quando o portal não tem header, mas tem h2/h3 solto, o JS cria .pc-widget */ .pc-widget{ padding: 0; overflow: hidden; } .pc-widget__head{ padding: 14px 16px; border-bottom: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); background: color-mix(in srgb, var(--pc-bg) 55%, var(--pc-surface)); display:flex; align-items:center; justify-content: space-between; gap: 12px; } .pc-widget__title{ margin: 0; font-weight: 800; letter-spacing: -0.015em; display:flex; align-items:center; gap: 10px; } .pc-widget__body{ padding: 16px; } /* Grid (organização dos quadros) */ .pc-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; align-items: stretch; } .pc-grid > *{ margin: 0 !important; min-width: 0; } /* Se o portal usa .row + col-*, o JS adiciona .pc-grid--row */ .pc-grid--row > [class*="col-"]{ float: none !important; width: auto !important; max-width: none !important; } /* Farol de status */ .pc-status-dot{ width: 12px; height: 12px; border-radius: 999px; flex: 0 0 auto; display: inline-block; margin-right: 10px; box-shadow: 0 0 0 4px rgba(15, 23, 42, .08); } .pc-status-dot--red{ background: var(--pc-danger); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pc-danger) 18%, transparent); } .pc-status-dot--yellow{ background: var(--pc-warn); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pc-warn) 18%, transparent); } .pc-status-dot--green{ background: var(--pc-ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pc-ok) 18%, transparent); } /* Realce suave (linhas/quadros) */ .pc-status--red{ border-color: color-mix(in srgb, var(--pc-danger) 32%, transparent) !important; } .pc-status--yellow{ border-color: color-mix(in srgb, var(--pc-warn) 32%, transparent) !important; } .pc-status--green{ border-color: color-mix(in srgb, var(--pc-ok) 32%, transparent) !important; } /* Tabelas */ body.pc-portal:not(.pc-portal--gpj) :where(table){ width: 100%; border-collapse: separate; border-spacing: 0; background: var(--pc-surface); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); border-radius: var(--pc-radius); overflow: hidden; box-shadow: 0 10px 22px rgba(2, 6, 23, .06); } .pc-table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: var(--pc-radius); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); box-shadow: 0 10px 22px rgba(2, 6, 23, .06); background: var(--pc-surface); } .pc-table-wrap > table{ border: 0; box-shadow: none; border-radius: 0; } body.pc-portal:not(.pc-portal--gpj) :where(th, td){ padding: 12px 12px; border-bottom: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); vertical-align: middle; } body.pc-portal:not(.pc-portal--gpj) :where(th){ text-align: left; background: color-mix(in srgb, var(--pc-bg) 45%, var(--pc-surface)); font-weight: 800; } body.pc-portal:not(.pc-portal--gpj) :where(tr:last-child td){ border-bottom: 0; } body.pc-portal:not(.pc-portal--gpj) :where(tr:hover td){ background: color-mix(in srgb, var(--pc-primary) 6%, var(--pc-surface)); } /* Status por linha de tabela (JS adiciona classes) */ body.pc-portal tr.pc-row--red td, body.pc-portal tr.pc-row--expired td{ background: color-mix(in srgb, var(--pc-danger) 10%, var(--pc-surface)); } body.pc-portal tr.pc-row--yellow td, body.pc-portal tr.pc-row--warning td{ background: color-mix(in srgb, var(--pc-warn) 10%, var(--pc-surface)); } body.pc-portal tr.pc-row--green td, body.pc-portal tr.pc-row--ok td{ background: color-mix(in srgb, var(--pc-ok) 8%, var(--pc-surface)); } /* Dot menor (tabelas) */ .pc-status-dot--sm{ width: 10px; height: 10px; box-shadow: 0 0 0 3px rgba(15, 23, 42, .08); vertical-align: middle; margin-right: 6px; } /* ===== Ajustes específicos para o Portal GuiaPJ (Tailwind + #guiapj-consulta-cnpj) ===== */ /* Não queremos "poluir" o visual do portal nativo com o fundo decorativo do plugin */ body.pc-portal.pc-portal--gpj::before{ display:none; } /* Texto explicativo inserido via JS abaixo do cabeçalho do card */ body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj .pc-gpj-desc{ margin-top: 8px; font-size: 0.875rem; line-height: 1.5; color: color-mix(in srgb, var(--pc-text) 55%, transparent); } /* Recolore ícones do título conforme o status (expirado/ok/a vencer) */ body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj .pc-status--red i{ color: var(--pc-danger) !important; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj .pc-status--yellow i{ color: var(--pc-warn) !important; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj .pc-status--green i{ color: var(--pc-ok) !important; } /* ===== Navegação (Consultar empresa) em tiles — Abrir cadastro / Pesquisas ===== */ body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs].pc-consulta-tiles{ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; gap: 14px !important; margin-bottom: 16px !important; align-items: stretch; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs].pc-consulta-tiles .pc-consulta-tile{ position: relative; overflow: hidden; border-radius: 16px !important; padding: 14px !important; padding-right: 58px !important; background: var(--pc-surface) !important; border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent) !important; box-shadow: 0 10px 24px rgba(2, 6, 23, .08) !important; text-align: left !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; min-height: 118px; width: 100%; cursor: pointer; transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs].pc-consulta-tiles .pc-consulta-tile:hover{ transform: translateY(-2px); box-shadow: 0 16px 34px rgba(2, 6, 23, .12) !important; border-color: color-mix(in srgb, var(--pc-primary) 18%, transparent) !important; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs].pc-consulta-tiles .pc-consulta-tile::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background: var(--pc-tab-accent, var(--pc-primary)); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile[data-pc-consulta="cadastro"]{ --pc-tab-accent: var(--pc-primary); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile[data-pc-consulta="pesquisa"]{ --pc-tab-accent: var(--pc-secondary); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile[data-pc-consulta="pesquisa_cnae"]{ --pc-tab-accent: var(--pc-accent); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile__icon{ position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border-radius: 12px; background: color-mix(in srgb, var(--pc-tab-accent) 14%, white); color: var(--pc-tab-accent); display: flex; align-items: center; justify-content: center; pointer-events: none; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile__icon svg{ width: 22px; height: 22px; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile__label{ padding-right: 58px; font-size: 0.98rem; font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; color: var(--pc-text) !important; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile__sub{ padding-right: 58px; font-size: 0.86rem; line-height: 1.35; color: color-mix(in srgb, var(--pc-text) 55%, transparent); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile__cta{ margin-top: auto; display: inline-flex; align-items: center; justify-content: center; width: fit-content; padding: 7px 10px; border-radius: 999px; font-size: 0.86rem; font-weight: 900; letter-spacing: .01em; background: color-mix(in srgb, var(--pc-tab-accent) 12%, white); color: var(--pc-tab-accent) !important; border: 1px solid color-mix(in srgb, var(--pc-tab-accent) 18%, transparent); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile[aria-expanded="true"]{ border-color: color-mix(in srgb, var(--pc-tab-accent) 35%, transparent) !important; background: color-mix(in srgb, var(--pc-tab-accent) 6%, var(--pc-surface)) !important; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs] .pc-consulta-tile[aria-expanded="true"] .pc-consulta-tile__cta{ background: color-mix(in srgb, var(--pc-tab-accent) 92%, black); border-color: color-mix(in srgb, var(--pc-tab-accent) 55%, transparent); color: #fff !important; } @media (max-width: 520px){ body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs].pc-consulta-tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 360px){ body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj [data-gpj-consulta-tabs].pc-consulta-tiles{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } /* ===== Cards compactos do resumo (Documentos em fila / Aprovados / Rejeitados / Solicitações) ===== */ body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-gpj-stats{ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important; gap: 14px !important; align-items: stretch; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-gpj-stats > a.pc-stat{ position: relative; overflow: hidden; border-radius: 16px !important; padding: 14px !important; padding-right: 58px !important; background: var(--pc-surface) !important; border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent) !important; box-shadow: 0 10px 24px rgba(2, 6, 23, .08) !important; text-decoration: none !important; display: flex !important; flex-direction: column !important; gap: 6px !important; min-height: 132px; transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-gpj-stats > a.pc-stat:hover{ transform: translateY(-2px); box-shadow: 0 16px 34px rgba(2, 6, 23, .12) !important; border-color: color-mix(in srgb, var(--pc-primary) 18%, transparent) !important; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-gpj-stats > a.pc-stat:active{ transform: translateY(0); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list a.pc-stat::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--pc-stat-accent, var(--pc-primary)); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list a.pc-stat[data-pc-stat="queue"]{ --pc-stat-accent: var(--pc-warn); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list a.pc-stat[data-pc-stat="approved"]{ --pc-stat-accent: var(--pc-ok); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list a.pc-stat[data-pc-stat="rejected"]{ --pc-stat-accent: var(--pc-danger); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list a.pc-stat[data-pc-stat="access"]{ --pc-stat-accent: var(--pc-primary); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list a.pc-stat[data-pc-stat="docreq"]{ --pc-stat-accent: var(--pc-secondary); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-stat__icon{ position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border-radius: 12px; background: color-mix(in srgb, var(--pc-stat-accent) 14%, white); color: var(--pc-stat-accent); display: flex; align-items: center; justify-content: center; pointer-events: none; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-stat__icon svg{ width: 22px; height: 22px; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-stat__label{ font-size: 0.78rem !important; font-weight: 800 !important; letter-spacing: .05em; text-transform: uppercase; color: color-mix(in srgb, var(--pc-text) 55%, transparent) !important; margin: 0 !important; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-stat__value{ font-size: 1.95rem !important; font-weight: 900 !important; letter-spacing: -0.03em; line-height: 1.1; color: var(--pc-text) !important; margin: 0 !important; } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-stat__note{ font-size: 0.92rem; line-height: 1.35; color: color-mix(in srgb, var(--pc-text) 55%, transparent); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-stat__cta{ margin-top: auto; display: inline-flex; align-items: center; justify-content: center; width: fit-content; padding: 7px 10px; border-radius: 999px; font-size: 0.86rem; font-weight: 900; letter-spacing: .01em; background: color-mix(in srgb, var(--pc-stat-accent) 12%, white); color: var(--pc-stat-accent) !important; border: 1px solid color-mix(in srgb, var(--pc-stat-accent) 18%, transparent); } body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list a.pc-stat:hover .pc-stat__cta{ background: color-mix(in srgb, var(--pc-stat-accent) 16%, white); border-color: color-mix(in srgb, var(--pc-stat-accent) 28%, transparent); } @media (max-width: 520px){ body.pc-portal.pc-portal--gpj #guiapj-consulta-cnpj #gpj-doc-list .pc-gpj-stats{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ===== Favoritos em cards (tiles) — semelhante ao resumo ===== */ body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-grid{ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 14px !important; align-items: stretch; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card{ position: relative; overflow: hidden; border-radius: 16px !important; padding: 14px !important; background: var(--pc-surface) !important; border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent) !important; box-shadow: 0 10px 24px rgba(2, 6, 23, .08) !important; display: flex !important; flex-direction: column !important; gap: 10px !important; min-height: 132px; transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card:hover{ transform: translateY(-2px); box-shadow: 0 16px 34px rgba(2, 6, 23, .12) !important; border-color: color-mix(in srgb, var(--pc-primary) 18%, transparent) !important; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--pc-accent); } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card__top{ display: flex; gap: 12px; align-items: flex-start; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card__icon{ width: 40px; height: 40px; border-radius: 12px; background: color-mix(in srgb, var(--pc-accent) 14%, white); color: var(--pc-accent); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card__icon svg{ width: 22px; height: 22px; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card__name{ font-size: 0.98rem; font-weight: 900; letter-spacing: -0.02em; line-height: 1.2; color: var(--pc-text); } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card__cnpj{ margin-top: 3px; font-size: 0.86rem; color: color-mix(in srgb, var(--pc-text) 55%, transparent); } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-card__actions{ margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } /* Botões (escopados apenas aos cards de Favoritos) */ body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-btn{ display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 7px 10px !important; border-radius: 999px !important; font-size: 0.86rem !important; font-weight: 900 !important; letter-spacing: .01em; line-height: 1.2; white-space: nowrap; text-decoration: none !important; border: 1px solid transparent !important; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-btn--primary{ background: color-mix(in srgb, var(--pc-primary) 92%, black) !important; border-color: color-mix(in srgb, var(--pc-primary) 65%, transparent) !important; color: #fff !important; box-shadow: 0 10px 18px rgba(2, 6, 23, .10); } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-btn--secondary{ background: color-mix(in srgb, var(--pc-text) 4%, white) !important; border-color: color-mix(in srgb, var(--pc-text) 14%, transparent) !important; color: var(--pc-text) !important; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-btn--danger{ background: color-mix(in srgb, var(--pc-danger) 12%, white) !important; border-color: color-mix(in srgb, var(--pc-danger) 35%, transparent) !important; color: var(--pc-danger) !important; } /* Detalhes do "Mover" (mantém popup, mas com alinhamento melhor dentro do card) */ body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards details.pc-fav-move{ position: relative; } body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .gpj-fav__pop{ max-width: min(92vw, 20rem); } @media (max-width: 520px){ body.pc-portal.pc-portal--gpj #gpj-favorites.pc-fav--cards .pc-fav-grid{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } /* ===== Pills + empty state (uso geral dentro do portal GPJ) ===== */ body.pc-portal.pc-portal--gpj .pc-pill{ display: inline-flex; align-items: center; justify-content: center; padding: 7px 10px; border-radius: 999px; font-size: 0.82rem; font-weight: 900; letter-spacing: .01em; border: 1px solid transparent; white-space: nowrap; } body.pc-portal.pc-portal--gpj .pc-empty{ padding: 14px 16px; border-radius: 14px; background: color-mix(in srgb, var(--pc-text) 3%, white); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); color: color-mix(in srgb, var(--pc-text) 65%, transparent); box-shadow: 0 10px 22px rgba(2, 6, 23, .06); } /* ===== Fila recente (pendentes) & Arquivos expirados (aprovados) em cards ===== */ body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-grid{ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important; gap: 14px !important; align-items: stretch; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card{ position: relative; overflow: hidden; border-radius: 16px; padding: 14px; background: var(--pc-surface); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); box-shadow: 0 10px 24px rgba(2, 6, 23, .08); display: flex; flex-direction: column; gap: 12px; min-height: 156px; transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card:hover{ transform: translateY(-2px); box-shadow: 0 16px 34px rgba(2, 6, 23, .12); border-color: color-mix(in srgb, var(--pc-primary) 20%, transparent); } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--pc-card-accent, var(--pc-primary)); } body.pc-portal.pc-portal--gpj #gpj-recent-queue.pc-rq--cards .pc-doc-card{ --pc-card-accent: var(--pc-warn); } body.pc-portal.pc-portal--gpj #gpj-expired-files.pc-ef--cards .pc-doc-card{ --pc-card-accent: var(--pc-danger); } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__top{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__lhs{ display: flex; gap: 12px; align-items: flex-start; min-width: 0; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__icon{ width: 42px; height: 42px; border-radius: 14px; background: color-mix(in srgb, var(--pc-card-accent) 14%, white); color: var(--pc-card-accent); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__icon svg{ width: 22px; height: 22px; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__meta{ min-width: 0; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__title{ font-size: 1.02rem; font-weight: 950; letter-spacing: -0.02em; color: var(--pc-text); line-height: 1.15; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__sub{ margin-top: 4px; font-size: 0.88rem; color: color-mix(in srgb, var(--pc-text) 55%, transparent); line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__info{ display: grid; gap: 8px; padding: 10px 12px; border-radius: 14px; background: color-mix(in srgb, var(--pc-text) 3%, white); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-line{ display: grid; grid-template-columns: 120px 1fr; gap: 10px; align-items: center; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-k{ font-size: 0.78rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; color: color-mix(in srgb, var(--pc-text) 55%, transparent); } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-v{ font-size: 0.92rem; color: var(--pc-text); } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-card__actions{ display: flex; justify-content: flex-end; margin-top: auto; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 12px; border-radius: 14px; font-size: 0.88rem; font-weight: 950; letter-spacing: -0.01em; text-decoration: none !important; border: 1px solid transparent; transition: transform .12s ease, filter .18s ease; } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue.pc-rq--cards, #gpj-expired-files.pc-ef--cards) .pc-doc-btn:hover{ transform: translateY(-1px); filter: brightness(0.98); } body.pc-portal.pc-portal--gpj #gpj-recent-queue.pc-rq--cards .pc-doc-btn{ background: var(--pc-primary) !important; color: #fff !important; } body.pc-portal.pc-portal--gpj #gpj-expired-files.pc-ef--cards .pc-doc-btn{ background: var(--pc-primary) !important; color: #fff !important; } /* Pills (status) para estes cards */ body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue, #gpj-expired-files) .pc-pill--warn{ background: color-mix(in srgb, var(--pc-warn) 16%, white); border-color: color-mix(in srgb, var(--pc-warn) 30%, transparent); color: color-mix(in srgb, var(--pc-text) 85%, black); } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue, #gpj-expired-files) .pc-pill--danger{ background: color-mix(in srgb, var(--pc-danger) 14%, white); border-color: color-mix(in srgb, var(--pc-danger) 28%, transparent); color: color-mix(in srgb, var(--pc-text) 90%, black); } body.pc-portal.pc-portal--gpj :where(#gpj-recent-queue, #gpj-expired-files) .pc-pill--ok{ background: color-mix(in srgb, var(--pc-ok) 14%, white); border-color: color-mix(in srgb, var(--pc-ok) 26%, transparent); color: color-mix(in srgb, var(--pc-text) 90%, black); } /* ===== Solicitações de acesso (fornecedor) em cards ===== */ body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-grid{ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 14px !important; align-items: stretch; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card{ position: relative; overflow: hidden; border-radius: 16px; padding: 14px; background: var(--pc-surface); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); box-shadow: 0 10px 24px rgba(2, 6, 23, .08); display: flex; flex-direction: column; gap: 12px; min-height: 168px; transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card:hover{ transform: translateY(-2px); box-shadow: 0 16px 34px rgba(2, 6, 23, .12); border-color: color-mix(in srgb, var(--pc-primary) 20%, transparent); } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--pc-primary); } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card__top{ display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: start; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card__icon{ width: 42px; height: 42px; border-radius: 12px; background: color-mix(in srgb, var(--pc-primary) 14%, white); color: var(--pc-primary); display: flex; align-items: center; justify-content: center; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card__icon svg{ width: 22px; height: 22px; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card__title{ font-size: 1.02rem; font-weight: 950; letter-spacing: -0.02em; color: var(--pc-text); line-height: 1.15; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card__sub{ margin-top: 3px; font-size: 0.88rem; color: color-mix(in srgb, var(--pc-text) 55%, transparent); line-height: 1.3; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-pill--pending{ background: color-mix(in srgb, var(--pc-accent) 16%, white); color: color-mix(in srgb, var(--pc-text) 85%, black); border-color: color-mix(in srgb, var(--pc-accent) 30%, transparent); } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card__info{ display: grid; gap: 8px; padding: 10px 12px; border-radius: 14px; background: color-mix(in srgb, var(--pc-text) 3%, white); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-line{ display: grid; grid-template-columns: 120px 1fr; gap: 10px; align-items: center; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-k{ font-size: 0.78rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; color: color-mix(in srgb, var(--pc-text) 55%, transparent); } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-v{ font-size: 0.92rem; color: var(--pc-text); } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards a.pc-ar-link{ color: var(--pc-primary) !important; font-weight: 900; text-decoration: none; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards a.pc-ar-link:hover{ text-decoration: underline; text-underline-offset: .18em; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-card__actions{ margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-btn{ display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 12px !important; border-radius: 999px !important; font-size: 0.86rem !important; font-weight: 900 !important; letter-spacing: .01em; border: 1px solid transparent !important; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-btn--approve{ background: color-mix(in srgb, var(--pc-ok) 92%, black) !important; border-color: color-mix(in srgb, var(--pc-ok) 60%, transparent) !important; color: #fff !important; box-shadow: 0 10px 18px rgba(2, 6, 23, .10); } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-btn--reject{ background: color-mix(in srgb, var(--pc-danger) 12%, white) !important; border-color: color-mix(in srgb, var(--pc-danger) 35%, transparent) !important; color: var(--pc-danger) !important; } /* ===== Solicitações de documentos em cards ===== */ body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-grid{ display: grid !important; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important; gap: 14px !important; align-items: stretch; padding: 14px; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card{ position: relative; overflow: hidden; border-radius: 16px; padding: 14px; background: var(--pc-surface); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); box-shadow: 0 10px 24px rgba(2, 6, 23, .08); display: flex; flex-direction: column; gap: 12px; min-height: 210px; transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card:hover{ transform: translateY(-2px); box-shadow: 0 16px 34px rgba(2, 6, 23, .12); border-color: color-mix(in srgb, var(--pc-secondary) 20%, transparent); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--pc-secondary); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__top{ display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: start; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__icon{ width: 42px; height: 42px; border-radius: 12px; background: color-mix(in srgb, var(--pc-secondary) 14%, white); color: var(--pc-secondary); display: flex; align-items: center; justify-content: center; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__icon svg{ width: 22px; height: 22px; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__title{ font-size: 1.02rem; font-weight: 950; letter-spacing: -0.02em; color: var(--pc-text); line-height: 1.2; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__sub{ margin-top: 3px; font-size: 0.88rem; color: color-mix(in srgb, var(--pc-text) 55%, transparent); line-height: 1.3; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards a.pc-dr-cnpj{ color: var(--pc-primary) !important; font-weight: 900; text-decoration: none; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards a.pc-dr-cnpj:hover{ text-decoration: underline; text-underline-offset: .18em; } /* Status pills */ body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-pill--pendente{ background: color-mix(in srgb, var(--pc-text) 4%, white); border-color: color-mix(in srgb, var(--pc-text) 14%, transparent); color: var(--pc-text); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-pill--enviado{ background: color-mix(in srgb, var(--pc-primary) 12%, white); border-color: color-mix(in srgb, var(--pc-primary) 30%, transparent); color: var(--pc-primary); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-pill--rejeitado{ background: color-mix(in srgb, var(--pc-warn) 14%, white); border-color: color-mix(in srgb, var(--pc-warn) 32%, transparent); color: color-mix(in srgb, var(--pc-text) 85%, black); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-pill--aprovado{ background: color-mix(in srgb, var(--pc-ok) 14%, white); border-color: color-mix(in srgb, var(--pc-ok) 32%, transparent); color: color-mix(in srgb, var(--pc-ok) 90%, black); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-pill--cancelado{ background: color-mix(in srgb, var(--pc-text) 6%, white); border-color: color-mix(in srgb, var(--pc-text) 18%, transparent); color: color-mix(in srgb, var(--pc-text) 75%, transparent); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-pill--unknown{ background: color-mix(in srgb, var(--pc-text) 4%, white); border-color: color-mix(in srgb, var(--pc-text) 14%, transparent); color: var(--pc-text); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__details{ padding: 10px 12px; border-radius: 14px; background: color-mix(in srgb, var(--pc-text) 3%, white); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); } /* Os conteúdos originais usam text-xs/text-gray; reforçamos a legibilidade */ body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__details :where(.text-xs){ font-size: 0.84rem !important; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__details :where(.text-gray-500){ color: color-mix(in srgb, var(--pc-text) 55%, transparent) !important; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__meta2{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-meta{ padding: 10px 12px; border-radius: 14px; background: color-mix(in srgb, var(--pc-text) 3%, white); border: 1px solid color-mix(in srgb, var(--pc-text) 10%, transparent); display: grid; gap: 4px; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-k{ font-size: 0.78rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; color: color-mix(in srgb, var(--pc-text) 55%, transparent); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-v{ font-size: 0.92rem; color: var(--pc-text); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards a.pc-dr-file{ color: var(--pc-secondary) !important; font-weight: 900; text-decoration: none; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards a.pc-dr-file:hover{ text-decoration: underline; text-underline-offset: .18em; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__actions{ margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-btn{ display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 12px !important; border-radius: 999px !important; font-size: 0.86rem !important; font-weight: 900 !important; letter-spacing: .01em; border: 1px solid transparent !important; text-decoration: none !important; line-height: 1.2; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-btn--link{ background: color-mix(in srgb, var(--pc-text) 4%, white) !important; border-color: color-mix(in srgb, var(--pc-text) 14%, transparent) !important; color: var(--pc-text) !important; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-btn--approve{ background: color-mix(in srgb, var(--pc-ok) 92%, black) !important; border-color: color-mix(in srgb, var(--pc-ok) 60%, transparent) !important; color: #fff !important; box-shadow: 0 10px 18px rgba(2, 6, 23, .10); } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-btn--warn{ background: color-mix(in srgb, var(--pc-warn) 14%, white) !important; border-color: color-mix(in srgb, var(--pc-warn) 35%, transparent) !important; color: color-mix(in srgb, var(--pc-text) 85%, black) !important; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-btn--danger{ background: color-mix(in srgb, var(--pc-danger) 12%, white) !important; border-color: color-mix(in srgb, var(--pc-danger) 35%, transparent) !important; color: var(--pc-danger) !important; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-btn--secondary{ background: color-mix(in srgb, var(--pc-secondary) 10%, white) !important; border-color: color-mix(in srgb, var(--pc-secondary) 30%, transparent) !important; color: var(--pc-secondary) !important; } @media (max-width: 620px){ body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-grid{ grid-template-columns: 1fr !important; padding: 12px !important; } body.pc-portal.pc-portal--gpj #gpj-doc-requests.pc-dr--cards .pc-dr-card__meta2{ grid-template-columns: 1fr; } body.pc-portal.pc-portal--gpj #gpj-access-requests.pc-ar--cards .pc-ar-grid{ grid-template-columns: 1fr !important; } } /* Botões */ body.pc-portal:not(.pc-portal--gpj) :where(button, input[type="submit"], input[type="button"], .button, .wp-element-button, .btn, a.button ){ appearance: none; -webkit-appearance: none; border: 1px solid color-mix(in srgb, var(--pc-primary) 40%, transparent); background: linear-gradient(180deg, color-mix(in srgb, var(--pc-primary) 88%, white) 0%, color-mix(in srgb, var(--pc-primary) 92%, black) 100%); color: white; padding: 10px 14px; border-radius: calc(var(--pc-radius) - 4px); box-shadow: 0 10px 18px rgba(2, 6, 23, .10); cursor: pointer; font-weight: 700; transition: transform .08s ease, filter .15s ease, box-shadow .15s ease; text-decoration: none !important; display: inline-flex; align-items:center; justify-content:center; gap: 8px; min-height: 40px; } body.pc-portal:not(.pc-portal--gpj) :where(button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .wp-element-button:hover, .btn:hover, a.button:hover ){ filter: brightness(1.05); } body.pc-portal:not(.pc-portal--gpj) :where(button:active, input[type="submit"]:active, input[type="button"]:active, .button:active, .wp-element-button:active, .btn:active, a.button:active ){ transform: translateY(1px); box-shadow: 0 6px 14px rgba(2, 6, 23, .12); } body.pc-portal:not(.pc-portal--gpj) :where(.is-style-outline .wp-element-button, .button.secondary, .btn-secondary ){ background: var(--pc-surface); color: var(--pc-primary); border-color: color-mix(in srgb, var(--pc-primary) 35%, transparent); box-shadow: 0 10px 18px rgba(2, 6, 23, .06); } /* Inputs */ body.pc-portal:not(.pc-portal--gpj) :where(input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], select, textarea ){ width: 100%; max-width: 100%; padding: 10px 12px; border-radius: calc(var(--pc-radius) - 6px); border: 1px solid color-mix(in srgb, var(--pc-text) 14%, transparent); background: color-mix(in srgb, var(--pc-surface) 92%, var(--pc-bg)); color: var(--pc-text); box-shadow: 0 6px 14px rgba(2, 6, 23, .05); transition: border-color .15s ease, box-shadow .15s ease; } body.pc-portal:not(.pc-portal--gpj) :where(input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, select:focus, textarea:focus ){ border-color: color-mix(in srgb, var(--pc-primary) 55%, transparent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pc-primary) 18%, transparent), 0 10px 18px rgba(2, 6, 23, .06); outline: none; } body.pc-portal:not(.pc-portal--gpj) :where(label){ font-weight: 700; } /* Mensagens */ body.pc-portal:not(.pc-portal--gpj) :where(.notice, .alert, .message, .msg){ padding: 12px 14px; border-radius: calc(var(--pc-radius) - 4px); border: 1px solid color-mix(in srgb, var(--pc-text) 12%, transparent); background: color-mix(in srgb, var(--pc-bg) 35%, var(--pc-surface)); } body.pc-portal:not(.pc-portal--gpj) :where(.notice.success, .alert-success){ border-color: color-mix(in srgb, var(--pc-ok) 40%, transparent); background: color-mix(in srgb, var(--pc-ok) 10%, var(--pc-surface)); } body.pc-portal:not(.pc-portal--gpj) :where(.notice.error, .alert-danger, .alert-error){ border-color: color-mix(in srgb, var(--pc-danger) 40%, transparent); background: color-mix(in srgb, var(--pc-danger) 10%, var(--pc-surface)); } /* Ajustes responsivos */ @media (max-width: 720px){ .pc-shell{ padding: 20px 0 44px; } .pc-container{ width: min(1240px, calc(100% - 20px)); } .pc-grid{ grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce){ body.pc-portal :where(*){ transition: none !important; scroll-behavior: auto !important; } }