/* Updated: 2026-02-03 */
/* Nómina Agrícola section with animated list and table (Ban6) */
.nomina-section { 
  background: #FFFFFF; 
  padding: 56px 0 64px; 
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.nomina-section .section-title { text-align: center; max-width: 900px; margin: 0 auto 8px; }
.nomina-section .section-text { text-align: center; max-width: 820px; margin: 0 auto 48px; color: #6B7280; }

/* Container */
.nomina-container { 
  display: grid; 
  grid-template-columns: 1fr 1.1fr; 
  gap: 48px; 
  max-width: 1300px; 
  margin: 0 auto; 
  padding: 0 20px;
  align-items: start;
}

/* Left side: List items */
.nomina-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; }

.nomina-item { 
  display: flex; 
  align-items: center; 
  gap: 16px; 
  padding: 18px 20px; 
  background: #F3F4F6; 
  border-radius: 12px; 
  transition: all 0.35s ease;
  cursor: pointer;
}

.nomina-item:hover { 
  transform: scale(1.03) translateY(-4px); 
  box-shadow: 0 12px 28px rgba(16, 185, 129, 0.15);
  background: #ECFDF5;
}

.nomina-item-icon { 
  width: 40px; 
  height: 40px; 
  border-radius: 10px; 
  background: #D1FAE5; 
  display: grid; 
  place-items: center; 
  color: #10B981; 
  font-size: 20px;
  flex-shrink: 0;
}

.nomina-item-text { 
  font-size: 0.95rem; 
  color: #374151; 
  font-weight: 500;
}

.nomina-item:hover .nomina-item-text { color: #10B981; }

.nomina-footer-text { 
  margin-top: 24px; 
  font-weight: 600; 
  color: #111827; 
  font-size: 0.95rem;
  text-align: center;
}

.nomina-footer-text .highlight { color: #10B981; }

/* Right side: Animated table */
.nomina-table-wrapper { 
  background: #F9FAFB; 
  border-radius: 16px; 
  padding: 24px; 
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  border: 1px solid #E5E7EB;
}

/* Table header circles (browser-like) */
.nomina-table-header { 
  display: flex; 
  gap: 8px; 
  margin-bottom: 16px;
}

.nomina-header-dot { 
  width: 12px; 
  height: 12px; 
  border-radius: 50%; 
  background: #FFB6B6;
}

.nomina-header-dot:nth-child(2) { background: #FFD97D; }
.nomina-header-dot:nth-child(3) { background: #A8E6CF; }

/* Table styling */
.nomina-table { 
  width: 100%; 
  border-collapse: collapse; 
  font-size: 0.9rem;
}

.nomina-table th { 
  text-align: left; 
  padding: 10px 0 12px; 
  color: #9CA3AF; 
  font-weight: 600; 
  border-bottom: 1px solid #E5E7EB;
  font-size: 0.8rem;
}

.nomina-table td { 
  padding: 12px 0; 
  color: #6B7280;
  border-bottom: 1px solid #F3F4F6;
}

.nomina-table td:first-child { 
  display: flex; 
  align-items: center; 
  gap: 8px;
}

.nomina-table-dot { 
  width: 8px; 
  height: 8px; 
  border-radius: 50%; 
  background: #D1FAE5; 
  flex-shrink: 0;
}

.nomina-value { 
  color: #111827; 
  font-weight: 500;
}

.nomina-amount { 
  color: #10B981; 
  font-weight: 700;
}

.nomina-table tbody tr:hover { background: rgba(16, 185, 129, 0.04); }

/* Align Total column to the right */
.nomina-table th:nth-child(5),
.nomina-table td:nth-child(5) {
  text-align: right;
}

/* Total row */
.nomina-total { 
  margin-top: 16px;
  padding-top: 16px; 
  border-top: 2px solid #E5E7EB; 
  display: flex; 
  justify-content: flex-end; 
  align-items: center; 
  gap: 12px;
  font-weight: 600;
  color: #111827;
}

.nomina-total-label { font-size: 0.95rem; }
.nomina-total-value { color: #10B981; font-size: 1.2rem; }

/* Mobile responsive */
@media (max-width: 768px) {
  .nomina-section {
    text-align: left;
  }
  
  .nomina-section .section-title,
  .nomina-section .section-text {
    padding-left: 24px !important;
    padding-right: 24px !important;
    text-align: left !important;
  }
  
  .nomina-item {
    cursor: default;
    transition: none;
  }
  
  .nomina-item:hover {
    transform: none;
    box-shadow: none;
    background: #F3F4F6;
  }
}

@media (max-width: 480px) {
  .nomina-section {
    text-align: left;
  }
  
  .nomina-section .section-title,
  .nomina-section .section-text {
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: left !important;
  }
  
  .nomina-item {
    cursor: default;
    transition: none;
  }
  
  .nomina-item:hover {
    transform: none;
    box-shadow: none;
    background: #F3F4F6;
  }
  
  .nomina-table-dot {
    display: none;
  }
}

/* Responsive */
@media (max-width: 1100px) {
  .nomina-container { grid-template-columns: 1fr; gap: 40px; }
  .nomina-table-wrapper { max-width: 100%; }
}

@media (max-width: 640px) {
  .nomina-section { padding: 48px 0 56px; }
  .nomina-container { gap: 32px; }
  .nomina-item { padding: 16px 16px; gap: 12px; }
  .nomina-item-text { font-size: 0.9rem; }
  .nomina-table { font-size: 0.85rem; }
  .nomina-table td { padding: 10px 0; }
  
  .nomina-table th:first-child,
  .nomina-table td:first-child {
    min-width: 120px;
    width: 120px;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .nomina-section { background: #FFFFFF; }
  .nomina-item { background: #F3F4F6; }
  .nomina-item:hover { background: #ECFDF5; }
  .nomina-table-wrapper { background: #F9FAFB; border-color: #E5E7EB; }
}