@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap");

/* Reset and Core Styles */
:root {
  --bg-color: #ffffff;
  --sidebar-bg: #f6f4f0; /* Warm sand/cream background */
  --text-color: #605955; /* Warm dark brown-grey */
  --text-light: #8a827d; /* Warm light grey */
  --heading-color: #403834; /* Warm espresso/charcoal */
  --accent: #c24d2c; /* Warm APET Terracotta */
  --accent-hover: #2b5c8f; /* Vivid APET Blue */
  --accent-light: rgba(194, 77, 44, 0.1);
  --border-color: #e5dfd9; /* Soft warm border */
  --sidebar-width: 20em;
  --font-body: "Open Sans", sans-serif;
  --font-heading: "Libre Baskerville", serif;
  --transition-speed: 0.25s;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-body);
  font-size: 13pt;
  line-height: 1.75;
  overflow-x: hidden;
}

@media screen and (max-width: 1680px) {
  body { font-size: 11pt; }
}
@media screen and (max-width: 1280px) {
  body { font-size: 10.5pt; }
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.8em;
}

h1 {
  font-size: 2.5em;
  border-bottom: solid 3px var(--accent);
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  margin-top: 0;
}

h2 {
  font-size: 1.6em;
  margin-top: 1.5em;
  border-bottom: solid 2px var(--border-color);
  padding-bottom: 0.2em;
}

h3 {
  font-size: 1.25em;
  margin-top: 1.2em;
}

p {
  margin-bottom: 1.5em;
  text-align: justify;
}

a {
  color: var(--accent);
  text-decoration: none;
  border-bottom: dotted 1px var(--accent);
  transition: all var(--transition-speed) ease;
}

a:hover {
  color: var(--accent-hover);
  border-bottom-color: var(--accent-hover);
}

strong, b {
  color: var(--heading-color);
  font-weight: 600;
}

/* Layout Structure */
#wrapper {
  display: flex;
  min-height: 100vh;
  width: 100%;
}

/* Main Content Area */
#main {
  flex-grow: 1;
  padding: 3em 4em;
  min-width: 0;
  transition: transform var(--transition-speed) ease-in-out;
}

@media screen and (max-width: 736px) {
  #main {
    padding: 2em 1.5em;
  }
}

.inner {
  max-width: 900px;
  margin: 0 auto;
}

/* Header styling */
#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 3px var(--accent);
  padding-bottom: 1.5em;
  margin-bottom: 0;
}

#header .logo {
  font-family: var(--font-heading);
  font-size: 1.2em;
  font-weight: 700;
  color: var(--heading-color);
  border: none;
}

#header .logo strong {
  color: var(--accent);
}

.header-logos {
  display: flex;
  align-items: center;
  gap: 1.5em;
}

.header-logos a {
  border: none;
}

.header-logos img {
  height: 55px;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.header-logos img:hover {
  transform: scale(1.05);
}

/* Banner section */
.apet-banner-container {
  width: 100%;
  margin-bottom: 2em;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.apet-banner-container img {
  width: 100%;
  display: block;
  object-fit: cover;
}

/* Breadcrumbs (Faragulla) */
#faragulla {
  font-size: 0.9em;
  color: var(--text-light);
  margin-bottom: 2em;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 0.5em;
}

#faragulla a {
  border: none;
  color: var(--text-light);
}

#faragulla a:hover {
  color: var(--accent);
}

/* Sidebar styling */
#sidebar {
  width: var(--sidebar-width);
  background: var(--sidebar-bg);
  border-right: solid 2px var(--border-color);
  padding: 3em 2.5em;
  flex-shrink: 0;
  z-index: 1000;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}

/* Custom scrollbar for sidebar */
#sidebar::-webkit-scrollbar {
  width: 6px;
}
#sidebar::-webkit-scrollbar-track {
  background: transparent;
}
#sidebar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
#sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

.sidebar-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

/* Mobile Toggle Hamburger */
#sidebar-toggle {
  display: none;
  position: fixed;
  top: 1.2em;
  left: 1.2em;
  width: 3.2em;
  height: 3.2em;
  background: var(--heading-color);
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1.2em;
  cursor: pointer;
  z-index: 10001;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  align-items: center;
  justify-content: center;
}

#sidebar-toggle:hover {
  background: var(--accent);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

#sidebar-toggle:active {
  transform: translateY(0);
}

/* Sidebar profile card */
.profile-section {
  text-align: center;
  margin-bottom: 2em;
  border-bottom: solid 2px var(--border-color);
  padding-bottom: 2em;
}

.profile-pic {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  object-fit: cover;
  border: solid 3px var(--accent);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  margin-bottom: 1em;
}

