File manager - Edit - /var/www/html/portalHomolog/public/pmar/css/servicos/cartaservicos.css
Back
/* ── Carta de Serviços — layout e tipografia ───────────────────── */ /* Ícone circular de cabeçalho da página */ .cs-page-icon { width: 48px; height: 48px; } /* Label "Serviços Municipais" no cabeçalho de resultados */ .cs-results-subtitle { letter-spacing: .08em; } /* Label CTA nos cards de categoria ("Ver serviços") */ .cs-cat-card-cta { font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; } /* Badges de categoria nos cards de serviço */ .cs-badge-cat { font-size: .7rem; } /* Imagem interna dentro de badge de categoria */ .cs-badge-img { object-fit: cover; } /* Ícone interno dentro de badge de categoria */ .cs-badge-icon { font-size: .65rem; } /* Label "Ver detalhes" no rodapé do card de serviço */ .cs-servico-footer-cta { font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; } /* ── Página de detalhe do serviço ───────────────────────────────── */ /* Pill de categoria no hero */ .cs-hero-cat-pill { font-size: .72rem; letter-spacing: .04em; } /* Link "Voltar aos Serviços" */ .cs-back-link { font-size: .82rem; } /* Ícone chevron no link de voltar */ .cs-back-chevron { font-size: .65rem; } /* Botão "Acessar Serviço Online" */ .cs-online-btn { font-size: .8rem; } /* Label de seção reutilizado em todos os blocos de conteúdo */ .cs-section-label { font-size: .68rem; letter-spacing: .12em; color: var(--bs-success); } /* Texto da descrição principal */ .cs-desc-text { font-size: .95rem; } /* Texto genérico dos blocos de conteúdo */ .cs-body-text { font-size: .9rem; } /* Badge de detalhe (setor, prazo, contato, etc.) */ .cs-badge-detail { font-size: .85rem; } /* Badge de detalhe com largura automática */ .cs-badge-fit { width: fit-content; } /* Sidebar sticky offset */ .cs-sidebar-sticky { top: 1.5rem; } /* ── Carta de Serviços — hover e micro-animações ───────────────── */ /* Cards de categoria */ .categoria-card { transition: transform .22s ease, box-shadow .22s ease; } .categoria-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,.12) !important; } .categoria-card .card-img-zoom { transition: transform .4s ease; } .categoria-card:hover .card-img-zoom { transform: scale(1.07); } /* Cards de serviço */ .servico-card { border-left: 3px solid transparent !important; transition: transform .2s ease, box-shadow .2s ease, border-left-color .2s ease; } .servico-card:hover { transform: translateX(4px); box-shadow: 0 8px 24px rgba(0,0,0,.10) !important; border-left-color: var(--bs-success) !important; } /* Seta "Ver detalhes" avança levemente no hover */ .servico-card:hover .servico-arrow-icon { transform: translateX(4px); } .servico-arrow-icon { display: inline-block; transition: transform .2s ease; } /* Badges de acesso rápido */ .acesso-rapido-badge { transition: transform .18s ease, background-color .18s ease, color .18s ease; } .acesso-rapido-badge:hover { transform: translateY(-2px); background-color: var(--bs-primary) !important; color: #fff !important; border-color: var(--bs-primary) !important; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings