@charset "UTF-8";
/*!
 * AVA CSS v1[data-uvp~="0 1"] (Mobile first CSS)
 */

/* Google fonts: Open Sans e Roboto Mono
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,regular,500,600,700,800,300italic,italic,500italic,600italic,700italic,800italic); */
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:100,200,300,regular,500,600,700,100italic,200italic,300italic,italic,500italic,600italic,700italic);

/*  Default Settings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp="scope"] {
  --main-container-max-width: 100%;
  --main-banner-min-height: 11.5rem;
  --font-family-base: 'Open Sans', sans-serif;
  --font-family-title: var(--font-family-base);
  --font-family-mono: "Roboto Mono", monospace;
  --font-family-accent: var(--font-family-mono);
  --line-height-base: 1.55;
  --line-height-medium: 1.35;
  --line-height-compact: 1.2;
  --letter-spacing-text-uppercase: 0.05em;

  /* Font sizes */
  --font-size-base: 1rem;
  --font-size-small: 0.9375rem;
  --font-size-x-small: 0.875rem;
  --font-size-xx-small: 0.8125rem;
  --font-size-title-main-banner: clamp(1.625rem, 4vw, 1.875rem);
  --font-size-title-resumo-visual: clamp(1.625rem, 4.5vw, 2rem);
  --font-size-h1: clamp(1.875rem, 4.5vw, 2.25rem);
  --font-size-h2: clamp(1.4375rem, 3vw, 1.5rem);
  --font-size-h3: clamp(1.1875rem, 3vw, 1.25rem);

  /* Font weight */
  --font-weight-normal: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;

  /* Space Scale */
  --space-horizontal-wrapper: .625rem;
  --space-horizontal-section: 1rem;
  --space-vertical-section: 4.5rem;
  --space-vertical-paragraph: 1.125rem;
  --box-padding-big: 2rem clamp(1rem, 5%, 2rem);
  --box-padding-medium: 1.75rem clamp(1rem, 5%, 1.5rem);

  /* Borders */
  --border-radius-button: 2px;
  --border-radius-small: 3px;
  --border-radius-medium: 6px;
  --border-radius-large: 12px;
}

@media (min-width: 700px) {
  [data-uvp="scope"] {
    --main-container-max-width: 52rem;
    /* --space-horizontal-wrapper: 1.25rem; */
    --space-horizontal-wrapper: 0;
    --space-horizontal-section: 0;
  }
}

[data-uvp="scope"] {
  --color-accent: #00a5a2;
  --color-accent-rgb: 0, 165, 162;
  --color-accent-dark: #00827D;
  --color-accent-light: rgba(var(--color-accent-rgb), .6);
  --color-text: #1d1d1f;
  --color-text-gray: rgb(0, 0, 0, .7);
  --color-text-light-gray: #999;
  --color-text-green: var(--color-accent);
  /* --color-text-red: #de574d; */
  --color-text-red: #d13239;
  --color-text-blue: #607bf7;
  --color-text-purple: #9162c0;
  --color-text-yellow: #fab005;
  --color-background-page: #fff;
  --color-background-gray: rgba(0, 0, 0, 0.05);
  --color-background-gray-hover: rgba(0, 0, 0, .08);
  --color-background-green: rgba(0, 165, 162, .09);
  --color-background-yellow: rgba(251, 238, 202, .65);
  --color-background-purple: rgba(203, 65, 232, .09);
  /* --color-background-purple: hsl(27deg 39% 95%); */
  --color-background-blue: rgba(96, 122, 248, .12);
  --color-background-red: rgba(222, 87, 77, .1);
  --color-background-red: rgba(255, 0, 0, .07);
  --color-background-code: #272727;
  --color-text-decoration: var(--color-accent-light);
  --color-text-decoration-hover: var(--color-accent);
  --color-text-decoration-gray: rgb(0, 0, 0, .18);
  --color-border-gray: rgba(0, 0, 0, .12);
  --color-border-button-gray: rgba(0, 0, 0, .18);
  --color-border-button-grey: rgba(0, 0, 0, .18);
  --shadow-light: 0 11px 25px 0 rgba(0, 0, 0, .04);
  --shadow-dark: 0 8px 32px rgba(0, 0, 0, .1);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .02);
  --shadow-image: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .02), 0 0 4px rgba(0, 0, 0, .08);
  --shadow-icon: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .02), 0 0 4px rgba(0, 0, 0, .08);
}

[data-uvp~="scope"] *,
[data-uvp~="scope"] *::before,
[data-uvp~="scope"] *::after {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

[data-uvp~="scope"]::-moz-selection {
  color: var(--color-text);
  background-color: rgb(216 255 246);
  text-shadow: none
}

[data-uvp~="scope"]::selection {
  color: var(--color-text);
  background-color: rgb(216 255 246);
  text-shadow: none
}

[data-uvp~="scope"] article,
[data-uvp~="scope"] aside,
[data-uvp~="scope"] details,
[data-uvp~="scope"] caption,
[data-uvp~="scope"] figcaption,
[data-uvp~="scope"] figure,
[data-uvp~="scope"] footer,
[data-uvp~="scope"] header,
[data-uvp~="scope"] hgroup,
[data-uvp~="scope"] main,
[data-uvp~="scope"] nav,
[data-uvp~="scope"] picture,
[data-uvp~="scope"] section,
[data-uvp~="scope"] summary {
  display: block
}

[data-uvp~="scope"] img {
  display: block;
  height: auto;
  max-width: 100%
}

[data-uvp~="scope"] li img,
[data-uvp~="scope"] p img {
  display: inline-block;
  vertical-align: middle
}

[data-uvp~="scope"] audio {
  display: inline-block;
  max-width: 100%
}

[data-uvp~="scope"] audio:not([controls]) {
  display: none;
  height: 0
}

[data-uvp~="scope"] audio::-webkit-media-controls-panel {
  background: rgba(0, 0, 0, .05);
}

[data-uvp~="scope"] audio+details {
  margin-top: 1rem;
}

[data-uvp~="scope"] a,
[data-uvp~="scope"] a:visited {
  color: inherit;
  cursor: pointer
}

[data-uvp~="scope"] a:not([href]),
[data-uvp~="scope"] a:not([href]):hover {
  text-decoration: none;
}

[data-uvp~="scope"] b,
[data-uvp~="scope"] strong {
  font-weight: var(--font-weight-bold);
}

[data-uvp~="scope"] em,
/* [data-uvp~="scope"] i, */
[data-uvp~="scope"] cite {
  font-style: italic
}

[data-uvp~="scope"] s,
[data-uvp~="scope"] del {
  background: linear-gradient(180deg,
      transparent 55%,
      currentColor 55%,
      currentColor calc(55% + 1px),
      transparent calc(55% + 1px));
  text-decoration: none
}

[data-uvp~="scope"] del {
  color: #883935
}

[data-uvp~="scope"] ins {
  color: var(--color-accent);
  text-decoration: none
}

[data-uvp~="scope"] pre,
[data-uvp~="scope"] code,
[data-uvp~="scope"] kbd,
[data-uvp~="scope"] samp {
  font-family: monospace;
  font-size: 1em
}

[data-uvp~="scope"] abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
  cursor: help
}

[data-uvp~="scope"] small {
  font-size: 80%
}

[data-uvp~="scope"] sub,
[data-uvp~="scope"] sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

[data-uvp~="scope"] sub {
  bottom: -.25em
}

[data-uvp~="scope"] sup {
  top: -.5em
}

[data-uvp~="scope"] hr {
  border: none;
  border-top: 1px solid var(--color-border-gray);
  margin: 2rem 0;
}

[data-uvp~="scope"] table {
  border-collapse: collapse;
  border-spacing: none
}

[data-uvp~="scope"] blockquote,
[data-uvp~="scope"] q {
  quotes: none;
}

[data-uvp~="scope"] blockquote:after,
[data-uvp~="scope"] blockquote:before,
[data-uvp~="scope"] q:after,
[data-uvp~="scope"] q:before {
  content: "";
  content: none;
}

[data-uvp~="scope"] input,
[data-uvp~="scope"] button,
[data-uvp~="scope"] textarea,
[data-uvp~="scope"] select {
  font: inherit;
  line-height: 1.15
}

[data-uvp~="scope"] button {
  overflow: visible;
  text-transform: none
}

[data-uvp~="scope"] details {
  display: block
}

[data-uvp~="scope"] summary {
  display: list-item
}

[data-uvp~="scope"] object,
[data-uvp~="scope"] embed,
[data-uvp~="scope"] iframe {
  height: auto;
  max-width: 100%
}

[data-uvp~="scope"] iframe {
  border: 0
}

[data-uvp~="scope"] [hidden] {
  display: none
}

/* [data-uvp~="scope"] */
/* Base Default Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* html {
  font-size: 100%;
  height: 100%;
  overflow-x: hidden
} */

[data-uvp="scope"] {
  font-family: var(--font-family-base);
  font-size: 1rem;
  font-weight: normal;
  line-height: var(--line-height-base);
  color: var(--color-text);
  /* background-color: var(--color-background-page); */
  /* width: 100%;
  min-height: 100vh;
  overflow-x: hidden */
}

[data-uvp~="scope"] h1,
[data-uvp~="scope"] h2,
[data-uvp~="scope"] [data-uvp~="h1"],
[data-uvp~="scope"] [data-uvp~="h2"] {
  font-weight: var(--font-weight-semibold);
}

[data-uvp~="scope"] h1,
[data-uvp~="scope"] [data-uvp~="h1"] {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-compact);
}

[data-uvp~="scope"] h2,
[data-uvp~="scope"] [data-uvp~="h2"] {
  font-size: var(--font-size-h2);
  line-height: 1.25;
  text-wrap: balance
}

[data-uvp~="scope"] h3,
[data-uvp~="scope"] [data-uvp~="h3"] {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-medium);
  font-weight: 600;
  text-wrap: balance
}

[data-uvp~="scope"] h4,
[data-uvp~="scope"] [data-uvp~="h4"] {
  font-size: var(--font-size-x-small);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-base);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-text-uppercase);
  text-wrap: balance
}

[data-uvp~="scope"] h5,
[data-uvp~="scope"] h6,
[data-uvp~="scope"] [data-uvp~="h5"] {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-base);
}

[data-uvp~="scope"] :where(h1, [data-uvp~="scope"] h2, [data-uvp~="scope"] h3, [data-uvp~="scope"] h4, [data-uvp~="scope"] h5, [data-uvp~="scope"] h6) a {
  font-weight: inherit
}

[data-uvp~="scope"] ul[data-uvp],
[data-uvp~="scope"] ol[data-uvp] {
  list-style: none
}

[data-uvp~="scope"] a:not([data-uvp]),
[data-uvp~="scope"] [data-uvp~="long-url"] {
  color: inherit;
  font-size: inherit;
  text-decoration: underline;
  text-decoration-color: var(--color-text-decoration);
  text-underline-offset: 4px;
  text-decoration-thickness: 1.5px;
  font-weight: 500;
  transition: all .25s ease-in-out
}

[data-uvp~="scope"] a:not([data-uvp]):hover,
[data-uvp~="scope"] [data-uvp~="long-url"]:hover {
  color: var(--color-accent);
  text-decoration-color: var(--color-text-decoration-hover);
}

[data-uvp~="scope"] [data-uvp~="long-url"] {
  word-break: break-all;
  overflow-wrap: break-word;
  white-space: normal;
}

[data-uvp~="scope"] a:where(:focus):not([data-uvp]),
[data-uvp~="scope"] [data-uvp~="long-url"]:where(:focus) {
  color: var(--color-accent);
  text-decoration-color: var(--color-text-decoration-hover);
  outline: 0;
  background-color: transparent;
  box-shadow: none;
}

[data-uvp~="scope"] a:where(:focus-visible):not([data-uvp]),
[data-uvp~="scope"] [data-uvp~="long-url"]:where(:focus-visible) {
  --primary-focus: rgba(var(--color-accent-rgb), .3);
  box-shadow: 0 0 0 .1875rem var(--primary-focus);
}

[data-uvp~="scope"] mark {
  --mark-color: rgba(var(--color-accent-rgb), .25);
  background-color: var(--mark-color);
  font-weight: 400;
  padding: 0 2px 1px;
}

[data-uvp~="scope"] article,
[data-uvp~="scope"] [data-uvp~="article"] {
  margin-bottom: 2rem;
  padding: var(--box-padding-big);
  border-radius: var(--border-radius-medium);
  box-shadow: var(--shadow-dark);
  border: 1px solid rgba(0, 0, 0, .08);
  box-shadow: rgba(9, 30, 66, 0.08) 0px 0.5rem 1.25rem 0px
}

