/* 🩷 UPUPEPOPS DESIGN CUSTOM STYLES */
body {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="22" viewBox="0 0 50 65.38"><path fill="white" d="M40.08,41.99l-15.92.05c-1.56.01-3.04.61-4.15,1.71l-11.53,11.28.02-44.64,31.58,31.6Z"/><path fill="%23191919" d="M46.77,38.78L11.7,3.69c-1.71-1.71-4.27-2.22-6.51-1.3-2.24.93-3.69,3.1-3.69,5.52l-.02,49.56c0,2.41,1.44,4.57,3.66,5.51.75.32,1.54.47,2.32.47,1.53,0,3.03-.59,4.18-1.71l12.97-12.7,17.95-.06c2.42-.01,4.58-1.46,5.5-3.7.93-2.23.42-4.79-1.29-6.5ZM8.5,10.39l31.58,31.6-15.92.05c-1.56.01-3.04.61-4.15,1.71l-11.53,11.28.02-44.64Z"/></svg>') 4 4, auto;
}/*UPUPEPOPS CUSTOM CURSOR: black-outlined arrow with white fill 1/2*/
a, button, .elementor-button, input[type="submit"] {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="22" viewBox="0 0 50 65.38"><path fill="black" d="M40.08,41.99l-15.92.05c-1.56.01-3.04.61-4.15,1.71l-11.53,11.28.02-44.64,31.58,31.6Z"/><path fill="black" d="M46.77,38.78L11.7,3.69c-1.71-1.71-4.27-2.22-6.51-1.3-2.24.93-3.69,3.1-3.69,5.52l-.02,49.56c0,2.41,1.44,4.57,3.66,5.51.75.32,1.54.47,2.32.47,1.53,0,3.03-.59,4.18-1.71l12.97-12.7,17.95-.06c2.42-.01,4.58-1.46,5.5-3.7.93-2.23.42-4.79-1.29-6.5ZM8.5,10.39l31.58,31.6-15.92.05c-1.56.01-3.04.61-4.15,1.71l-11.53,11.28.02-44.64Z"/></svg>') 4 4, pointer !important;
}/*UPUPEPOPS CUSTOM CURSOR: black-outlined arrow with white fill 2/2*/
html {
  scroll-behavior: smooth;
}/* UPUPEPOPS SMOOTH SCROLL 1/2*/
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}/* UPUPEPOPS SMOOTH SCROLL respect users to reduce motion WCAG 2.3.3 (AAA) 2/2*/

/* 🔴 🔴 🔴 PAMPAS THEME TEMPORALES*/
.prose h2:first-child {
  margin-top: 1.5em!important;
}
.prose h2 {
  font-size: 2em;
  margin-top: 3em;
  padding-bottom: 0;
  border-bottom: none;
  color: var(--grey-500);
}

