/* LOADING -------------------------------- */
.div-loading-magna.loading-magna {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4); /* Semi-transparent background */
  backdrop-filter: blur(10px); /* Blur effect */
}
/* From Uiverse.io by Nawsome */
.div-loading-magna.loading-magna .loader {
  --background: linear-gradient(135deg, #7ea1e8, #223150);
  --shadow: rgba(39, 94, 254, 0.28);
  --text: #6c7486;
  --page: rgba(255, 255, 255, 0.36);
  --page-fold: rgba(255, 255, 255, 0.52);
  --duration: 3s;
  width: 200px;
  height: 140px;
  position: relative;
}

.div-loading-magna.loading-magna .loader:before,
.div-loading-magna.loading-magna .loader:after {
  --r: -6deg;
  content: "";
  position: absolute;
  bottom: 8px;
  width: 120px;
  top: 80%;
  box-shadow: 0 16px 12px var(--shadow);
  transform: rotate(var(--r));
}

.div-loading-magna.loading-magna .loader:before {
  left: 4px;
}

.div-loading-magna.loading-magna .loader:after {
  --r: 6deg;
  right: 4px;
}

.div-loading-magna.loading-magna .loader div {
  width: 100%;
  height: 100%;
  border-radius: 13px;
  position: relative;
  z-index: 1;
  perspective: 600px;
  box-shadow: 0 4px 6px var(--shadow);
  background-image: var(--background);
}

.div-loading-magna.loading-magna .loader div ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.div-loading-magna.loading-magna .loader div ul li {
  --r: 180deg;
  --o: 0;
  --c: var(--page);
  position: absolute;
  top: 10px;
  left: 10px;
  transform-origin: 100% 50%;
  color: var(--c);
  opacity: var(--o);
  transform: rotateY(var(--r));
  -webkit-animation: var(--duration) ease infinite;
  animation: var(--duration) ease infinite;
}

.div-loading-magna.loading-magna .loader div ul li:nth-child(2) {
  --c: var(--page-fold);
  -webkit-animation-name: page-2;
  animation-name: page-2;
}

.div-loading-magna.loading-magna .loader div ul li:nth-child(3) {
  --c: var(--page-fold);
  -webkit-animation-name: page-3;
  animation-name: page-3;
}

.div-loading-magna.loading-magna .loader div ul li:nth-child(4) {
  --c: var(--page-fold);
  -webkit-animation-name: page-4;
  animation-name: page-4;
}

.div-loading-magna.loading-magna .loader div ul li:nth-child(5) {
  --c: var(--page-fold);
  -webkit-animation-name: page-5;
  animation-name: page-5;
}

.div-loading-magna.loading-magna .loader div ul li svg {
  width: 90px;
  height: 120px;
  display: block;
}

.div-loading-magna.loading-magna .loader div ul li:first-child {
  --r: 0deg;
  --o: 1;
}

.div-loading-magna.loading-magna .loader div ul li:last-child {
  --o: 1;
}

.div-loading-magna.loading-magna .loader span {
  display: block;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 20px;
  text-align: center;
  color: var(--text);
}

@keyframes page-2 {
  0% {
    transform: rotateY(180deg);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  35%,
  100% {
    opacity: 0;
  }

  50%,
  100% {
    transform: rotateY(0deg);
  }
}

@keyframes page-3 {
  15% {
    transform: rotateY(180deg);
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }

  65%,
  100% {
    transform: rotateY(0deg);
  }
}

@keyframes page-4 {
  30% {
    transform: rotateY(180deg);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  65%,
  100% {
    opacity: 0;
  }

  80%,
  100% {
    transform: rotateY(0deg);
  }
}

@keyframes page-5 {
  45% {
    transform: rotateY(180deg);
    opacity: 0;
  }

  65% {
    opacity: 1;
  }

  80%,
  100% {
    opacity: 0;
  }

  95%,
  100% {
    transform: rotateY(0deg);
  }
}

/* Títulos -------------------------------------------- */
.white-text-title div * {
  color: white !important;
}

/* Página de Resultado -------------------------------- */

body.search button.eut-search-btn i {
  color: #ffffff !important;
}

/* Formulários de Login ------------------------------- */
button.pmpro_btn.pmpro_btn-plain.pmpro_btn-password-toggle,
.pmpro_form_field-password-toggle button {
  padding: 5px 10px !important;
}
button.pmpro_btn.pmpro_btn-plain.pmpro_btn-password-toggle * {
  color: #ffffff !important;
  stroke: #ffffff;
}
.pmpro_form_field-password-toggle button *,
.pmpro_form_field-password-toggle svg {
  color: #ffffff;
  stroke: #ffffff;
}

#pmpro_submit_span,
#pmpro_btn-submit {
  width: 100% !important;
}
#pmpro_btn-submit {
  font-size: 1.15em !important;
}

/* Carrousel Post Gráficos ---------------------------- */
.swiper-container {
  overflow: hidden; /* Ensures no horizontal scroll at the container level */
  width: 100%;
  padding: 20px;
  user-select: none; /* Prevents text selection */
}

.swiper-slide {
  background-color: var(--elementor-background-color);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 400px; /* Ensure consistent height */
  transition: transform 0.3s ease-in-out;
}

.swiper-slide:hover {
  transform: scale(1.05);
}

.grafico-carousel {
  margin-bottom: 25px;
}

.acf-iframe-wrapper {
  visibility: hidden;
}

.div-button-nova-aba {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.div-button-nova-aba button {
  font-size: 1.25em !important;
  padding: 20px 30px !important;
}

.grafico-post {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 25px;
  box-sizing: border-box; /* Includes padding within the height/width */
}

.grafico-post .title-grafico-list {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* Limits the text to two lines */
  overflow: hidden;
  text-overflow: ellipsis; /* Adds ellipsis if text overflows */
  color: var(--elementor-accent-color);
  font-size: 1.5rem;
  text-align: center;
  margin: 10px 0;
  height: calc(1.5rem * 2.4); /* 1.5rem font size times line height factor */
  line-height: 1.2; /* Adjust line height to ensure exactly two lines fit */
}

.grafico-content {
  padding: 15px;
  color: var(--elementor-text-color);
  text-align: center;
  flex-grow: 1; /* Makes sure this section takes up the remaining space */
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--elementor-accent-color);
  font-size: 2rem;
}

.swiper-pagination-bullet {
  background-color: var(--elementor-accent-color);
}

.swiper-pagination-bullet-active {
  background-color: var(--elementor-button-hover-background-color);
}

.grafico-thumbnail {
  width: 100%;
  height: 200px; /* Fixed height for uniformity */
  border-bottom: 1px solid var(--elementor-border-color);
}

.grafico-thumbnail img {
  width: 100%;
  height: 100%; /* Ensures the image fills the container */
  object-fit: cover; /* Keeps image aspect ratio intact */
}

.grafico-thumbnail img.default-thumbnail {
  background-color: #f0f0f0;
}

/* Listagem de Gráficos ------------------------------- */
.grafico-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Two equal-width columns */
  gap: 20px; /* Space between columns and rows */
  margin: 20px 0;
}