[data-uvp~="scope"] article>:last-child,
[data-uvp~="scope"] [data-uvp~="article"]>:last-child {
  margin-bottom: 0 !important;
}

[data-uvp~="scope"] article>:first-child,
[data-uvp~="scope"] [data-uvp~="article"]>:first-child {
  margin-top: 0 !important;
}



/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="button"],
[data-uvp~="scope"] [role=button],
[data-uvp~="scope"] button {
  font-size: var(--font-size-base);
  font-weight: 500;
  display: inline-block;
  padding: 10px 14px;
  color: inherit;
  text-align: center;
  line-height: 1.25;
  text-decoration: none;
  background-color: transparent;
  border-radius: var(--border-radius-button);
  border: 1px solid var(--color-border-button-gray);
  cursor: pointer;
  margin-top: .25rem;
  transition: all .25s ease-in-out
}

[data-uvp~="scope"] [data-uvp~="button"]:hover,
[data-uvp~="scope"] [role=button]:hover,
[data-uvp~="scope"] button:hover {
  /* border-color: var(--color-border-button-gray); */
  background-color: var(--color-background-gray-hover);
  outline: 0
}

[data-uvp~="scope"] [data-uvp~="button"]:focus,
[data-uvp~="scope"] [role=button]:focus,
[data-uvp~="scope"] button:focus {
  --color-focus: rgba(93, 107, 137, .2);
  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 .1875rem var(--color-focus);
  box-shadow: var(--button-box-shadow);
  border-color: var(--color-border-button-gray);
  outline: 0
}

[data-uvp~="scope"] [data-uvp~="button button-gray"],
[data-uvp~="scope"] [role=button][data-uvp~="button-gray"],
[data-uvp~="scope"] button[data-uvp~="button-gray"],
[data-uvp~="scope"] [data-uvp~="button button-grey"],
[data-uvp~="scope"] [role=button][data-uvp~="button-grey"],
[data-uvp~="scope"] button[data-uvp~="button-grey"] {
  border-color: transparent;
  background-color: var(--color-background-gray);
}

[data-uvp~="scope"] [data-uvp~="button button-gray"]:hover,
[data-uvp~="scope"] [role=button][data-uvp~="button-gray"]:hover,
[data-uvp~="scope"] button[data-uvp~="button-gray"]:hover,
[data-uvp~="scope"] [data-uvp~="button button-grey"]:hover,
[data-uvp~="scope"] [role=button][data-uvp~="button-grey"]:hover,
[data-uvp~="scope"] button[data-uvp~="button-grey"]:hover {
  background-color: var(--color-background-gray-hover);
}

[data-uvp~="scope"] [data-uvp~="button button-bright"],
[data-uvp~="scope"] [role=button][data-uvp~="button-bright"],
[data-uvp~="scope"] button[data-uvp~="button-bright"] {
  color: #fff;
  background-color: var(--color-accent);
  border-color: var(--color-accent)
}

[data-uvp~="scope"] [data-uvp~="button button-bright"]:hover,
[data-uvp~="scope"] [role=button][data-uvp~="button-bright"]:hover,
[data-uvp~="scope"] button[data-uvp~="button-bright"]:hover {
  color: #fff;
  background-color: var(--color-accent-dark);
  border-color: var(--color-accent-dark)
}

[data-uvp~="scope"] [data-uvp~="button button-bright"]:focus,
[data-uvp~="scope"] [role=button][data-uvp~="button-bright"]:focus,
[data-uvp~="scope"] button[data-uvp~="button-bright"]:focus {
  color: #fff;
  background-color: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
  --primary-focus: rgba(var(--color-accent-rgb), .3);
  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 .1875rem var(--primary-focus)
}

[data-uvp~="scope"] [data-uvp~="button button-contrast"],
[data-uvp~="scope"] [data-uvp="teaching-plan button button-contrast"],
[data-uvp~="scope"] button[data-uvp~="button-contrast"] {
  color: rgba(255, 255, 255);
  background-color: #070707;
  border-color: #070707;
  outline: 1px solid #dfdfdf;
}

[data-uvp~="scope"] [data-uvp~="button button-contrast"]:hover,
[data-uvp~="scope"] [data-uvp="teaching-plan button button-contrast"]:hover,
[data-uvp~="scope"] button[data-uvp~="button-contrast"]:hover {
  color: #fff;
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  outline: 1px solid #dfdfdf;
}

[data-uvp~="scope"] [data-uvp~="button button-contrast"]:focus,
[data-uvp~="scope"] button[data-uvp~="button-contrast"]:focus {
  color: #fff;
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  /* background-color: #424242;
  border-color: #424242; */
}

[data-uvp~="scope"]
/* [data-uvp~="button-group"]{
  margin-top: .25rem;
}[data-uvp~="scope"] */

[data-uvp~="button-group"] :where([data-uvp~="button"], [data-uvp~="scope"] button) {
  width: 100%;
}

[data-uvp~="scope"] [data-uvp~="button-group"]+p {
  margin-top: 1.125rem;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="button-group"] {
    display: flex;
    justify-content: flex-end;
    align-items: baseline
  }

  [data-uvp~="scope"] [data-uvp~="button-group"] :where([data-uvp~="button"], [data-uvp~="scope"] button) {
    width: auto;
  }

  [data-uvp~="scope"] [data-uvp~="button-group"] :is([data-uvp~="button"], [data-uvp~="scope"] button):not(:last-child) {
    border-right: 1px solid transparent
  }
}



/* Tooltips setup
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-tooltip]:not(a, button, input) {
  border-bottom: 1px dotted var(--color-text);
  text-decoration: none;
  cursor: help;
  position: relative;
}

[data-uvp~="scope"] [data-tooltip]:after,
[data-uvp~="scope"] [data-tooltip]:before {
  font-style: normal;
  font-family: inherit;
  font-size: var(--font-size-small);
  display: block;
  z-index: 99;
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 50%;
  padding: 0.5rem 0.75rem;
  overflow: hidden;
  transform: translate(-50%, .8125rem);
  border-radius: var(--border-radius-small);
  background: #000;
  content: attr(data-tooltip);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}

[data-uvp~="scope"] [data-tooltip]:after {
  padding: 0;
  transform: translate(-50%, 0);
  border-radius: 0;
  background-color: transparent;
  content: "";
  color: #000;
  border: .5rem solid transparent;
  border-bottom: .5rem solid;
  width: auto;
}

[data-uvp~="scope"] [data-tooltip]:focus:after,
[data-uvp~="scope"] [data-tooltip]:focus:before,
[data-uvp~="scope"] [data-tooltip]:active::before,
[data-uvp~="scope"] [data-tooltip]:active::after,
[data-uvp~="scope"] [data-tooltip]:hover:after,
[data-uvp~="scope"] [data-tooltip]:hover:before {
  opacity: 1
}



/* The animations */
[data-uvp~="scope"] [data-tooltip]:before {
  transition: all .3s ease-in-out;
}

[data-uvp~="scope"] [data-tooltip]:after {
  transition: all .1s ease-in-out;
}

[data-uvp~="scope"] [data-tooltip]:hover:after {
  transition: all .2s .1s ease-in-out;
}



/* Wrappers: main-wrapper, [data-uvp~="scope"] main-banner-wrapper
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="main-wrapper"],
[data-uvp~="scope"] [data-uvp~="main-banner-wrapper"] {
  max-width: min(calc(var(--main-container-max-width) + 2*var(--space-horizontal-wrapper)), 100%);
  margin: 0 auto 1rem auto;
  /* background-color: #fff; */
  /*scroll-behavior: smooth;*/
  font-size: var(--font-size-base)
}

[data-uvp~="scope"] [data-uvp~="main-banner-wrapper"] {
  margin-bottom: 40px;
  background-color: transparent
}

@media (min-width: 700px) {

  [data-uvp~="scope"] [data-uvp~="main-wrapper"],
  [data-uvp~="scope"] [data-uvp~="main-banner-wrapper"] {
    padding: 0 var(--space-horizontal-wrapper)
  }
}



/* Page header: main-banner and discipline details
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="discipline-header"] {
  width: 100%;
  /* background-color: #f4f4f4; */
  font-size: var(--font-size-base);
  margin-bottom: 3rem;
}

[data-uvp~="scope"] [data-uvp~="discipline-header"]:last-child {
  margin-bottom: 1.5rem;
}

[data-uvp~="scope"] [data-uvp~="main-banner"] {
  width: 100%;
  min-height: var(--main-banner-min-height);
  position: relative;
  display: flex;
  justify-content: center;
  background: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}

[data-uvp~="scope"] [data-uvp~="main-banner"] [data-uvp~="button"] {
  position: absolute;
  bottom: -20px;
  border-radius: 5px;
  color: #fff;
}

[data-uvp~="scope"] [data-uvp~="main-banner-content"] {
  width: 100%;
  min-height: var(--banner-min-height);
  padding: 2rem 1rem 2.5rem 1rem;
  color: #fff;
  background-color: rgba(0, 0, 0, .4);
  background: linear-gradient(0deg, #00000066 40%, #ffffff44 200%);
  text-align: center;
  display: flex;
  flex-direction: column;
  /* centers vertically */
  justify-content: center;
  /* centers horizontally */
  align-items: center;
  border-radius: 10px;
}

[data-uvp~="scope"] [data-uvp~="course-title"] {
  font-family: var(--font-family-accent);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-text-uppercase);
  margin-bottom: 0.25rem;
  text-wrap: balance;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

[data-uvp~="scope"] [data-uvp~="discipline-title"] {
  font-size: var(--font-size-title-main-banner);
  line-height: var(--line-height-compact);
  margin: 0 4% 15px;
  text-wrap: balance;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}



/* Discipline info block */
[data-uvp~="scope"] [data-uvp~="discipline-info-wrapper"] {
  position: relative;
  /*padding: 0 var(--space-horizontal-wrapper);*/
}

[data-uvp~="scope"] [data-uvp~="discipline-info-wrapper"]::before {
  content: '';
  /* background: #fff; */
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
}

[data-uvp~="scope"] [data-uvp~="discipline-info-items"] {
  position: relative;
  display: grid;
  gap: 1.5rem;
  z-index: 5;
  max-width: var(--main-container-max-width);
  background-color: #fff;
  margin: 0 auto;
  padding: var(--box-padding-big);
  border: 1px solid var(--color-border-gray);
  /* box-shadow: var(--shadow-light); */
  border-radius: 10px;
}

@media (min-width: 650px) {
  [data-uvp~="scope"] [data-uvp~="discipline-info-items"] {
    grid-template-columns: repeat(2, minmax(1em, 1fr));
  }
}

[data-uvp~="scope"] [data-uvp~="discipline-info-items projeto-integrador"] {
  grid-template-areas: "time time"
    "calendar calendar"
    "tema tema";
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="discipline-info-items projeto-integrador"] {
    grid-template-areas: "time calendar"
      "tema tema";
    grid-template-columns: 1fr 1fr;
  }
}

[data-uvp~="scope"] [data-uvp~="discipline-info-item"] {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 1rem;
  align-items: center;
}

[data-uvp~="scope"] [data-uvp~="discipline-info-item"]>span {
  font-size: 30px;
  border-radius: 8px;
  padding: 5px;
  background-color: #fafafa;
  color: #3c4043;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .16);
}

[data-uvp~="scope"] [data-uvp~="discipline-info-item"] p:first-of-type {
  font-family: var(--font-family-accent);
  font-size: var(--font-size-small);
  color: var(--color-text-gray);
}

[data-uvp~="scope"] [data-uvp~="discipline-info-item"] p:last-of-type {
  font-weight: 500;
}


/* Lesson main title block
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="lesson-header"] {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 var(--space-horizontal-section) 2rem var(--space-horizontal-section);
}

[data-uvp~="scope"] [data-uvp~="lesson-header"] p {
  font-size: clamp(3.25rem, 7vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 600;
  padding-right: 1rem;
  line-height: 1;
  transform: translateX(3px);
  border-right: 3px solid var(--color-accent);
}

[data-uvp~="scope"] [data-uvp~="lesson-header"] h1 {
  color: var(--color-accent);
  max-width: 34ch;
}

[data-uvp~="scope"] [data-uvp~="lesson-header"] p+h1 {
  padding-left: 1rem;
  border-left: 3px solid var(--color-accent);
}


/* Default section styles (section and section header)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] section {
  position: relative;
  /* margin-left: var(--space-horizontal-section);
  margin-right: var(--space-horizontal-section) */
}

[data-uvp~="scope"] section+section {
  margin-top: var(--space-vertical-section)
}

[data-uvp~="scope"] section:last-of-type {
  margin-bottom: var(--space-vertical-section)
}

