/* ================================================
   PROPUESTA-VALOR.CSS — Sección de diferenciadores
   Proyecto: SmartDaga Landing
   Autor: e-DAGA Systems
================================================ */

#propuesta-valor { background: #1a3a5c; }

/* Grid 4 columnas */
.pv-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.75rem; margin-bottom: 2.5rem; }

/* Cada columna */
.pv-col { text-align: center; }
.pv-ico {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.1);
  border-radius: 14px;
  margin: 0 auto 1rem;
  color: #fff;
}
.pv-title { font-size: 1rem; font-weight: 700; color: #fff; margin-bottom: .45rem; }
.pv-text  { font-size: .875rem; color: rgba(255,255,255,.65); line-height: 1.6; }

/* Barra de urgencia */
.pv-urgency {
  background: var(--orange);
  border-radius: 12px;
  padding: .85rem 1.5rem;
  text-align: center;
  font-size: .875rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: .02em;
}
.pv-urgency a { color: #fff; text-decoration: underline; margin-left: .35rem; }
.pv-urgency a:hover { text-decoration: none; }

/* Colores de texto sobre fondo oscuro */
#propuesta-valor h2 { color: #fff; }
#propuesta-valor .section-sub-sm { color: rgba(255,255,255,.7); }

/* Responsive */
@media (max-width: 1024px) { .pv-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .pv-grid { grid-template-columns: 1fr; gap: 1.25rem; } }