/* Estilos para secciones HTML renderizadas desde la API */

.roof-snow-removal,
.importance-section,
.services-included,
.work-action,
.trust-section,
.final-cta {
  margin: 2rem 0;
  padding: 2rem 0;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 2px 16px 0 rgba(0,0,0,0.04);
}

.roof-snow-removal h1,
.importance-section h2,
.services-included h2,
.work-action h2,
.trust-section h2,
.final-cta h2 {
  color: var(--secondary, #01566b);
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
}

.roof-snow-removal p,
.importance-section p,
.services-included p,
.work-action p,
.trust-section p,
.final-cta p {
  color: var(--text, #141414);
  font-size: 1.1rem;
  margin-bottom: 1rem;
  text-align: center;
}

.services-included ul,
.trust-section ul {
  list-style: disc inside;
  margin: 1rem auto;
  max-width: 600px;
  padding-left: 0;
}

.services-included li,
.trust-section li {
  color: var(--secondary, #01566b);
  font-size: 1rem;
  margin-bottom: 0.5rem;
  text-align: left;
}

.container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1rem;
}

.content {
  padding: 1rem 0;
}