[data-uvp~="scope"] section+hr {
  margin-top: calc(var(--space-vertical-section) - .5rem);
  margin-bottom: calc(var(--space-vertical-section) - .5rem);
  margin-left: var(--space-horizontal-section);
  margin-right: var(--space-horizontal-section)
}

[data-uvp~="scope"] [data-uvp~="section-banner"] {
  object-fit: cover;
  width: 100%;
  min-height: 160px;
  border-radius: var(--border-radius-medium);
  margin-bottom: 2rem;
}

/* section *:first-child{
  margin-top: 0 !important;
}[data-uvp~="scope"] section *:last-child{
  margin-bottom: 0 !important;
}[data-uvp~="scope"] */


[data-uvp~="scope"] [data-uvp~="lesson-part"]:first-child {
  margin-top: 1.5rem;
}

[data-uvp~="scope"] [data-uvp~="lesson-part"] header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
  margin: 1.5rem 0;
}

[data-uvp~="scope"] [data-uvp~="lesson-part"] header>img {
  width: 54px;
  height: 54px;
  padding: .8125rem;
  text-align: center;
  background-color: var(--color-accent);
  border-radius: var(--border-radius-large);
  box-shadow: var(--shadow-icon);
}

[data-uvp~="scope"] [data-uvp~="lesson-part"] header[data-uvp~="header-purple"]>img {
  background-color: #6547BA;
}

[data-uvp~="scope"] [data-uvp~="lesson-part"] header[data-uvp~="header-yellow"]>img {
  background-color: #FCD117;
}


/* Subtitle */
[data-uvp~="scope"] [data-uvp~="lesson-part"] header p {
  font-family: var(--font-family-accent);
  font-size: var(--font-size-xx-small);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-text-uppercase);
  color: var(--color-accent);
  margin-bottom: .125rem
}

[data-uvp~="scope"] [data-uvp~="lesson-part"] header[data-uvp~="header-purple"] p {
  color: #7155D8;
}

[data-uvp~="scope"] [data-uvp~="lesson-part"] header[data-uvp~="header-yellow"] p {
  color: #FCD117;
}

[data-uvp~="scope"] [data-uvp~="lesson-part"]>*:first-child {
  margin-top: 0;
}

[data-uvp~="scope"] [data-uvp~="lesson-part"]>*:last-child {
  margin-bottom: 0;
}

/* Professor(a) mini-cv block
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="prof-name"] {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-medium);
  margin-bottom: 2px;
}

[data-uvp~="scope"] [data-uvp~="prof-details"] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

[data-uvp~="scope"] [data-uvp~="prof-details"] [data-uvp~="prof-foto"] {
  border-radius: 50%;
  margin-right: 20px;
  width: 115px;
  aspect-ratio: 1 / 1;
  background: #f4f4f4;
  box-shadow: var(--shadow-icon);
}

[data-uvp~="scope"] [data-uvp~="prof-status"] {
  margin-bottom: 0;
}

[data-uvp~="scope"] [data-uvp~="prof-mini-cv"]+[data-uvp~="prof-details"] {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid var(--color-border-gray);
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="prof-details"] {
    margin-bottom: 0;
    align-items: flex-start;
    min-height: 115px;
  }

  [data-uvp~="scope"] [data-uvp~="prof-details"]>div:first-child {
    margin-left: 135px;
  }

  [data-uvp~="scope"] [data-uvp~="prof-mini-cv"] {
    margin-left: 135px;
    margin-top: -45px;
  }
}

/* Banners: "Resumo Visual" and "REA: Projeto Integrador"
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="resumo-visual"] {
  display: flex;
  column-gap: min(6%, 2.375rem);
  align-items: center;
  padding: 1rem 0.5rem 1rem 1.375rem;
  border: 1px solid;
  border-right: 4px solid;
  border-bottom: 4px solid;
  border-color: var(--color-accent);
  text-decoration: none;
  box-shadow: var(--shadow-light);
  transition: all 0.3s ease-in-out;
  /* --start-color: rgba(0, 0, 0, .025);
  --end-color: rgba(255, 255, 255, .1);
  background-image: linear-gradient(0deg, var(--start-color), var(--end-color)); */
  background-image: linear-gradient(180deg, #fff, #fbfbfb 65.62%);
}

[data-uvp~="scope"] [data-uvp~="resumo-visual"] h2 {
  max-width: fit-content;
  color: var(--color-accent);
  font-size: var(--font-size-title-resumo-visual);
  line-height: var(--line-height-compact);
  text-decoration: underline;
}

[data-uvp~="scope"] [data-uvp~="resumo-visual"] p {
  display: none;
}

[data-uvp~="scope"] [data-uvp~="resumo-visual"] img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 85px;
  flex: 0 0 85px;
  width: 85px;
  max-width: 85px;
}

[data-uvp~="scope"] [data-uvp~="resumo-visual"]:hover {
  transform: translate(0, -3px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  background: #fff;
  /* background: linear-gradient(180deg, #fff, #f6f6f6 65.62%); */
}

[data-uvp~="scope"] [data-uvp~="resumo-visual"]:focus-visible {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 .1875rem rgba(var(--color-accent-rgb), .4);
  outline: 0;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="resumo-visual"] {
    margin: 0 0 3.5rem 0;
    padding: 1.125rem 2rem 1.125rem 2.5rem;
  }

  [data-uvp~="scope"] [data-uvp~="resumo-visual"] p {
    display: block;
    margin: .25rem 0 0 0;
  }
}

[data-uvp~="scope"] [data-uvp~="banner-rea-projeto-integrador"] {
  width: 100%;
  height: 132px;
  background: right;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  border-radius: 6px;
  transition: transform .3s ease-in-out;
  transition: all 250ms ease-out;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .12);
  margin: 2.25rem 0;
}

[data-uvp~="scope"] [data-uvp~="banner-rea-projeto-integrador"]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

[data-uvp~="scope"] [data-uvp~="banner-rea-projeto-integrador"] a {
  width: 100%;
  height: 132px;
  padding: 1rem 1.5rem;
  font-weight: 600;
  font-size: 1.1875rem;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  align-items: flex-start;
  border-radius: 6px;
}

[data-uvp~="scope"] [data-uvp~="banner-rea-projeto-integrador"] a:hover {
  color: #fff;
}

[data-uvp~="scope"] [data-uvp~="banner-rea-projeto-integrador"] a>span {
  display: none;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="banner-rea-projeto-integrador"] a>span {
    display: inline;
    max-width: 45%;
  }

  [data-uvp~="scope"] [data-uvp~="banner-rea-projeto-integrador"] a>span {
    max-width: 45%;
  }
}


/* Schedule: titles and datas of lessons/weeks
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="schedule-section-title"] {
  margin-bottom: 1.5rem;
}

[data-uvp~="scope"] [data-uvp~="discipline-schedule"] {
  box-shadow: var(--shadow-light);
}

[data-uvp~="scope"] [data-uvp~="discipline-schedule"] li {
  display: grid;
  grid-template-columns: min(25%, 115px) 1fr;
  margin: 0 0 .25rem 0;
  max-width: 100%;
}

[data-uvp~="scope"] [data-uvp~="discipline-schedule"] li>div {
  padding: 1.125rem min(5%, 20px);
}

[data-uvp~="scope"] [data-uvp~="lesson-date"] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: var(--color-accent);
  color: #fff;
  font-size: 1.0625rem;
  font-weight: var(--font-weight-semibold);
  border-bottom-left-radius: var(--border-radius-small);
  border-top-left-radius: var(--border-radius-small);
}

[data-uvp~="scope"] [data-uvp~="lesson-title"] {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-medium);
  border: 1px dashed #e3e3e3;
  border-left: none;
  border-bottom-right-radius: var(--border-radius-small);
  border-top-right-radius: var(--border-radius-small);
  -webkit-transition: background-color .3s cubic-bezier(.3, .1, .3, 1);
  transition: background-color .3s cubic-bezier(.3, .1, .3, 1);
}

[data-uvp~="scope"] [data-uvp~="discipline-schedule"] li:hover [data-uvp~="lesson-title"] {
  background: var(--color-background-gray);
}

[data-uvp~="scope"] [data-uvp~="lesson-title"]::before {
  content: attr(data-week-name)" ";
  font-family: var(--font-family-accent);
  font-weight: var(--font-weight-normal);
  font-size: 1.0625rem;
  margin-bottom: 2px;
  display: block;
  max-width: fit-content;
  color: var(--color-text-gray);
}


/* Intro section (Costurando)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="intro-section"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  margin-right: 0
}

[data-uvp~="scope"] [data-uvp~="prof-icon-wrapper"] {
  width: 150px;
  position: relative;
}

[data-uvp~="scope"] [data-uvp~="prof-icon-wrapper"]:first-child {
  margin-bottom: -75px;
}

[data-uvp~="scope"] [data-uvp~="prof-icon"] {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: #f4f4f4;
  padding: 4px;
  box-shadow: var(--shadow-icon);
}

[data-uvp~="scope"] [data-uvp~="prof-speaks"] {
  flex: auto;
  width: 100%;
  min-height: 10rem;
  padding: 1.5rem 1rem;
  background-color: var(--color-background-gray);
  border-radius: var(--border-radius-small);
}

[data-uvp~="scope"] [data-uvp~="prof-icon-wrapper"]:first-child+[data-uvp~="prof-speaks"] {
  padding-top: 95px;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="intro-section"] {
    flex-direction: row-reverse;
    align-items: flex-start;
    margin-left: var(--space-horizontal-section);
    margin-right: var(--space-horizontal-section)
  }

  [data-uvp~="scope"] [data-uvp~="prof-icon-wrapper"]:first-child {
    flex: 1 1 112px;
    min-width: 112px;
    width: 112px;
    padding: 0 0 0 14px;
    margin-bottom: 0;
  }

  [data-uvp~="scope"] [data-uvp~="prof-icon-wrapper"]:before {
    content: "";
    position: absolute;
    top: 37px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid var(--color-background-gray);
  }

  [data-uvp~="scope"] [data-uvp~="prof-speaks"] {
    padding: 2rem 1.5rem;
  }

  [data-uvp~="scope"] [data-uvp~="prof-icon"] {
    padding: 0;
  }

  [data-uvp~="scope"] [data-uvp~="prof-icon-wrapper"]:first-child+[data-uvp~="prof-speaks"] {
    padding-top: 2rem;
  }
}

[data-uvp~="scope"] [data-uvp~="learning-goals"] {
  position: relative;
  padding-bottom: .5rem;
  font-weight: 700;
}

[data-uvp~="scope"] [data-uvp~="learning-goals"]:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #C3AAB2 0%, #9ec 57.66%, #80C0C8 76.7%, #4B8BFA 100%);
  animation: 15s infinite lineAnimate;
  background-size: 150% 150%;
}

@keyframes lineAnimate {

  0%,
  100% {
    background-position: 0 25%
  }

  25%,
  75% {
    background-position: 50% 50%
  }

  50% {
    background-position: 100% 100%
  }
}

/* Em síntese section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="personage"] {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin: 13.75rem 0 2.5rem 0;
}

[data-uvp~="scope"] [data-uvp~="personage-content"] {
  padding: 2.5rem 1rem;
  min-height: 10rem;
  border-radius: var(--border-radius-small);
  background-color: #f5f5f5;
  background-color: #ededf0;
  z-index: 5;
  border-radius: var(--border-radius-large);
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="personage"] {
    flex-direction: row;
    align-items: flex-start;
    margin: 3.75rem 0 2.5rem 0;
  }

  [data-uvp~="scope"] [data-uvp~="personage-content"] {
    flex: auto;
    padding: 3rem 2rem;
  }
}

[data-uvp~="scope"] [data-uvp~="personage-foto-wrapper"] {
  min-width: 190px;
  position: relative;
}

[data-uvp~="scope"] [data-uvp~="personage-foto-wrapper"] img {
  width: 190px;
  min-width: 190px;
  position: absolute;
  left: 0;
  top: -180px;
  transform: rotate(-40deg);
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="personage-foto-wrapper"] {
    min-width: 150px;
  }

  [data-uvp~="scope"] [data-uvp~="personage-foto-wrapper"] img {
    width: 190px;
    min-width: 190px;
    position: absolute;
    left: -40px;
    top: -58px;
    transform: none;
  }
}

[data-uvp~="scope"] [data-uvp~="mountain-sun"] {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 260px;
  margin: 3rem 0;
  align-items: center;
  position: relative;
  background-color: #edf5fd;
  transition: all 1s;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="mountain-sun"] {
    flex-direction: row;
  }
}

[data-uvp~="scope"] [data-uvp~="mountain-sun"]:hover {
  background-color: #c8e9f6;
}

[data-uvp~="scope"] [data-uvp~="mountain-sun-content"] {
  padding: 2rem;
  flex: auto;
  width: 100%;
}

[data-uvp~="scope"] [data-uvp~="sun"] {
  position: absolute;
  border-radius: 50%;
  bottom: 15px;
  right: 50px;
  background-color: #ffeb7f;
  height: 90px;
  width: 90px;
  transition: all ease-in-out .5s;
}

[data-uvp~="scope"] [data-uvp~="mountain-sun"]:hover [data-uvp~="sun"] {
  bottom: 75px;
  background-color: #FFD700;
}

[data-uvp~="scope"] [data-uvp~="mountain"] {
  width: 230px;
  z-index: 1;
  align-self: flex-end;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="sun"] {
    height: 105px;
    width: 105px;
    bottom: 25px;
    right: 65px;
  }

  [data-uvp~="scope"] [data-uvp~="mountain-sun"]:hover [data-uvp~="sun"] {
    bottom: 90px;
  }

  [data-uvp~="scope"] [data-uvp~="mountain"] {
    width: 280px;
  }
}

[data-uvp~="scope"] fieldset {
  margin-bottom: 1.5rem;
  border: 0
}

[data-uvp~="scope"] fieldset legend,
[data-uvp~="scope"] label {
  display: block;
  margin-bottom: 1rem;
}

[data-uvp~="scope"] fieldset label:last-child {
  margin-bottom: 0;
}

[data-uvp~="scope"] fieldset legend {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-base);
}

[data-uvp~="scope"] label:has([type=checkbox]) {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-indent: -33px;
  margin-left: 33px;
}

[data-uvp~="scope"] [type=checkbox] {
  appearance: none;
  width: 1.25em;
  height: 1.25em;
  margin-top: -0.25rem;
  margin-inline-end: 0.5em;
  border-width: .125rem;
  vertical-align: middle;
  cursor: pointer;
  accent-color: #0172ad;
}

[data-uvp~="scope"] input {
  --input-background-color: #fbfcfc;
  --input-border-color: #dddedf;
  --input-box-shadow: 0;
  --input-transition: .2s ease-in-out;
  border: .125rem solid var(--input-border-color);
  border-radius: .25rem;
  outline: 0;
  background-color: var(--input-background-color);
  box-shadow: var(--input-box-shadow);
  transition: background-color var(--input-transition), border-color var(--input-transition), color var(--input-transition), box-shadow var(--input-transition);
}

[data-uvp~="scope"] [type=checkbox]:checked,
[data-uvp~="scope"] [type=checkbox]:checked:active,
[data-uvp~="scope"] [type=checkbox]:checked:focus {
  --input-background-color: var(--color-accent);
  --input-border-color: var(--color-accent);
  --input-icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-image: var(--input-icon-checkbox);
  background-position: center;
  background-size: 0.75em auto;
  background-repeat: no-repeat;
}

[data-uvp~="scope"] input:is([type=checkbox]):focus {
  --input-box-shadow: 0 0 0 .1875rem rgba(var(--color-accent-rgb), .4);
}

[data-uvp~="scope"] input:is([type=checkbox]):is(:active, [data-uvp~="scope"] :focus) {
  --input-border-color: var(--color-accent);
}


/* Style an anchor when it has been navigated
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] a[data-uvp~="anchor"] {
  opacity: 0;
  color: #aaa;
  font-size: .9em;
  text-decoration: none;
  transition: color .2s ease-in-out;
  padding: 0.35em 0.05em;
}

[data-uvp~="scope"] :where(h2, [data-uvp~="scope"] h3):hover a[data-uvp~="anchor"] {
  opacity: 100%;
}

[data-uvp~="scope"] a[data-uvp~="anchor"]:hover,
[data-uvp~="scope"] a[data-uvp~="anchor"]:focus {
  opacity: 100%;
  color: var(--color-accent);
}

[data-uvp~="scope"] a[data-uvp~="anchor"]:focus {
  outline: 0;
}

[data-uvp~="scope"] a[data-uvp~="anchor"]:focus-visible {
  --primary-focus: rgba(var(--color-accent-rgb), .3);
  box-shadow: 0 0 0 .1875rem var(--primary-focus);
}

[data-uvp~="scope"] :target {
  scroll-margin-top: 3.5rem;
}

[data-uvp~="scope"] h2:target a {
  color: var(--color-accent);
}

[data-uvp~="scope"] h2:target {
  border-radius: 11px;
  /* animation: fadeOut-headings .4s; */
  animation-fill-mode: forwards
}



