/* --- Página Detalhada de Diferenciais --- */
.dif-row { display: flex; align-items: center; gap: 50px; margin-bottom: 80px; position: relative; }
.dif-row.reverse { flex-direction: row-reverse; }

.dif-number { font-family: 'Playfair Display', serif; font-size: 8rem; font-weight: 800; color: rgba(201, 161, 85, 0.15); position: absolute; left: -20px; top: -50px; z-index: 0; line-height: 1; pointer-events: none; }
.dif-row.reverse .dif-number { left: auto; right: -20px; }

.dif-content { flex: 1.2; position: relative; z-index: 1; }
.dif-content h3 { font-size: 2rem; color: var(--color-primary); margin-bottom: 20px; position: relative; display: inline-block; }
.dif-content h3::after { content: ''; position: absolute; left: 0; bottom: -8px; width: 40px; height: 3px; background: var(--color-accent); border-radius: 2px; }
.dif-content p { font-size: 1.1rem; color: var(--text-body); line-height: 1.7; }

.dif-img { flex: 1; position: relative; z-index: 1; }
.dif-img img { width: 100%; height: 350px; object-fit: cover; border-radius: var(--radius-lg); box-shadow: 0 15px 35px rgba(0,0,0,0.15); }

@media (max-width: 1024px) {
  .dif-row, .dif-row.reverse { flex-direction: column; gap: 30px; text-align: center; }
  .dif-number { left: 50%; transform: translateX(-50%); top: -30px; }
  .dif-content h3::after { left: 50%; transform: translateX(-50%); }
  .dif-img img { height: 250px; }
}