@charset "UTF-8";
/* ************************************************************************** */
/* Para pasar de SASS a CSS:                                                  */
/* Desde consola y en la raíz de la carpeta del proyecto, ejecutar:           */
/* sass public/css/basic.scss public/css/basic.css                            */
/* ************************************************************************** */
/* Importar archivos **********************************************************/
/* Función para crear los colores de la ser */
@import url("https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
.fc-no-black {
  color: #555354;
}

.bg-no-black {
  background-color: #555354;
}

.fc-blue-ser {
  color: #1CBFE6;
}

.bg-blue-ser {
  background-color: #1CBFE6;
}

.fc-blue-dark-ser {
  color: #186C92;
}

.bg-blue-dark-ser {
  background-color: #186C92;
}

.fc-yellow-ser {
  color: #FFDC00;
}

.bg-yellow-ser {
  background-color: #FFDC00;
}

.fc-blue-header {
  color: #00658F;
}

.bg-blue-header {
  background-color: #00658F;
}

/* Función para crear los colores de la ser */
.fc-no-black {
  color: #555354;
}

.bg-no-black {
  background-color: #555354;
}

.fc-blue-ser {
  color: #1CBFE6;
}

.bg-blue-ser {
  background-color: #1CBFE6;
}

.fc-blue-dark-ser {
  color: #186C92;
}

.bg-blue-dark-ser {
  background-color: #186C92;
}

.fc-yellow-ser {
  color: #FFDC00;
}

.bg-yellow-ser {
  background-color: #FFDC00;
}

.fc-blue-header {
  color: #00658F;
}

.bg-blue-header {
  background-color: #00658F;
}

@keyframes card-home-shake {
  0% {
    transform: rotate(5deg);
  }
  25% {
    transform: rotate(-6deg);
  }
  50% {
    transform: rotate(5deg);
  }
  75% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
/* Elementos básicos **********************************************************/
body {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  color: #555354;
}

a {
  color: #555354 !important;
}

/*  Classes básicas ***********************************************************/
/* Font family */
.ff-primary {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.ff-secondary {
  font-family: "Arvo", serif;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

span.cursor-not-allowed {
  pointer-events: none;
  opacity: 0.65;
}

/* Header *********************************************************************/
#header-titulo {
  background-color: #00658F;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
@media (min-width: 0) {
  #header-titulo {
    background-image: url("../img/Slider-49CN-809x200px.png");
    background-position-x: center;
    height: 150px;
  }
}
@media (min-width: 768px) {
  #header-titulo {
    background-image: url("../img/Slider-49CN-1125x200px.png");
    height: 180px;
  }
}
@media (min-width: 992px) {
  #header-titulo {
    background-image: url("../img/Slider-49CN-1312x200px.png");
    height: 180px;
  }
}
@media (min-width: 1200px) {
  #header-titulo {
    background-image: url("../img/Slider-49CN-1920x200px.png");
    height: 180px;
  }
}
#header-titulo h2 {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  font-weight: 700;
  text-shadow: 1px 1px 2px #000000;
}
@media (min-width: 0) {
  #header-titulo h2 {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  #header-titulo h2 {
    font-size: 2.3rem;
  }
}
@media (min-width: 992px) {
  #header-titulo h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  #header-titulo h2 {
    font-size: 2.7rem;
  }
}
#header-titulo p {
  display: inline-block;
  padding: 5px 10px;
  font-size: 16px;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 0) {
  #header-titulo p {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  #header-titulo p {
    font-size: 1.6rem;
  }
}

/* Footer *********************************************************************/
footer {
  background-color: #00465E;
  color: #FFFFFF;
  font-size: 0.8rem;
}
footer a {
  color: #FFFFFF !important;
}

/* Pàgines ********************************************************************/
#main-content {
  min-height: 300px;
}

h1.title-page {
  margin: 28px 0 25px;
}
@media (min-width: 0) {
  h1.title-page {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  h1.title-page {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  h1.title-page {
    font-size: 3.2rem;
  }
}

.btn.btn-primary {
  background-color: #186C92 !important;
  border-color: #186C92 !important;
}

#go-top {
  display: none;
  padding: 1px 6px 0px 6px;
  background: #1CBFE6;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

/* Pósters ********************************************************************/
span.list-group-item {
  color: #186C92;
  background-color: #FFFFFF;
  border: 1px solid #186C92;
  border-top-color: #186C92;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #186C92;
  border-top-style: solid;
  border-top-width: 1px;
  cursor: pointer;
}
span.list-group-item.active {
  color: #FFFFFF;
  background-color: #186C92;
  border: 1px solid #186C92;
  border-top-color: #186C92;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #186C92;
  border-top-style: solid;
  border-top-width: 1px;
}

.eposters-list .row .eposters-img-container img {
  border: 1px solid #186C92;
}
.eposters-list .row .eposters-text-container a {
  text-decoration: none;
}
.eposters-list .row .eposters-text-container h4 {
  color: #186C92;
  text-transform: uppercase;
}
.eposters-list .row .eposters-text-container h4 .num-presentacion {
  font-size: 70%;
}
.eposters-list .row .eposters-text-container .autores span.label {
  font-weight: bold;
}
.eposters-list .row .eposters-text-container .autores span.autorppal, .eposters-list .row .eposters-text-container .autores span.coautores {
  text-transform: uppercase;
}

div.modal .modal-header {
  background-color: #186C92;
  color: #FFFFFF;
}

/*# sourceMappingURL=basic.css.map */