@font-face {
  font-family: r;
  src: url(../../recursos/fonts/Montserrat-Regular.otf);
}
@font-face {
  font-family: b;
  src: url(../../recursos/fonts/Montserrat-Bold.otf);
}
@font-face {
  font-family: bk;
  src: url(../../recursos/fonts/Montserrat-Black.otf);
}
@font-face {
  font-family: eb;
  src: url(../../recursos/fonts/Montserrat-ExtraBold.otf);
}

* {
  font-family: r;
}

:root {
  font-size: 16px;
  --primary-color: #1a4087;
  --secondary-color: #e31725;
  --gray-color: #e6e7e8;
  --text-color: #333333;
}

h1,
h2,
h3,
h5,
h6,
p {
  margin: 0;
}

ul {
  list-style: none;
  padding: 0;
}

a {
  color: #000;
  text-decoration: none;
  width: max-content;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
}
input,
textarea,
select {
  outline: none;
}

/* Barras de desplazamiento personalizadas */
::-webkit-scrollbar {
  width: 8px; /* Ancho de la barra vertical */
}

::-webkit-scrollbar-thumb {
  background-color: #1a4087dc; /* Color de la barra */
  /*border-radius: 10px;*/ /* Bordes redondeados de la barra */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #1a4087; /* Color más claro al pasar el mouse por encima */
}

::-webkit-scrollbar-track {
  background-color: #e4e4e4; /* Color claro de fondo de la barra */
  /*border-radius: 10px;*/ /* Bordes redondeados del fondo de la barra */
}

.success {
  color: #2d9054;
}
.error {
  color: #e33d30;
}

/* RESPONSIVE */
.display_pc {
  display: flex;
}
.display_mobil {
  display: none;
}
/* RESPONSIVE */

.bg {
  position: relative;
}

@media (min-width: 1367px) {
}
@media (min-width: 1025px) and (max-width: 1366px) {
}
@media (min-width: 768px) and (max-width: 1024px) {
}
@media (min-width: 481px) and (max-width: 767px) {
}
@media (min-width: 320px) and (max-width: 480px) {
}
@media (max-width: 1024px) {
  .display_pc {
    display: none;
  }
  .display_mobil {
    display: flex;
  }
}