@charset "UTF-8";
/*
  Naranja rgb(245, 138, 31) (242, 104, 43)
  Cafe #736250 (115, 98, 80)
  Gris Oscuro #666465 rgb(102, 100, 101)
  Gris Claro #A7A8AA rgb(167, 168, 170)
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

/*
  font-family: 'Open Sans', sans-serif;
  font-family: 'Outfit', sans-serif;
  font-family: 'Reey_Regular', cursive;
  font-family: 'Gilroy_Bold', sans-serif;
  font-family: 'Gilroy_Bold_Italic', sans-serif;
*/

@font-face {
    font-family: 'Gilroy_Bold';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-Bold.woff') format('woff'),
         url('../fonts/Gilroy-Bold.ttf') format('truetype'),
         url('../fonts/Gilroy-Bold.svg#Gilroy_Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy_Bold_Italic';
    src: url('../fonts/Gilroy-BoldItalic.eot');
    src: url('../fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-BoldItalic.woff') format('woff'),
         url('../fonts/Gilroy-BoldItalic.ttf') format('truetype'),
         url('../fonts/Gilroy-BoldItalic.svg#Gilroy_Bold_Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy_Medium_Italic';
    src: url('../fonts/Gilroy-MediumItalic.ttf');
    src: url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy_Light';
    src: url('../fonts/Gilroy-Light.ttf');
    src: url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
  margin: 0;
}

body{
  font-size: 14px;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
  color: #353b53;
  background-color: #f1f1f1;
}

section{
  width: 100%;
}

#bg-login{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#bg-login video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  object-fit: contain;
  transform: translate(-50%, -50%) rotate(90deg);
}

 .hero {
		position: relative;
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}

	/* Video de fondo */
	.hero video {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 200%;
		height: 200%;
		object-fit: contain;
		transform: translate(-50%, -50%) rotate(90deg);
		z-index: 1;
	}

	 
	.hero .mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url('../images/mask.webp') no-repeat center center;
		background-size: cover;
		z-index: 2;
		pointer-events: none;
	}

	/*
	.hero .mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: radial-gradient(
			circle at center,
			rgba(0, 0, 0, 0) 40%,
			rgba(0, 0, 0, 0.5) 80%
		);
		z-index: 2;
		pointer-events: none;
	}
	*/

	/* Texto superior */
	.hero .content {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 3;
		color: white;
		padding: 1rem;
	}

	.hero .content h1 {
		font-size: 2.8rem;
		margin: 0;
	}

	.hero .content p {
		font-size: 1.5rem;
	}

#header{
  padding: 20px 5px 10px 5px;
}

#footer{
  padding: 10px 25px;
}

#logo-login{
	margin-left: -20px;
}

.mt-350{
	margin-top: 350px;
}

.card{
  border: none;
  border-radius: 30px !important;
}

.card-header{
  background-color: #FFF;
  border-top-right-radius: 30px !important;
  border-top-left-radius: 30px !important;
  padding: 15px 20px;
  border-bottom: 1px solid  rgba(167, 168, 170, 0.2);
}

.sidebar {
  min-height: 100vh;
  border-right: 1px solid rgba(167, 168, 170, 0.2);
}

.nav a{
  font-family: "Lexend";
  font-weight: 600 !important;
  font-size: 15px;
  color: #363c56;
}

.btn{
  font-family: "Gilroy_Bold";
  font-weight: 600;
}

.nav a .la,
.nav a .las,
.btn-link .la,
.btn-link .las{
  position: relative;
  top: 2px;
  font-size: 18px;
}

.btn-outline-primary{
  color: #000;
  border-color: #000;
}

.bg-primary-light{
  background-color: rgba(245, 138, 31, 0.2);
  color: rgb(245, 138, 31);
}

.btn-outline-primary:hover,
.btn-outline-primary:active{
  color: #FFF !important;
  border-color: #000;
  background-color: #000;
}

.nav a:hover,
.nav a.active{
  color: #353b53;
}

#main{
  padding: 15px;
  min-height: 86vh;
}

.list-group .list-group-item{
  border-bottom-color: rgba(167, 168, 170, 0.2);
}

.list-group .list-group-item:last-child{
  border-bottom: 0;
}

.form-floating > .form-control::placeholder {
  color: revert;
}

.form-floating > .form-control:not(:focus)::placeholder {
  color: transparent;
}

form .dropdown-toggle::after{
  display: none;
}

.dropdown-toggle.form-control{
  height: 58px;
}

.form-control,
.form-select{
  font-size: 13px;
  padding: 12px 15px;
  border-color: rgba(167, 168, 170, 0.5);
  border-radius: 10px;
}

.input-group-text{
  border-radius: 10px;
}

.input-group-text{
  font-size: 13px;
}

.profile.circle{
  background-color: lightgray;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0 !important;
  text-align: center;
  padding-top: 8px !important;
  text-decoration: none;
}

.profile.circle.dropdown-toggle::after{
  display: none;
}

.profile.circle.dropdown-toggle .dropdown-menu{
  border: 0 !important;
}

.form-select:focus,
.form-select:active,
.form-control:focus,
.form-control:active{
  box-shadow: none;
  border-color: rgb(101, 105, 110);
}

.btn{
  padding: 12px 15px; 
  font-size: 16px;
}

.btn-link{
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
}

.btn-primary{
  background-color: #F10B74;
	color: #FFF;
	border: 2px solid #F10B74;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
	color: #F10B74;
  background-color: transparent!important;
	border: 2px solid #F10B74;
}

.bg-light{
  background-color: rgba(236, 239, 243, 0.3) !important;
}

.bg-dark{
  background-color: #666465 !important;
}

.border-dotted{
  border-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='rgba(167, 168, 170, 0.8)' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.btn.disabled{
  background-color: rgba(0,0,0,0.9) !important;
  border-color: rgba(0,0,0,0.9) !important;
}

.h-100{
  margin-top: 80px;
}

h1,
h2{
  font-family: 'Gilroy_Bold', 'Open Sans', sans-serif;
  font-weight: 400;
}

h2{
  font-size: 3rem;
}

h3,
h4{
  font-family: 'Gilroy_Bold', 'Open Sans', sans-serif;
  font-weight: 400;
}

h5,
h6{
  font-family: 'Gilroy_Bold', 'Open Sans', sans-serif;
  font-weight: 400;
}

.text-primary{
  color: #F10B74 !important;
}

a{
  color: rgb(0, 0, 0);
  text-decoration: none;
}