/* 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: #97254C;
  color: white;
  &:hover{
    background-color: #bc5178;
    color:white;
  }
}

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

.bg-accent{
  background-color: #97254C;
  &:hover{
    background-color: #97254C !important;
  }
}

.icono-accent svg {
  fill: currentColor;
}

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