/* Styled text
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="styled-text"] h1 {
  margin-bottom: 1.5rem;
  margin-top: 3.5rem
}

[data-uvp~="scope"] [data-uvp~="styled-text"] h2 {
  margin-bottom: 1.5rem;
  margin-top: 3rem
}

[data-uvp~="scope"] [data-uvp~="styled-text"] header h2 {
  margin: 0;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] [data-uvp~="h2-centered"] {
  margin: 2.5rem auto 2rem auto;
  text-align: center;
  max-width: min(500px, 90%);
}

[data-uvp~="scope"] [data-uvp~="styled-text"] h3 {
  margin-bottom: var(--space-vertical-paragraph);
  margin-top: 2.75rem;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :is(h1, [data-uvp~="scope"] h2, [data-uvp~="scope"] h3):first-child,
[data-uvp~="scope"] [data-uvp~="styled-text"] hr+h3 {
  margin-top: 0;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(h4, [data-uvp~="scope"] h5, [data-uvp~="scope"] h6) {
  margin-bottom: var(--space-vertical-paragraph);
}

[data-uvp~="scope"] [data-uvp~="styled-text"] dl {
  margin-bottom: 1rem;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] dt {
  font-weight: var(--font-weight-normal);
  margin-bottom: .5rem;
  margin-top: 1rem;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] dd {
  margin-left: 1rem;
  margin-bottom: .5rem;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol,
[data-uvp~="scope"] [data-uvp~="styled-text"] ul {
  list-style-position: outside;
  margin-left: 1.875rem
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ul {
  list-style-type: disc
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol {
  list-style-type: decimal
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :is(ul, [data-uvp~="scope"] ol):not([data-uvp]) li {
  padding-left: 4px;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(ul, [data-uvp~="scope"] ol) li {
  margin-bottom: .5rem;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(ul, [data-uvp~="scope"] ol) li>p {
  margin-bottom: 1.125rem;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(ul, [data-uvp~="scope"] ol) li:last-child,
[data-uvp~="scope"] [data-uvp~="styled-text"] :where(ul, [data-uvp~="scope"] ol) li:last-child>p:last-child {
  margin-bottom: 0;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] li :is(ul, [data-uvp~="scope"] ol) {
  margin-top: .5em
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ul li::marker,
[data-uvp~="scope"] [data-uvp~="styled-text"] ol li::marker {
  color: var(--color-accent)
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ul[data-uvp~="list-marker-neutral"] li::marker,
[data-uvp~="scope"] [data-uvp~="styled-text"] ol[data-uvp~="list-marker-neutral"] li::marker {
  color: rgba(31, 31, 31, .6);
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ul[data-uvp~="list-marker-neutral"] li,
[data-uvp~="scope"] [data-uvp~="styled-text"] ol[data-uvp~="list-marker-neutral"] li {
  padding-left: 4px;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol li::marker {
  font-weight: 600;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(ol:not(:last-child), [data-uvp~="scope"] p:not(:last-child), [data-uvp~="scope"] ul:not(:last-child)) {
  margin-bottom: var(--space-vertical-paragraph)
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ul ul,
[data-uvp~="scope"] [data-uvp~="styled-text"] ul ol,
[data-uvp~="scope"] [data-uvp~="styled-text"] ol ul,
[data-uvp~="scope"] [data-uvp~="styled-text"] ol ol {
  margin-left: 1.25rem;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ul ul {
  list-style-type: circle
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ul ul ul {
  list-style-type: square
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol ol {
  list-style-type: lower-alpha
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol ol ol {
  list-style-type: lower-roman
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol[data-uvp~="decimal"] {
  list-style-type: decimal
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol[data-uvp~="upper-alpha"] {
  list-style-type: upper-alpha
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol[data-uvp~="lower-alpha"] {
  list-style-type: lower-alpha
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol[data-uvp~="lower-roman"] {
  list-style-type: lower-roman
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ol[data-uvp~="upper-roman"] {
  list-style-type: upper-roman
}

[data-uvp~="scope"] [data-uvp~="styled-text"] ul[data-uvp~="none"],
[data-uvp~="scope"] [data-uvp~="styled-text"] ol[data-uvp~="none"] {
  list-style-type: none
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(ol[data-uvp~="upper-alpha"], [data-uvp~="scope"] ol[data-uvp~="lower-alpha"], [data-uvp~="scope"] ol[data-uvp~="lower-roman"], [data-uvp~="scope"] ol[data-uvp~="upper-roman"], [data-uvp~="scope"] ol[data-uvp~="none"], [data-uvp~="scope"] ul[data-uvp~="none"]) li {
  padding-left: 4px;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] blockquote {
  font-size: inherit;
  margin: 2rem 0;
  border-left: 5px solid var(--color-accent);
  padding: 0 0 0 1.125rem;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="styled-text"] blockquote {
    margin: 2rem 1.125rem 2rem 0;
  }
}

[data-uvp~="scope"] [data-uvp~="styled-text"] blockquote>p:last-of-type {
  margin-bottom: 0
}

[data-uvp~="scope"] [data-uvp~="styled-text"] blockquote>footer {
  color: rgba(33, 33, 35, .7);
  color: var(--color-text-gray);
  font-size: 1rem;
  margin-top: 1rem
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(figcaption, [data-uvp~="scope"] caption) {
  line-height: 1.4;
  color: var(--color-text-gray);
  font-size: .9375rem;
  margin-top: .5rem
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(figcaption, [data-uvp~="scope"] caption) a {
  text-decoration-color: var(--color-text-decoration-gray);
  font-weight: 400;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :where(figcaption, [data-uvp~="scope"] caption)>p:not(:last-child) {
  margin-bottom: 1rem
}

[data-uvp~="scope"] [data-uvp~="styled-text"] figcaption [data-uvp~="fonte"] {
  font-size: .75rem;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] figure:has(img) figcaption:not([data-uvp]) {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] figure:has(img) figcaption:not([data-uvp])::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='19' viewBox='0 -960 960 960' width='19'%3E%3Cpath d='M480-260q75 0 127.5-52.5T660-440q0-75-52.5-127.5T480-620q-75 0-127.5 52.5T300-440q0 75 52.5 127.5T480-260Zm0-80q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM160-120q-33 0-56.5-23.5T80-200v-480q0-33 23.5-56.5T160-760h126l74-80h240l74 80h126q33 0 56.5 23.5T880-680v480q0 33-23.5 56.5T800-120H160Zm0-80h640v-480H638l-73-80H395l-73 80H160v480Zm320-240Z'/%3E%3C/svg%3E");
  /* height: 1rem;
  width: 1.25rem; */
  padding-right: 0.5rem;
  display: table-cell;
  vertical-align: baseline;
  position: relative;
  top: 0.25rem;
  opacity: .5;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] [data-uvp~="button-group"]+figcaption {
  margin-top: 1.25rem
}

