.elementor-189 .elementor-element.elementor-element-f64a4f0:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-f64a4f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wpbb.mylib.eu/wp-content/uploads/2025/05/AdobeStock_522940066_35-1-scaled-1.jpeg");background-position:center center;background-size:cover;}.elementor-189 .elementor-element.elementor-element-f64a4f0 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #070300 0%, #0000005E 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-189 .elementor-element.elementor-element-f64a4f0 > .elementor-container{min-height:60vh;}.elementor-189 .elementor-element.elementor-element-f64a4f0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-189 .elementor-element.elementor-element-f64a4f0 > .elementor-shape-bottom .elementor-shape-fill{fill:#0F172B;}.elementor-189 .elementor-element.elementor-element-f64a4f0 > .elementor-shape-bottom svg{height:55px;}.elementor-189 .elementor-element.elementor-element-f64a4f0 > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-189 .elementor-element.elementor-element-ae2e0fd > .elementor-widget-container{margin:-30px 0px -10px 0px;}.elementor-189 .elementor-element.elementor-element-ae2e0fd{text-align:center;}.elementor-189 .elementor-element.elementor-element-ae2e0fd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:88px;font-weight:800;letter-spacing:0px;color:#ffffff;}.elementor-189 .elementor-element.elementor-element-f73921d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-f73921d{text-align:center;font-family:"Poppins", Sans-serif;font-size:24px;text-transform:uppercase;color:#ffffff;}.elementor-189 .elementor-element.elementor-element-06d4b25{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:108px;--padding-bottom:108px;--padding-left:0px;--padding-right:0px;}.elementor-189 .elementor-element.elementor-element-9f7186f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-189 .elementor-element.elementor-element-c208ea0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-189 .elementor-element.elementor-element-98798ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-189 .elementor-element.elementor-element-a316611{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-189 .elementor-element.elementor-element-d6f46dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-189 .elementor-element.elementor-element-8acec73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-189 .elementor-element.elementor-element-40252f6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-189 .elementor-element.elementor-element-47c94f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-189 .elementor-element.elementor-element-59c6e6a{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-189 .elementor-element.elementor-element-59c6e6a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-a2ee5c9:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-a2ee5c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wpbb.mylib.eu/wp-content/uploads/2023/05/Transforming_learning_through_content_migration_strategy_min_95b4daf2aa.webp");background-position:center center;background-size:cover;}.elementor-189 .elementor-element.elementor-element-a2ee5c9 > .elementor-background-overlay{background-color:#000000;opacity:0.52;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-189 .elementor-element.elementor-element-a2ee5c9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:108px 0px 108px 0px;}.elementor-189 .elementor-element.elementor-element-a2ee5c9 > .elementor-shape-top .elementor-shape-fill{fill:#1E283D;}.elementor-189 .elementor-element.elementor-element-a2ee5c9 > .elementor-shape-top svg{width:calc(175% + 1.3px);height:50px;}.elementor-189 .elementor-element.elementor-element-5686fa5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-189 .elementor-element.elementor-element-826ecba .elementor-heading-title{font-size:45px;font-weight:800;line-height:1.2em;letter-spacing:-1.3px;color:#ffffff;}.elementor-189 .elementor-element.elementor-element-92bebb0 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-92bebb0{font-size:18px;font-style:italic;color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:769px){.elementor-189 .elementor-element.elementor-element-71c9e46{width:100%;}.elementor-189 .elementor-element.elementor-element-e5ab21c{width:100%;}}@media(max-width:1024px){.elementor-189 .elementor-element.elementor-element-ae2e0fd .elementor-heading-title{font-size:50px;}.elementor-189 .elementor-element.elementor-element-f73921d{font-size:18px;}.elementor-189 .elementor-element.elementor-element-826ecba{text-align:center;}.elementor-189 .elementor-element.elementor-element-92bebb0{text-align:center;}}@media(max-width:768px){.elementor-189 .elementor-element.elementor-element-ae2e0fd .elementor-heading-title{font-size:50px;}.elementor-189 .elementor-element.elementor-element-f73921d{font-size:17px;}.elementor-189 .elementor-element.elementor-element-826ecba .elementor-heading-title{font-size:40px;}}@media(min-width:1367px){.elementor-189 .elementor-element.elementor-element-f64a4f0:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-f64a4f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-189 .elementor-element.elementor-element-a2ee5c9:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-a2ee5c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-06d4b25 *//* =========================
   VARS GLOBAIS PREMIUM
========================= */

:root {
  --color-primary: #5FA8D3;
  --color-secondary: #2F80ED;
  --color-accent-warm: #DFA600;
  --color-accent-orange: #F2994A;
  --color-accent-red: #EB5757;
  
  --bg-dark: #0f1419;
  --bg-card: rgba(255, 255, 255, 0.03);
  --bg-card-hover: rgba(255, 255, 255, 0.08);
  
  --border-light: rgba(255, 255, 255, 0.06);
  --border-focus: rgba(255, 255, 255, 0.12);
  
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-tertiary: rgba(255, 255, 255, 0.5);
  
  --blur-sm: blur(6px);
  --blur-md: blur(12px);
  
  --transition-default: all 0.35s cubic-bezier(0.23, 1, 0.320, 1);
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================
   RESET & BASE
========================= */

body {
  background: var(--bg-dark);
  color: var(--text-primary);
}

/* =========================
   TABS PREMIUM
========================= */

.e-n-tabs {
  --tab-accent: var(--color-primary);
}

.e-n-tabs-heading {
 /* 
  display: flex;
  justify-content:  center;
  gap: 16px;
  width: 100%; 
  max-width: 100%;
  margin-bottom: 44px;
  margin-left: 20px;
  margin-right: 20px;
  */
  margin: 0 auto 44px auto;
  width: fit-content;
  padding: 10px;
  background: linear-gradient(135deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.01) 100%);
  border-radius: 20px;
  border: 1px solid var(--border-light);
  backdrop-filter: var(--blur-md);

  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */

}
e-n-tabs-heading::-webkit-scrollbar {
    display: none;
}

.e-n-tab-title {
  position: relative;
  padding: 12px 24px;
  border-radius: 12px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: var(--text-tertiary)!important;
  background: transparent!important;
  border: 1px solid transparent;
  transition: var(--transition-smooth);
  cursor: pointer;
  text-transform: uppercase;
  white-space: nowrap;
}
/* HOVER STATE */
.e-n-tab-title:hover {
  color: var(--text-secondary);
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
  transform: translateY(-2px);
}

/* ACTIVE STATE - PREMIUM */
.e-n-tab-title[aria-selected="true"] {
  color: var(--text-primary)!important;
  background: rgba(95,168,211,0.12)!important;
  border-color: var(--tab-accent);
  box-shadow: 
    0 0 20px rgba(95,168,211,0.2),
    inset 0 1px 2px rgba(255,255,255,0.1);
  font-weight: 600;
}

/* LINHA ANIMADA */
.e-n-tab-title::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 2.5px;
  background: linear-gradient(90deg, transparent, var(--tab-accent), transparent);
  transform: translateX(-50%);
  transition: var(--transition-smooth);
  opacity: 0;
  border-radius: 2px;
}

