@font-face {
    font-family: 'Typold';
    src: url('../font/Typold-Regular.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Typold ExtraBold';
    src: url('../font/Typold-ExtraBold.otf') format('opentype');
    font-style: normal;
    font-display: swap;
}

.site-brand * {
    color: #211E1C;
    transition: all 0.3s ease-in;
}

.site-brand:hover * {
    color: #24ACFF;
    transition: all 0.3s ease-in-out;
}

.brand-container {
    display: flex;
    align-items: center;
    justify-content: left;
}

.brand-icon {
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-left: .5em;
}

.brand-title-container {
    line-height: 0.6 !important;
}

.brand-title {
    font-family: 'Typold ExtraBold', sans-serif;
    font-weight: 800;
    font-size: 25pt;
    margin-left: 0px0px;
}

.word-secondary {
    font-family: 'Typold', sans-serif;
    font-weight: 500;
    font-size: 25pt;
    margin-left: 0px0px;
}

.fixed-bar {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.map-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.brand-title-footer {
    line-height: 0.6 !important;
}

.brand-title-footer * {
    color: white;
    margin-left: 0px;
}

.btn-whatsapp {
  position: fixed;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  right: 30px;
  bottom: 90px;
  z-index: 12;
  width: 48px;
  height: 48px;
  border-radius: 15px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  text-decoration: none;
  animation: action 1s infinite alternate;
}