[data-uvp~="scope"] [data-uvp~="styled-text"] code,
[data-uvp~="scope"] [data-uvp~="styled-text"] pre {
  font-family: var(--font-family-mono);
  /* color: var(--color-text) */
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :not(pre)>code,
[data-uvp~="scope"] :not(pre)>code {
  background-color: var(--color-background-gray);
  font-weight: inherit
}

[data-uvp~="scope"] [data-uvp~="styled-text"] :not(pre)>code,
[data-uvp~="scope"] :not(pre)>code,
[data-uvp~="scope"] [data-uvp~="styled-text"] kbd {
  font-size: .9375em;
  overflow-wrap: break-word;
  overflow-x: auto;
  padding: 1px 6px 2px 6px;
  border-radius: var(--border-radius-medium);
}

[data-uvp~="scope"] [data-uvp~="styled-text"] kbd {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 -2px 0 rgba(0, 0, 0, .1);
  font-family: inherit;
  font-weight: 500;
  margin: 0 .2em;
  min-width: 1.625rem
}

[data-uvp~="scope"] [data-uvp~="styled-text"] pre>code {
  border-radius: var(--border-radius-small);
  display: block;
  overflow-wrap: break-word;
  padding: 1.125rem;
  background: var(--color-background-gray);
  /* overflow-x: auto */
}

[data-uvp~="scope"] [data-uvp~="styled-text"] iframe,
[data-uvp~="scope"] [data-uvp~="styled-text"] figure img,
[data-uvp~="scope"] [data-uvp~="styled-text"] video {
  border-radius: var(--border-radius-large);
  display: block;
  overflow: hidden
}

[data-uvp~="scope"] [data-uvp~="styled-text"] video,
[data-uvp~="scope"] [data-uvp~="styled-text"] iframe[src*="youtube"],
[data-uvp~="scope"] [data-uvp~="styled-text"] iframe[src$=".mp4"] {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  min-height: 220px;
  box-shadow: var(--shadow-image);
}

[data-uvp~="scope"] [data-uvp~="styled-text"] figure img {
  margin: 0 auto;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] figure {
  position: relative;
  margin: 1.5rem auto;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] [data-uvp~="card-content"]>p:first-child+figure {
  margin-top: 0;
}

[data-uvp~="scope"] [data-uvp~="styled-text"]>:last-child {
  margin-bottom: 0;
}


/* Tables
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] table {
  margin-bottom: var(--space-vertical-paragraph);
  margin: 0 auto calc(2em + 1vw) auto;
  width: 100%;
}

[data-uvp~="scope"] th,
[data-uvp~="scope"] td {
  text-align: left;
  padding: .875rem 1rem;
}

[data-uvp~="scope"] thead th {
  border-bottom: 1px solid var(--color-border-gray);
  font-weight: var(--font-weight-bold);
  vertical-align: bottom;
}

[data-uvp~="scope"] tr:not(:last-child) {
  border-bottom: 1px solid var(--color-border-gray);
}

[data-uvp~="scope"] :is(th, [data-uvp~="scope"] td):not(:last-child) {
  border-right: 1px solid var(--color-border-gray);
}


/* Table without vertical borders */
[data-uvp~="scope"] [data-uvp~="table-no-borders-vertical"] :is(th, [data-uvp~="scope"] td):not(:last-child) {
  border-right: 0;
}


/* Zebra (striping) table */
[data-uvp~="scope"] [data-uvp~="table-striped"] thead th {
  border-bottom: 4px solid #eee;
  background-color: rgba(0, 0, 0, .04);
}

[data-uvp~="scope"] [data-uvp~="table-striped"] :is(th, [data-uvp~="scope"] td):not(:last-child) {
  border-right: 0;
}

[data-uvp~="scope"] [data-uvp~="table-striped"] tr:not(:last-child) {
  border-bottom: 4px solid #eee;
}

[data-uvp~="scope"] [data-uvp~="table-striped"] tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, .04)
}


/* Gray header of table */
[data-uvp~="scope"] [data-uvp~="table-header-gray"] th {
  background-color: rgba(0, 0, 0, .04)
}

/* Vertical header of table */
[data-uvp~="scope"] [data-uvp~="table-header-vertical"] tbody th {
  vertical-align: middle;
  text-align: right;
  border-right: 3px solid var(--color-border-gray);
}

[data-uvp~="scope"] [data-uvp~="table-header-vertical"] th {
  border-bottom: 0;
}

[data-uvp~="scope"] [data-uvp~="table-header-vertical"] tbody td {
  text-align: center;
}


/* Table with borders */
[data-uvp~="scope"] [data-uvp~="table-with-borders"] {
  border: 1px solid var(--color-border-gray);
}

[data-uvp~="scope"] [data-uvp~="table-with-borders"] td:not(:last-child),
[data-uvp~="scope"] [data-uvp~="table-with-borders"] th:not(:last-child) {
  border-right: 1px solid var(--color-border-gray);
}

/* Responsive Table with tablesaw class */

@media screen and (max-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="tablesaw"] {
    width: 100%;
  }

  [data-uvp~="scope"] [data-uvp~="tablesaw"] thead {
    display: none
  }

  [data-uvp~="scope"] [data-uvp~="tablesaw"] tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.375em;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #eee
  }

  [data-uvp~="scope"] [data-uvp~="tablesaw"] tr:last-child {
    margin-bottom: 0;
  }

  [data-uvp~="scope"] [data-uvp~="tablesaw"] td+td {
    padding-top: .25rem;
  }

  [data-uvp~="scope"] [data-uvp~="tablesaw"] td:before {
    content: attr(data-label);
    display: table-cell;
    font-weight: 700;
    padding: 0 1rem 0 0;
    text-align: right
  }

  [data-uvp~="scope"] [data-uvp~="tablesaw"] td:last-child:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
  }
}


/*  Responsive Table with table wrapper */
[data-uvp~="scope"] [data-uvp~="table-responsive"],
[data-uvp~="scope"] [data-uvp~="table-wrapper"] {
  --color-bg: #fff;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: linear-gradient(to right, var(--color-bg) 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), var(--color-bg) 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll
}

[data-uvp~="scope"] [data-uvp~="table-responsive"],
[data-uvp~="scope"] [data-uvp~="table-wrapper"] {
  margin-bottom: calc(2em + 1vw);
}

[data-uvp~="scope"] [data-uvp~="table-responsive"] table,
[data-uvp~="scope"] [data-uvp~="table-wrapper"] table {
  min-width: 32rem;
  margin-bottom: 0;
  margin-top: 0;
}

[data-uvp~="scope"] [data-uvp~="table-responsive"] td,
[data-uvp~="scope"] [data-uvp~="table-responsive"] th,
[data-uvp~="scope"] [data-uvp~="table-wrapper"] td,
[data-uvp~="scope"] [data-uvp~="table-wrapper"] th {
  min-width: 8rem
}

[data-uvp~="scope"] [data-uvp~="table-responsive"] [colspan],
[data-uvp~="scope"] [data-uvp~="table-responsive"] [rowspan],
[data-uvp~="scope"] [data-uvp~="table-wrapper"] [colspan],
[data-uvp~="scope"] [data-uvp~="table-wrapper"] [rowspan] {
  min-width: 15rem
}


/* Grids layouts
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="grid-auto"],
[data-uvp~="scope"] [data-uvp~="grid2col"],
[data-uvp~="scope"] [data-uvp~="grid-golden-ratio"] {
  display: grid;
  gap: 1.25rem;
  margin: 1.5rem 0;
}

[data-uvp~="scope"] :is([data-uvp~="grid-auto"], [data-uvp~="scope"] [data-uvp~="grid2col"], [data-uvp~="scope"] [data-uvp~="grid-golden-ratio"])>* {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[data-uvp~="scope"] [data-uvp~="grid-highlight"]>*,
[data-uvp~="scope"] [data-uvp*=grid-highlight-]>* {
  border-radius: var(--border-radius-small);
  padding: 1.25rem clamp(1rem, 3%, 1.25rem);
  border-radius: var(--border-radius-medium);
}

[data-uvp~="scope"] [data-uvp~="grid-highlight"]>* {
  background-color: var(--color-background-gray);
}

[data-uvp~="scope"] [data-uvp*=grid-highlight-] a,
[data-uvp~="scope"] [data-uvp~="grid-highlight"] a {
  text-decoration-color: var(--color-text-decoration-gray);
}

[data-uvp~="scope"] [data-uvp*=grid-highlight] {
  gap: 1.125rem;
}

[data-uvp~="scope"] [data-uvp~="grid-golden-ratio"] {
  row-gap: 1.125rem;
}

[data-uvp~="scope"] [data-uvp~="grid-golden-ratio"]>*:nth-child(odd):not(:first-child) {
  padding-top: .625rem;
}

[data-uvp~="scope"] [data-uvp~="grid-auto"] {
  --min-item-width: 150px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min-item-width)), 1fr));
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="grid2col"] {
    grid-template-columns: repeat(2, minmax(1em, 1fr));
  }

  [data-uvp~="scope"] [data-uvp~="grid-golden-ratio"] {
    grid-template-columns: 32% 1fr;
    column-gap: 6%;
    row-gap: 1.25rem;
  }

  [data-uvp~="scope"] [data-uvp~="grid-golden-ratio"]>*:nth-child(odd):not(:first-child) {
    padding-top: 0;
  }

  [data-uvp~="scope"] [data-uvp~="grid-center"] {
    align-items: center;
  }
}

[data-uvp~="scope"] [data-uvp~="flex2col"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem;
  margin: 1.5rem 0;
}

[data-uvp~="scope"] :is([data-uvp~="flex2col"])>* {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[data-uvp~="scope"] [data-uvp~="flex2col"]>* {
  width: 100%;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp~="flex2col"]>* {
    flex: 1 1 calc(50% - .625rem);
    max-width: calc(50% - .625rem);
    width: calc(50% - .625rem);
  }
}

/* Styled blockquote
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] blockquote[data-uvp~="aspas-green"] {
  background-color: var(--color-background-gray);
  padding: 2.25rem clamp(1.5rem, 5vw, 2.5rem);
  position: relative;
  font-style: normal;
  border: none;
  margin: 2.5rem 0 2rem 0;
}

[data-uvp~="scope"] blockquote[data-uvp~="aspas-green"]:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjcgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRGVza3RvcCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIwIj4KICAgICAgICA8ZyBpZD0iMDItLS1Qb3N0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc4LjAwMDAwMCwgLTI3NzguMDAwMDAwKSIgc3Ryb2tlPSIjMDBhNWEyIiBmaWxsPSIjRTgyMjNCIj4KICAgICAgICAgICAgPGcgaWQ9InF1cHRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDAuMDAwMDAwLCAyNzg4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTM4LjksMy41IEMzOC45LDcuODggNDEuNzgsMTAuNDYgNDUuMDIsMTAuNDYgQzQ4LjAyLDEwLjQ2IDUwLjU0LDcuOTQgNTAuNTQsNC44OCBDNTAuNTQsMS45NCA0OC40NCwtMC4wNCA0NS45MiwtMC4wNCBDNDUuMzIsLTAuMDQgNDQuNzgsMC4wOCA0NC41NCwwLjE0IEM0NS4xNCwtMi4wMiA0Ny42NiwtNC42IDQ5LjU4LC01LjU2IEw0NS43NCwtOC42OCBDNDEuNTQsLTUuNjggMzguOSwtMS40MiAzOC45LDMuNSBaIE01Mi40LDMuNSBDNTIuNCw3Ljg4IDU1LjM0LDEwLjQ2IDU4LjU4LDEwLjQ2IEM2MS41MiwxMC40NiA2NC4wNCw3Ljk0IDY0LjA0LDQuODggQzY0LjA0LDEuOTQgNjIsLTAuMDQgNTkuNDIsLTAuMDQgQzU4LjgyLC0wLjA0IDU4LjI4LDAuMDggNTguMDQsMC4xNCBDNTguNywtMi4wMiA2MS4xNiwtNC42IDYzLjA4LC01LjU2IEw1OS4yNCwtOC42OCBDNTUuMDQsLTUuNjggNTIuNCwtMS40MiA1Mi40LDMuNSBaIiBpZD0i4oCcIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
  background-size: 34px 22px;
  content: "";
  position: absolute;
  top: -11px;
  left: clamp(1.25rem, 5vw, 2.25rem);
  width: 34px;
  height: 22px;
}

[data-uvp~="scope"] blockquote[data-uvp~="aspas-green background-green"] {
  background: var(--color-background-green);
}

/* Custom classes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Screen reader only */
[data-uvp~="scope"] [data-uvp~="sr-only"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

[data-uvp~="scope"] [data-uvp~="flex"],
[data-uvp~="scope"] [data-uvp~="flex-center"],
[data-uvp~="scope"] [data-uvp~="flex-column"] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.5rem;
  row-gap: 1rem;
  margin-bottom: 1.5rem
}

