@import '../css/fonts.css';

:root{
  --orange: #FF8D27;
}

body{
  font-family: 'Inter' !important;
  background-image: url("../img/fondo1.webp") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
  padding-top: 20px;
}

.logo {
  width: 20vh;
}

.text-slogan {
	font-size: 33px;
	font-weight: bold;
	line-height: 37px;
}


.btn-outline {
  background-color: transparent;
  border-radius: 15px !important;
  font-weight: bold !important;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
	overflow: hidden;
	position: relative;
}

.btn-outline::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  height: 50px;
  border-radius: inherit;
  scale: 0;
  z-index: -1;
  background-color: var(--orange);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.btn-outline:hover::before {
  scale: 3;
}

.btn-outline:hover {
  color: #212121;
  scale: 1.1;
  box-shadow: 0 0px 20px rgba(193, 163, 98,0.4);
}

.btn-outline:active {
  scale: 1;
}

.card-body-support {
  background-color: #151819f2 !important;
  flex: 1 1 auto;
  padding: 1rem 1rem;
}