/* 8️⃣ LINKS — CLAREZA EDITORIAL (Visual Limpo) */

.pillar-content a {
    color: var(--color-primary, #606c38);
    text-decoration: none;
    font-weight: 600;
    position: relative;
    
    /* Sublinhado Permanente e Sutil */
    border-bottom: 2px solid rgba(96, 108, 56, 0.3);
    
    /* Área de toque expandida (UX Mobile) */
    padding: 2px 1px; /* Padding minimalista */
    margin: 0 -1px; 
    
    transition: all 0.2s ease-out;
    -webkit-tap-highlight-color: transparent; /* Remove highlight padrão azul nativo */
}

/* Estado Ativo/Hover - Feedback de Ação Sutil */
.pillar-content a:active,
.pillar-content a:hover {
    background-color: transparent; /* Remove fundo no hover (Regra 1) */
    border-bottom-color: var(--color-primary, #606c38); /* Sublinhado fica sólido */
    border-bottom-width: 2px; /* Mantém espessura ou aumenta ligeiramente se desejar (2px ok) */
    color: #3f4a25; /* Contraste levemente maior no texto */
}

/* 9️⃣ LINKS EM PARÁGRAFOS */
.pillar-content p a + a {
    margin-left: 0.5em; /* Espaço entre links vizinhos */
}

/* Ícones de Navegação (Discretos) */

/* Interno: Seta indica fluxo sem poluição */
.pillar-content a[href^="/"]::after {
    content: "→";
    display: inline-block;
    margin-left: 2px;
    font-family: system-ui, sans-serif;
    font-size: 0.85em;
    font-weight: normal;
    transition: transform 0.2s ease, opacity 0.2s ease;
    opacity: 0; /* Invisível por padrão */
    width: 0;
}

/* Mostrar seta apenas na interação */
.pillar-content a:hover[href^="/"]::after {
    opacity: 0.7;
    width: auto;
    transform: translateX(3px);
    margin-left: 4px;
}

/* Link Externo */
.pillar-content a[href^="http"]:not([href*="estiloquecuida.com.br"])::after {
    content: "↗";
    display: inline-block;
    margin-left: 2px;
    font-size: 0.7em;
    opacity: 0.4;
}