@font-face {
    font-family: "Univia";
    src: url(../webfonts/UniviaPro-Regular.otf);
}
html, body{
	scroll-behavior: smooth;
    font-family: "Univia", sans-serif;
}
:root{
	--dragon-red: #C11B05;
	--dragon-red-dark: #af1805;
}
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-track {
      background-color: #000;
}
::-webkit-scrollbar-thumb {
      background-color: var(--dragon-red);
}
::-webkit-scrollbar-button {
      /*background-color: navy;*/
      width: 0;
      height: 0;
}
::-webkit-scrollbar-corner {
      background-color: black;
}
.social__button {
	font-size: 1.2rem;
	padding: 0 3px;
}
.navbar-brand__img {
	width: 160px;
    margin-left: 75px;
  }


.bg-pink {
	background-color: black;
  }


  .module-item1 {
	display: flex;
}


  .btn-danger {
	 background-color: #c11b05;
	 border-radius: 20px;
	 background-image: url(../img/car.png);
	 background-repeat: no-repeat;
	 background-position-x: 20px;
	 background-position-y: 9px;
	 background-size: 9%;
	 margin-top: 4px;
	 margin-right: 22px;
	 padding-left: 45px;
	 padding-right: 13px;
  }


.f {
	  width: 10px;
	  margin-left: 15px;
	  margin-right: 15px;
  }


.t {
	width: 20px;
	margin-right: 50px;
}


.i {
	width: 20px;
}


.color-blanco {
	color: #fff;
}

.banner-home {
	background-image: url(../img/banner2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 75vh;
	font-size: large;
}

.btn-dragon {
	color: #fff;
    background-color: var(--dragon-red);
    border-color: var(--dragon-red);
    box-shadow: none;
}
.btn-dragon:hover {
    color: #fff;
    background-color: var(--dragon-red-dark);
    border-color: var(--dragon-red-dark);
}

  .box {
	  background-repeat: no-repeat;
	  background-size: cover;
      background-position: center;
	  height: 75vh;
	  font-size: large;
  }

  .com {
	  padding-bottom: 70px;
  }


  .color-rojo {
	  color: #c11b05;
  }


  .color {
	color: #494848;
  }

  .colo {
	  color: #636262;
  }



	.btn-danger3{
	background-color: #c11b05;
	border-radius: 20px;
	padding-left: 15px;
	}



 .b {
	background-image: url(../img/der.png), url(../img/izq.png);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom left, top 100px right;
	background-size: 6%;
	max-width: 100%;
 }


 .co {
	 margin-left: 93px;
 }


 @media (max-width: 578px) {
	.co {
	  margin: 0;
	}
  }


 .to {
	 margin-right: 93px;
 }


 @media (max-width: 578px) {
	.to {
	  margin: 0;
	}
  }


 .btn-danger2,
  .btn-danger2:hover,
  .btn-danger2:active,
  .btn-danger2:visited,
  .btn-danger2:focus {
	 background-color: #c11b05;
	 border-radius: 20px;
  }


  .re {
	  width: 70px;
  }


  .module-item2 {
	display: flex;
  }


  .borde {
	padding: 40px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	border-radius: 20px;
	margin-left: 23px;
	margin-right: 23px;
}


.abs-center {
	display: flex;
	align-items: center;
	justify-content: center;
  }


  .img-icon {
	  width: 135px;
  }


  .img-co {
	max-width: 100%;
	width: 600px;
  }


.module-item3 {
	display: flex;
}

@media (max-width: 800px) {
	.module-item3 {
	  flex-direction: column;
	}
  }



.gris {
	background-color:#f8f8f8;
	max-width: 100%;
}


.img-team {
	width: 200px;
}


.blanco1 {
	background-color: #fff;
	margin-right: 60px;
	margin-left: 60px;
	border-radius: 8px;
}


@media (max-width: 578px) {
	.blanco1 {
	  margin-left: 30px;
	  margin-right: 30px;
	}
  }



.blanco2 {
	background-color: #fff;
	margin-right: 60px;
	margin-left: 15px;
	border-radius: 8px;
}


@media (max-width: 578px) {
	.blanco2 {
	  margin-left: 30px;
	  margin-right: 30px;
	}
  }


.module-item4 {
	display: flex;
	align-items: center;
	justify-content: center;
}


@media (max-width: 800px) {
	.module-item4 {
	  flex-direction: column;
	  max-width: 100%;
	}
  }


.link-rojo {
	color: #c11b05;
}


.fac {
	margin-left: 5px;
	margin-right: 5px;
}


  .rojo {
	  background-image: url(../img/fr.jpg);
	  background-repeat: no-repeat;
	  background-size: cover;
  }


  .btn-light,
  .btn-light:hover,
  .btn-light:active,
  .btn-light:visited,
  .btn-light:focus {
	 border-radius: 20px;
  }


  .c {
     color: #a7100b;
  }


  .os {
	  background-color: #000;
	  background-repeat: no-repeat, no-repeat;
	  background-position: bottom left, center right;
	  padding-top: 25px;
	  padding-bottom: 25px;
	  background-image: url(../img/dragon.png), url(../img/cola.png);
	  background-size: 11%;
	  max-width: 100%;
	  position: relative;
	  bottom: 0;
	  width: 100%;
  }


  @media (max-width: 578px) {
	.os {
	  background-image: url(../img/dragon.png), url(../img/cola.png);
	  background-size: 20%;
	}
  }


  .face {
	margin-left: 12px;
	margin-right: 12px;
}

.password-change-filling{
	width: 50px;
	padding-bottom: 12%;
}

#change-password {
	padding-top: 3%;
	width: 100%;
	height: 100%; /* Ajusta el ancho según sea necesario */
    margin: 0 auto;
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.content {
    flex: 1;
}
.footer {
    background: #f1f1f1;
    /* padding: 1em; */
    text-align: center;
}

.logo-small{
    width: 150px;
    height: auto;
}

.card-header {
    font-size: 1.2rem;
    font-weight: bold;
}
.card-body {
    font-size: 1rem;
}
.card-text {
    font-size: 0.9rem;
}