/* ──────────────────────────────
   EMERALD BANNER (GLOBAL STYLES)
────────────────────────────── */
.wp-site-blocks .emerald-banner {
  min-height: clamp(120px, 25vw, 220px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* Rounded corners and containment */
  border-radius: 14px;
  overflow: hidden;

  /* Match menu width (content area only) */
  max-width: 1200px;
  margin: 0 auto; /* center horizontally */
  width: 80%;     /* fallback for smaller screens */
}

/* ──────────────────────────────
   BANNER TITLE
────────────────────────────── */
.wp-site-blocks .emerald-banner .banner-title {
  font-size: clamp(22px, 6vw, 52px);
  line-height: 1.2;
  margin: 0;
  color: #F1EFE7;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Responsive spacer height */
.responsive-spacer {
  height: clamp(20px, 6vw, 40px);
}

/* ──────────────────────────────
   TÚS NUA LOGO
────────────────────────────── */
.tusnua-logo {
  width: clamp(50px, 10vw, 100px);
  height: auto;
  display: block;
  margin: 0 auto 10px auto;
}

/* ──────────────────────────────
   SMALL SCREEN TWEAK
────────────────────────────── */
@media (max-width: 480px) {
  .wp-site-blocks .emerald-banner {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

/* Match banner/menu width for content area */ 
.content-group { 
	max-width: 1200px; 
	margin: 0 auto; 
	width: 80%; 
	box-sizing: border-box; 
}
.content-group p {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
box-sizing: border-box; 
}


.tn-code {
	padding: 0;
}

/* Header Grouping Size Limit */
.header-size {
  max-width: 1200px;
  width: 70%;
}