|
|
| Line 31: |
Line 31: |
| .product-subtitle { | | .product-subtitle { |
| display: block; | | display: block; |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* 1. Criar espaço para os nossos próprios Chevrons no Índice lateral */
| |
| .vector-toc-list-item {
| |
| position: relative;
| |
| list-style: none !important;
| |
| }
| |
|
| |
| /* 2. Injetar a seta manualmente em itens que têm sub-níveis */
| |
| /* Procuramos itens que antecedem uma nova lista (ul) */
| |
| .vector-toc-list-item:has(> ul) > .vector-toc-link::before {
| |
| content: '▶';
| |
| position: absolute;
| |
| left: -18px;
| |
| font-size: 10px;
| |
| color: #0645ad;
| |
| transition: transform 0.2s ease;
| |
| }
| |
|
| |
| /* 3. Rodar a seta quando a secção estiver expandida */
| |
| /* O Vector 2022 usa a classe .vector-toc-list-item-expanded */
| |
| .vector-toc-list-item-expanded > .vector-toc-link::before {
| |
| transform: rotate(90deg);
| |
| }
| |
|
| |
| /* 4. Esconder o botão nativo cinzento que não funciona bem */
| |
| .vector-toc-list-item-expand-button {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* 5. Ajuste de margem para os sub-itens ficarem alinhados */
| |
| .vector-toc-list .vector-toc-list {
| |
| margin-left: 15px !important;
| |
| border-left: 1px solid #eaecf0; /* Linha guia vertical opcional */
| |
| } | | } |
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 30px;
margin-top: 20px;
}
.product-item {
text-align: center;
}
.product-image {
display: block;
margin: 0 auto 10px;
}
.product-title {
font-weight: 600;
margin-top: 6px;
}
.product-subtitle {
font-size: 14px;
color: #666;
}
.product-item strong {
display: block;
}
.product-subtitle {
display: block;
}
