/* Typography-only normalization for the home page. No brand colors or layout surfaces here. */
body,
button,
input,
select,
textarea,
#menu,
.entry-content,
.chatbot-container {
  font-family: "Roboto", Arial, Helvetica, sans-serif !important;
}

body {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0;
}

.fancy_heading .title,
.column_fancy_heading .title,
#tramites .title,
#news .title,
#gobierno .title {
  font-family: "Roboto", Arial, Helvetica, sans-serif !important;
  font-size: clamp(28px, 2.4vw, 36px) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

.fancy_heading .inside .big,
#tramites .big,
#news .big,
#gobierno .inside .big {
  font-family: "Roboto", Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.desc,
.card-description,
.app-description,
.mobile-app-desc,
.mobile-desc,
.post-meta,
.post-desc,
.blockquote blockquote,
.mobile-quote blockquote {
  font-size: 15px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

.desc_wrapper h4,
.mobile-content h4,
.mobile-text h5,
.app-title,
.mobile-app-title,
.post-title h3,
.post-title h2,
.post-title h4,
.entry-title,
.unidad-title,
.map-title {
  font-family: "Roboto", Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.desc_wrapper h4,
.mobile-content h4 {
  font-size: 20px !important;
  line-height: 1.25 !important;
}

.mobile-text h5,
.app-title,
.mobile-app-title {
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.post-title h3,
.post-title h2,
.post-title h4,
.entry-title {
  font-size: 17px !important;
  line-height: 1.32 !important;
}

.unidad-title {
  font-size: 20px !important;
  line-height: 1.22 !important;
}

.map-title {
  font-size: 22px !important;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

.category-btn,
button.category-btn,
.search-input,
.mobile-search-input,
.mobile-filter-select,
.unidad-action,
.image_links a,
.app-status,
.mobile-app-status {
  font-family: "Roboto", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 767px) {
  body {
    font-size: 15px;
  }

  .fancy_heading .title,
  .column_fancy_heading .title,
  #tramites .title,
  #news .title,
  #gobierno .title {
    font-size: 24px !important;
    line-height: 1.22 !important;
  }

  .fancy_heading .inside .big,
  #tramites .big,
  #news .big,
  #gobierno .inside .big {
    font-size: 15px !important;
  }

  .desc_wrapper h4,
  .mobile-content h4,
  .unidad-title,
  .map-title {
    font-size: 18px !important;
  }

  .desc,
  .card-description,
  .app-description,
  .mobile-app-desc,
  .mobile-desc,
  .blockquote blockquote,
  .mobile-quote blockquote {
    font-size: 14px !important;
  }
}