/* Identidad visual de ListoTrades: colores de obra (naranja de seguridad y azul oscuro) */
:root {
  --color-fondo: #ffffff;
  --color-fondo-suave: #f6f7f9;
  --color-texto: #172033;
  --color-texto-suave: #4b5563;
  --color-principal: #c2410c;
  --color-principal-oscuro: #9a3412;
  --color-borde: #e5e7eb;
  --color-portada: #172033;
}

/* Portada de la página de inicio */
.portada {
  padding: 3.5rem 0;
  background: var(--color-portada);
  color: #ffffff;
}

.portada h1 {
  margin: 0 0 1rem;
  font-size: clamp(1.875rem, 5vw, 2.75rem);
}

.portada p {
  max-width: 42rem;
  margin: 0;
  font-size: 1.1875rem;
  color: #e5e7eb;
}

.portada__puntos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
  font-weight: 600;
}

.portada__puntos li::before {
  content: "✓ ";
  color: #fb923c;
}