[data-uvp~="scope"] :is([data-uvp~="flex"], [data-uvp~="scope"] [data-uvp~="flex-center"], [data-uvp~="scope"] [data-uvp~="flex-column"])>* {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[data-uvp~="scope"] [data-uvp~="flex-center"] {
  justify-content: center;
}

[data-uvp~="scope"] [data-uvp~="flex-column"] {
  flex-direction: column;
}

[data-uvp~="scope"] [data-uvp~="flex-icon-text"] {
  display: flex;
  gap: .75rem;
}

[data-uvp~="scope"] [data-uvp~="flex2text"] {
  display: flex;
  gap: .75rem;
  align-items: baseline;
}

[data-uvp~="scope"] [data-uvp~="flex-icon-text"] [data-uvp~="material-symbols-outlined"] {
  font-size: 24px;
}

[data-uvp~="scope"] [data-uvp~="grid-items-center"] {
  align-items: center;
}

[data-uvp~="scope"] [data-uvp~="text-justify"] {
  text-align: justify;
}

[data-uvp~="scope"] [data-uvp~="text-center"] {
  text-align: center;
}

[data-uvp~="scope"] [data-uvp~="text-right"] {
  text-align: right;
}

[data-uvp~="scope"] [data-uvp~="text-left"] {
  text-align: left;
}

[data-uvp~="scope"] [data-uvp~="text-uppercase"] {
  text-transform: uppercase;
}

[data-uvp~="scope"] [data-uvp~="text-xsmall"] {
  font-size: var(--font-size-xsmall);
}

[data-uvp~="scope"] [data-uvp~="text-small"] {
  font-size: var(--font-size-small);
}

[data-uvp~="scope"] [data-uvp~="text-regular"] {
  font-size: var(--font-size-base);
}

[data-uvp~="scope"] [data-uvp~="text-bold"] {
  font-weight: 700;
}

[data-uvp~="scope"] [data-uvp~="text-normal"] {
  font-weight: 400;
}

[data-uvp~="scope"] [data-uvp~="text-oblique"] {
  font-style: oblique
}

[data-uvp~="scope"] [data-uvp~="text-italic"] {
  font-style: italic
}

[data-uvp~="scope"] [data-uvp~="text-large"] {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-medium);
}

[data-uvp~="scope"] [data-uvp~="text-black"] {
  color: var(--color-text);
}

[data-uvp~="scope"] [data-uvp~="text-green"] {
  color: var(--color-accent);
}

[data-uvp~="scope"] [data-uvp~="text-gray"] {
  color: var(--color-text-gray)
}

[data-uvp~="scope"] [data-uvp~="text-light-gray"] {
  color: var(--color-text-light-gray)
}

[data-uvp~="scope"] [data-uvp~="text-yellow"] {
  color: var(--color-text-yellow) !important
}

[data-uvp~="scope"] [data-uvp~="text-purple"] {
  color: var(--color-text-purple) !important
}

[data-uvp~="scope"] [data-uvp~="text-blue"] {
  color: var(--color-text-blue)
}

[data-uvp~="scope"] [data-uvp~="text-red"] {
  color: var(--color-text-red) !important
}

[data-uvp~="scope"] [data-uvp~="background-gray"] {
  background-color: var(--color-background-gray);
}

[data-uvp~="scope"] [data-uvp~="background-green"] {
  background-color: var(--color-background-green);
}

[data-uvp~="scope"] [data-uvp~="background-blue"] {
  background-color: var(--color-background-blue);
}

[data-uvp~="scope"] [data-uvp~="background-yellow"] {
  background-color: var(--color-background-yellow);
}

[data-uvp~="scope"] [data-uvp~="background-purple"] {
  background-color: var(--color-background-purple);
}

[data-uvp~="scope"] [data-uvp~="background-red"] {
  background-color: var(--color-background-red);
}

[data-uvp~="scope"] [data-uvp~="background-art"] {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .02) 0%, rgb(255, 255, 255) 100%)
}

[data-uvp~="scope"] [data-uvp~="grayscale-1"] {
  filter: grayscale(1) contrast(2);
}

[data-uvp~="scope"] [data-uvp~="margin-auto"] {
  margin-left: auto;
  margin-right: auto;
}

[data-uvp~="scope"] [data-uvp~="margin-paragraph"] {
  margin-bottom: var(--space-vertical-paragraph);
}

[data-uvp~="scope"] [data-uvp~="margin-top-0"] {
  margin-top: 0;
}

[data-uvp~="scope"] [data-uvp~="margin-bottom-0"] {
  margin-bottom: 0;
}

[data-uvp~="scope"] [data-uvp~="full-width"] {
  width: 100%;
}

[data-uvp~="scope"] [data-uvp~="width-auto"] {
  width: auto;
}

[data-uvp~="scope"] [data-uvp~="max-width-400"] {
  width: min(100%, 400px);
}

[data-uvp~="scope"] [data-uvp~="max-width-500"] {
  width: min(100%, 500px);
}

[data-uvp~="scope"] [data-uvp~="no-wrap"] {
  white-space: nowrap
}

[data-uvp~="scope"] [data-uvp~="z-index-100"] {
  z-index: 100;
}

[data-uvp~="scope"] [data-uvp~="styled-text"] [data-uvp~="no-shadow"] {
  box-shadow: none
}

[data-uvp~="scope"] [data-uvp~="katex-display"] {
  margin: 0 !important;
  padding: 1.125rem 0;
  overflow-x: auto;
  overflow-y: hidden;
}

[data-uvp~="scope"] [data-uvp~="katex"] {
  color: inherit;
}

/* Styled lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* List unstyled and list for cards */
[data-uvp~="scope"] ul[data-uvp~="list-unstyled"],
[data-uvp~="scope"] ul[data-uvp~="list-cards"] {
  list-style: none;
  margin-left: 0;
}

[data-uvp~="scope"] ul[data-uvp~="list-unstyled"] li {
  padding-left: 1rem;
  margin: 0;
}

[data-uvp~="scope"] ul[data-uvp~="list-cards"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 1.25rem;
  margin: 1.5rem 0;
}

[data-uvp~="scope"] ul[data-uvp*=grid-highlight] {
  gap: 1.125rem;
}

[data-uvp~="scope"] ul[data-uvp~="list-cards"]>li {
  padding-left: 1.25rem;
  margin: 0 !important;
  width: 100%;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] ul[data-uvp~="list-cards"]>li {
    flex: 1 1 calc(50% - .625rem);
    max-width: calc(50% - .625rem);
    width: calc(50% - .625rem);
  }

  [data-uvp~="scope"] li[data-uvp~="full-width-card"] {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}

/* List check, [data-uvp~="scope"] checkbox and hyphen */
[data-uvp~="scope"] ul[data-uvp~="list-check"]>li,
[data-uvp~="scope"] ul[data-uvp~="list-checkbox"]>li,
[data-uvp~="scope"] ul[data-uvp~="list-hyphen"]>li {
  list-style: none;
  position: relative;
  padding-left: .25rem;
}

[data-uvp~="scope"] ul[data-uvp~="list-check"]>li::before {
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: -2rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgb(0, 164, 173)"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"></path></svg>');
  background-size: 100%;
  content: "";
}

[data-uvp~="scope"] ul[data-uvp~="list-checkbox"]>li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -1.75rem;
  width: 18px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.39 61.64'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%2300A5A2;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='15.89 29.13 30.35 43.59 62.39 7.04'/%3E%3Cpolyline class='cls-1' points='58.64 34.64 58.64 58.64 3 58.64 3 3 46.97 3'/%3E%3C/svg%3E");
}

[data-uvp~="scope"] ul[data-uvp~="list-hyphen"]>li:before {
  content: "—";
  left: -1.6875rem;
  top: -2px;
  width: auto;
  position: absolute;
  color: var(--color-accent);
  font-size: 1.125rem;
  font-weight: 600;
}

/* List with stylized numbering */
[data-uvp~="scope"] ol[data-uvp~="list-styled-numbers"] {
  padding-left: 0;
  list-style: none;
  counter-reset: item;
  margin-left: 0;
}

[data-uvp~="scope"] ol[data-uvp~="list-styled-numbers"]>li {
  margin-top: 0;
  margin-bottom: 1.125rem;
  margin-left: 36px;
  padding-left: 0;
  counter-increment: item;
}

