/* =====================================
   Webcampista Header
   Scope: .wc-header
   ===================================== */

.wc-header {
  background: #9ecde9 url('../img/header_background.webp') repeat-x top;
}

.wc-header-inner {
  display: grid;
  grid-template-columns: 220px 1fr 220px;
  align-items: center;
  height: 170px;
  position: relative;
}

/* laterales */
.wc-header-left {
  background: url('../img/header_left.webp') no-repeat left top;
  height: 170px;
}

.wc-header-right {
  background: url('../img/header_right.webp') no-repeat right top;
  height: 170px;
}

/* texto central */
.wc-header-center {
  position: relative;
  padding-left: 1.5rem;
}

.wc-header-center h1 {
  margin: 0;
  font-family: 'Kaushan Script', cursive;
  font-size: 36px;
  color: #ffffff;
  text-shadow: 0 0 8px #426b9a;
}

.wc-header-center h2 {
  margin: 0.25rem 0 0;
  font-family: 'Kaushan Script', cursive;
  font-size: 18px;
  color: #ffffff;
  text-shadow: 0 0 8px #426b9a;
}

/* Header móvil */
.wc-header-mobile {
  background: linear-gradient(180deg, #9ecde9, #5bb6e5);
  text-align: center;
  padding: 1rem 0.75rem;
}

.wc-header-mobile h1 {
  font-family: 'Kaushan Script', cursive;
  font-size: 24px;
  margin: 0;
  color: #ffffff;
}

.wc-header-mobile h2 {
  font-family: 'Kaushan Script', cursive;
  font-size: 14px;
  margin: 0.25rem 0 0;
  color: #ffffff;
}
.wc-logo-title {
  font-family: 'Kaushan Script', cursive;
  font-size: 36px;
  color: #fff;
  text-shadow: 0 0 8px #426b9a;
}

.wc-logo-subtitle {
  font-family: 'Kaushan Script', cursive;
  font-size: 18px;
  color: #fff;
  text-shadow: 0 0 8px #426b9a;
}