/* Tipografía base */
body, p, span {
  font-family: "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: .45em;
  font-size: 16px;
  font-weight: 400;
  color: #0F1B33;
  line-height: 150%;
}

/* Encabezados */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  letter-spacing: 0;
  margin-bottom: .65em !important;
  color: white;
}

h1 { font-size: 48px !important; line-height: 110%; font-weight: 800 !important; }
h2 { font-size: 32px !important; line-height: 115%; font-weight: 800 !important; }
h3 { font-size: 28px !important; line-height: 135%; font-weight: 700 !important; color: #1F4082; }
h4 { font-size: 24px !important; line-height: 140%; font-weight: 700 !important; }
h5 { font-size: 20px !important; line-height: 135%; font-weight: 700 !important; }
h6 { font-size: 18px !important; line-height: 130%; font-weight: 600 !important; }

span {
  font-size: 14px;
  color: white;
  line-height: 140%;
}

/* Responsive: tablets */
@media (max-width: 1024px) {
  body, p, span { font-size: 15.5px; }

  h1 { font-size: 40px !important; line-height: 115%; }
  h2 { font-size: 28px !important; line-height: 135%; }
  h3 { font-size: 24px !important; line-height: 135%; }
  h4 { font-size: 20px !important; line-height: 135%; }
  h5 { font-size: 18px !important; line-height: 130%; }
  h6 { font-size: 16px !important; line-height: 130%; }
}

/* Responsive: móviles medianos */
@media (max-width: 768px) {
  body, p, span { font-size: 15px; }

  h1 { font-size: 32px !important; line-height: 120%; }
  h2 { font-size: 24px !important; line-height: 135%; }
  h3 { font-size: 20px !important; line-height: 135%; }
  h4 { font-size: 18px !important; line-height: 130%; }
  h5 { font-size: 16px !important; line-height: 125%; }
  h6 { font-size: 15px !important; line-height: 125%; }
}

/* Responsive: móviles pequeños */
@media (max-width: 480px) {
  h1 { font-size: 28px !important; line-height: 125%; }
  h2 { font-size: 22px !important; line-height: 100%; }
  h3 { font-size: 18px !important; line-height: 130%; }
  h4 { font-size: 16px !important; line-height: 130%; }
  h5 { font-size: 15px !important; line-height: 125%; }
  h6 { font-size: 15px !important; line-height: 125%; }
}

/* Contenedor */
.container {
  padding: 15px;
}