/* --- Página Detalhada de Pilares --- */
.pilar-featured-row { display: flex; align-items: center; gap: 60px; margin-bottom: 80px; }
.pilar-featured-row.reverse { flex-direction: row-reverse; }
.pilar-text { flex: 1; }
.pilar-image { flex: 1; position: relative; }
.pilar-image img { width: 100%; height: auto; border-radius: var(--radius-lg); box-shadow: 0 20px 40px rgba(0,0,0,0.1); border: 1px solid var(--border-color); }
.pilar-image::before { content: ''; position: absolute; inset: -15px; border: 2px solid var(--color-accent); border-radius: var(--radius-lg); z-index: -1; transform: translate(15px, 15px); }
.pilar-featured-row.reverse .pilar-image::before { transform: translate(-15px, 15px); }

.pilar-icon-large { width: 80px; height: 80px; background: rgba(92, 26, 27, 0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; border: 1px solid rgba(201, 161, 85, 0.3); }
.pilar-icon-large i { font-size: 2.5rem; color: var(--color-primary); }

.pilar-text h2 { font-size: 2.5rem; color: var(--color-primary); margin-bottom: 15px; }
.pilar-text .lead-text { font-size: 1.2rem; color: var(--text-body); margin-bottom: 30px; font-weight: 500; }

.rich-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 15px; }
.rich-list li { display: flex; align-items: flex-start; gap: 15px; font-size: 1.05rem; color: var(--text-dark); line-height: 1.6; }
.rich-list i { color: var(--color-accent); font-size: 1.2rem; margin-top: 4px; }

/* Valores Grid */
.valores-section { background: var(--bg-cards); padding: 80px 50px; border-radius: var(--radius-lg); border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); margin-top: 40px; }
.valores-logo { height: 60px; margin-bottom: 20px; }
.valores-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 50px; }
.valor-card { text-align: center; padding: 20px; transition: var(--transition); }
.valor-card:hover { transform: translateY(-10px); }
.valor-card i { font-size: 3rem; color: var(--color-accent); margin-bottom: 20px; }
.valor-card h4 { font-size: 1.3rem; color: var(--color-primary); margin-bottom: 15px; }
.valor-card p { font-size: 0.95rem; color: var(--text-body); line-height: 1.6; }

@media (max-width: 1024px) {
  .pilar-featured-row, .pilar-featured-row.reverse { flex-direction: column; gap: 40px; }
  .pilar-image::before { display: none; }
  .valores-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .valores-grid { grid-template-columns: 1fr; }
  .valores-section { padding: 40px 20px; }
  .pilar-text h2 { font-size: 2rem; }
}