/*
Theme Name: Inspire
Description: Design premium para os canais da DeFluence/.
Author: DeFluence/
Author URI: defluence.com.br
Version: 1.2.50
Screenshot: screenshot.jpg
Template: hello-elementor
*/

@font-face {
  font-family: 'PP Neue Montreal';
  src: url(Fonts/NMRegular.woff2) format('woff2');
  font-weight: normal;
}

@font-face {
  font-family: 'PP Neue Montreal';
  src: url(Fonts/NMSemibold.woff2) format('woff2');
  font-weight: bold;
}

:root, body, header, html, footer {
	font-family: 'PP Neue Montreal' !important;
}

:root {
  --shadow: rgba(0, 0, 0, 0.10) 0px 3px 8px;
  --rounded-xs: 0;
  --rounded-sm: 0;
  --rounded-md: 0;
	--rounded-lg: 0;
  --rounded-xl: 0;
  --rounded-infinite: 0;
  --brand-primary: #6670FF;
  --brand-secondary: #FF66B0;
  --btn-primary: #0011F4;
  --btn-secondary: #cc08d6;
  --timing: .3s ease;
  --background: #ffffff;
  --background-hover: #8d8d8d1f;
  --background-active: #8d8d8d80;
  --background-selected: #8d8d8d33;
  --background-selected-hover: #8d8d8d52;
  --background-inverse: #161616;
  --background-inverse-hover: #8d8d8d29;
  --background-inverse-transparent: #000000e8;
  --background-brand: #4E5D9D;
  --background-blur: blur(8px);
  --layer: #f5f5f5;
  --layer-alternate: #ffffff;
  --layer-hover: #e8e8e8;
  --layer-active: #c6c6c6;
  --layer-selected: #e0e0e0;
  --layer-inverse: #262626;
  --layer-selected-hover: #cacaca;
  --layer-selected-inverse: #161616;
  --layer-selected-disabled: #8d8d8d;
  --layer-accent: #e0e0e0;
  --layer-accent-hover: #cacaca;
  --layer-accent-active: #a8a8a8;
  --field: #f4f4f4;
  --field-alternate: #ffffff;
  --field-hover: #e8e8e8;
  --focus: #4E5D9D;
  --border-interactive: #4E5D9D;
  --border-subtle: #e0e0e0;
  --border-subtle-alternate: #c6c6c6;
  --border-subtle-selected: #c6c6c6;
  --border-strong: #8d8d8d;
  --border-tile: #c6c6c6;
  --border-tile-02: #a8a8a8;
  --border-tile-03: #c6c6c6;
  --border-inverse: #161616;
  --border-disabled: #c6c6c6;
  --text-primary: #161616;
  --text-secondary: #525252;
  --text-placeholder: #a8a8a8;
  --text-on-color: #ffffff;
  --text-on-color-disabled: #8d8d8d;
  --text-helper: #6f6f6f;
  --text-error: #da1e28;
  --text-inverse: #ffffff;
  --text-disabled: #16161640;
  --heading-01: 64px;
  --heading-02: 56px;
  --heading-03: 32px;
  --heading-04: 26px;
  --heading-05: 21px;
  --heading-06: 18px;
  --heading-01-letterspacing: -2.5px;
  --heading-02-letterspacing: -2px;
  --heading-03-letterspacing: -0.7px;
  --heading-04-letterspacing: -0.6px;
  --heading-05-letterspacing: -0.1px;
  --heading-line-height: 1.2em;
  --body-01: 15px;
  --body-02: 17px;
  --body-03: 19px;
  --body-small: 13px;
  --body-micro: 11px;
  --body-legal: 9px;
	--body-content: 22px;
  --link-primary: #4E5D9D;
  --link-primary-hover: #394687;
  --link-secondary: #394687;
  --link-inverse: #78a9ff;
  --link-visited: #8a3ffc;
  --icon-primary: #161616;
  --icon-secondary: #525252;
  --icon-on-color: #ffffff;
  --icon-on-color-disabled: #8d8d8d;
  --icon-interactive: #4E5D9D;
  --icon-inverse: #ffffff;
  --icon-disabled: #16161640;
  --button-primary: #4E5D9D;
  --button-primary-hover: #394687;
  --button-primary-active: #273271;
  --button-secondary: #393939;
  --button-secondary-hover: #4c4c4c;
  --button-secondary-active: #6f6f6f;
  --button-tertiary: #4E5D9D;
  --button-tertiary-hover: #394687;
  --button-tertiary-active: #273271;
  --button-danger-primary: #da1e28;
  --button-danger-secondary: #da1e28;
  --button-danger-hover: #ba1b23;
  --button-danger-active: #750e13;
  --button-success-primary: #008170;
  --button-success-hover: #005d51;
  --button-success-active: #00352e;
  --button-separator: #e0e0e0;
  --button-disabled: #c6c6c6;
  --support-error: #da1e28;
  --support-success: #24a148;
  --support-warning: #f1c21b;
  --support-warning-light: #FFFCED;
  --support-info: #0043ce;
  --support-error-inverse: #fa4d56;
  --support-success-inverse: #42be65;
  --support-warning-inverse: #f1c21b;
  --support-info-inverse: #4589ff;
}

