/* fuentes */

@font-face {
  font-family: 'Agrandir_Regular';
  src: url("../fonts/Agrandir-Regular.otf") format('opentype');
  font-display: swap;
}
@font-face {
    font-family: 'Agrandir_Bold';
    src: url("../fonts/Agrandir-TextBold.otf") format('opentype');
    font-display: swap;
}
@font-face {
  font-family: 'Montserrat Bold';
  src: url("../fonts/Montserrat-Bold.ttf") format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Regular';
  src: url("../fonts/Montserrat-Regular.ttf") format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Thin';
  src: url("../fonts/Montserrat-Thin.ttf") format('truetype');
  font-display: swap;
}

.agrandir-bold {
  font-family: 'Agrandir_Bold';
}

.agrandir-regular {
  font-family: 'Agrandir_Regular';
}

.montserrat-bold {
  font-family: 'Montserrat Bold';
}
.montserrat-regular {
  font-family: 'Montserrat Regular';
}
.montserrat-thin {
  font-family: 'Montserrat Thin';
}

/* reset css */
html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  padding: 0;
}

button{
  cursor: pointer;
}

/* login css */
.bg-card-black{
  background-color: rgba(35, 31, 32, 0.9);
}

.btn-accent{
  background-color: #721538;
  color: white;
  &:hover{
    background-color: #97254C;
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
    color:white;
  }
}

.color-accent{
  color: #97254C;
}

.bg-accent{
  background-color: #97254C;
}

.icono-accent svg {
  fill: currentColor;
}

body {
    font-family: 'Montserrat Regular', sans-serif;
}

.fondoweb{
  background-color: rgb(217, 207, 182);
  background-image: linear-gradient(rgba(217, 207, 182, 0.6), rgba(217, 207, 182, 0.6)), url('../imagenes/pagina/bg-login.webp');
  background-size: fit;
  background-position: -16% 50%;
  background-repeat: no-repeat;
  min-height: 65vh;
  
}