:root{
  --envios-bar-height:40px;
}

.envios-bar{
  width:100%;
  min-height:var(--envios-bar-height);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 20px;
  background-color:#155A68;
  color:white;
  position:relative;
  z-index:20;
  overflow:hidden;
}

.envios-bar .envios-icon{
  width:28px;
  height:28px;
  flex-shrink:0;
  object-fit:contain;
}

.envios-bar .envios-copy{
  display:flex;
  align-items:center;
  font-family:"Source Sans 3", sans-serif;
  font-size:14px;
  line-height:1.1;
  letter-spacing:0.02em;
  white-space:nowrap;
  color:white;
}

.envios-bar .envios-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background-color:white;
  flex-shrink:0;
}

@media(max-width:700px){
  :root{
    --envios-bar-height:56px;
  }

  .envios-bar{
    gap:10px;
    padding:0 14px;
  }

  .envios-bar .envios-icon{
    width:22px;
    height:22px;
  }

  .envios-bar .envios-copy{
    font-size:11px;
  }

  .envios-bar .envios-dot{
    width:6px;
    height:6px;
  }
}

@media(max-width:420px){
  .envios-bar .envios-copy{
    font-size:10px;
  }

  .envios-bar .envios-icon{
    width:20px;
    height:20px;
  }
}