@media (prefers-reduced-motion: reduce) {
  :root {
  --timing: linear;
  --background-blur: none;
  --background-inverse-transparent: var(--background-inverse);
  }
}

@media (max-width: 768px) {
	:root {
		--heading-01: 44px;
  	--heading-02: 38px;
		--heading-03: 32px;
		--heading-04: 26px;
		--heading-05: 21px;
		--heading-06: 18px;
    --heading-01-letterspacing: -2px;
    --heading-02-letterspacing: -1.5px;
    --heading-03-letterspacing: -0.2px;
    --heading-04-letterspacing: 0;
    --heading-05-letterspacing: 0;
	}
}

.e-con-boxed {
     padding: 0 30px;
}

/* DeFluence Custom Classes */

.bg-blue {
    background: #0012F4;
    color: white;
}

.bg-brand {
    background-image: linear-gradient(45deg, #FF0046 0%, #0012F4 100%);
    color: white;
}

.bg {
	background-color: white;
}

.bg.hover:hover {
	background-color: var(--background-hover);
}

.bg-inverse {
  background-color: var(--background-inverse, #1d1d1d);
	color: white;
}

.bg.hover, .bg-inverse.hover {
	transition: background-color var(--timing);
}
.bg-inverse.hover:hover {
	background-color: var(--background-inverse-hover);
}

.pd-sm {
    padding: 10px !important;
}

.pt-sm {
    padding-top: 10px !important;
}

.pb-sm {
    padding-bottom: 10px !important;
}

.pl-sm {
    padding-left: 10px !important;
}

.pr-sm {
    padding-right: 10px !important;
}

/* Repetindo para os demais tamanhos: md, lg, xl, xxl */

.pd-md {
    padding: 20px !important;
}

.pt-md {
    padding-top: 20px !important;
}

.pb-md {
    padding-bottom: 20px !important;
}

.pl-md {
    padding-left: 20px !important;
}

.pr-md {
    padding-right: 20px !important;
}

.pd-lg {
    padding: 30px !important;
}

.pt-lg {
    padding-top: 30px !important;
}

.pb-lg {
    padding-bottom: 30px !important;
}

.pl-lg {
    padding-left: 30px !important;
}

.pr-lg {
    padding-right: 30px !important;
}

.pd-xl {
    padding: 40px !important;
}

.pt-xl {
    padding-top: 40px !important;
}

.pb-xl {
    padding-bottom: 40px !important;
}

.pl-xl {
    padding-left: 40px !important;
}

.pr-xl {
    padding-right: 40px !important;
}

.pd-xxl {
    padding: 50px !important;
}

.pt-xxl {
    padding-top: 50px !important;
}

.pb-xxl {
    padding-bottom: 50px !important;
}

.pl-xxl {
    padding-left: 50px !important;
}

.pr-xxl {
    padding-right: 50px !important;
}




.tertiary .elementor-button {
	border: 1px solid black;
	background-color: transparent !important;
}

.inverse .elementor-button {
        color: black !important;
	background-color: white;
	border-color: white;
    }

.inverse.tertiary .elementor-button {
	border-color: white;
	color: white !important;
    }

.elementor-button {
	transition: transform var(--timing);
	text-align: start;
}

.elementor-button:hover {
	transform: scale(1.1);
}


.nohover .elementor-button:hover {
	transform: none;
}

.xl .elementor-button {
	height: 68px;
	line-height: 20px;
}

.2xl .elementor-button {
	height: 80px;
	line-height: 20px;
}

.card {
    border-radius: var(--rounded-lg) !important;
    padding: 30px !important;
}
.card p {
    font-size: var(--body-01);
    line-height: 1.2em;
}

.card h3, .card h4 {
    font-size: var(--heading-04);
}

.card-g {
    border-radius: var(--rounded-lg);
    padding: 50px;
}

@media (max-width: 786px) {
    .card-g {
        padding: 30px;
    }
}

.bdr-strong {
  border: 1px solid var(--border-strong);
}

.container-neutral, .bg-layer {
  background-color: var(--layer);
}

.rounded {
    border-radius: var(--rounded-lg);
}

.text-grad {
  background: -webkit-linear-gradient(45deg, var(--btn-primary) 0%, var(--btn-secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blur {
    backdrop-filter: blur(8px);
}

.btn-icon-only {
  border-radius: 50%;
  border: 1px solid var(--border-strong);
  padding: 15px;
}

.inverse {
  border-color: var(--border-inverse);
  color: var(--text-on-color);
}

.code-01 {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: .32px;
}

.code-02 {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: .32px;
}

.label-01 {
  font-family: 'Enterprise', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: .32px;
}

.label-02 {
  font-family: 'Enterprise', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: .16px;
}

.helper-text-01 {
  font-family: 'Enterprise', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: .32px;
}

.helper-text-02 {
  font-family: 'Enterprise', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: .16px;
}

.legal-01 {
  font-family: 'Enterprise', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: .32px;
}

.legal-02 {
  font-family: 'Enterprise', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: .16px;
}


.body-02 {
  font-size: var(--body-02);
}
.compact {
  font-size: var(--body-01);
  line-height: 1.2em;
}
.muted {
  color: var(--text-on-color-disabled);
}
.bold {
  font-weight: bold;
}
.smaller, .smaller p {
 font-size: var(--body-01) !important;
}
.bigger, .bigger p {
  font-size: var(--body-03) !important;
}
.small {
  font-size: var(--body-small);
}

.micro {
  font-size: var(--body-micro);
}

.legal {
  font-size: var(--body-legal);
}

h1 {
  font-size: var(--heading-01);
  letter-spacing: var(--heading-01-letterspacing);
}

.h1 {
  font-size: var(--heading-01) !important;
  letter-spacing: var(--heading-01-letterspacing) !important;
}

h2 {
  font-size: var(--heading-02);
  letter-spacing: var(--heading-02-letterspacing);
}

.h2 {
  font-size: var(--heading-02) !important;
  letter-spacing: var(--heading-02-letterspacing) !important;
}

h3 {
  font-size: var(--heading-03);
  letter-spacing: var(--heading-03-letterspacing);
}

.h3 {
  font-size: var(--heading-03) !important;
  letter-spacing: var(--heading-03-letterspacing) !important;
}

h4 {
  font-size: var(--heading-04);
  letter-spacing: var(--heading-04-letterspacing);
}

.h4 {
  font-size: var(--heading-04) !important;
  letter-spacing: var(--heading-04-letterspacing) !important;
}

h5 {
  font-size: var(--heading-05);
  letter-spacing: var(--heading-05-letterspacing);
}

.h5 {
  font-size: var(--heading-05) !important;
  letter-spacing: var(--heading-05-letterspacing) !important;
}

h6 {
  font-size: var(--heading-06);
}

.h6 {
  font-size: var(--heading-06) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
.subtitle {
  font-weight: normal;
  line-height: var(--heading-line-height);
}

.subtitle {
  font-size: 24px;
	line-height: 36px;
}

.subtitle.big {
	font-size: 32px;
	letter-spacing: -0.7px;
}

.product-name {
  font-size: var(--heading-06);
  font-weight: bold;
}

.summary-onpage {
  border-radius: var(--rounded-md);
}

.summary-onpage a {
  font-weight: bold;
  font-size: var(--body-01);
}

.summary-float {
  padding: 30px 50px;
  backdrop-filter: var(--background-blur);
  border: 1px solid var(--border-subtle);
  border-radius: var(--rounded-lg);
}

.divider {
  padding: 30px 0;
}

.divider-grad {
  background-color: transparent;
  background-image: linear-gradient(90deg, #FF007D 10%, #0011F4 100%);
  height: 2px;
}

.caps {
	font-size: var(--body-micro) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
}

.term-main {
  font-size: var(--body-small);
  background: -webkit-linear-gradient(45deg, var(--btn-primary) 0%, var(--btn-secondary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.terms div {
	gap: 10px;
	display: flex;
	flex-wrap: wrap;
}

.terms a {
  display: inline-flex;
  background-color: var(--layer);
  padding: 8px 16px;
  border-radius: var(--rounded-infinite);
  text-decoration: none;
  font-size: var(--body-micro) !important;
	text-transform: uppercase;
    letter-spacing: 2px;
	font-weight: bold;
}

.terms.simple a {
  background-color: transparent;
  padding: 5px 15px;
  border: 1px solid black;
}

.container-neutral .terms a {
  background-color: var(--background);
}

.container-neutral.yellow {
  background-color: var(--support-warning-light);
}

.tag {
  display: inline-flex;
  padding: 5px 15px;
  border-radius: var(--rounded-infinite);
  text-decoration: none;
  border: 1px solid var(--border-subtle);
}

.tag.alternate {
  padding: 2px 12px 2px 4px;
}

.pointer {
    cursor: pointer;
}

.rnd-xs {
  border-radius: var(--rounded-xs) !important;
}

.rnd-sm {
  border-radius: var(--rounded-sm) !important;
}

.rnd-md {
  border-radius: var(--rounded-md) !important;
}

.rnd-lg {
  border-radius: var(--rounded-lg) !important;
}

.rnd-xl {
  border-radius: var(--rounded-xl) !important;
}

.rnd-inf {
  border-radius: var(--rounded-infinite) !important;
}

.area-atuacao:hover h3, .area-atuacao:hover p, .area-atuacao:hover div, .area-atuacao:hover a {
  color: white !important;
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right {
  margin-top: 11px;
  font-size: 48px;
}

.upper {
font-size: var(--body-micro) !important;
text-transform: uppercase;
  letter-spacing: 2px;

}

.abc-list ol {
  counter-reset: item;
  list-style-type: none;
}

.abc-list ol li {
  --list-padding: 20px;
  counter-increment: item;
  position: relative;
  padding: var(--list-padding) 0px;
}

.abc-list ol li:not(:first-child) {
  border-top: 1px solid var(--background-inverse-hover);
}

.abc-list ol li::before {
  content: counter(item, upper-alpha);
  position: absolute;
  background: lightgray;
  border-radius: 50%;
  left: -40px;
  top: calc(var(--list-padding) + 2px);
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
  color: black;
  transition: transform var(--timing);
}

.abc-list ol li:hover::before {
transform: scale(1.4);
}

.cliente-item {
  border: 1px solid;
  padding: 8px 16px;
  flex-grow: 1;
}


/* WordPress Blocks */

.wp-block-image:not(.is-style-rounded) img {
  border-radius: var(--rounded-lg);
}

.wp-block-image {
margin: 48px 0;
text-align: center;
}

.wp-element-button {
  background-color: #f5f5f7;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 16px;
  transition: background .3s ease;
}

.wp-element-button:hover, .link-externo-class:hover, #submit:hover {
  background-color: #e8e8ed;
}

.wp-block-file {
  background-color: #f5f5f7;
  align-items: center;
  display: flex;
  border-radius: var(--rounded-lg);
  padding: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wp-block-file > a:first-of-type {
  align-items: center;
  display: flex;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
  color: black;
    text-decoration: none;
}

.wp-block-file > a:first-of-type:before {
content: url('data:image/svg+xml,<svg width="30" height="30" fill="%231e2736" viewBox="0 0 24 20" xmlns="http://www.w3.org/2000/svg"><path d="m3 8 6.003-6h10.995C20.55 2 21 2.455 21 2.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V8Zm7-4v5H5v11h14V4h-9Z"></path></svg>');
margin-right: 15px;
cursor: pointer;
}

.wp-block-file > a:nth-of-type(2) {
  color: black;
    flex-shrink: 0;
    font-size: 14px;
    padding: 6px 16px;
    position: relative;
    cursor: pointer;
    transition: background .3s ease;
    background-color: white;
    border-radius: var(--rounded-infinite);
    text-decoration: none;
  }

.wp-block-file > a:nth-of-type(2):hover {
    background-color: #e8e8ed;
}

.wp-block-file > a:nth-of-type(2):after {
    content: url('data:image/svg+xml,<svg width="18" height="18" fill="currentColor" viewBox="0 0 24 13" xmlns="http://www.w3.org/2000/svg"><path d="m16.004 9.414-8.607 8.607-1.414-1.414L14.59 8H7.004V6h11v11h-2V9.414Z"></path></svg>');
}

.wp-block-cover, .wp-block-cover-image {
  padding: 5em;
}

@media screen (max-width: 767px) {
  .wp-block-cover, .wp-block-cover-image {
    padding: 2em;
  }
}

.wp-block-code > code {
  padding: 20px;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid blue;
}

p > code, li > code {
  padding: 3px 6px;
  border: 1px solid #eef2ff;
}

code, kbd {
font-size: calc(1em - 3px);
color: blue;
}

kbd {
  font-weight: bold;
  border-radius: var(--rounded-infinite);
  padding: 2px 8px;
}

.wp-block-pullquote {
  margin: 80px 0px;
}

.wp-block-pullquote > blockquote {
	margin: 0;
}

.wp-block-pullquote > blockquote > p {
  font-weight: bold;
  line-height: 1.1em !important;
  font-size: 40px;
  letter-spacing: -0.8px;
  margin: 0;
}

.wp-block-pullquote cite {
  font-size: 1rem;
}

.wp-block-group.is-vertical > p, .wp-block-group.is-vertical > li {
	margin: 0;
  padding: 25px 0 33px;
  font-size: calc(var(--body-content) + 10px);
	letter-spacing: -0.7px;
	width: 100%;
}

.wp-block-quote {
  background-color: var(--layer);
  padding: 40px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.wp-block-quote > p {
	font-size: 28px;
  letter-spacing: -0.4px;
}

.wp-block-group.is-vertical > p:not(:last-child) {
	border-bottom: 1px solid var(--border-subtle);
}

.wp-block-group.is-vertical {
	margin: 70px 0;
}
h2 + .wp-block-group.is-vertical {
	margin-top: 0;
}

.rectangle {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-left: 10px;
  border-radius: 4px;
  }

  .wp-block-file__embed {
  border-radius: var(--rounded-xl);
  border: none;
  display: flex;
  flex-shrink: 1;
  margin-bottom: 30px;
  }

  ol > li.clicado:before {
      background-color: #F7F9FF;
      content: "OK";
      transition: background-color 0.3s;
      }

  .content-wrapper.odyssey p {
      line-height: 24px;
      font-size: var(--body-02);
  }

  .content-wrapper.odyssey li {
    font-size: var(--body-02);
  }

  .content-wrapper.odyssey ol > li:before {
    cursor: pointer;
    }

  .content-wrapper.odyssey div > ul > li:before {
    top: 35px;
  }

  .quadro {
      padding: 40px 20px;
      background-color: #fafafa;
      border-radius: var(--rounded);
  }
  @media (min-width: 768px) {
      .quadro {
      padding: 60px;
  }
  }
  .quadro p {
      font-size: calc(1rem - 2px)
  }
  .quadro * {
      color: #1d1d1d !important;
  }

  .wp-block-table {
      border-radius: var(--rounded);
      outline: none;
  }
  .wp-block-table thead {
  border-bottom: 1px solid #d1d1d1;
  }
  table caption+thead tr:first-child td, table caption+thead tr:first-child th, table colgroup+thead tr:first-child td, table colgroup+thead tr:first-child th, table thead:first-child tr:first-child td, table thead:first-child tr:first-child th {
  border-top: none;
  }
  .wp-block-table td, .wp-block-table th {border: none;padding: .5em;}

  .wp-block-table tbody td {
      background-color: white !important;
      transition: background-color var(--timing);
      border-bottom: 1px solid var(--border-subtle);
  }

  .wp-block-table tr:hover td {
      background-color: #f8f8f8 !important;
  }

  .wp-block-table tfoot {
      border-top: 1px solid;
  }

  figcaption {
      font-size: 13px;
  }

  .wp-block-details {
      vertical-align: top;
      margin-bottom: 20px;
  }

  .wp-block-details > *:not(summary) {
      margin-left: 20px;
      margin-right: 20px;
  }

  .wp-block-details > summary {
      padding: 1rem;
      border: 1px solid black;
      border-radius: var(--rounded);
      margin-bottom: 10px;
      position: relative;
      transition: background-color var(--timing);
  }

  .wp-block-details[open] > summary {
      background-color: black;
      color: white;
  }

  .duvida {
      padding: 2rem 2rem 2rem 90px;
      border: 1px solid #0A43FF12;
      border-radius: var(--rounded);
      margin-bottom: 10px;
      position: relative;
  }

  .duvida > summary:before {
      content: url('data:image/svg+xml,<svg width="20" height="20" fill="%231e2736" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M17 3v9c0 .55-.45 1-1 1H6l-4 4V3c0-.55.45-1 1-1h13c.55 0 1 .45 1 1Zm2 3h2c.55 0 1 .45 1 1v15l-4-4H7c-.55 0-1-.45-1-1v-2h13V6Z" clip-rule="evenodd"></path></svg>');
      position: absolute;
      display: flex;
      background-color: #05050505;
      border-radius: var(--rounded);
      justify-content: center;
      width: 3em;
      height: calc(100% - 40px);
      min-height: 50px;
      margin-bottom: -65px;
      padding: 15px;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      transition: background 0.3s ease;
  }

  .wp-block-details > summary:hover:before {
      background-color: #69696905;
  }

  .wp-block-details > summary {
      display: flex;
      line-height: 1.1em;
      font-weight: bold;
  }

  .wp-block-details > p:nth-of-type(1) {
      margin-top: 30px;
  }

  .link-externo-class {
      display: inline-flex;
      padding: 7px 14px;
      font-size: 14px;
      font-weight: bold;
      overflow: hidden;
          background-color: #05050505;
      margin: 10px 0px;
      border-radius: var(--rounded);
      position: relative;
      padding-left: 40px;
      transition: color 0.3s ease, background 0.3s ease;
  }

  .link-externo-class:before {
      content: url('data:image/svg+xml,<svg width="20" height="20" fill="%231e2736" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6Zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8Z"></path></svg>');
      position: absolute;
      display: flex;
      justify-content: center;
      width: 2.5em;
      height: 2.5em;
      padding: 9px;
      left: 5px;
      top: 48%;
      transform: translateY(-52%);
      cursor: pointer;
  }

  /* Arquivos para download em Materiais */
  .attachment-files {
      display: flex;
      flex-direction: row;
      list-style: none;
      flex-grow: 1;
      gap: 20px;
      padding: 0;
  }

  .attachment-file-item {
  display: flex;
  align-items: center;
    background-color: var(--layer);
    width: calc(33% - 10px);
    border-radius: var(--rounded-sm);
  }


  .attachment-file-item a {
    color: var(--text-secondary);
    width: 100%;
    padding: 10px;
    display: flex;
    transition: color var(--timing);
  }

  .attachment-file-item a:before {
    content: url('data:image/svg+xml,<svg width="20" height="20" fill="%23525252" viewBox="0 1 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5Zm9.965 7.024.662.662L12.314 16 9 12.686l.663-.662 2.182 2.182V8h.937v6.206l2.183-2.182Z" clip-rule="evenodd"></path></svg>');
    padding-right: 10px;
    margin-bottom: -3px;
    color: var(--text-secondary);
  }

  .attachment-file-item a:hover {
  color: var(--text-primary);
  }

  .navbar-bottom {
      background-color: var(--background-inverse);
      border-radius: var(--rounded-sm);

  }