.profile-section h3 {
  font-size: 1.2em;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}

.profile-section h3 a {
  border: none;
  color: var(--heading-color);
}

.profile-section h3 a:hover {
  color: var(--accent-hover);
}

.profile-section p {
  font-size: 0.85em;
  color: var(--text-light);
  text-align: center;
  margin-bottom: 0;
}

/* Sidebar Menu */
#sidebar nav {
  margin-bottom: 3em;
}

#sidebar nav h2 {
  font-size: 0.85em;
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--heading-color);
  border-bottom: solid 2px var(--accent);
  padding-bottom: 0.5em;
  margin-bottom: 1.2em;
}

#sidebar nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#sidebar nav li {
  border-bottom: solid 1px var(--border-color);
  padding: 0.6em 0;
}

#sidebar nav li:last-child {
  border-bottom: none;
}

#sidebar nav li a {
  display: block;
  font-family: var(--font-heading);
  font-size: 0.95em;
  font-weight: 600;
  color: var(--heading-color);
  border: none;
  transition: padding-left 0.2s ease, color 0.2s ease;
}

#sidebar nav li a:hover {
  color: var(--accent-hover);
  padding-left: 0.5em;
}

#sidebar nav li a.active,
#sidebar nav li a.seleccionado {
  color: var(--accent);
  padding-left: 0.5em;
}

/* Submenu items (e.g. publication years) */
#sidebar nav li.nivel2 {
  padding-left: 1.2em;
  font-size: 0.85em;
  border-bottom: dashed 1px var(--border-color);
}

#sidebar nav li.nivel2 a {
  font-weight: 400;
  color: var(--text-color);
}

/* Active sub-menu item */
#sidebar nav li.nivel2 a.seleccionado,
#sidebar nav li.nivel2 a.active {
  color: var(--accent);
}

#sidebar nav li.nivel2 a:hover {
  color: var(--accent-hover);
}

/* Footer Copyright/Contact in Sidebar */
#sidebar #footer {
  color: var(--text-light);
  border-top: solid 2px var(--border-color);
  padding-top: 1.5em;
  margin-top: auto;
}

#sidebar #footer h2 {
  font-size: 0.85em;
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--heading-color);
  border-bottom: solid 2px var(--accent);
  padding-bottom: 0.5em;
  margin-bottom: 1.2em;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 0.8em;
  padding: 0.8em 0;
  border-bottom: solid 1px var(--border-color);
}

.contact-item:last-child {
  border-bottom: none;
}

.contact-item .icon {
  color: var(--accent);
  width: 1.2em;
  flex-shrink: 0;
  margin-top: 3px;
  display: inline-block;
}

.contact-item .text {
  color: var(--text-light);
  font-size: 0.75em;
  line-height: 1.6;
}

.contact-item .text a {
  border: none;
  color: var(--text-light);
  transition: color var(--transition-speed) ease;
}

.contact-item .text a:hover {
  color: var(--accent);
}

/* Main Layout Specific Styling */

/* Public Profiles (Grid) */
.profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.2em;
  margin: 1.8em 0;
}

.profile-card {
  display: flex;
  align-items: center;
  padding: 1em;
  background: var(--sidebar-bg);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease;
}

.profile-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.06);
  border-color: var(--accent);
}

.profile-card:focus,
.profile-card:focus-visible {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-light), 0 4px 10px rgba(0,0,0,0.05);
}

.profile-card:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  border-color: var(--accent);
}

.profile-card .profile-icon {
  color: var(--accent);
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.8em;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-card .profile-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.profile-card span {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--heading-color);
  font-size: 0.95em;
  transition: color 0.25s ease;
}

.profile-card:hover span {
  color: var(--accent);
}

/* Content Lists (Enumerated and Itemized) */
ol, ul {
  padding-left: 1.5em;
  margin-bottom: 2em;
}

ol li, ul li {
  margin-bottom: 1.2em;
  padding-left: 0.3em;
  line-height: 1.7;
}

/* Nested lists */
ol ol, ol ul, ul ol, ul ul {
  padding-left: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* Style citation blocks */
ol li b {
  color: var(--heading-color);
}

ol li a.doi-link, ol li a.url-link {
  display: inline-flex;
  align-items: center;
  font-size: 0.75em;
  font-weight: 600;
  text-transform: uppercase;
  background: var(--sidebar-bg);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 0.15em 0.6em;
  margin-left: 0.5em;
  color: var(--heading-color);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

ol li a.doi-link:hover, ol li a.url-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  border-color: var(--accent);
  color: var(--accent);
  background: var(--sidebar-bg);
}

ol li a.doi-link:focus, ol li a.url-link:focus,
ol li a.doi-link:focus-visible, ol li a.url-link:focus-visible {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-light);
}