.e-n-tab-title[aria-selected="true"]::after {
  width: 70%;
  opacity: 1;
}

/* =========================
   CONTEÚDO TRANSIÇÃO
========================= */

.e-n-tabs-content {
  position: relative;
}

.e-n-tab-content {
  animation: tabFadeIn 0.5s cubic-bezier(0.23, 1, 0.320, 1);
}

@keyframes tabFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* =========================
   LISTA
========================= */

.portfolio-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* =========================
   ITEM PREMIUM
========================= */

.portfolio-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-radius: 16px;
  
  background: linear-gradient(135deg, 
    var(--bg-card) 0%, 
    rgba(255,255,255,0.01) 100%);
  backdrop-filter: var(--blur-sm);
  
  border: 1px solid var(--border-light);
  
  transition: var(--transition-default);
  overflow: hidden;
  group: 'portfolio';
}

/* GRADIENT OVERLAY ANIMADO */
.portfolio-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, 
    transparent 0%, 
    rgba(255,255,255,0.02) 50%, 
    transparent 100%);
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}

.portfolio-item:hover::after {
  opacity: 1;
}

/* LINHA LATERAL PREMIUM */
.portfolio-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15%;
  width: 3px;
  height: 70%;
  background: var(--accent, var(--color-primary));
  border-radius: 3px;
  transition: var(--transition-default);
  opacity: 0.5;
  box-shadow: 0 0 8px rgba(95,168,211,0.3);
}

