/* Ajustes finales de layout antes de producción. */

@media (min-width: 761px) {
  .proposal-section:has(.active-dot)
  .proposal-grid:has(> .proposal-card:nth-child(2):last-child) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    align-items: stretch !important;
  }
}

@media (max-width: 760px) {
  .proposal-section:has(.active-dot) .proposal-grid {
    grid-template-columns: 1fr !important;
  }
}

.proposal-section:has(.review-dot) {
  padding: 18px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #eadfc8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.proposal-section:has(.review-dot) .section-title {
  margin-bottom: 6px;
}

.proposal-section:has(.review-dot) .section-description {
  margin-bottom: 14px;
}

@media (min-width: 761px) {
  .proposal-section:has(.review-dot) .proposal-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    gap: 14px !important;
  }

  .proposal-section:has(.review-dot) .proposal-grid > .proposal-card {
    flex: 0 0 calc((100% - 14px) / 2) !important;
    width: calc((100% - 14px) / 2) !important;
    max-width: calc((100% - 14px) / 2) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

.proposal-section:has(.review-dot) .proposal-card {
  border-color: #eadfc8;
  background: rgba(255, 255, 255, 0.97);
}

.dashboard-toolbar {
  box-shadow: 0 6px 18px rgba(52, 100, 46, 0.045) !important;
}

.origin-stats-grid .stat-card {
  box-shadow: 0 7px 20px rgba(32, 73, 37, 0.055) !important;
}

.proposal-card {
  box-shadow: 0 6px 18px rgba(32, 73, 37, 0.045) !important;
}

.proposal-card:hover {
  box-shadow: 0 12px 28px rgba(32, 73, 37, 0.095) !important;
}

.app-shell::before {
  background-image:
    url('/branding/logo-sbd.png'),
    radial-gradient(ellipse at center, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.14) 46%, rgba(255,255,255,0) 74%),
    radial-gradient(circle at 50% 12%, rgba(120, 200, 66, 0.16), transparent 25%),
    linear-gradient(180deg, #0c351c 0%, #0a2916 100%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: 158px auto, 205px 102px, 100% 100%, 100% 100% !important;
  background-position: center 28px, center 12px, center, center !important;
}

@media (max-width: 1280px) {
  .proposal-section:has(.review-dot) {
    padding-top: 16px !important;
  }
}

@media (max-width: 760px) {
  .proposal-section:has(.review-dot) {
    padding-top: 14px !important;
  }

  .proposal-section:has(.review-dot) .proposal-grid {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
  }

  .proposal-section:has(.review-dot) .proposal-grid > .proposal-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}