ol li a.doi-link:active, ol li a.url-link:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  border-color: var(--accent);
}

/* Project / Thesis download area buttons */
ul.downloads-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin: 1.5em 0;
  padding-left: 0;
}

ul.downloads-list li {
  margin: 0;
}

ul.downloads-list li a {
  display: inline-flex;
  align-items: center;
  padding: 0.8em 1.2em;
  background: var(--sidebar-bg);
  color: var(--heading-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.95em;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease;
}

ul.downloads-list li a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.06);
  border-color: var(--accent);
  color: var(--accent);
  background: var(--sidebar-bg);
}

ul.downloads-list li a:focus,
ul.downloads-list li a:focus-visible {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-light), 0 4px 10px rgba(0,0,0,0.05);
}

ul.downloads-list li a:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  border-color: var(--accent);
}

ul.downloads-list li a::before {
  content: "⬇";
  margin-right: 0.6em;
  color: var(--accent);
  transition: transform 0.25s ease;
}

ul.downloads-list li a:hover::before {
  transform: translateY(1px);
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5em;
  margin-top: 1.5em;
}

.gallery-card {
  background: #ffffff;
  border: solid 1px var(--border-color);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.gallery-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.gallery-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  border-bottom: solid 1px var(--border-color);
}

.gallery-card .caption {
  padding: 1em;
  font-size: 0.85em;
  font-weight: 600;
  color: var(--heading-color);
  text-align: center;
}

/* Research Project details block */
.project-details-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5em;
  margin: 2em 0;
  background: var(--sidebar-bg);
  border: solid 1px var(--border-color);
  border-radius: 6px;
  padding: 1.5em;
}

.project-detail-item {
  display: flex;
  flex-direction: column;
}

.project-detail-label {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--text-light);
  margin-bottom: 0.3em;
}

.project-detail-value {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--heading-color);
  font-size: 1.1em;
}

/* Results logo layout */
.results-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  align-items: center;
  margin-top: 1.5em;
}

.results-image-link {
  border: none;
  flex-shrink: 0;
  display: inline-block;
}

.results-image-link img {
  border-radius: 6px;
  max-width: 250px;
  width: 100%;
  border: solid 1px var(--border-color);
  box-shadow: 0 4px 10px rgba(0,0,0,0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.results-image-link img:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.aei-logo-footer {
  display: block;
  margin: 3em auto 1em auto;
  max-width: 100%;
  width: 100%;
  object-fit: contain;
}

/* Mobile responsive navigation positioning */
@media screen and (max-width: 1280px) {
  #sidebar-toggle {
    display: flex;
  }
  
  #sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    transform: translateX(-100%);
    transition: transform var(--transition-speed) ease-in-out;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
  }
  
  #sidebar.active {
    transform: translateX(0);
  }
  
  /* Sidebar Drawer Overlay */
  .sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(2px);
    z-index: 999;
  }
  
  .sidebar-overlay.active {
    display: block;
  }
  
  #main {
    padding-top: 5.5em; /* Shift down to clear the mobile toggle */
  }
  
  #header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
  }
  
  .header-logos {
    width: 100%;
    justify-content: flex-start;
  }
}

/* ==========================================================================
   Centralized Icon System (CSS Masks for SVG Icons)
   ========================================================================== */
