.min-viewport{
  min-height:100vh;
  min-height:100dvh;
}

@supports (height: 100dvh){
  .min-viewport{
    height:100dvh;
  }
}

/*---- botao cta login conta ----*/
.cta_login{
    border:2px solid transparent;
	box-shadow:0 2px 4px var(--atm-color-amber-200);
	background:
	linear-gradient(#ffffff,#ffffff) padding-box,
	linear-gradient(135deg,var(--atm-color-orange-550)45%,var(--atm-color-yellow-500)100%) border-box;
	transition:all .25s ease;
	text-decoration:none;
}
.cta_login:hover {
	transform:translateY(-2px);
	box-shadow:0 3px 4px var(--atm-color-amber-250);
}

/*---- botao cta criar conta ----*/
.cta_register{
	box-shadow:0 2px 4px var(--atm-color-amber-200),inset 0 1px 0 rgba(255,255,255,.25);
	background: linear-gradient(135deg,var(--atm-color-orange-550)45%,var(--atm-color-yellow-500)100%);
	transition:all .25s ease;
	text-decoration:none;
}
.cta_register:hover{
    transform: translateY(-2px);
    box-shadow:0 5px 9px var(--atm-color-amber-250);
}

/*---- short video ----*/
.hero-video{
	width:100%;
	max-width:160px;
	border-radius:12px;
	height:auto;
	object-fit:contain;
	display:block;
	margin:auto;
}

.badge-brasil-pill {
  font-size: 0.65rem;
  font-style: italic;
  padding: 2px 12px;
  border-radius: 8px;
  background: rgba(0,0,0,0.03);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  white-space: nowrap;
  transition: all 0.2s ease;
}


.badge-brasil-pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* bandeirinha minimalista */
.br-flag {
  width: 22px;
  height: 10px;
  border-radius: 2px;
  background: linear-gradient(
    90deg,
    #2e8b57 0%,
    #2e8b57 33%,
    #d4a017 66%,
    #d4a017 66%
  );
}

/* mobile */
@media (max-width: 576px) {
  .badge-brasil-pill {
    font-size: 0.6rem;
    padding: 1px 8px;
  }

  .br-flag {
    width: 18px;
    height: 8px;
  }
}