@charset "UTF-8";
/*
  Naranja #000000 (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=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');

@font-face {
	font-family: 'MaisonNeue Light';
	src: local('MaisonNeue Light'), url('../fonts/MaisonNeue-Light.otf') format('opentype');
}

@font-face {
	font-family: 'MaisonNeue Medium';
	src: local('MaisonNeue Medium'), url('../fonts/MaisonNeue-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'MaisonNeue Regular';
	src: local('Maison Regular'), url('../fonts/MaisonNeue-Book.otf') format('opentype');
}

@font-face {
	font-family: 'MaisonNeue Bold';
	src: local('Maison Bold'), url('../fonts/MaisonNeue-Bold.otf') format('opentype');
}

* {
  margin: 0;
}

body{
  font-size: 14px;
  line-height: 24px !important;
  background: #FFF;
  font-family: "MaisonNeue Regular", Sans-serif;
  font-weight: 300;
  color: #000;
}

section{
  width: 100%;
}

#sticky{
  background-color: rgba(242, 104, 43, 0.8);
  color: #FFF;
  font-size: 12px;
  padding: 5px 0px;
}

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

#bg-login video {
  position: absolute;
  width: 100%;
  height: auto;
  object-fit: contain;
}

#header{
  background-color: #FFF;
  border-bottom: 1px solid  rgba(167, 168, 170, 0.2);;
  padding: 15px 25px;
}

#footer{
  padding: 10px 25px;
}

.card{
  border: none;
  border-radius: 0.375rem !important;
}

.card-header{
  background-color: #FFF;
  border-top-right-radius: 0.375rem !important;
  border-top-left-radius: 0.375rem !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: 'MaisonNeue Regular';
  text-transform: uppercase;
  color: #A7A8AA;
  font-weight: bold;
}

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

.btn-outline-primary{
  color: #000000;
  border-color: #000000;
  font-size: 13px !important;
}

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

.pagination a:hover,
.nav a:hover,
.nav a.active{
  color: #000000;
}

.pagination a{
  color: #000;
}

.pagination a.active{
  background-color: #000000 !important;
  border-color: #000000 !important;
}

#main{
  padding: 25px;
  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);
}

.form-select.form-control-sm{
  width: 105px;
  padding: .25rem .5rem;
  font-size: .775rem !important;
  border-radius: var(--bs-border-radius-sm);
}

.form-select.form-control-sm{
  background-position: right .3rem center;
}

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

#asistencia{
  position: fixed;
  bottom: 15px;
  left: 15px;
}

.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: #666465;
}

.btn{
  font-family: 'MaisonNeue Regular';
  font-size: 14px;
  padding: 12px 15px; 
}

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

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

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.bg-primary{
  background-color: #000000 !important;
}

.bg-secondary{
  background-color: #A7A8AA !important;
}

.bg-light{
  background-color: rgba(167, 168, 170, 0.1) !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;
}

h6 .badge {
  font-size: 0.75rem !important;
}

h1,
h2{
  font-family: 'Cormorant';
  color: #000;
}

h2 span{
  font-family: 'MaisonNeue Regular';
}

h3,
h4{
  font-family: 'Cormorant';
}

h5,
h6{
  font-family: 'MaisonNeue Regular';
}

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

a{
  color: #000000;
}

a:hover,
a:active,
a:focus{
  color: #000000;
}

.range-container {
  position: relative;
  width: 100%;
  margin-top: 5px;
}

.range-container .min-max {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 15px;
}

.form-range {
  width: 100%;
}

.datatable-top {
  display: none;
}

.modal-backdrop.static-backdrop {
  background-color: rgba(0, 0, 0, 0.6) !important; /* puedes ajustar la opacidad */
  backdrop-filter: blur(8px); /* desenfoque real */
  -webkit-backdrop-filter: blur(8px); /* soporte en Safari */
  opacity: 1 !important; /* opaco */
}