/* =========================
   HOVER STATE - PREMIUM
========================= */

.portfolio-item:hover {
  transform: translateY(-6px) translateX(2px);
  background: linear-gradient(135deg, 
    var(--bg-card-hover) 0%, 
    rgba(255,255,255,0.04) 100%);
  border-color: var(--border-focus);
  box-shadow: 
    0 12px 40px rgba(0,0,0,0.3),
    0 0 20px var(--accent, var(--color-primary)),
    inset 0 1px 1px rgba(255,255,255,0.08);
}

.portfolio-item:hover::before {
  height: 85%;
  opacity: 1;
  box-shadow: 
    0 0 16px var(--accent, var(--color-primary)),
    0 0 32px rgba(95,168,211,0.2);
}

/* =========================
   LEFT SIDE
========================= */

.portfolio-left {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
  position: relative;
  z-index: 2;
}

/* ICON / MONOGRAMA PREMIUM */
.portfolio-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  background: linear-gradient(135deg, 
    rgba(255,255,255,0.08) 0%, 
    rgba(255,255,255,0.02) 100%);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: var(--text-primary);
  
  border: 1px solid rgba(255,255,255,0.1);
  transition: var(--transition-smooth);
  flex-shrink: 0;
  
  position: relative;
  overflow: hidden;
}

/* Icon glow inner */
.portfolio-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle, 
    rgba(95,168,211,0.2) 0%, 
    transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.portfolio-item:hover .portfolio-icon::before {
  opacity: 1;
}

/* HOVER ICON */
.portfolio-item:hover .portfolio-icon {
  transform: scale(1.08);
  background: linear-gradient(135deg, 
    color-mix(in srgb, var(--accent, var(--color-primary)) 25%, transparent) 0%, 
    color-mix(in srgb, var(--accent, var(--color-primary)) 10%, transparent) 100%);
  border-color: var(--accent, var(--color-primary));
  box-shadow: 
    0 0 16px var(--accent, var(--color-primary)),
    inset 0 1px 2px rgba(255,255,255,0.1);
}

/* INFO */
.portfolio-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.portfolio-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.3;
  letter-spacing: 0.2px;
  transition: color 0.3s ease;
}

.portfolio-item:hover .portfolio-title {
  color: var(--accent, var(--color-primary));
}

.portfolio-meta {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.portfolio-item:hover .portfolio-meta {
  opacity: 1;
  color: var(--accent, var(--color-primary));
}

/* =========================
   RIGHT SIDE
========================= */

.portfolio-right {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  margin-left: auto;
  padding-left: 20px;
}

.portfolio-link {
  font-size: 12px;
  font-weight: 600;
  color: var(--accent, var(--color-primary));
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  
  display: inline-flex;
  align-items: center;
  gap: 8px;
  
  padding: 8px 16px;
  border-radius: 8px;
  background: rgba(95,168,211,0.08);
  border: 1px solid rgba(95,168,211,0.2);
  
  transition: var(--transition-smooth);
}

/* SETA ANIMADA */
.portfolio-link::after {
  content: "→";
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.portfolio-item:hover .portfolio-link::after {
  transform: translateX(6px);
}

/* HOVER LINK */
.portfolio-link:hover {
  background: rgba(95,168,211,0.15);
  border-color: var(--accent, var(--color-primary));
  color: var(--accent, var(--color-primary));
  box-shadow: 0 0 12px var(--accent, var(--color-primary));
  transform: translateY(-2px);
}

/* =========================
   TIPOS COM CORES
========================= */

.e-n-tabs {
  --accent: var(--color-primary);
}

.e-n-tabs[data-tab="gead"] {
  --accent: var(--color-accent-red);
}

.e-n-tabs[data-tab="gib"] {
  --accent: var(--color-secondary);
}

.portfolio-item[data-type="gib"] {
  --accent: var(--color-secondary);
}

.portfolio-item[data-type="gead"] {
  --accent: var(--color-accent-red);
}

.portfolio-item[data-type="musette"] {
  --accent: var(--color-accent-warm);
}

.portfolio-item[data-type="outros"] {
  --accent: var(--color-accent-orange);
}

/* =========================
   TAB UNDERLINES
========================= */

#arquivos[aria-selected="true"]::after {
  background: linear-gradient(90deg, 
    transparent, 
    var(--color-accent-red), 
    transparent);
}

#bibliotecas[aria-selected="true"]::after {
  background: linear-gradient(90deg, 
    transparent, 
    var(--color-secondary), 
    transparent);
}