/* 🟩 🟩 🟩 EL HORNERO CUSTOMISATIONS*/
.to-top {/*Makes Back-to-top widget match Accessibility 1/2*/
  width: 32px;
  height: 32px;
  bottom: 60px;
  left: calc(100vw - 20px);
  right: auto;
  -ms-flex-pack: end;
  justify-content: end;
  transform: translate(-100%) !important;
}
.to-top:hover {/*Makes Back-to-top widget match Accessibility 2/2*/
  transform: scale(1.1);
}
/* 1️⃣ Global variables */
.colour-grey-700 {
  color: var(--grey-700);/*Changes text colour to grey*/
}
.font-accent {
  font-family: var(--font-accent);/*Changes font to accent family*/
}
.margin-bottom-1em {
  margin-bottom: 1em;/*Adds 1em bottom margin*/
}
.margin-bottom-2em {
  margin-bottom: 2em;/*Adds 2em bottom margin*/
}
.margin-bottom-4em {
  margin-bottom: 4em;/*Adds 3em bottom margin*/
}
.box-left-line {/*Makes box style with left accent line*/
  background-color: var(--secondary);
  border-left: 10px solid var(--accent);
  border-radius: 4px;
  padding: 20px;
  width: fit-content;
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, .15);
}
.box-bg-type-ul {/*Make list items have BG 1/3*/
  padding-left: 0;
}
.box-bg-type-li {/* Article types list customisation 2/3*/
  list-style-type: none;
  background: var(--secondary);
  border-radius: var(--radius);
  padding: .5em .9em;
  margin-bottom: 1em;
}
.box-bg-type-li:last-child {/* Article types list customisation 3/3*/
  margin-bottom: 0;
}
.bullet-list {/*Edits lists bullet style 1/4*/
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.bullet-list li {/*Edits lists bullet style 2/4*/
    margin-bottom:10px;
}
.bullet-list li {/*Edits lists bullet style 3/4*/
  position: relative;
  padding-left: 20px;
}
.bullet-list li::before {/*Edits lists bullet style 4/4*/
  content: '*';
  position: absolute;
  left: 0;
  padding-top: 2px;
  color: var(--accent);
  font-weight: bold;
  font-size: 20px;
}
.page_submissions .cmp_notification {/*Hides Register-Login message from author guidelines (Submissions page)*/
  display: none;
}

/* 🟡 🟡 🟡 HOME PAGE 🟡 🟡 🟡 */
.hero-wordmark {/* Hero H1 -- Makes the title use 100vw */
  --fluid-size: calc((100vw / var(--ch, 10)) * 2.5);
  font-size: clamp(2.5rem, var(--fluid-size), 19rem);
}
.hero-figure img {/* Hero mockup -- Customises the image size */
  height: 110vh!important;
  margin-top: -10vh;
}

/* 🟡🟡🟡 ABOUT PAGE 🟡🟡🟡 */
.about-issn-chips-div {/*ISSN make them into chips 1/3*/
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 1.3rem 0;
}
.about-issn-chips-item {/*ISSN make them into chips 2/3*/
  background: var(--secondary);
  border: none;
  border-radius: var(--radius);
  padding: .5rem .9rem;
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
  transition: transform .2s var(--ease);
}
.about-issn-chips-item:hover {/*ISSN make them into chips 3/3*/
  transform: scale(1.015);
  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.about-index-cards-ul {/*Logos indexing grid 1/9*/
  --index-cols: 2;
  --index-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0 var(--index-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-index-cards-li {/*Logos indexing grid 2/9*/
  display: flex;
  flex: 0 0 calc((100% - (var(--index-cols) - 1) * var(--index-gap)) / var(--index-cols));
  min-width: 0;
}
@media (min-width: 881px) {/*Logos indexing grid 3/9*/
  .about-index-cards-ul { --index-cols: 3; } /* Tablets */
}
@media (min-width: 1201px) {/*Logos indexing grid 4/9*/
  .about-index-cards-ul { --index-cols: 4; } /*Desktop & Laptops*/
}
.about-index-cards-a {/*Logos indexing grid 5/9*/
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 140px;
  align-items: center;
  gap: 10px;
  background: var(--white);
  border-radius: 20px;
  padding: 20px 40px;
  margin: 0 0 1rem;
  color: var(--ink);
  box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, .15);
  transition: transform .2s var(--ease);
  text-decoration: none;
}
@media (max-width: 880px) {/*Logos indexing grid 6/9*/
  .about-index-cards-a {
    padding: 20px;
  }
}
.about-index-cards-a:hover {/*Logos indexing grid 7/9*/
  transform: scale(1.015);
  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
  box-shadow: 3px 3px 3px -1px rgba(0, 0, 0, .15);
}
.about-index-cards-a:focus-visible {/*Logos indexing grid 8/9*/
  outline: 2px solid currentColor;/*Card keyboard focus style*/
  outline-offset: 3px;
  color: var(--accent);
}
.about-index-cards-img {/*Logos indexing grid 9/9*/
  width: 100%;
  max-width: 170px;
  max-height: 100px;
  object-fit: contain;
}




/* 🟡🟡🟡 SUBMISSIONS PAGE 🟡🟡🟡 */
.submissions-section-title {
  font-size: 2em;
  margin-top: 3em;
  padding-bottom: 0;
  border-bottom: none;
  color: var(--grey-500);
}
.submissions-highlight-formats {
  display: inline;
  background-color: #e8e7e7;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
}
.submissions-highlight-example {
  display: inline;
  background-color: #f0f0f0;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
}
.submissions-acordeon {/*Estilos Acordeón*/
  background-color: var(--secondary);
  padding: 20px;
  margin-bottom: 1em;
  border-radius: 4px;
  cursor: pointer;
  color: var(--ink);
  font-family: var(--font-accent);
  font-weight: 900;
  font-size: 1.1em;
  transition: background .2s var(--ease);
}
.submissions-acordeon:hover, details[open] summary {
  background-color: var(--ink);
  color: white;
  transition: background .2s var(--ease);
}
.submissions-li-bg {
  list-style-type: none;
  background: var(--secondary);
  border-radius: var(--radius);
  padding: .5em .9em;
  margin-bottom: 1em;
}
