@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

h1, h2, h3, h4, h5, h6, #navbarMainMenu, #sitename  {
    font-family: 'Lato';
    font-weight: bold;
}

h1, h2 {
    text-align: center;
}

.content p,
.content li {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.display-1, .display-2, .display-3, .display-4 {
    font-family: 'Lato';
}

body {
    font-family: 'Lato';
}

.divider {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 21px;
}

.divider::before {
    content: url('../img/divider.png');
    width: auto;
    height: 18px;
    object-fit: contain;
}

.navbar-nav {
    flex-wrap: wrap;
    justify-content: space-around;
}

.accordion-item {
    color: revert;
    border: 0;
}

.accordion-button {
    color: revert;
    font-size: unset !important;
}

.accordion-button:not(.collapsed) {
    color: revert;
    background-color: transparent;
    box-shadow: none; 
}

.accordion-button:focus {
  border: 0;
  box-shadow: none;
}

.single-new-image-container {
    background: linear-gradient(to right, #ebccd0 0%, #ebccd0 50%, transparent 50%, transparent 100%);
}

.single-new-image {
    max-height: 400px;
}

.new-in-archive {
    justify-content: start;
    text-align: left;
}

.splide__pagination {
    bottom: 1em;
}

.splide__pagination__page {
    background-color: #212529;
    opacity: 1 !important;
}

.splide__pagination__page.is-active {
    background-color: #9b0014;
}

.new-img-container {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    position: relative;
}

.new-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.toggle-info-link[aria-expanded="true"] i {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

.toggle-info-link i {
    transition: transform 0.3s ease;
}

.hover-scale {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-scale:hover {
    transform: scale(1.02);
    box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15) !important;
}

.persona-foto {
    aspect-ratio: 1 / 1;
    width: 200px;
    height: 200px;
    object-fit: cover;
}
.persona-foto-single {
    width: 300px !important;
    height: 300px !important;
}