#museus[aria-selected="true"]::after {
  background: linear-gradient(90deg, 
    transparent, 
    var(--color-accent-warm), 
    transparent);
}

#outros[aria-selected="true"]::after {
  background: linear-gradient(90deg, 
    transparent, 
    var(--color-accent-orange), 
    transparent);
}

/* =========================
   RESPONSIVE PREMIUM
========================= */

@media (max-width: 768px) {
  .e-n-tabs-heading {
    gap: 8px;
    padding: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start; /* ativa scroll real */
    margin-right:0;
    margin-left:0;
    width: auto;
    
  }

  .e-n-tab-title {
    padding: 10px 16px;
    font-size: 12px;
    flex-shrink: 0;
  }

  .portfolio-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 18px;
  }

  .portfolio-left {
    width: 100%;
  }

  .portfolio-right {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .portfolio-link {
    justify-content: center;
    width: 100%;
  }

  .portfolio-icon {
    width: 44px;
    height: 44px;
    font-size: 12px;
  }

  .portfolio-title {
    font-size: 14px;
  }

  .portfolio-item:hover {
    transform: translateY(-4px);
  }


  .e-n-tab-title[aria-selected="true"] {
    box-shadow: 
      0 0 10px rgba(95,168,211,0.2),
      inset 0 1px 2px rgba(255,255,255,0.1);
  }


}

@media (max-width: 480px) {
  .e-n-tabs-heading {
    gap: 4px;
  }

  .e-n-tab-title {
    padding: 8px 12px;
    font-size: 11px;
  }

  .portfolio-item {
    padding: 12px 14px;
    gap: 12px;
  }

  .portfolio-icon {
    width: 40px;
    height: 40px;
    font-size: 11px;
  }

  .portfolio-title {
    font-size: 13px;
  }

  .portfolio-link {
    font-size: 11px;
    padding: 6px 12px;
  }
}

/* =========================
   ACCESSIBILITY
========================= */

@media (prefers-reduced-motion: reduce) {
  .e-n-tab-title,
  .portfolio-item,
  .portfolio-link {
    transition: none;
  }
}

/* Focus states para keyboard navigation */
.e-n-tab-title:focus-visible,
.portfolio-link:focus-visible {
  outline: 2px solid var(--accent, var(--color-primary));
  outline-offset: 2px;
}

/* =========================
   LIGHT MODE SUPPORT
========================= */

@media (prefers-color-scheme: light) {
  :root {
    --bg-dark: #ffffff;
    --bg-card: rgba(0, 0, 0, 0.03);
    --bg-card-hover: rgba(0, 0, 0, 0.06);
    --border-light: rgba(0, 0, 0, 0.06);
    --border-focus: rgba(0, 0, 0, 0.12);
    --text-primary: #0f1419;
    --text-secondary: rgba(0, 0, 0, 0.7);
    --text-tertiary: rgba(0, 0, 0, 0.5);
  }
}/* End custom CSS */