[data-uvp~="scope"] ol[data-uvp~="list-styled-numbers"]>li::before {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -1px;
  margin-right: 10px;
  margin-left: -36px;
  float: left;
  border-radius: 10px;
  background: var(--color-accent);
  background-image: linear-gradient(to left, #00cdc8, #00c3be, #00b9b5, #00afab, #00a5a2);
  color: #fff;
  font-size: .9375rem;
  text-align: center;
  content: counter(item);
}

/* Various cards
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Google material symbols/icons in cards */
[data-uvp~="scope"] [data-uvp~="material-symbols-outlined"] {
  vertical-align: middle;
}

[data-uvp~="scope"] [data-uvp="material-symbols-outlined"] {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* або 1em, залежно від потреб */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48;
}


/* Awesome icons in cards */
:where([data-uvp~="scope"] [data-uvp~="card-gray"], [data-uvp~="scope"] [data-uvp~="card-grey"], [data-uvp~="scope"] [data-uvp~="card-green"], [data-uvp~="scope"] [data-uvp~="card-yellow"], [data-uvp~="scope"] [data-uvp~="card-red"], [data-uvp~="scope"] [data-uvp~="card-purple"], [data-uvp~="scope"] [data-uvp~="card-neutral"]) [data-uvp~="fab"] {
  font-size: 1.25rem;
  vertical-align: middle;
}

[data-uvp~="scope"] aside,
[data-uvp~="scope"] [data-uvp~="aside"] {
  display: flex;
  align-items: center;
  gap: .875rem;
  margin: 1.5rem 0;
  font-size: var(--font-size-small);
  font-style: italic;
}

[data-uvp~="scope"] aside:not([data-uvp])>:is([data-uvp~="material-symbols-outlined"], [data-uvp~="scope"] span, [data-uvp~="scope"] i),
[data-uvp~="scope"] [data-uvp~="aside"]>:is([data-uvp~="material-symbols-outlined"], [data-uvp~="scope"] span, [data-uvp~="scope"] i) {
  color: var(--color-accent);
  font-size: 30px;
}

[data-uvp~="scope"] aside:not([data-uvp])>:where(p, [data-uvp~="scope"] div),
[data-uvp~="scope"] [data-uvp~="aside"]>:where(p, [data-uvp~="scope"] div) {
  width: calc(100% - 45px);
}

[data-uvp~="scope"] [data-uvp~="art-card"] {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 1.5rem 0;
  padding: 1.5rem;
}

[data-uvp~="scope"] [data-uvp~="art-card"]>*:first-child {
  margin-top: 0 !important;
}

[data-uvp~="scope"] [data-uvp~="art-card"]>*:last-child {
  margin-bottom: 0 !important;
}

:is([data-uvp~="scope"] [data-uvp~="card-gray"], [data-uvp~="scope"] [data-uvp~="card-grey"], [data-uvp~="scope"] [data-uvp~="card-green"], [data-uvp~="scope"] [data-uvp~="card-yellow"], [data-uvp~="scope"] [data-uvp~="card-red"], [data-uvp~="scope"] [data-uvp~="card-purple"], [data-uvp~="scope"] [data-uvp~="card-neutral"]) {
  margin: 1.5rem 0;
  padding: 1.25rem;
  border-radius: var(--border-radius-medium);
  box-shadow: var(--shadow-card);
}

:is([data-uvp~="scope"] [data-uvp~="card-gray"], [data-uvp~="scope"] [data-uvp~="card-grey"], [data-uvp~="scope"] [data-uvp~="card-green"], [data-uvp~="scope"] [data-uvp~="card-yellow"], [data-uvp~="scope"] [data-uvp~="card-red"], [data-uvp~="scope"] [data-uvp~="card-purple"], [data-uvp~="scope"] [data-uvp~="card-neutral"])>:is([data-uvp~="material-symbols-outlined"], [data-uvp~="scope"] span, [data-uvp~="scope"] i) {
  font-size: 30px;
  padding-bottom: .625rem;
}

:is([data-uvp~="scope"] [data-uvp~="card-gray"], [data-uvp~="scope"] [data-uvp~="card-grey"], [data-uvp~="scope"] [data-uvp~="card-green"], [data-uvp~="scope"] [data-uvp~="card-yellow"], [data-uvp~="scope"] [data-uvp~="card-red"], [data-uvp~="scope"] [data-uvp~="card-purple"], [data-uvp~="scope"] [data-uvp~="card-neutral"]) a {
  text-decoration-color: var(--color-text-decoration-gray);
}

[data-uvp~="scope"] [data-uvp*=card-]>[data-uvp~="card-title-left"] {
  font-weight: 600;
}

@media (min-width: 700px) {
  [data-uvp~="scope"] [data-uvp*=card-]>[data-uvp~="card-title-left"] {
    padding-right: 1.5rem;
    flex: 1 1 calc(25% - 14px);
    min-width: calc(25% - 14px);
    width: calc(25% - 14px);
  }
}

[data-uvp~="scope"] [data-uvp*=card-] ol:not([data-uvp]),
[data-uvp~="scope"] [data-uvp*=card-] ul:not([data-uvp]) {
  margin-left: 1.25rem;
}

[data-uvp~="scope"] [data-uvp*=card-]>:last-child {
  margin-bottom: 0 !important;
}

[data-uvp~="scope"] [data-uvp*=card-]>:first-child {
  margin-top: 0 !important;
}

@media (min-width: 700px) {
  :is([data-uvp~="scope"] [data-uvp~="card-gray"], [data-uvp~="scope"] [data-uvp~="card-grey"], [data-uvp~="scope"] [data-uvp~="card-green"], [data-uvp~="scope"] [data-uvp~="card-yellow"], [data-uvp~="scope"] [data-uvp~="card-red"], [data-uvp~="scope"] [data-uvp~="card-purple"], [data-uvp~="scope"] [data-uvp~="card-neutral"]) {
    display: flex;
    gap: .75rem;
    /* overflow-x: auto; */
  }

  :is([data-uvp~="scope"] [data-uvp~="card-gray"], [data-uvp~="scope"] [data-uvp~="card-grey"], [data-uvp~="scope"] [data-uvp~="card-green"], [data-uvp~="scope"] [data-uvp~="card-yellow"], [data-uvp~="scope"] [data-uvp~="card-red"], [data-uvp~="scope"] [data-uvp~="card-purple"], [data-uvp~="scope"] [data-uvp~="card-neutral"])>:is([data-uvp~="material-symbols-outlined"], [data-uvp~="scope"] span, [data-uvp~="scope"] i) {
    font-size: 24px;
    width: 24px;
    padding-bottom: 0;
  }

  :is([data-uvp~="scope"] [data-uvp~="card-gray"], [data-uvp~="scope"] [data-uvp~="card-grey"], [data-uvp~="scope"] [data-uvp~="card-green"], [data-uvp~="scope"] [data-uvp~="card-yellow"], [data-uvp~="scope"] [data-uvp~="card-red"], [data-uvp~="scope"] [data-uvp~="card-purple"], [data-uvp~="scope"] [data-uvp~="card-neutral"])>:where(div, [data-uvp~="scope"] [data-uvp~="card-content"], [data-uvp~="scope"] p) {
    flex: auto;
    overflow-x: auto;
  }
}


/* Card colors */
[data-uvp~="scope"] [data-uvp~="card-gray"],
[data-uvp~="scope"] [data-uvp~="card-grey"],
[data-uvp~="scope"] [data-uvp~="grid-highlight-gray"]>*,
[data-uvp~="scope"] [data-uvp~="grid-highlight-grey"]>* {
  background-color: var(--color-background-gray);
}

[data-uvp~="scope"] [data-uvp~="card-grey"]>[data-uvp~="material-symbols-outlined"],
[data-uvp~="scope"] [data-uvp~="card-gray"]>[data-uvp~="material-symbols-outlined"] {
  color: var(--color-accent);
}

[data-uvp~="scope"] [data-uvp~="card-green"],
[data-uvp~="scope"] [data-uvp~="grid-highlight-green"]>* {
  background-color: var(--color-background-green);
}

[data-uvp~="scope"] [data-uvp~="card-green"]>[data-uvp~="material-symbols-outlined"] {
  color: var(--color-accent)
}

[data-uvp~="scope"] [data-uvp~="card-yellow"],
[data-uvp~="scope"] [data-uvp~="grid-highlight-yellow"]>* {
  background-color: var(--color-background-yellow);
}

[data-uvp~="scope"] [data-uvp~="card-yellow"]>[data-uvp~="material-symbols-outlined"],
[data-uvp~="scope"] [data-uvp~="card-yellow"] :is(ul, [data-uvp~="scope"] ol) li::marker,
[data-uvp~="scope"] [data-uvp~="card-yellow"] ul[data-uvp~="list-hyphen"]>li:before,
[data-uvp~="scope"] [data-uvp~="card-yellow"] a:hover {
  color: var(--color-text-yellow);
  text-decoration-color: var(--color-text-yellow);
}

[data-uvp~="scope"] [data-uvp~="card-purple"],
[data-uvp~="scope"] [data-uvp~="grid-highlight-purple"]>* {
  background-color: var(--color-background-purple);
}

[data-uvp~="scope"] [data-uvp~="card-purple"]>[data-uvp~="material-symbols-outlined"],
[data-uvp~="scope"] [data-uvp~="card-purple"] :is(ul, [data-uvp~="scope"] ol) li::marker,
[data-uvp~="scope"] [data-uvp~="card-purple"] ul[data-uvp~="list-hyphen"]>li:before,
[data-uvp~="scope"] [data-uvp~="card-purple"] a:hover {
  color: var(--color-text-purple);
  text-decoration-color: var(--color-text-purple);
}

[data-uvp~="scope"] [data-uvp~="card-blue"],
[data-uvp~="scope"] [data-uvp~="grid-highlight-blue"]>* {
  background-color: var(--color-background-blue);
}

[data-uvp~="scope"] [data-uvp~="card-blue"]>[data-uvp~="material-symbols-outlined"],
[data-uvp~="scope"] [data-uvp~="card-blue"] :is(ul, [data-uvp~="scope"] ol) li::marker,
[data-uvp~="scope"] [data-uvp~="card-blue"] ul[data-uvp~="list-hyphen"]>li:before,
[data-uvp~="scope"] [data-uvp~="card-blue"] a:hover {
  color: var(--color-text-blue);
  text-decoration-color: var(--color-text-blue);
}

[data-uvp~="scope"] [data-uvp~="card-red"],
[data-uvp~="scope"] [data-uvp~="grid-highlight-red"]>* {
  background-color: var(--color-background-red);
}

[data-uvp~="scope"] [data-uvp~="card-red"]>[data-uvp~="material-symbols-outlined"],
[data-uvp~="scope"] [data-uvp~="card-red"] :is(ul, [data-uvp~="scope"] ol) li::marker,
[data-uvp~="scope"] [data-uvp~="card-red"] ul[data-uvp~="list-hyphen"]>li:before,
[data-uvp~="scope"] [data-uvp~="card-red"] a:hover {
  color: var(--color-text-red);
  text-decoration-color: var(--color-text-red);
}

[data-uvp~="scope"] [data-uvp~="card-neutral"],
[data-uvp~="scope"] [data-uvp~="grid-highlight-neutral"]>* {
  background-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.03);
}

[data-uvp~="scope"] [data-uvp~="card-neutral"]>[data-uvp~="material-symbols-outlined"] {
  color: var(--color-accent);
}


/* Colored text
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp*=text-marked-] {
  --color-background-green: rgba(0, 165, 162, .12);
  --color-background-yellow: rgba(251, 238, 202, .7);
  --color-background-purple: rgba(203, 65, 232, .12);
  --color-background-red: rgba(255, 0, 0, .1);
  font-weight: 500;
  padding: 0 5px 1px 5px;
  border-radius: 6px;
}

[data-uvp~="scope"] [data-uvp~="text-marked-purple"] {
  background-color: var(--color-background-purple);
  /* color: var(--color-text-purple); */
}

[data-uvp~="scope"] [data-uvp~="text-marked-green"] {
  background-color: var(--color-background-green);
  /* color: var(--color-text-green); */
}

[data-uvp~="scope"] [data-uvp~="text-marked-yellow"] {
  background-color: var(--color-background-yellow);
  /* color: var(--color-text-yellow); */
}

[data-uvp~="scope"] [data-uvp~="text-marked-blue"],
[data-uvp~="scope"] [data-uvp~="background-blue"] {
  background-color: var(--color-background-blue);
  /* color: var(--color-text-blue); */
}

[data-uvp~="scope"] [data-uvp~="text-marked-red"] {
  background-color: var(--color-background-red);
  /* color: var(--color-text-blue); */
}


/* Accordions (retails)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="details-group"] {
  margin-bottom: 1.625rem
}

[data-uvp~="scope"] details:where(:not(:first-child)) {
  margin-top: 1.625rem
}

[data-uvp~="scope"] details+details {
  margin-top: 0
}

[data-uvp~="scope"] details[data-uvp]+details[data-uvp] {
  margin-top: 4px
}

[data-uvp~="scope"] details+*:not(details) {
  margin-top: 1.625rem;
}

[data-uvp~="scope"] details>:last-child {
  margin-bottom: 0;
}

[data-uvp~="scope"] details:not([data-uvp]) {
  border-block: 1px solid var(--color-border-gray);
  /* padding: 1rem 0 1rem 0; */
}

[data-uvp~="scope"] details:not([data-uvp])[open] {
  border-bottom: 2px solid var(--color-accent);
}

[data-uvp~="scope"] details:not([data-uvp])+details:not([data-uvp]) {
  border-block-start: none;
}

[data-uvp~="scope"] details summary {
  position: relative;
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  padding-right: 50px;
  line-height: var(--line-height-base);
  padding-block: 1rem;
}

[data-uvp~="scope"] details[open] summary {
  margin-bottom: .125rem;
}

[data-uvp~="scope"] details[open] summary[role] {
  /* margin-bottom: 1.5rem; */
  margin-bottom: .5rem;
}

[data-uvp~="scope"] details[open] details:not([open]) summary {
  margin-bottom: 0;
}

[data-uvp~="scope"] details[open] summary+* {
  margin-top: 0;
}

[data-uvp~="scope"] details summary:not([role]) {
  transition: margin 150ms ease-out;
}

[data-uvp~="scope"] details summary:not([role])>[data-uvp~="material-symbols-outlined"] {
  /* color: #3c4043; */
  /* color: #8f8f8f */
  color: var(--color-accent);
}

[data-uvp~="scope"] details summary:not([role]):hover,
[data-uvp~="scope"] details summary:not([role]):hover>[data-uvp~="material-symbols-outlined"] {
  color: var(--color-accent)
}

[data-uvp~="scope"] details summary[role] {
  width: 100%;
  text-align: left;
  margin-top: 0;
  font-weight: var(--font-weight-semibold);
  padding: .75rem 3rem .75rem .875rem;
  line-height: var(--line-height-base);
}

[data-uvp~="scope"] details summary::-webkit-details-marker {
  display: none;
  content: "";
}

[data-uvp~="scope"] details summary::marker {
  display: none;
  content: "";
}

[data-uvp~="scope"] details summary::before,
[data-uvp~="scope"] details summary::after {
  content: "";
  display: block;
  position: absolute;
  top: 0
}

/* details summary::before{
  transition: .25s transform ease;
}[data-uvp~="scope"] */

[data-uvp~="scope"] details:not([data-uvp])>summary::before {
  width: 34px;
  height: 34px;
  border-radius: var(--border-radius-medium);
  background-color: var(--color-background-gray);
  inset-inline-end: 0;
  inset-block-start: 11px
}

[data-uvp~="scope"] details summary::after {
  width: 8px;
  height: 8px;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  inset-inline-end: 13px;
  inset-block-start: 23px;
  transform: rotate(45deg)
}

[data-uvp~="scope"] details summary[role]::after {
  inset-block-start: 19px;
  inset-inline-end: 14px;
}

[data-uvp~="scope"] details summary:focus {
  outline: none
}

[data-uvp~="scope"] details summary:focus:not([role])::after {
  color: var(--color-accent)
}

[data-uvp~="scope"] details summary:focus-visible:not([role]) {
  --primary-focus: rgba(var(--color-accent-rgb), .3);
  outline: .1875rem solid var(--primary-focus);
  /* outline-offset: .5rem; */
  color: var(--color-accent);
}

[data-uvp~="scope"] details summary:hover::before {
  filter: invert(0.05)
}

[data-uvp~="scope"] details[open][data-uvp] {
  margin-bottom: 1.5rem;
}

[data-uvp~="scope"] details[open] summary::after {
  inset-block-start: 10px;
  inset-block-start: 26px;
  transform: rotate(-135deg)
}

[data-uvp~="scope"] details[open] details:not([open]) summary::after {
  inset-block-start: 23px;
  transform: rotate(45deg)
}

[data-uvp~="scope"] details[open]:not([data-uvp]) {
  padding-bottom: 1.75rem;
}

[data-uvp~="scope"] details[open] summary[role]::after {
  inset-block-start: 23px;
}

[data-uvp~="scope"] details[open] details:not([open]) summary[role]::after {
  inset-block-start: 19px;
}


/* Quizzes: Falso/Verdadeiro e Múltipla Escolha
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="quiz-container"] {
  --color-background-light-gray: rgba(0, 0, 0, .03);
  --color-background-green: rgba(0, 165, 162, .1);
  --color-background-light-green: rgba(0, 165, 162, .03);
  --color-background-light-red: rgba(222, 87, 77, .03);
  margin-bottom: 1.75rem;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] [data-uvp~="quiz-question"] {
  position: relative;
  display: flex;
  column-gap: .5rem;
  background-color: var(--color-background-green);
  padding: 1.25rem;
  border-radius: var(--border-radius-medium);
  box-shadow: var(--shadow-card);
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] [data-uvp~="quiz-question"] [data-uvp~="material-symbols-outlined"] {
  color: var(--color-accent);
}

/* [data-uvp~="quiz-container"] [data-uvp~="quiz-question"]::after{
  font-size: var(--font-size-x-small);
  color: var(--color-accent);
  content: "Autoavaliação";
  position: absolute;
  top: 18px;
  right: 16px;
  background: rgba(var(--color-accent-rgb), .15);
  padding: 4px 12px;
  border-radius: var(--border-radius-medium);
}[data-uvp~="scope"] */