.grafico-item {
  background-color: #f9f9f9; /* Light background for each item */
  border: 1px solid #e0e0e0; /* Soft border */
  border-radius: 8px; /* Rounded corners for a modern look */
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.grafico-item:hover {
  transform: translateY(-5px); /* Lifts the item slightly on hover */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Adds more shadow on hover */
}

.grafico-thumbnail img {
  width: 100%;
  max-height: 100%;
  border-radius: 8px;
  object-fit: 100%;
  margin-bottom: 15px;
}

.grafico-content {
  margin-bottom: 15px;
}

.grafico-item h3 {
  font-size: 1.2rem;
  color: #333; /* Modern dark grey color */
  margin-bottom: 10px;
}

.grafico-item p {
  font-size: 1rem;
  color: #666; /* Softer grey for content text */
}

.read-more {
  display: inline-block;
  padding: 10px 20px;
  background-color: var(--e-global-color-primary);
  color: white;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.15s ease;
}

.read-more:hover {
  color: white;
  transition: 0.15s ease;
  transform: scale(1.05);
}

.pagination {
  text-align: center;
  margin-top: 20px;
}

.pagination a {
  display: inline-block;
  padding: 10px 15px;
  margin: 0 5px;
  background-color: #f0f0f0;
  border-radius: 5px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.pagination a:hover {
  background-color: #dcdcdc; /* Darker grey on hover */
}

.pagination .current {
  background-color: #3498db;
  color: white;
  border-radius: 5px;
}

@media (max-width: 768px) {
  .grafico-list {
    grid-template-columns: 1fr; /* Switch to 1 column on small screens */
  }
}

/* CARROUSEL DE TAXONOMIAS --------------------------------- */

.taxonomies-swiper-container {
  width: 100%;
  height: auto; /* Adjust this based on your needs */
  margin: 20px 0;
}

.taxonomies-swiper-container p {
  font-size: 1.5em;
  margin-bottom: 0 !important;
}

.taxonomies-swiper-wrapper {
  display: flex;
}

/* CSS for proper sizing */
.taxonomies-swiper-container {
  width: 100%;
  height: auto; /* Adjust the height if needed */
}

@media (max-width: 767px) {
  .taxonomies-swiper-container {
    height: 300px; /* Adjust as necessary for mobile */
  }
}

.taxonomies-swiper-slide {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 120px; /* Ensure this is enough space for the icon and text */
}

.taxonomy-icon-circle {
  width: 120px; /* Circle size */
  height: 120px; /* Circle size */
  border-radius: 50%;
  background: var(--e-global-color-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.taxonomy-icon-circle i {
  font-size: 60px; /* Icon size */
  color: white;
}

/* Página de Gráficos --------------------------------- */
.Link {
  display: none;
}

/* Container for all ACF fields */
.acf-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  font-family: "Arial", sans-serif;
}

/* Title Styling */
.acf-title {
  font-size: 2.2em;
  font-weight: bold;
  margin-bottom: 20px;
  color: #333;
}

/* Description Styling */
.acf-description {
  font-size: 1.2em;
  color: #555;
  margin-bottom: 30px;
  line-height: 1.6em;
}

/* iFrame Container */
.acf-iframe-wrapper {
  width: 100%;
  height: 700px;
  overflow: hidden;
  position: relative;
  margin-top: 30px;
}

/* iFrame Styling */
.acf-iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .acf-container {
    padding: 15px;
  }

  .acf-title {
    font-size: 1.8em;
  }

  .acf-description {
    font-size: 1em;
  }

  .acf-iframe-wrapper {
    height: 400px;
  }
}

/* LISTAGEM DE RESULTADOS --------------------------------------- */
body.archive .eut-post-author {
  display: none !important;
}

body.archive .eut-blog-item {
  display: flex !important;
}

/* CONFIGURAÇÃO PADRÃO TEMA --------------------------------------- */
.eut-bg-primary-1,
.eut-bar-line.eut-primary-1-color,
#eut-header #eut-main-menu > ul > li.primary-button > a span,
#eut-feature-section .eut-style-4 .eut-title.eut-primary-1 span,
#eut-main-content .eut-widget.eut-social li a.eut-simple,
#eut-side-area .eut-widget.eut-social li a.eut-simple,
#eut-footer-area .eut-widget.eut-social li a.eut-simple,
#eut-main-content .eut-widget.eut-social li a.eut-outline:hover,
#eut-side-area .eut-widget.eut-social li a.eut-outline:hover,
#eut-footer-area .eut-widget.eut-social li a.eut-outline:hover,
#eut-feature-section .eut-style-1 .eut-title:after,
#eut-feature-section .eut-style-4 .eut-title:before,
#eut-feature-section .eut-style-4 .eut-title span:before,
#eut-feature-section .eut-style-4 .eut-title:after,
#eut-feature-section .eut-style-4 .eut-title span:after,
.widget.widget_calendar caption,
#eut-post-title #eut-social-share.eut-primary-1 ul li a,
.wpcf7-validation-errors,
.eut-title-line span:after,
.eut-blog.eut-isotope[data-type="pint-blog"]
  .eut-isotope-item
  .eut-media-content
  .eut-read-more:before,
.eut-blog.eut-isotope[data-type="pint-blog"]
  .eut-isotope-item
  .eut-media-content
  .more-link:before,
input[type="submit"]:not(.eut-custom-btn),
input[type="reset"],
input[type="button"],
button,
.eut-slider-item .eut-slider-content span:after,
.eut-element.eut-social ul li a.eut-simple.eut-bg-primary-1,
.eut-image-hover a.eut-no-image:before,
#eut-header #eut-main-menu ul li a .label,
#eut-header #eut-main-menu ul li ul a:hover .label,
button.mfp-arrow:hover,
#eut-content-area .vc_tta.vc_general .vc_tta-tab > a:after,
.eut-tabs-title li.active:after,
#eut-main-menu span.eut-no-assigned-menu a,
#eut-header .eut-side-area-button .eut-button-icon:hover .eut-dot-icon,
#eut-header .eut-side-area-button .eut-button-icon:hover .eut-dot-icon:before,
#eut-header .eut-side-area-button .eut-button-icon:hover .eut-dot-icon:after,
.woocommerce #respond input#submit,
.eut-element.eut-text ul li:before,
.eut-top-btn:hover,
#eut-header #eut-main-menu ul li ul li a:before {
  background-color: var(--e-global-color-primary) !important;
}

.eut-color-primary-1,
.eut-hover-color-primary-1:hover,
a.eut-hover-color-primary-1:hover,
a .eut-hover-color-primary-1:hover,
.eut-color-primary-1:before,
.eut-color-primary-1:after,
#eut-main-content .eut-primary-1 h1,
#eut-main-content .eut-primary-1 h2,
#eut-main-content .eut-primary-1 h3,
#eut-main-content .eut-primary-1 h4,
#eut-main-content .eut-primary-1 h5,
#eut-main-content .eut-primary-1 h6,
#eut-main-content h1.eut-primary-1,
#eut-main-content h2.eut-primary-1,
#eut-main-content h3.eut-primary-1,
#eut-main-content h4.eut-primary-1,
#eut-main-content h5.eut-primary-1,
#eut-main-content h6.eut-primary-1,
#eut-feature-section .eut-title.eut-primary-1,
#eut-page-title .eut-title.eut-primary-1,
#eut-post-title .eut-title.eut-primary-1,
#eut-portfolio-title .eut-title.eut-primary-1,
#eut-feature-section .eut-goto-section.eut-primary-1,
.widget.widget_calendar a,
#eut-main-content .eut-post-title:hover,
.eut-blog.eut-isotope[data-type="pint-blog"]
  .eut-isotope-item
  .eut-media-content
  .eut-post-icon,
#eut-main-content .widget.widget_categories li a:hover,
#eut-main-content .widget.widget_archive li a:hover,
#eut-main-content .widget.widget_pages li a:hover,
#eut-main-content .widget.widget_nav_menu li a:hover,
#eut-main-content .widget.widget_nav_menu li.current-menu-item a,
#eut-main-content .widget li .rsswidget,
#eut-main-content .widget.widget_recent_comments a.url:hover,
#eut-main-content .widget.widget_recent_comments a,
#eut-main-content .eut-widget.eut-comments a.url:hover,
#eut-main-content .eut-widget.eut-comments a,
#eut-main-content .widget.widget_meta a:hover,
#eut-main-content .widget.widget_recent_entries a:hover,
#eut-main-content .widget.eut-contact-info a,
#eut-main-content .eut-widget.eut-latest-news a:hover,
#eut-side-area .widget.widget_categories li a:hover,
#eut-side-area .widget.widget_archive li a:hover,
#eut-side-area .widget.widget_pages li a:hover,
#eut-side-area .widget.widget_nav_menu li a:hover,
#eut-side-area .widget.widget_nav_menu li.current-menu-item a,
#eut-side-area .widget li .rsswidget,
#eut-side-area .widget.widget_recent_comments a.url:hover,
#eut-side-area .widget.widget_recent_comments a,
#eut-side-area .eut-widget.eut-comments a.url:hover,
#eut-side-area .eut-widget.eut-comments a,
#eut-side-area .widget.widget_meta a:hover,
#eut-side-area .widget.widget_recent_entries a:hover,
#eut-side-area .widget.eut-contact-info a,
#eut-side-area .eut-widget.eut-latest-news a:hover,
.eut-tags li a:hover,
.eut-categories li a:hover,
#eut-main-content .more-link,
#eut-comments .comment-reply-link,
#eut-comments .eut-comment-item .eut-author a:hover,
#eut-comments .eut-comment-item .eut-comment-date a,
#eut-comments .comment-edit-link:hover,
#respond .comment-reply-title small a,
.eut-blog .eut-like-counter span,
.eut-pagination ul li a.current,
.eut-pagination ul li a:hover,
.eut-toggle .eut-title.active:before,
.eut-portfolio-item .eut-portfolio-btns li a:hover,
.eut-hr .eut-divider-backtotop:after,
.eut-list li:before,
#eut-feature-section .eut-description.eut-primary-1,
#eut-page-title .eut-description.eut-primary-1,
#eut-portfolio-title .eut-description.eut-primary-1,
.eut-carousel-wrapper .eut-custom-title-content.eut-primary-1 .eut-caption,
.eut-comment-nav ul li a:hover,
.eut-pagination ul li .current,
.eut-search button[type="submit"]:hover .fa.fa-search,
#eut-social-share li a:hover i,
.eut-portfolio .eut-hover-style-1 .eut-like-counter,
.eut-portfolio .eut-hover-style-1 .eut-portfolio-btns,
.eut-portfolio .eut-hover-style-2.eut-light .eut-media:after,
.eut-filter ul li:hover:not(.selected) span,
#eut-theme-wrapper
  #eut-search-modal
  .eut-search
  button[type="submit"]
  .fa.fa-search,
#eut-main-content
  .eut-widget.eut-social
  li
  a:not(.eut-simple):not(.eut-outline):hover,
#eut-side-area
  .eut-widget.eut-social
  li
  a:not(.eut-simple):not(.eut-outline):hover,
#eut-footer-area
  .eut-widget.eut-social
  li
  a:not(.eut-simple):not(.eut-outline):hover,
#eut-main-content a:hover .eut-team-name,
.eut-blog .eut-label-post.format-quote a:before,
ul.eut-fields li:before,
.vc_tta-panel.vc_active .vc_tta-controls-icon,
#eut-theme-wrapper #eut-search-modal .eut-close-search:hover,
#eut-main-content .widget.widget_tag_cloud a:hover,
#eutside-area .widget.widget_tag_cloud a:hover,
#eut-footer-area .widget.widget_tag_cloud a:hover,
#eut-nav-bar .eut-nav-item a.eut-backlink:hover,
.eut-testimonial-name:before,
.eut-read-more,
#eut-main-content .more-link,
#eut-header #eut-main-menu ul li.eut-plus a span:after {
  color: var(--e-global-color-primary) !important;
}

/* REMOVENDO ELEMENTOS */
.pmpro-has-access button.pmpro_btn-plain.pmpro_btn-print {
  display: none;
}