.icon {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  vertical-align: middle;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.contact-item .icon {
  width: 1.15em;
  height: 1.15em;
  margin-top: 3px;
  color: var(--accent);
}

.profile-card .icon {
  width: 1.35em;
  height: 1.35em;
  margin-right: 0.8em;
  margin-bottom: 0;
  color: var(--accent);
  transition: transform var(--transition-speed) ease, color var(--transition-speed) ease;
}

.profile-card:hover .icon {
  color: var(--accent-hover);
  transform: scale(1.1);
}

.icon-email {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z%22/%3E%3C/svg%3E");
}

.icon-phone {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z%22/%3E%3C/svg%3E");
}

.icon-dept {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z%22/%3E%3C/svg%3E");
}

.icon-location {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z%22/%3E%3C/svg%3E");
}

.icon-scholar {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z%22/%3E%3C/svg%3E");
}

.icon-orcid {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200C5.372%200%200%205.372%200%2012s5.372%2012%2012%2012%2012-5.372%2012-12S18.628%200%2012%200zM7.369%204.378c.525%200%20.947.431.947.947s-.422.947-.947.947a.95.95%200%200%201-.947-.947c0-.516.422-.947.947-.947zm-.722%203.038h1.444v10.041H6.647V7.416zm3.562%200h3.9c3.712%200%205.344%202.653%205.344%205.025%200%202.578-2.016%205.016-5.325%205.016h-3.919V7.416zm1.444%201.303v7.444h2.297c2.359%200%203.844-1.472%203.844-3.722%200-2.016-1.375-3.722-3.844-3.722h-2.297z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200C5.372%200%200%205.372%200%2012s5.372%2012%2012%2012%2012-5.372%2012-12S18.628%200%2012%200zM7.369%204.378c.525%200%20.947.431.947.947s-.422.947-.947.947a.95.95%200%200%201-.947-.947c0-.516.422-.947.947-.947zm-.722%203.038h1.444v10.041H6.647V7.416zm3.562%200h3.9c3.712%200%205.344%202.653%205.344%205.025%200%202.578-2.016%205.016-5.325%205.016h-3.919V7.416zm1.444%201.303v7.444h2.297c2.359%200%203.844-1.472%203.844-3.722%200-2.016-1.375-3.722-3.844-3.722h-2.297z%22/%3E%3C/svg%3E");
}

.icon-zenodo,
.icon-scopus {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.01 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.49-.17-.93-.46-1.27zM12 17.5L6.5 12H10v-3h4v3h3.5L12 17.5zM5.12 5l.82-1h12.06l.82 1H5.12z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.01 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.49-.17-.93-.46-1.27zM12 17.5L6.5 12H10v-3h4v3h3.5L12 17.5zM5.12 5l.82-1h12.06l.82 1H5.12z%22/%3E%3C/svg%3E");
}

.icon-researcherid {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.5c0-1.99 4-3 6-3s6 1.01 6 3V18z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.5c0-1.99 4-3 6-3s6 1.01 6 3V18z%22/%3E%3C/svg%3E");
}

.icon-researchgate {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%203h7.5c3.3%200%205.7%201.8%205.7%204.8%200%202.2-1.5%203.7-3.5%204.2L17.5%2021h-4.2l-4.5-8.25H6.5V21H3V3zm3.5%203v3.5h4c1.4%200%202.2-.8%202.2-1.75S11.9%206%2010.5%206h-4zM21%2019.5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%203h7.5c3.3%200%205.7%201.8%205.7%204.8%200%202.2-1.5%203.7-3.5%204.2L17.5%2021h-4.2l-4.5-8.25H6.5V21H3V3zm3.5%203v3.5h4c1.4%200%202.2-.8%202.2-1.75S11.9%206%2010.5%206h-4zM21%2019.5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200z%22/%3E%3C/svg%3E");
}

.icon-ieeexplore {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.462-1.11-1.462-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.577.688.479C19.138 20.162 22 16.418 22 12c0-5.523-4.477-10-10-10z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.603-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.462-1.11-1.462-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.577.688.479C19.138 20.162 22 16.418 22 12c0-5.523-4.477-10-10-10z%22/%3E%3C/svg%3E");
}

.icon-linkedin {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%203a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h14m-.5%2015.5v-5.3a3.26%203.26%200%200%200-3.26-3.26c-.85%200-1.84.52-2.28%201.3v-1.11h-2.79v8.37h2.9v-4.93c0-.77.62-1.4%201.39-1.4a1.4%201.4%200%200%201%201.4%201.4v4.93h2.64M6.46%2010.9v8.37H9.1V10.9H6.46M7.78%206.88a1.64%201.64%200%201%200%200%203.28%201.64%201.64%200%200%200%200-3.28z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%203a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h14m-.5%2015.5v-5.3a3.26%203.26%200%200%200-3.26-3.26c-.85%200-1.84.52-2.28%201.3v-1.11h-2.79v8.37h2.9v-4.93c0-.77.62-1.4%201.39-1.4a1.4%201.4%200%200%201%201.4%201.4v4.93h2.64M6.46%2010.9v8.37H9.1V10.9H6.46M7.78%206.88a1.64%201.64%200%201%200%200%203.28%201.64%201.64%200%200%200%200-3.28z%22/%3E%3C/svg%3E");
}

.icon-university {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M4 10v7h3v-7H4zm6 0v7h3v-7h-3zM2 22h20v-2H2v2zm14-12v7h3v-7h-3zm-4-7L2 9v1h20V9L12 3z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M4 10v7h3v-7H4zm6 0v7h3v-7h-3zM2 22h20v-2H2v2zm14-12v7h3v-7h-3zm-4-7L2 9v1h20V9L12 3z%22/%3E%3C/svg%3E");
}

.icon-github {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2z%22/%3E%3C/svg%3E");
}