[data-uvp~="scope"] [data-uvp~="quiz-container"] [data-uvp~="quiz-question"]+details {
  border-top: 0;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details {
  padding: 0 1.25rem;
  margin: 0;
  background: var(--color-background-light-gray);
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details:not([open]):hover {
  background: var(--color-background-gray);
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details:not([open]):hover summary::after {
  color: var(--color-accent);
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details summary {
  padding: 1rem 3rem 1rem 0;
  font-weight: 400;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details summary:hover {
  color: inherit;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details summary:focus-visible {
  outline: 0;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details[open] {
  padding-bottom: 1rem;
  font-size: .9375rem;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details[open] summary {
  padding-bottom: 1.125rem;
  margin-bottom: 0;
  font-size: 1rem;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details>summary::before {
  display: none;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details:not([data-uvp]) summary::after {
  width: 24px;
  height: 24px;
  border: none;
  inset-block-start: calc(50% - 12px);
  inset-inline-end: 0;
  transform: none;
  content: "check_box_outline_blank";
  font: normal normal normal 24px/24px Material Icons;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  text-transform: none;
  word-wrap: normal;
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details:not([data-answer="correct"])[open] {
  background: var(--color-background-light-red);
  border-bottom-color: var(--color-text-red);
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details[data-answer="correct"][open] {
  background: var(--color-background-light-green);
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details:not([data-answer="correct"])[open] summary::after {
  color: var(--color-text-red);
  content: "not_interested";
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details[data-answer="correct"][open] summary::after {
  color: var(--color-text-green);
  content: "check";
}

[data-uvp~="scope"] [data-uvp~="quiz-container"] details:not([open]) summary:where(:focus):not([data-uvp]):after {
  color: var(--color-text)
}


/* Nav-tabs e nav-tabs-videos navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] [data-uvp~="tabs"],
[data-uvp~="scope"] [data-uvp~="tabs-wrapper"] {
  margin: 1.5rem 0;
}

[data-uvp~="scope"] h3+[data-uvp~="tabs"],
[data-uvp~="scope"] h3+[data-uvp~="tabs-wrapper"] {
  margin-top: 0;
}

[data-uvp~="scope"] [data-uvp~="nav-tabs-content"]>:last-child {
  margin-bottom: 0 !important;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] {
  border-bottom: 1px solid var(--color-border-gray);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0 0 1.5rem 0;
  list-style: none;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] li {
  list-style: none;
  margin-bottom: 0;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] li::before {
  content: "";
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] li:hover {
  background: var(--color-background-gray);
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] a {
  display: block;
  padding: .75rem 1rem .5rem 1rem;
  text-decoration: none;
  color: var(--color-text);
  border-bottom: 4px solid transparent;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] li[data-uvp~="active"] a,
[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] [aria-selected] {
  border-bottom: 4px solid var(--color-accent);
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] li[data-uvp~="active"] a {
  color: var(--color-accent);
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] a:hover {
  color: var(--color-text)
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] {
  border-bottom: 1px solid var(--color-border-gray);
  padding-left: 0;
  margin: 0 0 1.5rem 0;
  list-style: none;
  font-size: .9375rem;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] li {
  list-style: none;
  margin-bottom: 0;
  border-top: 1px solid var(--color-border-gray);
  line-height: 2.25;
  transition: background-color 0.3s ease;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] li:hover {
  background: var(--color-background-gray);
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] li[data-uvp~="active"],
[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] [aria-selected] {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(0, 164, 173)"><path d="M320-200v-560l440 280-440 280Zm80-280Zm0 134 210-134-210-134v268Z"/></svg>');
  background-repeat: no-repeat;
  background-position: 0 50%;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] a {
  padding: .5rem 1rem .5rem 1.875rem;
  text-decoration: none;
  color: var(--color-text);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  transition: none;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] li[data-uvp~="active"] a,
[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] [aria-selected] {
  color: var(--color-accent);
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] a:hover {
  color: var(--color-text)
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] a:focus,
[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] a:focus {
  outline: 0;
}

[data-uvp~="scope"] ul[data-uvp~="nav-tabs"] a:focus-visible,
[data-uvp~="scope"] ul[data-uvp~="nav-tabs-videos"] a:focus-visible {
  --primary-focus: rgba(var(--color-accent-rgb), .3);
  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 .1875rem var(--primary-focus);
  box-shadow: var(--button-box-shadow);
}


/* Styled code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-uvp~="scope"] code,
[data-uvp~="scope"] pre {
  position: relative;
  font-size: .9375rem;
  white-space: pre;
}

/* pre{
  max-height: 500px;
}[data-uvp~="scope"] */

[data-uvp~="scope"] pre code {
  overflow-x: auto;
}

[data-uvp~="scope"] pre[data-uvp] {
  tab-size: 2;
  padding: 40px 0 0;
  border-radius: 3px;
  background-color: #272727;
  -ms-overflow-style: scrollbar;
}

[data-uvp~="scope"] pre[data-uvp]:before {
  position: absolute;
  padding: 0 5px 0 18px;
  height: 44px;
  line-height: 44px;
  width: 100%;
  top: 0;
  left: 0;
  content: attr(data-lang);
  font-family: var(--font-family-base);
  font-size: .875rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: rgba(52, 53, 65, 0.95);
  color: rgba(217, 217, 227, 1);
}

[data-uvp~="scope"] :not(pre)>code[data-uvp*="language-"] {
  background: rgba(246, 246, 246, 0.3)
}

[data-uvp~="scope"] pre button[data-uvp~="button-contrast"] {
  position: absolute;
  font-family: var(--font-family-base);
  padding-block: 5px;
  height: 33px;
  right: 10px;
  top: 2px;
  font-size: .875rem;
  border-color: #272727;
  border-radius: 6px;
  outline: 0;
  color: rgba(217, 217, 227, 1);
  background: #272727;
}

/************************/

[data-uvp~="scope"] pre[data-uvp*=language-] {
  border-radius: 6px;
  overflow: auto
}

[data-uvp~="scope"] :not(pre)>code[data-uvp*=language-] {
  border-radius: 6px;
  padding: .125rem;
  white-space: normal
}

/************************/

[data-uvp~="scope"] code[data-uvp*=language-],
[data-uvp~="scope"] pre[data-uvp*=language-] {
  color: #fff;
  background-color: var(--color-background-code);
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}


/* Scrolling */
[data-uvp~="scope"] pre[data-uvp*=code-]::-moz-selection,
[data-uvp~="scope"] pre[data-uvp*=code-] ::-moz-selection,
[data-uvp~="scope"] code[data-uvp*=language-]::-moz-selection,
[data-uvp~="scope"] code[data-uvp*=language-] ::-moz-selection {
  text-shadow: none;
  background: rgba(29, 59, 83, .99);
  color: #fff;
}

[data-uvp~="scope"] pre[data-uvp*=code-]::selection,
[data-uvp~="scope"] pre[data-uvp*=code-] ::selection,
[data-uvp~="scope"] code[data-uvp*=language-]::selection,
[data-uvp~="scope"] code[data-uvp*=language-] ::selection {
  text-shadow: none;
  background: rgba(29, 59, 83, .99);
  color: #fff;
}

[data-uvp~="scope"] pre code[data-uvp*=language-]::-webkit-scrollbar {
  height: 8px;
}

[data-uvp~="scope"] pre code[data-uvp*=language-]::-webkit-scrollbar {
  height: 8px;
}

[data-uvp~="scope"] pre code[data-uvp*=language-]::-webkit-scrollbar-thumb {
  background: var(--color-accent);
}

[data-uvp~="scope"] pre code[data-uvp*=language-]::-webkit-scrollbar-thumb:hover {
  --color-accent-shade: rgba(33, 186, 114, 0.16);
  background: var(--color-accent-shade);
}


/* Tokens */
[data-uvp~="scope"] [data-uvp~="token comment"],
[data-uvp~="scope"] [data-uvp~="token prolog"],
[data-uvp~="scope"] [data-uvp~="token cdata"] {
  color: #637777;
  font-style: italic
}

[data-uvp~="scope"] [data-uvp~="token punctuation"] {
  color: #c792ea
}

[data-uvp~="scope"] [data-uvp~="namespace"] {
  color: #b2ccd6
}

[data-uvp~="scope"] [data-uvp~="token deleted"] {
  color: #ef53508f;
  font-style: italic
}

[data-uvp~="scope"] [data-uvp~="token symbol"],
[data-uvp~="scope"] [data-uvp~="token property"] {
  color: #80cbc4
}

[data-uvp~="scope"] [data-uvp~="token tag"],
[data-uvp~="scope"] [data-uvp~="token operator"],
[data-uvp~="scope"] [data-uvp~="token keyword"] {
  color: #7fdbca
}

[data-uvp~="scope"] [data-uvp~="token boolean"] {
  color: #ff5874
}

[data-uvp~="scope"] [data-uvp~="token number"] {
  color: #f78c6c
}

[data-uvp~="scope"] [data-uvp~="token constant"],
[data-uvp~="scope"] [data-uvp~="token function"],
[data-uvp~="scope"] [data-uvp~="token builtin"],
[data-uvp~="scope"] [data-uvp~="token char"] {
  color: #82aaff
}

[data-uvp~="scope"] [data-uvp~="token selector"],
[data-uvp~="scope"] [data-uvp~="token doctype"] {
  color: #c792ea;
  font-style: italic
}

[data-uvp~="scope"] [data-uvp~="token attr-name"],
[data-uvp~="scope"] [data-uvp~="token inserted"] {
  color: #addb67;
  font-style: italic
}

[data-uvp~="scope"] [data-uvp~="token string"],
[data-uvp~="scope"] [data-uvp~="token url"],
[data-uvp~="scope"] [data-uvp~="token entity"],
[data-uvp~="scope"] [data-uvp~="language-css"] [data-uvp~="token string"],
[data-uvp~="scope"] [data-uvp~="style"] [data-uvp~="token string"] {
  color: #addb67
}

[data-uvp~="scope"] [data-uvp~="token class-name"],
[data-uvp~="scope"] [data-uvp~="token atrule"],
[data-uvp~="scope"] [data-uvp~="token attr-value"] {
  color: #ffcb8b
}

[data-uvp~="scope"] [data-uvp~="token regex"],
[data-uvp~="scope"] [data-uvp~="token important"],
[data-uvp~="scope"] [data-uvp~="token variable"] {
  color: #d6deeb
}

[data-uvp~="scope"] [data-uvp~="token important"],
[data-uvp~="scope"] [data-uvp~="token bold"] {
  font-weight: 700
}

[data-uvp~="scope"] [data-uvp~="token italic"] {
  font-style: italic
}

@media print {
  @page {
    margin: 1.25cm 1cm;
  }

  [data-uvp~="scope"] a,
  [data-uvp~="scope"] a:visited {
    text-decoration: underline;
  }

  /**
	 * Show URL after links
	 */
  /* a[href]:after{
    content: " (" attr(href) ")";
  }[data-uvp~="scope"] */

  /**
	 * Don't show URL for internal links
	 */
  [data-uvp~="scope"] a[href^="#"]:after {
    content: "";
  }

  [data-uvp~="scope"] p,
  [data-uvp~="scope"] h1,
  [data-uvp~="scope"] h2,
  [data-uvp~="scope"] h3 {
    orphans: 3;
    widows: 3;
  }


  /**
	 * Avoid inserting a page break after headers
	 */
  [data-uvp~="scope"] h1,
  [data-uvp~="scope"] h2,
  [data-uvp~="scope"] h3 {
    page-break-after: avoid;
  }

  [data-uvp~="scope"]

  /**
	 * Avoid page breaks inside the content
	 */
  [data-uvp~="scope"] pre,
  [data-uvp~="scope"] blockquote,
  [data-uvp~="scope"] [data-uvp*=card-],
  [data-uvp~="scope"] [data-uvp*=grid-]>* {
    page-break-inside: avoid;
  }


  /**
	 * Displayed as a table header row group
	 */
  [data-uvp~="scope"] thead {
    display: table-header-group;
  }


  /**
	 * Avoid inserting a page break inside table rows and images
	 */
  [data-uvp~="scope"] tr,
  [data-uvp~="scope"] img {
    page-break-inside: avoid;
  }
}