html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

:root {
  --_text---text-primary-900: #1d1b18;
  --_text---text-tertiary-600: #5c5650;
  --_text---text-primary_on-brand: white;
  --_background---bg-warning-secondary: #fef0c7;
  --_brand---brand: #ff8700;
  --_background---bg-primary: white;
  --_background---bg-brand-light: #ffbb6f;
  --_text---text-secondary: #414651;
  --_text---text-brand-700: #975001;
  --_accent---orange-1: #ff8e00;
  --_brand---brand-hover: #bf6501;
  --_accent---orange-2: #dc6803;
  --_accent---orange-3: #975001;
  --_text---text-primary: #1d1b18;
  --_border---border-primary: #d7d4d1;
  --_background---bg-secundary: #f4f4f4;
  --_background---bg-brand50: #fffcfa;
  --_border---border-brand: #ff8700;
  --_text---text-brand-tertiary-600: #bf6501;
  --_brand---brand-300: #ffddbd;
  --_text---text-secondary-700: #46423e;
  --_background---bg1_gradient: #fef0c7;
  --bg2_gradient: #fff6df;
  --_background---bg-brand-300: #ffddbd;
  --_text---text-brand-primary: #ff8700;
  --relume-library-lite--rl-white: white;
  --relume-library-lite--rl-black: black;
  --_text---text-quaternary-500: #7f756c;
  --_background---bg-light: #fdf1d6;
  --_background---bg-brand: #ff8700;
  --_border---border-secondary_alt: #00000014;
  --_background---bg-light-200: #fff6df;
  --_background---fg-brand-secondary-500: #ff8700;
  --_brand---brand-light: #ffd1981a;
  --accessible-components--dodger-blue: #1378d1;
  --accessible-components--dark-grey: #9b9b9b;
  --_accent---utility-brand-300: #ffddbd;
  --_brand---border-brand-light: #ff870080;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--_text---text-primary-900);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h4 {
  color: var(--_text---text-tertiary-600);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section {
  text-align: left;
  background-color: #a26464;
  background-image: linear-gradient(333deg, #fef0c7, #fff5d5 30%, #fff6df 74%, #fff);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: auto;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.navigation_button {
  grid-column-gap: 2px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-height: 36px;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.navigation_button:where(.w-variant-47922bee-bef2-0b90-7ece-26ca7cdf4019) {
  background-color: #ffddbd;
}

.navigation_button:where(.w-variant-6197a922-5bee-9ee5-96a9-58daab5eadea) {
  background-color: #9e0101;
}

.text-padding {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #414651;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.chevron-down {
  object-fit: cover;
  display: inline-flex;
  overflow: hidden;
}

.chevron-down:where(.w-variant-6197a922-5bee-9ee5-96a9-58daab5eadea) {
  display: none;
}

.chevron-down:hover {
  display: none;
  overflow: hidden;
}

.container-2 {
  justify-content: center;
  align-items: center;
  padding-right: 16px;
  display: none;
}

.container-2:where(.w-variant-a109ffea-91ce-39ae-6b75-fcfadefc0e6a) {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.buttonnavcta {
  grid-column-gap: 8px;
  color: var(--_text---text-primary_on-brand);
  background-color: #ff8700;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.content-left {
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: 600px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.badge {
  grid-column-gap: 8px;
  background-color: var(--_background---bg-warning-secondary);
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.frame-style {
  object-fit: cover;
  display: inline-block;
  overflow: hidden;
}

.message {
  color: #975001;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.button_cta_inscrever {
  grid-column-gap: 12px;
  background-image: linear-gradient(180deg, var(--_brand---brand), var(--_brand---brand) 100%, white);
  width: 326px;
  min-width: auto;
  max-width: none;
  height: auto;
  text-decoration: none;
  -webkit-text-decoration-color: var(--_background---bg-primary);
  text-decoration-color: var(--_background---bg-primary);
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px;
  display: flex;
  overflow: hidden;
}

.button_cta_inscrever:hover {
  background-image: linear-gradient(45deg, var(--_brand---brand), var(--_brand---brand) 32%, var(--_background---bg-brand-light));
}

.text-padding-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.featured-icon {
  background-color: #fff;
  border-radius: 9999px;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  height: auto;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.body {
  display: block;
}

.header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: 0;
  margin-right: 0;
  padding: 24px;
  display: flex;
  position: relative;
}

.div-block-2 {
  flex-flow: column;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 3rem;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.primary-button {
  background-color: var(--_brand---brand);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.chevron-up {
  display: none;
}

.chevron-up:hover {
  display: inline-flex;
}

.text-block {
  color: var(--_text---text-secondary);
}

.text-cta {
  color: var(--_text---text-primary_on-brand);
  font-size: .875rem;
  line-height: 1.5;
}

.text-cta.cta-inscrever {
  text-align: left;
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
}

.div-block-4 {
  width: 490px;
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-5 {
  padding-top: 3rem;
}

.image {
  z-index: 1;
  object-fit: contain;
  width: 1000px;
  max-width: 100%;
  display: block;
  position: absolute;
  inset: 160px auto auto;
  overflow: clip;
}

.content-right {
  -webkit-text-fill-color: inherit;
  background-image: url("/images/6a5e7c367abfdc1f338dab6d_HOME.png");
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  justify-content: center;
  align-items: flex-start;
  width: 600px;
  height: 520px;
  padding-left: 0;
  display: flex;
}

.div-block-6 {
  max-width: 800px;
}

.top-bar {
  grid-column-gap: 8px;
  background-image: linear-gradient(90deg, #ff8700, #ffba6d);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.top-bar.barra-divisor {
  grid-column-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 107px;
}

.col {
  z-index: 9999;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  height: auto;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.frame-431 {
  grid-column-gap: 32px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 36px;
  display: flex;
}

.frame-438 {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  text-decoration: none;
  display: flex;
}

.button_top_bar {
  grid-column-gap: 8px;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 16px 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-style-2 {
  object-fit: cover;
  overflow: hidden;
}

.text-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.frame-437 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.button-top-bar {
  grid-column-gap: 8px;
  background-color: var(--_text---text-brand-700);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-top-bar.processo-seletivo {
  background-color: var(--_accent---orange-1);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 36px;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow: hidden;
}

.button-top-bar.processo-seletivo:hover {
  background-color: var(--_brand---brand-hover);
}

.button-top-bar.portal-academico {
  background-color: var(--_accent---orange-2);
  height: 36px;
}

.button-top-bar.portal-academico:hover {
  background-color: var(--_brand---brand-hover);
}

.button-top-bar.tour-virtual {
  background-color: var(--_accent---orange-3);
}

.button-top-bar.tour-virtual:hover {
  background-color: var(--_brand---brand-hover);
}

.image-2 {
  width: auto;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-3 {
  z-index: 2;
  height: auto;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.section-info-banner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  text-decoration: none;
  display: flex;
  position: static;
  top: 600.519px;
  left: 352px;
}

.frame-9 {
  background-color: #fff;
  border: 1px solid #e9e7e5;
  border-bottom-width: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-11 {
  grid-row-gap: 8px;
  background-image: linear-gradient(-52.33deg, #fff7e6, #ffe6c6 43%, #ffd5a6);
  border: 0 solid #e9e7e5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-14 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-3 {
  grid-column-gap: 8px;
  object-fit: cover;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-7 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.text-8 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.frame-10 {
  grid-row-gap: 8px;
  border: 0 solid #e9e7e5;
  border-right-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-12 {
  grid-row-gap: 8px;
  background-color: #fff;
  border: 0 solid #e9e7e5;
  border-right-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-13 {
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.div-block-7 {
  display: flex;
}

.section-hero {
  grid-row-gap: 8px;
  border-radius: 0 0 16px 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.section-hero.section-hero-border {
  border-radius: 16px;
}

.banner {
  grid-row-gap: 0px;
  border-radius: 0 0 16px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 267.87px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.banner.banner-border {
  border-radius: 16px;
}

.banner-2 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.left-arrow {
  overflow: hidden;
}

.slider {
  border-radius: 0 0 16px 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 267.87px;
  display: flex;
}

.slide-nav {
  display: none;
}

.empty-state-2, .collection-list-wrapper-2, .collection-item {
  width: 100%;
}

.section-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  padding-top: 6.125rem;
  padding-bottom: 3rem;
  text-decoration: none;
  display: flex;
}

.badge-group {
  grid-column-gap: 8px;
  background-color: #fffcfa;
  border: 1px solid #fff1e3;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.img-badge {
  object-fit: cover;
  overflow: hidden;
}

.label-badge {
  color: #975001;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.titlle-section-header {
  color: #1d1b18;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
}

.supporting-text {
  color: #5c5650;
  text-align: center;
  max-width: 40.625rem;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.supporting-text.descricao-2 {
  text-align: left;
  max-width: 100%;
}

.page-slot {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.cards-wrapper {
  box-sizing: content-box;
  grid-column-gap: 24px;
  aspect-ratio: auto;
  object-fit: fill;
  scroll-snap-align: start;
  scroll-snap-type: X mandatory;
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding-top: 48px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: auto;
}

.card-cursos {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 390px;
  max-width: 390px;
  height: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-21 {
  background-color: #ffeabc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 430px;
  display: flex;
  overflow: hidden;
}

.frame-21.capa-graduacao {
  height: 300px;
}

.frame-21.capa-graduacao:where(.w-variant-6cfb5a41-abdc-8211-2336-752d73f97932) {
  height: 206px;
}

.image-6 {
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  height: 300px;
  overflow: visible;
}

.content-style {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.title-style {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.title-card {
  color: #1e1e1e;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
  display: block;
}

.title-card:where(.w-variant-6cfb5a41-abdc-8211-2336-752d73f97932) {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.title-card.title-tab-pilares {
  color: var(--_background---bg-primary);
  text-align: center;
  font-weight: 500;
}

.title-card.title-tab-pilares:where(.w-variant-a36b7775-2e6f-98a3-a575-87fa593dfc57) {
  color: var(--_text---text-primary);
}

.frame-23 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.badge-2 {
  background-color: #000;
  border: 0 solid #000;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #f4f2f1;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.badge-3 {
  background-color: #fffaeb;
  border: 0 solid #0000;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.text-12 {
  color: #b54708;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.title-style-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.description-card {
  color: #1e1e1e;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  overflow: hidden;
}

.frame-22 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.buttonsbutton {
  grid-column-gap: 6px;
  background-color: #ff8700;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-3 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-14 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  display: flex;
}

.section-courses {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.tabs-content {
  display: block;
}

.tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffd1981a;
  border: 1px solid #ff870080;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch flex-start;
  place-items: center stretch;
  width: 100%;
  height: auto;
  padding: 24px;
  display: grid;
}

.button-tab-pilateres {
  background-color: var(--_brand---brand);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tab-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--_border---border-primary);
  background-color: var(--_background---bg-primary);
  color: #333;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tab-link.w--current {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-color: var(--_brand---brand);
  background-color: var(--_brand---brand);
  width: 280px;
  height: 106px;
  color: var(--_text---text-primary_on-brand);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.tab-link.w--current:lang(en) {
  color: var(--_background---bg-secundary);
}

.image-7 {
  width: 28px;
  height: 28px;
}

.section-hero-2 {
  grid-row-gap: 8px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  text-decoration: none;
  display: flex;
}

.container-4 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  -webkit-text-stroke-width: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.topbar {
  width: 100%;
  position: relative;
}

.section-2 {
  text-align: left;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.container-5 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.titulo-curso-direito {
  color: #1d1b18;
  letter-spacing: -.02em;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 70px;
  text-decoration: none;
}

.badge-group-2 {
  grid-column-gap: 8px;
  aspect-ratio: auto;
  background-color: var(--_background---bg-brand50);
  object-fit: fill;
  border: 1px solid #fff1e3;
  border-radius: 9999px;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.direito-label {
  color: #975001;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.section-4 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  display: flex;
}

.card-link-uteis {
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-68 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.featured-icon-2 {
  background-color: #fff1e3;
  border-radius: 9999px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.text-17 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.frame-445 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-72 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-18 {
  color: #7f756c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.image-8 {
  display: block;
}

.grid-medicina {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.image-9 {
  width: 100%;
}

.button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--_brand---brand);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 12px 18px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  position: relative;
}

.section-perfil-do-egresso {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-19 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-442 {
  grid-row-gap: 24px;
  background-color: #fff1df;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.grid-2 {
  grid-template-rows: auto;
  align-self: auto;
  width: 100%;
}

.card-financeiro-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 564px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-7 {
  grid-column-gap: 16px;
  background-color: #fff7ed;
  border: 0 solid #ffd6a7;
  border-bottom-width: 1px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 99px;
  padding-left: 24px;
  display: flex;
}

.container-8 {
  background-color: #fff;
  border-radius: 13.3333px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  text-decoration: none;
  display: flex;
}

.text-24 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.bolsa-cedro-2 {
  background-color: #fff;
  border: 1px solid #ff8e01;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320529 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 32px;
  text-decoration: none;
  display: flex;
}

.content-style-3 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.frame-427320530 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.buttonsbutton-5 {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-26 {
  color: #975001;
  border: 1px solid #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.truncate-3 {
  color: #46423e;
  line-height: 24px;
}

.image-10, .image-11, .image-12 {
  width: 100%;
}

.coordenao {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-28 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-443 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: block;
}

.text-29 {
  color: #492f00;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-30 {
  width: 100%;
  color: var(--_text---text-tertiary-600);
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.coordenao-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-31 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-444 {
  grid-row-gap: 24px;
  background-color: #fff1df;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-427320531 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: grid;
}

.card-financeiro-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 564px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.collection-list {
  width: 100%;
}

.modal {
  z-index: 999;
  box-sizing: border-box;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.modal-bg {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background-color: #00000026;
  width: 100%;
  height: 100%;
  display: block;
}

.modal-container {
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.modal-desconto-pontualidade {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 544px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 3px 3px #0a0d120a, 0 8px 8px #0a0d1208, 0 20px 24px #0a0d1214;
}

.modal-header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-style-5 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.text-and-supporting-text {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-449 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.container-11 {
  background-color: #fff7ed;
  border-radius: 13.3333px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  text-decoration: none;
  display: flex;
}

.text-34 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.frame-448 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  padding-left: 56px;
  padding-right: 56px;
  text-decoration: none;
  display: flex;
}

.supporting-text-2 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.modal-actions {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
}

.content-style-6 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.actions {
  grid-column-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.buttonsbutton-9 {
  grid-column-gap: 6px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-7 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-35 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.close-modal {
  text-decoration: none;
}

.link-block {
  z-index: 3;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.modal-bolsa {
  z-index: 999;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.button-cursos {
  background-color: var(--_brand---brand);
  border-radius: 9999px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.button-cursos.secondary {
  color: var(--_text---text-tertiary-600);
  background-color: #fff0;
}

.heading-2 {
  width: 100%;
  color: var(--_text---text-primary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
}

.tab-pane-tab-1 {
  width: 1216px;
  min-width: 0;
  max-width: 1216px;
  margin-right: 0;
  padding-top: 48px;
  padding-right: 8px;
}

.div-block-10 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.arrows {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  margin-right: 16px;
  display: flex;
}

.arrow-prev {
  border: 2px solid var(--_brand---brand);
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.image-13 {
  width: 28px;
  height: 28px;
}

.close-modal-bolsa {
  text-decoration: none;
}

.arrow-next {
  border: 2px solid var(--_brand---brand);
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.image-14 {
  width: 28px;
  height: 28px;
}

.tab-graducao-on {
  border: 1px solid var(--_brand---brand);
  background-color: #ddd0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 112px;
  display: flex;
}

.tab-graducao-on.w--current {
  background-color: var(--_brand---brand);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 266px;
  height: 100%;
  display: flex;
}

.tab-graduacao {
  border: 1px solid var(--_brand---brand);
  background-color: #ddd0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 112px;
  display: flex;
}

.tab-graduacao.w--current {
  background-color: var(--_brand---brand);
  width: 266px;
  height: 100%;
}

.text-block-4 {
  color: var(--_background---bg-primary);
  font-size: 24px;
  font-weight: 500;
}

.tabs-menu-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-11, .tabs-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.tabs-content-2 {
  width: 100%;
}

.icon-cursos-off {
  display: block;
}

.icon-cursos-off:lang(en) {
  display: none;
}

.icon-cursos-on {
  display: none;
  overflow: auto;
}

.title-menu-tab-on {
  -webkit-text-stroke-color: var(--_text---text-primary_on-brand);
  font-size: 24px;
  font-weight: 500;
}

.title-menu-tab-off {
  color: var(--_text---text-primary);
  font-size: 24px;
  font-weight: 500;
}

.div-block-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.button-2 {
  border: 1px solid var(--_brand---brand);
  background-color: var(--_background---bg-primary);
  color: var(--_brand---brand);
  border-radius: 6px;
}

.collection-item-2 {
  flex-flow: column;
  display: flex;
}

.modal-desconto, .modal-descolab, .modal-egresso {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
}

.modal-militar, .modal-parentesco, .modal-portdiploma, .modal-permanencia, .modal-cedro, .modal-prouni {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-18 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  display: flex;
}

.text-36 {
  color: #bf6501;
  letter-spacing: -.02em;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
  display: flex;
}

.faq-item1 {
  border: 0 solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 4px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.faq-question {
  background-color: #fffaeb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.faq-question.faq-item1 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.frame-427320534 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.frame-427320534.variant-3 {
  display: flex;
}

.text-38 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-38.variant-4 {
  height: auto;
}

.faq-answer {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 16px 40px;
  text-decoration: none;
  display: flex;
}

.faq-answer:where(.w-variant-b4acb8dd-90a0-dfb6-6350-9f0d98067e2d) {
  display: flex;
}

.row-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-2.variant-22 {
  grid-column-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
}

.text-39 {
  color: #000;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.text-39.variant-23 {
  width: auto;
  margin-bottom: 0;
}

.text-40 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.text-40.variant-24 {
  text-align: justify;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}

.arrow-according {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.faq-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.search-bar {
  border: 1px solid var(--_border---border-primary);
  border-radius: 8px;
  height: 44px;
  padding: 10px 14px;
}

.search-bar:focus {
  border-width: 2px;
  border-color: var(--_brand---brand);
  color: var(--_text---text-primary);
}

.filter-ui {
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.coordenao-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-41 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-433 {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.card-link-uteis-2 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.circulo {
  outline-offset: 0px;
  -webkit-text-stroke-color: white;
  text-overflow: clip;
  background-color: #fff;
  border-radius: 9999px;
  outline: 0 #555;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-10 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-8 {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-42 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.image-15 {
  width: 28px;
  height: 28px;
}

.text-43 {
  color: #5c5650;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: none;
}

.card-link-uteis-3 {
  background-color: #f79009;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 273px;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.featured-icon-3 {
  background-color: #fffcfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.text-44 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-11 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-9 {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-45 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.empty-state {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff0;
  background-color: #fff0;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.results-count {
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.link-block-2 {
  width: 100%;
  text-decoration: none;
}

.coordenao-4 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-46 {
  color: #bf6501;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.card {
  grid-column-gap: 64px;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.infos {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1120px;
  height: 117.567px;
  text-decoration: none;
  display: flex;
}

.frame-177 {
  grid-column-gap: 24px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.textcard {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 111.292px;
  text-decoration: none;
  display: flex;
}

.name {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-425 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-47 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320535 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-75 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.contact {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.call {
  grid-column-gap: 6.96892px;
  background-color: #ff8700;
  border-radius: 5806.86px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4.64595px 13.9378px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-58 {
  grid-column-gap: 2.32297px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-padding-10 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 1.16149px;
  padding-right: 1.16149px;
  text-decoration: none;
  display: flex;
}

.text-49 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 13.94px;
  text-decoration: none;
}

.image-16 {
  border-radius: 999px;
  width: 104px;
  height: 104px;
}

.div-block-19 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 1216px;
  max-width: 1216px;
  display: flex;
}

.body-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.section-5 {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 100px;
  display: flex;
}

.form-block {
  padding-top: 0;
}

.container-editais {
  border: 1px solid var(--_border---border-primary);
  border-radius: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.text-block-5 {
  font-size: 18px;
  font-weight: 500;
}

.div-block-20 {
  border-bottom: 1px solid var(--_border---border-primary);
  width: 100%;
  padding: 20px 32px;
  display: flex;
}

.link-block-3 {
  text-decoration: none;
}

.div-block-21 {
  width: 100%;
  padding-top: 96px;
}

.text-documentos-editais {
  font-weight: 500;
}

.link-block-4, .link-block-5, .link-block-6, .link-block-7 {
  width: 100%;
  text-decoration: none;
}

.div-block-22 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-23 {
  display: none;
}

.collection-list-2 {
  padding-top: 0;
}

.div-block-25 {
  border-bottom: 1px solid var(--_border---border-primary);
  padding: 20px 32px;
}

.processo-seletivo {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px #d7d4d1;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-475 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-color {
  color: #683b01;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  overflow: visible;
}

.icon-onn {
  width: 60px;
  max-width: none;
  display: inline-flex;
  overflow: auto;
}

.previous-2 {
  display: none;
}

.button-ver-mais {
  background-color: var(--_brand---brand);
  border-style: none;
  border-radius: 8px;
  padding: 12px 24px;
}

.icon {
  display: none;
}

.text-block-6 {
  color: var(--_text---text-primary_on-brand);
  font-size: 16px;
}

.icon-on {
  width: 28px;
  max-width: none;
  height: 28px;
  display: none;
  overflow: visible;
}

.icon-on:hover {
  justify-content: center;
  align-items: center;
  display: none;
}

.icon-off {
  width: 28px;
  max-width: none;
  height: 28px;
  display: none;
}

.icon-off:hover {
  display: none;
}

.button-limpar-filtro {
  border: 1px solid var(--_border---border-primary);
  background-color: var(--_background---bg-primary);
  color: var(--_text---text-tertiary-600);
  border-radius: 8px;
}

.text-block-7 {
  color: var(--_text---text-secondary);
  font-size: 16px;
}

.icon-in {
  width: 44px;
  max-width: none;
  display: none;
}

.link-block-8, .link-block-9, .link-block-10, .link-block-11 {
  text-decoration: none;
}

.links-uteis {
  grid-row-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: auto;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.text-50 {
  color: #683b01;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.div-block-27 {
  display: flex;
}

.body-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.div-block-28 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cont1216px {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.cont1216px.padding {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-left: 16px;
  margin-right: 16px;
  padding: 0;
}

.cont-full {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
}

.cont-full.bg-secondary {
  background-color: var(--_background---bg-secundary);
  padding-top: 48px;
  padding-bottom: 96px;
}

.link-portal-gest, .link-portal-professor, .linkj-portal-do-aluno, .link-historico-digital, .link-diploma-digital, .link-validacao-gov {
  text-decoration: none;
}

.link-block-12 {
  width: 100%;
  text-decoration: none;
}

.dblock-29 {
  box-sizing: border-box;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.perfil-do-egresso {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-3 {
  grid-row-gap: 0px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border: 1px solid #0000;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-4 {
  opacity: .35;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -52.7295px;
  left: 722.246px;
}

.ellipse-5 {
  opacity: .05;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.66px;
  height: 683.66px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -.00164053px;
  left: 495.391px;
}

.ellipse-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 776.513px;
  height: 776.513px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 128.001px;
  left: 1272.7px;
}

.frame-25 {
  z-index: 1;
  grid-row-gap: 12px;
  opacity: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-51 {
  color: #bf6501;
  letter-spacing: -.02em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
  display: flex;
}

.text-52 {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: none;
}

.row-4 {
  grid-row-gap: 24px;
  border: 2px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.text-53 {
  color: #dc6803;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.row-5 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-5 {
  object-fit: cover;
  overflow: hidden;
}

.text-54 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-6 {
  grid-row-gap: 24px;
  border: 2px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.text-55 {
  color: #dc6803;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.row-7 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-56 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.invest-direito {
  grid-row-gap: 24px;
  border: 2px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px 20px;
  text-decoration: none;
  display: inline-flex;
}

.text-57 {
  color: #dc6803;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.row-9 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-58 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-10 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 158px;
  text-decoration: none;
  display: flex;
}

.frame-398 {
  grid-column-gap: 8px;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 158px;
  text-decoration: none;
  display: flex;
}

.r-1000 {
  color: #975001;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.div-block-30 {
  background-color: var(--_background---bg-primary);
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 360px;
  height: 100%;
  padding: 24px;
  display: flex;
}

.frame-183 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-59 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.row-11 {
  grid-column-gap: 64px;
  grid-row-gap: 48px;
  background-color: #fff1e34d;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-382 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.cord-antonio {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 142px;
  max-width: none;
  height: 142px;
  display: inline-flex;
  position: relative;
  overflow: clip;
}

.frame-179 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-60 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320536 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-178 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-427320537 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-61 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.frame-26 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 318px;
  text-decoration: none;
  display: flex;
}

.text-62 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.buttonsbutton-12 {
  grid-column-gap: 6px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-11 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.link-block-13 {
  text-decoration: none;
}

.frame-182 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-64 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-391 {
  grid-row-gap: 40px;
  background-color: #fff;
  border: 1px solid #e9e7e5;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.frame-389 {
  grid-column-gap: 60px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-387 {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 541px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.antonio-carlos {
  object-fit: cover;
  background-color: #d9d9d9;
  background-image: url("/images/69b303a1ac85174b55823239_Rectangle-4.png");
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  min-height: 0;
  display: block;
  overflow: visible;
}

.frame-386 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-385 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-65 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-66 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.buttonsbutton-13 {
  grid-column-gap: 4px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-12 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-67 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.ricardo-ferreira {
  background-color: #d9d9d9;
  background-image: url("/images/69b303a1ed5f6e1e8545796b_Rectangle-4.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.carla-oliveira {
  background-color: #d9d9d9;
  background-image: url("/images/69b303a178a14c6863f8fa24_Rectangle-4.png");
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.leandro-francisco {
  background-color: #d9d9d9;
  background-image: url("/images/69b303a194f6f8891a2c87c1_Rectangle-4.png");
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.polliana-batista {
  background-color: #d9d9d9;
  background-image: url("/images/69b303a1ed5f6e1e8545796e_Rectangle-4.png");
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.camila-vicente {
  background-color: #d9d9d9;
  background-image: url("/images/69b303a1c72d5c8d9fbf06f2_Rectangle-4.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.sarah-mossolini {
  background-color: #d9d9d9;
  background-image: url("/images/69b303a159cd0503c19d0eff_Rectangle-4.png");
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.eliane-silveira {
  background-color: #d9d9d9;
  background-image: url("/images/69b85b1911c76cefa229be33_farmacia-eliane-silveira.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.larisse-ramos {
  background-color: #d9d9d9;
  background-image: url("/images/69b303a1f143417c7e1b56a9_Rectangle-4.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.valeria-silva {
  background-color: #d9d9d9;
  background-image: url("/images/69b30fffb736c709ab5df515_Rectangle-4.png");
  background-position: 50% 110%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.danielle-pereira {
  background-color: #d9d9d9;
  background-image: url("/images/69b303a159cd0503c19d0f01_Rectangle-4.png");
  background-position: 50% 90%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-height: 104px;
}

.text-63 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.div-block-31 {
  border-radius: 16px;
  width: 100%;
  height: 200px;
}

.link-block-14 {
  border: 2px solid var(--_border---border-brand);
  background-color: #ff870000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.frame-184 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.row-12 {
  grid-column-gap: 64px;
  border: 2px solid #ff8700;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 28px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-185 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-68 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  overflow: visible;
}

.text-69 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  display: inline-flex;
  overflow: visible;
}

.section-download-docs {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-80 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.item-download-doc {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-78 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.featured-icon-4 {
  background-color: #fff1e3;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  min-height: 36px;
  display: flex;
  overflow: hidden;
}

.file-04 {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  min-width: 8px;
  max-width: none;
  min-height: 8px;
  display: inline-flex;
  overflow: hidden;
}

.text-padding-13 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-70 {
  color: #46423e;
  text-overflow: clip;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: block;
  position: static;
}

.collection-list-wrapper-3 {
  width: 100%;
  padding-bottom: 48px;
  display: block;
}

.image-21 {
  background-color: #ff8700;
  background-image: url("/images/690dfd95314fd11aab4f230d_Logo.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.paragraph {
  color: var(--_text---text-brand-tertiary-600);
  font-size: 12px;
  font-weight: 500;
}

.text-block-8 {
  color: var(--_text---text-primary);
  font-size: 18px;
  font-weight: 600;
}

.div-block-33 {
  background-color: var(--_brand---brand-300);
  border-radius: 9999px;
  padding: 4px 14px;
}

.nde {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.text-72 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.table-style {
  background-color: #fff;
  border: 1px solid #e9e7e5;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.content-style-7 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.table-header-cell {
  grid-column-gap: 12px;
  background-color: #fff;
  border: 0 solid #e9e7e5;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 12px 24px;
  display: flex;
}

.table-header {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-73 {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
}

.table-cell {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 0 solid #e9e7e5;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 72px;
  padding: 16px 24px;
  display: flex;
}

.text-74 {
  color: #5c5650;
  width: 450px;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
}

.table-cell-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 0 solid #e9e7e5;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 72px;
  padding: 16px 24px;
  display: flex;
}

.column-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.table-cell-3 {
  grid-column-gap: 12px;
  border: 1px #e9e7e5;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 72px;
  padding: 16px 24px;
  display: flex;
}

.buttonsbutton-15 {
  grid-column-gap: 4px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-14 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-75 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.link-block-15, .link-block-16, .link-block-17 {
  text-decoration: none;
}

.paragraph-2 {
  color: var(--_text---text-secondary-700);
}

.text-block-9 {
  color: var(--_text---text-brand-tertiary-600);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.div-block-34 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding: 0;
  display: flex;
}

.div-block-35 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-flow: column;
  flex: 1 0 auto;
  order: 0;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.div-block-36 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-37 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.link-block-18 {
  text-decoration: none;
}

.collection-item-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.collection-list-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: none;
  display: grid;
}

.link-block-19, .link-block-20, .link-block-21, .link-block-22, .link-block-23, .link-block-24, .link-block-25, .link-block-26, .link-block-27, .link-block-28, .link-block-29, .link-block-30, .link-block-31, .link-block-32, .link-block-33, .link-block-34 {
  text-decoration: none;
}

.div-block-39 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.title-page-courses {
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  padding-bottom: 0;
  display: flex;
}

.conteudo-title-page1 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  display: flex;
}

.section-courses-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 10px;
  display: flex;
}

.embla {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 1216px;
  display: flex;
}

.embla__container {
  -webkit-user-select: none;
  user-select: none;
  gap: 20px;
  max-width: 1216px;
  height: 550px;
  margin-right: 0;
  display: flex;
}

.embla__next {
  -webkit-user-select: none;
  user-select: none;
}

.embla__viewport {
  overflow: hidden;
}

.embla__slide {
  flex: 0 0 33.3333%;
  width: 100%;
  min-width: 390px;
  max-width: 390px;
  padding-right: 24px;
}

.embla__prev {
  -webkit-user-select: none;
  user-select: none;
}

.text-block-direito {
  color: var(--_text---text-tertiary-600);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.textos {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 93%;
  display: flex;
  position: relative;
}

.card-cursos-2 {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 690px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320538 {
  text-align: left;
  background-color: #ffeabc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 690px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-22 {
  z-index: auto;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 100% 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: inline-flex;
  position: relative;
  inset: 0%;
}

.div-block-40 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  max-width: 1216px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 0;
  display: flex;
}

.frame-189 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.buttonsbutton-16 {
  grid-column-gap: 4px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.arrow-narrow-left {
  object-fit: cover;
  overflow: hidden;
}

.text-padding-15 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-76 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.atributos-curso {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-161 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-77 {
  color: #1d1b18;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.text-78 {
  width: auto;
  color: var(--_text---text-tertiary-600);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.link-block-35 {
  text-decoration: none;
}

.div-block-41 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.frame-427320630 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.vector {
  object-fit: cover;
  max-width: none;
}

.image-23 {
  z-index: 9;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.perfil-egresso-direito {
  background-color: #fef0c799;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.frame-190 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-13 {
  grid-row-gap: 16px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -52.7295px;
  left: 722.246px;
}

.ellipse-8 {
  opacity: .2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.66px;
  height: 683.66px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -.00164053px;
  left: 495.391px;
  overflow: visible;
}

.frame-427320631 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-79 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-80 {
  color: #1d1b18;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-175 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 53%;
  padding: 16px 20px;
  display: flex;
}

.frame-172 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-14 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 379px;
  height: auto;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.frame-167 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-7 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.text-81 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-15 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 379px;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.row-16 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 379px;
  height: 96px;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.row-17 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 379px;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.row-18 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 379px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.frame-383 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-82 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320632 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-19 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320633 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-8 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.text-83 {
  width: 100%;
  color: var(--_text---text-tertiary-600);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.div-block-42 {
  width: 100%;
  max-width: none;
  padding-bottom: 48px;
  padding-left: 48px;
  padding-right: 48px;
}

.porque-famp {
  width: 100%;
  max-width: 1216px;
}

.row-20 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-84 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.estudar-direito-na-famp-a-escolha-ideal-para-quem-busca-excelncia-e-preparo-completo-para-o-mercado {
  width: 100%;
  color: var(--_text---text-tertiary-600);
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.mercado-direito {
  width: 100%;
  max-width: 1216px;
}

.frame-384 {
  grid-row-gap: 48px;
  background-color: #fef0c7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 64px;
  text-decoration: none;
  display: flex;
}

.row-21 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.mercado-de-trabalho {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.o-curso-de-direito-da-famp-prepara-voc-para-enfrentar-com-confiana-todos-os-desafios-do-mundo-jurdic {
  width: 100%;
  color: var(--_text---text-secondary-700);
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.visao-alunos-direito {
  width: 100%;
  max-width: 1216px;
}

.frame-406 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-top: 72px;
  padding-bottom: 48px;
  text-decoration: none;
  display: none;
}

.frame-472 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-85 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-467 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-468 {
  background-color: #ff8700;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.video-overlay-action {
  background-color: #0000001a;
  border-radius: 7.75072px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 385.598px;
  display: flex;
}

.button-style {
  -webkit-backdrop-filter: blur(7.75072px);
  backdrop-filter: blur(7.75072px);
  background-color: #ffffff4d;
  border-radius: 9687.43px;
  justify-content: center;
  align-items: center;
  width: 62.0058px;
  height: 62.0058px;
  text-decoration: none;
  display: flex;
}

.play {
  object-fit: cover;
}

.frame-471 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.jssica-vitria {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.video-overlay-action-2 {
  background-color: #0000001a;
  border-radius: 7.75072px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 385.598px;
  display: flex;
}

.frame-427320634 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.video {
  border-radius: 7.75072px;
  height: 385.5px;
}

.visao-egresso {
  width: 100%;
  max-width: 1216px;
}

.frame-407 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 72px;
  padding-bottom: 48px;
  text-decoration: none;
  display: flex;
}

.frame-427320635 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-86 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320636 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1215.89px;
  text-decoration: none;
  display: flex;
}

.frame-427320637 {
  background-color: #ff8700;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.video-overlay-action-4 {
  background-color: #0000001a;
  border-radius: 7.75072px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.button-style-2 {
  -webkit-backdrop-filter: blur(7.75072px);
  backdrop-filter: blur(7.75072px);
  background-color: #ffffff4d;
  border-radius: 9687.43px;
  justify-content: center;
  align-items: center;
  width: 62.0058px;
  height: 62.0058px;
  text-decoration: none;
  display: flex;
}

.play-2 {
  object-fit: cover;
}

.frame-427320638 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-87 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.video-overlay-action-5 {
  background-color: #fff;
  border-radius: 7.75072px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 385.598px;
  display: flex;
}

.frame-427320639 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.galeria {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1216px;
  height: 100%;
  display: flex;
}

.frame-393 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-394 {
  grid-column-gap: 16px;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.foto {
  box-sizing: border-box;
  grid-row-gap: 8px;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 130%;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 130.505%;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: auto 0%;
  overflow: hidden;
}

.frame-24 {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  height: 56px;
  text-decoration: none;
  display: flex;
}

.featured-icon-5 {
  border: 2px solid #ff8700;
  border-radius: 9999px;
  overflow: hidden;
}

.karen-lucia {
  background-image: url("/images/69b30fcbb4a8659fb4fe05e7_Karen Lucia.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 104px;
  display: flex;
}

.div-block-43 {
  background-image: url("/images/69b4735d05ec08f7b49c3ece_Gabriela Course Coordinator.jpg");
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.adelma-claudia {
  background-image: url("/images/69b4735d0c9b6f199a0a2974_Profa. Adelma.jpg");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.marcela-marques {
  background-image: url("/images/69b4735dbacc99c3dda6c910_Profa. Marcella.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.danilo-ferraz {
  background-image: url("/images/69b4735c909f85a5b46cb0cb_Prof. Danilo.jpg");
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.mauricio-ferreira {
  background-image: url("/images/69b4735c41736d69e36af301_Prof.-Mauricio.jpg");
  background-position: 50% 40%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.fernanda-fernandes {
  background-image: url("/images/69b4735d53e47bd66eb4ea99_Profa Fernanda.jpg");
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.romulo-renato {
  background-image: url("/images/69b4735c254ddbd698238d17_Prof Romulo.jpg");
  background-position: 50% 30%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.gabriela-porto {
  background-image: url("/images/69b4735d05ec08f7b49c3ece_Gabriela Course Coordinator.jpg");
  background-position: 50% 40%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.virgilio-norberto {
  background-image: url("/images/69b4735c909f85a5b46cb0b2_Prof. Virgilio.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.haroldo-padovani {
  background-image: url("/images/69b4735cbacc99c3dda6c8e9_Prof. Haroldo.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.virginia-maria {
  background-image: url("/images/69b4735ead0de68c87e9e325_Profa.-Virginia.jpg");
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.julio-cesar {
  background-image: url("/images/69b7f8adec8a085da80d0ff8_Prof. Julio Cesar.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.vasco-luis {
  background-image: url("/images/69b4735cd7db2da0ad2cc5af_Prof.-Vasco-Luis.jpg");
  background-position: 50% 80%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.vinicius {
  background-image: url("/images/69b4735d05ec08f7b49c3ece_Gabriela Course Coordinator.jpg");
  background-position: 50% 20%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-mauricio {
  background-image: url("/images/69b4735c41736d69e36af301_Prof.-Mauricio.jpg");
  background-position: 50% 10%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-romulo {
  background-image: url("/images/69b4735c254ddbd698238d17_Prof Romulo.jpg");
  background-position: 50% 10%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-danilo {
  background-image: url("/images/69b4735c909f85a5b46cb0cb_Prof. Danilo.jpg");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-marcela {
  background-image: url("/images/69b4735dbacc99c3dda6c910_Profa. Marcella.jpg");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nucleo-praticas-juridicas {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-230 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320640 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-88 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-89 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-224 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-membros {
  grid-column-gap: 24px;
  background-color: #fffcfa;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-24 {
  object-fit: cover;
  border-radius: 9999px;
}

.frame-223 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-90 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.text-91 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.card-membros-2 {
  grid-column-gap: 24px;
  background-color: #fffcfa;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 166px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-6 {
  background-color: #fff1e3;
  border-radius: 9999px;
  overflow: hidden;
}

.frame-style-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: inline-flex;
  overflow: hidden;
}

.frame-427320641 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-92 {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-392 {
  grid-column-gap: 9.07692px;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 118px;
  height: 118px;
  padding: 9.07692px;
  text-decoration: none;
  display: flex;
}

.text-93 {
  color: #dc6803;
  width: 100%;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.text-94 {
  color: #bf6501;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.card-membros-3 {
  grid-column-gap: 24px;
  background-color: #fffcfa;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 166px;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.frame-427320642 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.vector-2 {
  object-fit: cover;
}

.frame-427320643 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.rectangle-17 {
  object-fit: cover;
}

.div-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.atributes-plus-buttons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.elementos-direita {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-12 {
  color: #1d1b18;
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.pq-famp {
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.row-22 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  border-radius: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320644 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-95 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.mercado-medicina {
  grid-column-gap: 56px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.whisk_d02ed931605f903a3f94c8ce3048cdf6dr-2 {
  object-fit: cover;
  border-radius: 12.5917px;
  width: 100%;
  height: 100%;
}

.frame-403 {
  grid-column-gap: 0px;
  object-fit: fill;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  top: auto;
}

.frame-192 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 0;
}

.row-23 {
  grid-row-gap: 32px;
  background-color: #fffcfa;
  border: 1px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 40px 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame-427320645 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  line-height: 0;
  text-decoration: none;
  display: flex;
}

.text-96 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.div-block-44 {
  width: 60%;
  height: auto;
  display: flex;
  position: relative;
}

.areas-destaque {
  background-color: #fef0c799;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320646 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-24 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -52.7295px;
  left: 722.246px;
}

.ellipse-10 {
  opacity: .2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.66px;
  height: 683.66px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -.00167213px;
  left: 495.391px;
}

.ellipse-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 776.513px;
  height: 776.513px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 128.001px;
  left: 1272.7px;
}

.frame-427320647 {
  z-index: 10;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-97 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.com-a-alta-demanda-por-farmacuticos-no-brasil-a-taxa-de-empregabilidade-para-recm-formados-na-rea-u {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320648 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 20px;
  text-decoration: none;
  display: flex;
}

.frame-427320465 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-173 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320649 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.frame-427320466 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-25 {
  grid-column-gap: 16px;
  border-radius: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-98 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320464 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-99 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320650, .frame-427320651 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.coord-flavia {
  background-image: url("/images/6a43ec2c832358950ba3382b_Flavia Coordinator Photo.JPG");
  background-position: 10% 0;
  background-size: cover;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.vinicius-carlos {
  background-image: url("/images/69b85b1be2c6f132b1d4b4cf_farmacia-vinicius-carlos.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.fatima-araujo {
  background-image: url("/images/69b85b1a7e3944e01eb559e1_farmacia-fatima-carrijo.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.ricardo-benites {
  background-image: url("/images/69b85b1bebeef9cf7c11e957_farmacia-ricardo-benites.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.alberto-gabriel {
  background-image: url("/images/69b85b1941f4546ef7109246_farmacia-alberto.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.isa-marianny {
  background-image: url("/images/69b86dbb035d4c9af5f34f74_farmacia-isa.png");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.lunara-silva {
  background-image: url("/images/69b85b1a4be510bc5c61ae63_farmacia-lunara-freitas.png");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.rodrigo-oliveira {
  background-image: url("/images/69b871289932c246307d9ce2_farmacia-rodrigo.jpg");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.text-100 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.nde-vinicius {
  background-image: url("/images/69b85b1be2c6f132b1d4b4cf_farmacia-vinicius-carlos.png");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-camila {
  background-image: url("/images/69b85b190115a55f1e579d53_farmacia-camila-vicente.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-ricardo {
  background-image: url("/images/69b85b1bebeef9cf7c11e957_farmacia-ricardo-benites.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-eliane {
  background-image: url("/images/69b85b1911c76cefa229be33_farmacia-eliane-silveira.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.frame-427320652 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.vector-3 {
  object-fit: cover;
}

.card-cursos-3 {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 857px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320653 {
  background-color: #ffeabc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 857px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-25 {
  object-fit: cover;
  position: absolute;
  inset: 0%;
}

.frame-158 {
  grid-column-gap: 24px;
  object-fit: cover;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 704px;
  text-decoration: none;
  display: flex;
}

.carreira-medica {
  grid-column-gap: 0px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-101 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.frame-427320655 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-26 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320656 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.text-102 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-103 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320657 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-27 {
  grid-row-gap: 32px;
  background-color: #fffcfa;
  border: 1px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320658 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.atuao-no-setor-pblico---o-egresso-pode-atuar-no-sistema-nico-de-sade-sus-em-unidades-bsicas-de-sade {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.text-block-13 {
  font-size: 16px;
  line-height: 24px;
}

.coord-bruno {
  background-image: url("/images/69b95733da1e625daf3f5ca4_medicina-bruno-debona.png");
  background-position: 43% 0;
  background-size: auto;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.coord-vinicius {
  background-image: url("/images/69b85b1be2c6f132b1d4b4cf_farmacia-vinicius-carlos.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.grid-direito, .grid-enfermagem, .grid-farm-cia {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.coord-melissa {
  background-image: url("/images/69b95733a4119e94ce37a19c_mediciba-melissa-carvalho.png");
  background-position: 40%;
  background-size: 130% 120%;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.aline-cardoso {
  background-image: url("/images/69b957333ce2edf71b358522_medicina-aline-cardoso.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.ana-paula-rocha {
  background-image: url("/images/69e10daa705d14e8165a4506_medicina-ana-paula-rocha.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.antonio-felipe {
  background-image: url("/images/69bbed61c5a1170e0c462eee_odontologia-antonio-felipe-lopes-avalcante.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.armante-campos {
  background-image: url("/images/69bc5d8dc2e7506b627a8327_ARMANTE NETO.jpeg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.amanda-almeida {
  background-image: url("/images/69b95733962219f43b3c5040_medicina-amanda-de-almeida.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.aline-macedo {
  background-image: url("/images/69b9573308d40825649eafc7_medicina-aline-macedo.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.ana-cecilia {
  background-image: url("/images/69b9573310105f4260836075_medicina-ana-cecilia.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.arthur-henrique {
  background-image: url("/images/69b95733e97634ac2d9bab58_medicina-arthur-henrique.png");
  background-position: 100%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.bruno-debona {
  background-image: url("/images/69b95733da1e625daf3f5ca4_medicina-bruno-debona.png");
  background-position: 46% 4%;
  background-size: auto;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.caio-alexandre {
  background-image: url("/images/69b95733b77a706d83d374a7_medicina-caio-alexandre.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.carla-adriana {
  background-image: url("/images/69b957333ce2edf71b35853e_medicina-carla-adriana.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.camila-lopes {
  background-image: url("/images/69b957331f420c386d833b32_medicina-camila-lopes.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.daiane-malheiros {
  background-image: url("/images/69b95733634a2d43e946d2cd_medicina-daiane-malheiros.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.daniel-garcia {
  background-image: url("/images/69b957338b047b9bf8972355_medicina-daniel-garcia.png");
  background-position: 50%;
  background-size: 180%;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.daniel-dias {
  background-image: url("/images/69b957336ef967063538933c_medicina-daniel-feres.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.deborah-dias {
  background-image: url("/images/69b95734b2d715c473296187_medicina-deborah.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.erica-oliveira {
  background-image: url("/images/69b95734dda41aff205fdb7b_medicina-erica-de-oliveira.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.erica-rezende {
  background-image: url("/images/69b95734ffd2288e043f0a9e_medicina-erica-rezende.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.emilio-ernesto {
  background-image: url("/images/69b95734f9111b4915eccb8f_medicina-emilio-ernesto-garbim-junior.png");
  background-position: 70% 30%;
  background-size: 150%;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.euripedes-barsanulfo {
  background-image: url("/images/69b9573436a502998bd0977f_medicina-euripedes-barsanulfo.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.flavia-bercot {
  background-image: url("/images/69b95734c327d2234a5f4db4_medicina-flavia-bercot.png");
  background-position: 22% 5%;
  background-size: auto;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.francisco-joao {
  background-image: url("/images/69b957343b61ec38413171a8_medicina-francisco-joao-mendes.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.flavia-albuquerque {
  background-image: url("/images/69b957341cd278225603fb5f_medicina-flavia-alburquerque.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.matheus-mendon-a {
  background-image: url("/images/69e118b8375e664aea587f6b_medicina-matheus-mendonca.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.marcus-vinicius {
  background-image: url("/images/69b95737d28acce3a74a4699_mediiciba-marcus-cunha.png");
  background-position: 50% 20%;
  background-size: 150%;
  border-radius: 9px;
  width: 104px;
  height: 104px;
}

.guilherme-weber {
  background-image: url("/images/69b957340945dbff0478422b_medicina-guilherne-weber.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.paola-cristina {
  background-image: url("/images/69b957368967d14f2bf1c0c8_medicina-paola-cristina.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.paulo-cezar {
  background-image: url("/images/69b957365c2224319a190567_medicina-paulo-cezar.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.henry-marlon {
  background-image: url("/images/69b95734ef924bec2d1e189f_medicina-henry-marlon.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.lea-cristina {
  background-image: url("/images/69b95735547be3c46a9dc40d_medicina-lea-cristina.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.leila-rodrigues {
  background-image: url("/images/69b95735ad9cffde8ca3073b_medicina-leila-rodrigues.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.marcelo-torres {
  background-image: url("/images/69b95736077f797a383706cd_medicina-marcelo-torres.png");
  background-position: 10%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.lucas-azevedo {
  background-image: url("/images/69b95735fd65addf18b783f0_medicina-lucas-azevedo.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.rodrigo-rossi {
  background-image: url("/images/69b9573636f472478ae19651_medicina-rodrigo-rosi.png");
  background-position: 60%;
  background-size: 140%;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.mateus-barral {
  background-image: url("/images/69b9573636a502998bd09878_medicina-mateus-barral.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.melissa-carvalho {
  background-image: url("/images/69b95733a4119e94ce37a19c_mediciba-melissa-carvalho.png");
  background-position: 40%;
  background-size: 140%;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.neire-moura {
  background-image: url("/images/69b95736ff3b3c3354ec4d30_medicina-neire-gouveia.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.orseni-jose {
  background-image: url("/images/69e129f5d285473c2213fa1d_medicina-orseni.png");
  background-position: 60%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.frame-389-copy {
  grid-column-gap: 60px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.paulo-ricardo {
  background-image: url("/images/69b95736e7c209e7b4145673_medicina-paulo-ricardo.png");
  background-position: 40%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.paulo-advincula {
  background-image: url("/images/69b95736e7c209e7b414565a_medicina-paulo-cunha.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.raniery-jose {
  background-image: url("/images/69b957364724d808a106dcb4_medicina-raniery-jose.png");
  background-position: 20%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.rodolfo-cintra {
  background-image: url("/images/69b9959bb9c75b64fc78efe7_medicina-rodolfo-cintra.jpg");
  background-position: 50% 40%;
  background-size: 170%;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.severino-correia {
  background-image: url("/images/69b95736638b23f41a7664a5_medicina-severino-correia.png");
  background-position: 50% 10%;
  background-size: 150%;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.taynara-carrijo {
  background-image: url("/images/69b95736ab79127404db7614_medicina-taynara-carrijo.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.thyara-jaqueline {
  background-image: url("/images/69b95737e8293c69b6de4d29_medicina-thyara-leite.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.vinicius-araujo {
  background-image: url("/images/69b9573765fe54655ba45b6a_medicina-vinicius-amaral.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.vinicius-augusto {
  background-image: url("/images/69b95737d2b9430ba682cfcd_medicina-vinicius-augusto.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.winicius {
  background-image: url("/images/69b957379ec3d3c5577f27bc_medicina-winicius-arildo.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.nde-caio {
  background-image: url("/images/69b95733b77a706d83d374a7_medicina-caio-alexandre.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-emilio-ernesto {
  background-image: url("/images/69b95734f9111b4915eccb8f_medicina-emilio-ernesto-garbim-junior.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-severino {
  background-image: url("/images/69b95736638b23f41a7664a5_medicina-severino-correia.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-erica {
  background-image: url("/images/69b95734ffd2288e043f0a9e_medicina-erica-rezende.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-melissa {
  background-image: url("/images/69b95733a4119e94ce37a19c_mediciba-melissa-carvalho.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-vinicius-araujo {
  background-image: url("/images/69b9573765fe54655ba45b6a_medicina-vinicius-amaral.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-flavia {
  background-image: url("/images/69b95734c327d2234a5f4db4_medicina-flavia-bercot.png");
  background-position: 0 10%;
  background-size: 180%;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-bruno {
  background-image: url("/images/69b95733da1e625daf3f5ca4_medicina-bruno-debona.png");
  background-position: 42% 0;
  background-size: 210%;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.frame-214 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.icon-biomedicina-1 {
  object-fit: cover;
  overflow: hidden;
}

.frame-480 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-104 {
  color: #1d1b18;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
}

.cincia-que-transforma-vidas {
  color: #bf6501;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.card-cursos-4 {
  object-fit: fill;
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 645px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320659 {
  object-fit: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 645px;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.cta-biomedicina {
  color: var(--_background---bg-primary);
  text-align: left;
}

.div-block-45 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  display: flex;
}

.featured-icon-7 {
  grid-column-gap: 8px;
  background-color: #fffcfa;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vector-4 {
  object-fit: cover;
}

.frame-381 {
  background-color: #fef0c799;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320660 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-28 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-12 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -52.7295px;
  left: 722.246px;
}

.ellipse-13 {
  opacity: .2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.66px;
  height: 683.66px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -.00164053px;
  left: 495.391px;
}

.ellipse-14 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 776.513px;
  height: 776.513px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 128.001px;
  left: 1272.7px;
}

.frame-427320661 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-105 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.o-curso-de-biomedicina-da-famp-forma-o-profissional-biomdico-com-uma-formao-generalista-humanista-cr {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.frame-427320662 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 20px;
  text-decoration: none;
  display: flex;
}

.frame-427320663 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.row-29 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 379px;
  height: 76px;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320664 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-11 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.text-106 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-30 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 379px;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.row-31 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 379px;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.text-107 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.frame-427320665 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-32 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320666 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-12 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.text-108 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.infraestrutura-moderna-laboratrios-completos-e-atualizados-com-equipamentos-de-tecnologia-avanada-qu {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.infraestrutura-moderna-laboratrios-completos-e-atualizados-com-equipamentos-de-tecnologia-avanada-qu-2 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-33 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-109 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.area-atuacao {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.analista-clnico {
  background-color: #fef0c7;
  border-radius: 7.94737px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 402px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.row-34 {
  grid-row-gap: 15.8947px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 7.94737px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 408px;
  padding: 23.8421px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-15 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.379px;
  height: 683.379px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -197.802px;
  left: 620.695px;
}

.ellipse-16 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #ff8700;
  position: absolute;
  top: 304.366px;
  left: 432.074px;
}

.ellipse-17 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 385.702px;
  height: 385.702px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 202.943px;
  left: 1212.42px;
}

.group-5 {
  object-fit: cover;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 481.05px;
  height: 330.735px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 0;
  left: 695.5px;
}

.frame-427320667 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 534px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 67.3322px;
  left: 74px;
}

.text-110 {
  color: #bf6501;
  letter-spacing: -.02em;
  width: 620px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-111 {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.rectangle-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16.6854px;
  height: 413.02px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: -7.94531px;
}

.row-35 {
  grid-row-gap: 15.8947px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 7.94737px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 408px;
  padding: 23.8421px;
  display: flex;
  position: static;
  left: auto;
  overflow: hidden;
}

.ellipse-18 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.379px;
  height: 683.379px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -225.891px;
  left: 723.789px;
}

.ellipse-19 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #ff8700;
  position: absolute;
  top: 304.366px;
  left: 432.074px;
}

.ellipse-20 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 607.536px;
  height: 607.536px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 209.961px;
  left: 1049.77px;
}

.frame-427320668 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 534px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 82.3676px;
  left: 608px;
}

.text-112 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-113 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.objects {
  mix-blend-mode: normal;
  object-fit: cover;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 501.412px;
  height: 299.054px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 10% auto 0% 0%;
}

.rectangle-18 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16.6854px;
  height: 413.02px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: -7.94531px;
}

.row-38 {
  grid-row-gap: 0px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 7.94737px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 408px;
  padding: 23.8421px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-21 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.379px;
  height: 683.379px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -225.891px;
  left: 723.789px;
}

.ellipse-22 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #ff8700;
  position: absolute;
  top: 304.366px;
  left: 432.074px;
}

.ellipse-23 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 607.536px;
  height: 607.536px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 233.333px;
  left: 1221.79px;
}

.frame-427320669 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 534px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.text-114 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-115 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.group-6 {
  object-fit: cover;
  object-position: 50% 0%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 481px;
  height: 330px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 32.783px;
  left: -10px;
}

.rectangle-20 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16.6854px;
  height: 413.02px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: -7.94531px;
}

.t-tulo-v-deo-biomedicina {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-116 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.video-biomedicina {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1215.89px;
  text-decoration: none;
  display: flex;
}

.frame-427320672 {
  background-color: #ff8700;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.video-overlay-action-6 {
  background-color: #0000001a;
  border-radius: 7.75072px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 385.599px;
  display: flex;
}

.button-style-3 {
  -webkit-backdrop-filter: blur(7.75072px);
  backdrop-filter: blur(7.75072px);
  background-color: #ffffff4d;
  border-radius: 9687.43px;
  justify-content: center;
  align-items: center;
  width: 62.0058px;
  height: 62.0058px;
  text-decoration: none;
  display: flex;
}

.play-3 {
  object-fit: cover;
}

.frame-427320673 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-117 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.frame-395 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-39 {
  grid-row-gap: 24px;
  border: 2px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 382px;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.text-118 {
  color: #dc6803;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.row-40 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-13 {
  object-fit: cover;
  overflow: hidden;
}

.text-119 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-41 {
  grid-row-gap: 24px;
  border: 2px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 382px;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.row-42 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-14 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 2px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14.5px;
  max-width: none;
  height: 14.5px;
  text-decoration: none;
  display: flex;
}

.text-120 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-43 {
  grid-row-gap: 24px;
  border: 2px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 382px;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.row-44 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 158px;
  text-decoration: none;
  display: flex;
}

.frame-427320674 {
  grid-column-gap: 8px;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 158px;
  text-decoration: none;
  display: flex;
}

.r-1100 {
  color: #975001;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.grid-biomedicina {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.coord-isa {
  background-image: url("/images/69b86dbb035d4c9af5f34f74_farmacia-isa.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.nde-isa {
  background-image: url("/images/69b86dbb035d4c9af5f34f74_farmacia-isa.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-danielle {
  background-image: url("/images/69b957345b7763f9169d28e6_medicina-danielle-pereira.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-daniel {
  background-image: url("/images/69b957336ef967063538933c_medicina-daniel-feres.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-neire {
  background-image: url("/images/69b95736ff3b3c3354ec4d30_medicina-neire-gouveia.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.frame-427320675 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.vector-5 {
  object-fit: cover;
}

.card-cursos-5 {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 841px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320676 {
  background-color: #ffeabc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 841px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-27 {
  object-fit: cover;
  position: absolute;
  inset: 0%;
}

.text-block-14 {
  color: var(--_text---text-primary);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.frame-427320677 {
  grid-row-gap: 8px;
  object-fit: cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 960px;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.grid-nutricao {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.grid-curricular-nutricao {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.coord-gabriela-rodrigues {
  background-image: url("/images/69bade28364818fe0e13ba6d_nutricao-coord-gabriela-rodrigues .png");
  background-position: 40% 0;
  background-size: auto;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.gabriela-rodrigues {
  background-image: url("/images/69bade28364818fe0e13ba6d_nutricao-coord-gabriela-rodrigues .png");
  background-position: 37% 0;
  background-size: auto;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.mayara-pereira {
  background-image: url("/images/69bade2891cfd7b5c450deb7_nutricao-mayara.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.milena-figueiredo {
  background-image: url("/images/69bade284a9750b0f33c0fe9_nutricao-milena.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.mirele-resende {
  background-image: url("/images/69bae3a3988e825c666fbec5_Nutricao Mirele.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.shara-freitas {
  background-image: url("/images/69bade287f1d38bf00f81731_nutricao-sharafreitas.jpeg");
  background-position: 50% 10%;
  background-size: 140%;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.nde-gabriela {
  background-image: url("/images/69bade28364818fe0e13ba6d_nutricao-coord-gabriela-rodrigues .png");
  background-position: 34% 0;
  background-size: 270%;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-deborah {
  background-image: url("/images/69b95734b2d715c473296187_medicina-deborah.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-lunara {
  background-image: url("/images/69b957353ce2edf71b3589f4_medicina-lunara.png");
  background-position: 50% 10%;
  background-size: 170%;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.frame-427320480 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: none;
}

.frame-427320483 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 44px;
  display: flex;
}

.frame-427320481 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-121 {
  color: #bf6501;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320678 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.vector-6 {
  object-fit: cover;
  max-width: none;
}

.frame-427320618 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.call-2 {
  grid-column-gap: 6.96892px;
  background-color: #ff8700;
  border-radius: 5806.86px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4.64595px 13.9378px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320679 {
  grid-column-gap: 2.32297px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-style-15 {
  object-fit: cover;
  overflow: hidden;
}

.text-padding-16 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 1.16149px;
  padding-right: 1.16149px;
  text-decoration: none;
  display: flex;
}

.text-122 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 13.94px;
  text-decoration: none;
}

.card-cursos-6 {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 656.292px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320680 {
  background-color: #ffeabc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 656.292px;
  text-decoration: none;
  display: flex;
  position: relative;
  left: auto;
  overflow: hidden;
}

.image-28 {
  box-sizing: border-box;
  object-fit: cover;
  max-width: none;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.frame-191 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-45 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320681 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-123 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.estudar-odontologia-na-famp-escolher-uma-formao-que-vai-muito-alm-da-sala-de-aula-aqui-o-aluno-pre {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320682 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-193 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-46 {
  grid-row-gap: 32px;
  background-color: #fffcfa;
  border: 1px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320683 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-124 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-125 {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320684 {
  background-color: #fef0c799;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.titleareas {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-47 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-24 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -52.7295px;
  left: 722.246px;
}

.ellipse-25 {
  opacity: .2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.66px;
  height: 683.66px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -.00167213px;
  left: 495.391px;
}

.ellipse-26 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 776.513px;
  height: 776.513px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 128.001px;
  left: 1272.7px;
}

.frame-427320686 {
  z-index: 1;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-126 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-127 {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320687 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.frame-427320688 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320689 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320690 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 86px;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-16 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.frame-427320691 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-48 {
  grid-column-gap: 16px;
  border-radius: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.clnica-geral {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320692 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-128 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320693 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 62px;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-427320694 {
  grid-column-gap: 8px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-129 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320478 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.depoimento {
  grid-row-gap: 12px;
  background-color: #fff1c2;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.row-49 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.avatar {
  object-fit: cover;
  border-radius: 17998.2px;
  overflow: hidden;
}

.row-50 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-130 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.badge-group-3 {
  grid-column-gap: 5.26188px;
  background-color: #fffcfa;
  border: .657735px solid #fff1e3;
  border-radius: 6576.7px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 2.63094px 7.89282px;
  text-decoration: none;
  display: flex;
}

.frame-style-17 {
  object-fit: cover;
  overflow: hidden;
}

.message-3 {
  color: #975001;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 13.15px;
  text-decoration: none;
}

.text-131 {
  color: #7f756c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.div-block-46 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  width: 100%;
  max-width: 1216px;
  display: flex;
}

.text-block-16 {
  font-size: 48px;
  font-weight: 600;
  line-height: 100%;
}

.text-span {
  color: var(--_brand---brand);
}

.text-132 {
  color: #5c5650;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.div-block-47 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-link-uteis-4 {
  grid-row-gap: 8px;
  background-color: #f79009;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  padding: 32px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vem-ser-odonto-famp {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320488 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320486 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320628 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  display: flex;
}

.text-134 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.frame-427320490 {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.clnicas-odontolgicas-prprias-para-prtica-desde-os-primeiros-perodos-com-atendimento-real-comunidade {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.clnicas-odontolgicas-prprias-para-prtica-desde-os-primeiros-perodos-com-atendimento-real-comunidade-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
}

.clnicas-odontolgicas-prprias-para-prtica-desde-os-primeiros-perodos-com-atendimento-real-comunidade-3 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.grid-odonto {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.grid-curricular-odonto {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.invest-enfermagem {
  grid-row-gap: 24px;
  border: 2px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px;
  text-decoration: none;
  display: inline-flex;
}

.grid-curricular-direito {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.grid-curricular-enfermagem, .grid-curricular-farmacia {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.coordenao-5 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-135 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320695 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  scroll-snap-type: x mandatory;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  margin-bottom: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: auto hidden;
}

.card-link-uteis-5 {
  box-sizing: border-box;
  scroll-snap-align: start;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  display: inline-flex;
  overflow: hidden;
}

.featured-icon-8 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.file-05 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: static;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-2 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-17 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-17 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-136 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.link-block-36, .link-block-37, .link-block-38, .link-block-39 {
  width: 100%;
  text-decoration: none;
}

.coord-jonathan {
  background-image: url("/images/69bbed618e395ab503ea58b2_odontologia-jonathan-primo-pereira-silva.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.ana-paula-dias {
  background-image: url("/images/69bbee96060d04de3f979c1a_ odontologia-ana-paula-dias.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.carla-favretto {
  background-image: url("/images/69bbf9f273455e5a40177ca2_Carla Oliveira Favretto.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.damiana-costa {
  background-image: url("/images/69bbed61cc8fdc3da5df7021_odontologia-damiana-costa-resende.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.dayane-sousa {
  background-image: url("/images/69bbed615662a231f7d6b1ae_odontologia-dayane-sousa-morais-borges.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.jonathan-primo {
  background-image: url("/images/69bbed618e395ab503ea58b2_odontologia-jonathan-primo-pereira-silva.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.jessica-silva {
  background-image: url("/images/69bc20d931a2d8ce7c69be3e_ odontologia-jessica-silva-carrijo.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.lais-carvalho {
  background-image: url("/images/69bbed616e70c9c89301ef0e_odontologia-lais-carvalho-martins.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.larissa-barbosa {
  background-image: url("/images/69bbed62ceca59a735faf729_odontologia-larissa-barbosa-borges-de-araujo.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.letycia-teodoro {
  background-image: url("/images/69bc2b1ee782c34622fa84f7_ odontologia-letycia-teodoro.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.mayara-carvalho {
  background-image: url("/images/69bbed616a4fe877dcbc540a_odontologia-mayara-carvalho-borges.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.nadia-cristina {
  background-image: url("/images/69bbed613751ce8655cc469f_odontologia-nadia-cristina-fecchio-nasser.png");
  background-position: 20%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.thaynna-rodrigues {
  background-image: url("/images/69bc2ea9fb66d9eeb423727a_ odontologia-thaynna-rodrigues.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.thyago-silva {
  background-image: url("/images/69bbed61e3b83530fd7bd169_odontologia-thyago-silva-martins.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.ursula-aparecida {
  background-image: url("/images/69bbed617a583f65deb1061b_odontologia-ursula-aparecida-escalero-silva.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.vanessa-chiaparini {
  background-image: url("/images/69bc302095cf1c987930cd5e_ odontologia-vanessa-chiaparini.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.winicius-arildo {
  background-image: url("/images/69bbed6126687f89b3dc4cf9_odontologia-winicius-arildo-ferreira-araujo.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.nde-carla {
  background-image: url("/images/69bbf9f273455e5a40177ca2_Carla Oliveira Favretto.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-dayane-sousa {
  background-image: url("/images/69bbed615662a231f7d6b1ae_odontologia-dayane-sousa-morais-borges.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-jonathan {
  background-image: url("/images/69bbed618e395ab503ea58b2_odontologia-jonathan-primo-pereira-silva.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-ursula {
  background-image: url("/images/69bbed617a583f65deb1061b_odontologia-ursula-aparecida-escalero-silva.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.frame-427320696 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.vector-7 {
  object-fit: cover;
}

.card-cursos-7 {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 584px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320697 {
  background-color: #ffeabc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 680px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-29 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  position: relative;
  inset: 0%;
}

.frame-427320698 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.row-51 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320699 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-137 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-block-17 {
  width: 100%;
  color: var(--_text---text-primary);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.div-block-48 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  display: flex;
}

.frame-427320700 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-52 {
  grid-row-gap: 32px;
  background-color: #fffcfa;
  border: 1px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320701 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-138 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.com-relao-insero-no-mercado-de-trabalho-os-egressos-da-famp-encontram-se-em-sua-maioria-inseridos-n {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320702 {
  grid-row-gap: 24px;
  object-fit: cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 572px;
  text-decoration: none;
  display: flex;
}

.frame-404 {
  grid-column-gap: 64px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320703 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-53 {
  grid-row-gap: 32px;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border: 1px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320704 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-139 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.entre-as-atividades-acadmicas-possveis-para-alm-do-ensino-regular-os-10-semestres-de-curso-a-famp-op {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320708 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: auto;
  padding-top: 72px;
  padding-bottom: 48px;
  text-decoration: none;
  display: flex;
}

.text-141 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320710 {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1215.89px;
  text-decoration: none;
  display: flex;
}

.frame-469 {
  background-color: #ff8700;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.video-overlay-action-7 {
  background-color: #0000001a;
  background-image: url("/images/69bc4d6b5f78b12e0a2c5493__Video-overlay-action.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7.75072px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 385.598px;
  min-height: 385.598px;
  display: flex;
}

.button-style-4 {
  -webkit-backdrop-filter: blur(7.75072px);
  backdrop-filter: blur(7.75072px);
  background-color: #ffffff4d;
  border-radius: 9687.43px;
  justify-content: center;
  align-items: center;
  width: 62.0058px;
  height: 62.0058px;
  text-decoration: none;
  display: flex;
}

.play-4 {
  object-fit: cover;
}

.frame-427320711 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.alunos-eduarda-sofia-e-carolina {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320709 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-470 {
  background-color: #ff8700;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.video-overlay-action-9 {
  background-color: #0000001a;
  background-image: url("/images/69bc4d6b73516b6894b7db1a__Video-overlay-action.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7.75072px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 385.598px;
  min-height: 385.598px;
  text-decoration: none;
  display: flex;
}

.button-style-5 {
  -webkit-backdrop-filter: blur(7.75072px);
  backdrop-filter: blur(7.75072px);
  background-color: #ffffff4d;
  border-radius: 9687.43px;
  justify-content: center;
  align-items: center;
  width: 62.0058px;
  height: 62.0058px;
  text-decoration: none;
  display: flex;
}

.play-5 {
  object-fit: cover;
}

.frame-427320713 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.egresso-ramane {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.frame-474 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: none;
}

.formas-de-ingressar-na-famp {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.grid-psicologia {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  min-width: 1216px;
}

.frame-427320714 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320715 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.foto-2 {
  grid-row-gap: 8px;
  object-fit: cover;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320716 {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  height: 56px;
  text-decoration: none;
  display: flex;
}

.featured-icon-9 {
  border: 2px solid #ff8700;
  border-radius: 9999px;
  overflow: hidden;
}

.coord-shara {
  background-image: url("/images/69bade287f1d38bf00f81731_nutricao-sharafreitas.jpeg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 142px;
  max-width: none;
  height: 142px;
}

.juliana-silva {
  background-image: url("/images/69bc5d8d4e0c146faece893f_psicologia-juliana-santos.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  min-width: auto;
  height: 104px;
  min-height: auto;
}

.grid-curricular-psicologia {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.nde-karen {
  background-image: url("/images/69b30fcbb4a8659fb4fe05e7_Karen Lucia.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-ricardo-ferreira {
  background-image: url("/images/69b85b1b146dd3690275b427_farmacia-ricardo-nunes.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-shara {
  background-image: url("/images/69bade287f1d38bf00f81731_nutricao-sharafreitas.jpeg");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.text-block-20 {
  font-size: 30px;
  font-weight: 500;
}

.divisor {
  grid-column-gap: 23px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
  text-decoration: none;
  display: flex;
}

.frame-42 {
  background-color: #f4f2f1;
  width: 100%;
  height: 1px;
  line-height: 1px;
  overflow: hidden;
}

.container {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 1280px;
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.container.container-barra-divisor {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.frame-style-18 {
  object-fit: cover;
  border-radius: 3px;
  overflow: hidden;
}

.text-142 {
  color: #1d1b18;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: block;
}

.frame-427320717 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 72px;
  min-width: 72px;
  height: 72px;
  text-decoration: none;
  display: flex;
}

.vector-8 {
  object-fit: cover;
}

.image-30 {
  object-fit: fill;
  object-position: 50% 30%;
  width: 110%;
  max-width: none;
  height: auto;
  position: relative;
  inset: 0%;
}

.frame-427320718 {
  grid-row-gap: 24px;
  object-fit: cover;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 480px;
  text-decoration: none;
  display: flex;
}

.frame-427320719 {
  grid-column-gap: 64px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320720 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-55 {
  grid-row-gap: 32px;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border: 1px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320721 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-143 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-144 {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.grid-fisioterapia {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.coord-thais {
  background-image: url("/images/69e00c5c0439533814a2df8a_Dr. Gustavo Carrijo Barbosa.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.estefanny-santos {
  background-image: url("/images/69e00d75893ee019caac3dd3_Adaline Franco Rodrigues.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.luciana-aparecida {
  background-image: url("/images/69c1443025d883d8663e3713_fisioterapia-luciana-aparecida.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.silenio-souza {
  background-image: url("/images/69e00e3fc8ecb213f0fa4ee4_Erica-Rezende-Pereira.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.thais-lopes {
  background-image: url("/images/69e00c5c0439533814a2df8a_Dr. Gustavo Carrijo Barbosa.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.grid-curricular-fisioterapia {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1216px;
}

.nde-vanessa-chiaparini {
  background-image: url("/images/69bc302095cf1c987930cd5e_ odontologia-vanessa-chiaparini.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-antonio-felipe {
  background-image: url("/images/69bbed61c5a1170e0c462eee_odontologia-antonio-felipe-lopes-avalcante.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-silenio {
  background-image: url("/images/69c14430c31221225eb33ad6_fisioterapia-silenio-souza.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.text-145 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: none;
}

.form-block-2 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  display: flex;
}

.form {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--_background---bg-warning-secondary);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
}

.div-block-52, .div-block-53 {
  width: 100%;
}

.text-field, .text-field-2 {
  border: 1px solid var(--_border---border-primary);
  border-radius: 8px;
}

.field-label {
  font-weight: 500;
}

.text-span-2 {
  color: var(--_accent---orange-2);
}

.field-label-2 {
  font-weight: 500;
}

.text-span-3 {
  color: var(--_accent---orange-2);
}

.div-block-54 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.textarea {
  border: 1px solid var(--_border---border-primary);
  border-radius: 8px;
  height: auto;
  min-height: 128px;
}

.div-block-55 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.submit-button {
  background-color: var(--_brand---brand);
  border-radius: 999px;
}

.div-block-56 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.formas-de-ingresso-na-famp {
  grid-row-gap: 8px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-13 {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin-left: 0;
  margin-right: 0;
  padding: 96px 24px;
  text-decoration: none;
  display: flex;
}

.row-56 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-146 {
  color: #1d1b18;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
}

.frame-427 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.image-57 {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: relative;
}

.frame-430 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-428 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: grid;
}

.card-link-uteis-6 {
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-147 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-148 {
  color: #000;
  width: auto;
  height: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttonsbutton-18 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-18 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-149 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.arrow-right {
  object-fit: cover;
  overflow: hidden;
}

.frame-459 {
  grid-column-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: 480px;
  display: flex;
}

.card-cursos-8 {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320723 {
  background-color: #ffeabc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 284px;
  display: flex;
  overflow: hidden;
}

.content-style-8 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.title-style-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.text-150 {
  color: #1d1b18;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.frame-427320724 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.buttonsbutton-19 {
  grid-column-gap: 6px;
  background-color: #ff8700;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 18px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.text-padding-19 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-151 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.image-59 {
  background-color: #000;
  background-image: url("/images/69c19882f043165f6df70abd_pos_Ginecologia.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 110% 290px;
  width: 100%;
  min-height: 456.895px;
}

.image-60 {
  background-color: #000;
  background-image: url("/images/69c196e57435d806df58c8fd_pos_ultrasonografia.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120% 290px;
  width: 100%;
  min-height: 456.895px;
}

.link-block-40 {
  text-decoration: none;
}

.card-cursos-graduacao {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 389.333px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320725 {
  background-color: #ffeabc;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 206px;
  display: flex;
  overflow: hidden;
}

.content-style-9 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.title-style-4 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.medicina {
  color: #1e1e1e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.frame-427320726 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.badge-4 {
  background-color: #000;
  border: 1px solid #fedf89;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.text-152 {
  color: #f4f2f1;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.badge-5 {
  background-color: #fffaeb;
  border: 1px solid #fedf89;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.text-153 {
  color: #b54708;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.title-style-5 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-154 {
  color: #1e1e1e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320727 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-padding-20 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.buttonsbutton-21 {
  grid-column-gap: 6px;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 18px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.div-block-57 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1216px;
  display: grid;
}

.link-card-cursos {
  width: 100%;
  text-decoration: none;
}

.link {
  color: var(--_text---text-tertiary-600);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.section-9 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.image-76 {
  object-fit: cover;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  max-width: none;
  height: 100%;
  min-height: auto;
  display: inline-flex;
  overflow: visible;
}

.frame-427320728 {
  grid-column-gap: 12px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.card-quem-somos {
  grid-row-gap: 24px;
  background-color: #fffcfa;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 24px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.frame-style-19 {
  object-fit: cover;
  overflow: hidden;
}

.frame-427320729 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-157 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-252 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.miss-o {
  color: #46423e;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.card-quem-somos-2 {
  grid-row-gap: 24px;
  background-color: #fffcfa;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vis-o {
  color: #46423e;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.frame-427320739 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320740 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320741 {
  grid-row-gap: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320742 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320743 {
  grid-column-gap: 12px;
  background-color: #fffaeb;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 350px;
  height: 340px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.card-quem-somos-5 {
  grid-row-gap: 24px;
  border: 1px #d7d4d1;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320744 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.circle-2 {
  grid-row-gap: 8px;
  background-color: #fef0c7;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  padding: 26px;
  text-decoration: none;
  display: flex;
}

.text-161 {
  color: #ff8700;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320745 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-162 {
  color: #46423e;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.circle-3 {
  grid-row-gap: 8px;
  background-color: #fef0c7;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  padding: 26px 27px;
  text-decoration: none;
  display: flex;
}

.text-163 {
  color: #46423e;
  text-align: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320746 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  max-width: none;
  height: 47px;
  text-decoration: none;
  display: flex;
}

.circle-4 {
  grid-row-gap: 8px;
  background-color: #fef0c7;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  padding: 26px 28px;
  text-decoration: none;
  display: flex;
}

.rectangle-22 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 2px;
  height: 49.5px;
  text-decoration: none;
  display: inline-flex;
}

.circle-5 {
  grid-row-gap: 8px;
  background-color: #fef0c7;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  padding: 26px 30px;
  text-decoration: none;
  display: flex;
}

.text-164 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.button-card-institucionais {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button-card-institucionais:hover {
  background-color: var(--_background---bg-primary);
}

.div-button-secundary {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-button-secundary {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.card-link-institucionais {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--_border---border-primary);
  border-radius: 12px;
  flex-flow: column;
  height: 100%;
  padding: 32px;
  display: flex;
}

.div-block-58 {
  width: auto;
  height: 100%;
}

.div-block-59 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.image-77 {
  justify-content: center;
  align-items: center;
  width: 47.3125px;
  display: inline-flex;
}

.div-block-60 {
  justify-content: flex-end;
  align-items: center;
  width: 180px;
  display: inline-flex;
}

.div-block-61 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  display: inline-flex;
}

.text-166 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.coordenao-6 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-167 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320747 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.a-infraestrutura-da-famp-permite-de-maneira-excelente-o-andamento-do-processo-ensino-aprendizagem-cu {
  color: #5c5650;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-57 {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-427320748 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-168 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-287 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 48px;
  padding-bottom: 48px;
  text-decoration: none;
  display: flex;
}

.frame-288 {
  background-color: #fef0c7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-286 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 222px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-289 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.text-169 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320749 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.coordenacao {
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-170 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
}

.frame-427320750 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.row-58 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-27 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -132.58px;
  left: 1003.84px;
}

.ellipse-28 {
  opacity: .2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 818.165px;
  height: 818.165px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 82.0498px;
  left: 425.859px;
}

.ellipse-29 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 776.513px;
  height: 776.513px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 164px;
  left: 1330.23px;
}

.frame-427320751 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.morgana-potrich {
  grid-column-gap: 4.54545px;
  background-color: #fef3f2;
  background-image: url("/images/69c2d448ec43bd76348697f0_morgana_potrich.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 11.3636px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding: 4.54545px;
  text-decoration: none;
  display: flex;
}

.frame-427320511 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-171 {
  color: #1d1b18;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-172 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-250 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.text-173 {
  z-index: 10;
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.daiana-sganzella {
  background-image: url("/images/69c2d52b930f11cc5f2ef0d6_Daiana Sganzella.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 11.3636px;
  width: 100px;
  height: 100px;
}

.palavra-diretoria {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  max-width: 1216px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
}

.badge-group-4 {
  grid-column-gap: 8px;
  background-color: #fffcfa;
  border: 1px solid #fff1e3;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.frame-427320755 {
  grid-column-gap: 48px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-60 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320756 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-21 {
  object-fit: cover;
  overflow: hidden;
}

.message-5 {
  color: #975001;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.frame-427320757 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-175 {
  color: #1d1b18;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320758 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-427320759 {
  object-fit: cover;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 717px;
  display: flex;
  overflow: hidden;
}

.text-block-22 {
  color: var(--_text---text-tertiary-600);
  text-align: justify;
}

.text-176 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.div-block-62 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: inline-flex;
}

.frame-248 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320760 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-61 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.frame-427320761 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-177 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-178 {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320762 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.row-62 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.frame-249 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.row-63 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-30 {
  opacity: .2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 818.165px;
  height: 818.165px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 82.0498px;
  left: 425.859px;
}

.ellipse-31 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 776.513px;
  height: 776.513px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 164px;
  left: 1330.23px;
}

.catlogo-online-do-acervo-fsico {
  color: #1d1b18;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-179 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.text-180 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.frame-427320763 {
  z-index: 10;
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-181 {
  color: #5c5650;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-182 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.ellipse-32 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -132.58px;
  left: 1003.84px;
}

.frame-427320764 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-183 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.a-lei-do-sinaes-prev-a-avaliao-dos-cursos-de-graduao-cujo-objetivo-identificar-as-condies-de-ensino {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320765 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320766 {
  grid-column-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-64 {
  grid-column-gap: 16px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
}

.frame-251 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.cc {
  color: #bf6501;
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
}

.text-184 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-65 {
  grid-row-gap: 16px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
}

.cc-o-conceito-que-resulta-da-avaliao-realizada-in-loco-pelas-comisses-designadas-pelo-inep-ocorre-a {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.cc-o-conceito-que-resulta-da-avaliao-realizada-in-loco-pelas-comisses-designadas-pelo-inep-ocorre-a-2 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320767 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.portarias-autorizao {
  color: #bf6501;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-185 {
  color: #1d1b18;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320768 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-186 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320769 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-membros-4 {
  grid-column-gap: 24px;
  background-color: #fffcfa;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.fi_6593684 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 120px;
  max-width: none;
  height: 96px;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.frame-427320770 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-187 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320771 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-188 {
  color: #bf6501;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.text-189 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-253 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.badge-6 {
  background-color: #f4f2f1;
  border: 1px solid #e9e7e5;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 8px;
  text-decoration: none;
  display: flex;
}

.text-190 {
  color: #46423e;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
}

.card-membros-5 {
  grid-column-gap: 24px;
  background-color: #fffcfa;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 596px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-button-secundary {
  display: block;
}

.text-span-4 {
  color: var(--_text---text-brand-tertiary-600);
}

.frame-258 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-191 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.div-block-63 {
  background-color: #000;
  background-image: url("/images/69c2e6bb2842169bfe71eac4_fundo-enade.png");
  background-position: 50%;
  background-size: auto;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  height: 100%;
  min-height: 196px;
  display: flex;
}

.text-block-23 {
  color: var(--_text---text-primary_on-brand);
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
}

.text-span-5 {
  color: var(--_accent---orange-1);
}

.div-block-64 {
  width: 100%;
  max-width: 1216px;
}

.text-block-25 {
  color: var(--_text---text-primary);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.text-span-6, .text-span-7, .text-span-8, .text-span-9 {
  color: var(--_text---text-brand-tertiary-600);
}

.frame-261 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-192 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-block-26 {
  color: var(--_text---text-primary);
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}

.frame-427320772 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-427320773 {
  grid-column-gap: 48px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.frame-262 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 448px;
  text-decoration: none;
  display: flex;
}

.row-66 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 379px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320774 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-22 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.text-193 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-266 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.text-194 {
  color: #bf6501;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.frame-270 {
  grid-row-gap: 40px;
  background-color: #f4f2f1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-271 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-267 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.text-195 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.estudantes-do-primeiro-ano-1p-e-2p-e-do-ltimo-ano-9p-e-10p-de-direito-e-psicologia-devem-procurar-as {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.frame-269 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-67 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320775 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-23 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.text-196 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320776 {
  grid-column-gap: 16px;
  background-color: #fef0c7;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.featured-icon-11 {
  background-color: #fffcfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
  overflow: hidden;
}

.text-197 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.frame-108 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-198 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-272 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-231 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-273 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.item-download-doc-2 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320777 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-padding-22 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-199 {
  color: #bf6501;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.link-block-41 {
  text-decoration: none;
}

.section-style {
  grid-row-gap: 16px;
  background-color: #fff;
  border: .909091px solid #f3f4f6;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: 100%;
  padding: 32px 32.8977px 32px 32.8977px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.container-14 {
  grid-column-gap: 11.9886px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 39.9858px;
  display: flex;
}

.container-15 {
  background-color: #ffedd4;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 39.9858px;
  height: 39.9858px;
  padding-top: 7.99716px;
  padding-left: 7.99715px;
  padding-right: 7.99717px;
  text-decoration: none;
  display: flex;
}

.icon-2 {
  object-fit: cover;
  overflow: hidden;
}

.text-201 {
  color: #101828;
  letter-spacing: .0703125px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

.a-cpa-a-comisso-prpria-de-avaliao-responsv {
  color: #4a5565;
  letter-spacing: -.3125px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.section-style-2 {
  grid-row-gap: 23.9914px;
  background-color: #fff;
  border: .909091px solid #f3f4f6;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 32.8977px 32.8977px 32.9px 32.8977px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.container-16 {
  grid-column-gap: 11.9886px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 39.9858px;
  display: flex;
}

.container-17 {
  background-color: #ffedd4;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 39.9858px;
  height: 39.9858px;
  padding: 7.99713px 7.99717px 8px 7.99715px;
  text-decoration: none;
  display: flex;
}

.vector-9 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #f54900;
  max-width: none;
}

.heading-4 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-202 {
  color: #101828;
  letter-spacing: .0703125px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

.container-18 {
  grid-row-gap: 7.99721px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-203 {
  color: #1e2939;
  letter-spacing: -.439453px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.paragraph-3 {
  grid-column-gap: 8px;
  background-color: #f9fafb;
  border: .909091px solid #f3f4f6;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
}

.consolidar-um-processo-avaliativo-participativo-e {
  color: #4a5565;
  letter-spacing: -.3125px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.container-19 {
  grid-row-gap: 11.9887px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.list {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.list-item {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320778 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.text-204 {
  grid-row-gap: 8px;
  background-color: #ff6900;
  border-radius: 30504000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7.99716px;
  height: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.text-205 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.mobilizar-a-comunidade-acadmica-para-a-participa {
  color: #4a5565;
  letter-spacing: -.3125px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-206 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-20 {
  grid-column-gap: 31.9886px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: 262px;
  display: flex;
}

.section-style-3 {
  background-color: #18181b;
  background-image: radial-gradient(circle farthest-corner at 70% 50%, black, var(--_accent---orange-3) 0%, black 28%, #000);
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 262px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px #0000001a, 0 10px 15px #0000001a;
}

.container-21 {
  grid-row-gap: 15.9943px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-22 {
  grid-column-gap: 11.9886px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27.9972px;
  display: flex;
}

.vector-10 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #ff6900;
}

.heading-5 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-207 {
  color: #fff;
  letter-spacing: -.449219px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.paragraph-4 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.implementada-em-2007-a-cpa-componente-essencial {
  color: #d1d5dc;
  text-align: justify;
  letter-spacing: -.150391px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.75px;
  text-decoration: none;
}

.section-style-4 {
  grid-row-gap: 15.9943px;
  background-color: #fff;
  border: .909091px solid #f3f4f6;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 262px;
  padding: 32.8978px 32.8978px .909091px 32.8977px;
  display: flex;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.vector-11 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #f54900;
}

.text-208 {
  color: #101828;
  letter-spacing: -.449219px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.o-funcionamento-da-cpa-na-famp-segue-as-instrues {
  color: #4a5565;
  text-align: justify;
  letter-spacing: -.150391px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.75px;
  text-decoration: none;
}

.frame-455 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-209 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-458 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-456 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-68 {
  grid-row-gap: 64px;
  background-color: #fff1e34d;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320779 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320780 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.rectangle-3 {
  object-fit: cover;
  border-radius: 12040.4px;
}

.frame-427320781 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320782 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-210 {
  color: #bf6501;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-211 {
  color: #46423e;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.text-212 {
  color: #bf6501;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.row-69 {
  grid-row-gap: 64px;
  background-color: #fff1e34d;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 349.563px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.row-70 {
  grid-row-gap: 64px;
  background-color: #fff1e34d;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 292px;
  height: auto;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.todas-as-reas-so-ouvidas-nos-questionrios-dispo {
  color: #6a7282;
  letter-spacing: -.3125px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.vector-stroke {
  object-fit: cover;
}

.container-31 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.cpapage-10 {
  grid-row-gap: 22px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-218 {
  color: #bf6501;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.cpapage-11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-32 {
  grid-row-gap: 16px;
  background-color: #fff;
  border: .909091px solid #f3f4f6;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 270px;
  height: 153.778px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.cpapage-12 {
  background-color: #fff7ed;
  border-radius: 30504000px;
  justify-content: center;
  align-items: center;
  width: 63.9915px;
  height: 63.9915px;
  padding-right: .0141907px;
  text-decoration: none;
  display: flex;
}

.frame-427320787 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.cpapage-13 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-219 {
  color: #1e2939;
  text-align: center;
  letter-spacing: -.3125px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.container-33 {
  grid-row-gap: 16px;
  background-color: #fff;
  border: .909091px solid #f3f4f6;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 290.014px;
  height: 153.778px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.frame-427320788 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
}

.container-34 {
  grid-row-gap: 16px;
  background-color: #fff;
  border: .909091px solid #f3f4f6;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 270px;
  height: 153.778px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.cpapage-14 {
  background-color: #fff7ed;
  border-radius: 30504000px;
  justify-content: center;
  align-items: center;
  width: 63.9915px;
  height: 63.9915px;
  padding-right: .0143127px;
  text-decoration: none;
  display: flex;
}

.text-220 {
  color: #1e2939;
  text-align: center;
  letter-spacing: -.3125px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.coordenao-7 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-221 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-446 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-10 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-13 {
  grid-column-gap: 8px;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.file-05-3 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 1px 4px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-stroke {
  object-fit: cover;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-4 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-24 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-24 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-223 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.coordenao-8 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-224 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320789 {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-11 {
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: 340px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320790 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-225 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.frame-427320791 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: none;
}

.frame-427320792 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-226 {
  color: #7f756c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.segunda-1200-s-1700-0 {
  color: #7f756c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.segunda-1200-s-1700-1 {
  color: #7f756c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.featured-icon-15 {
  grid-column-gap: 8px;
  background-color: #fff1e3;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 13px 14px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.clock-rewind-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 3px 1px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.div-block-65 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-65:where(.w-variant-a109ffea-91ce-39ae-6b75-fcfadefc0e6a) {
  background-color: var(--_background---bg-primary);
}

.icon-mega-menu {
  color: var(--_brand---brand);
  display: block;
}

.item-mega-menu {
  color: var(--_text---text-primary);
  font-weight: 400;
  line-height: 0%;
  text-decoration: none;
}

.div-block-67 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
}

.dropdown-list {
  z-index: 9999;
  background-color: var(--_background---bg-primary);
}

.dropdown-list:where(.w-variant-a109ffea-91ce-39ae-6b75-fcfadefc0e6a) {
  display: none;
}

.dropdown-list.w--open {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--_background---bg-primary);
  border-radius: 8px;
  width: auto;
  padding: 8px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.vector-13 {
  object-fit: cover;
}

.dropdown-title {
  background-color: var(--_background---bg-warning-secondary);
  width: 100%;
  min-width: 180px;
  color: var(--_brand---brand);
  cursor: auto;
  border-radius: 8px;
  padding: 8px 24px;
}

.dropdown-link {
  width: 100%;
  color: var(--_text---text-primary);
  border-radius: 8px;
  text-decoration: none;
}

.dropdown-link:hover {
  background-color: var(--_background---bg-warning-secondary);
}

.frame-427320514 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320793 {
  grid-row-gap: 40px;
  background-color: #f4f2f1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-427320794 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320795 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.text-227 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-228 {
  color: #2d2b28;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320796 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-71 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320797 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-24 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.text-229 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320798 {
  grid-column-gap: 16px;
  background-color: #fef0c7;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.featured-icon-16 {
  background-color: #fffcfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
  overflow: hidden;
}

.text-230 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.frame-427320799 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-231 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-block-27 {
  color: var(--_text---text-tertiary-600);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.frame-87 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  max-width: 1216px;
  height: 273px;
  display: flex;
}

.card-link-uteis-12 {
  grid-row-gap: 24px;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 273px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320800 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.featured-icon-17 {
  grid-column-gap: 8px;
  background-color: #fff1e3;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 14px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.marker-pin-04 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 1px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-stroke-2 {
  object-fit: cover;
}

.text-232 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.frame-427320801 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-74 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.biblioteca-central-campus-4-avenida-3-q07-lts-15-a-19-setor-mundinho---cep-75832-009---mineiros-go {
  color: #7f756c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-88 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 273px;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-13 {
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 273px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-18 {
  grid-column-gap: 8px;
  background-color: #fff1e3;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 14px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.clock-rewind-3 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 3px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320802 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-style-25 {
  object-fit: cover;
  overflow: hidden;
}

.text-233 {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320803 {
  grid-column-gap: 16px;
  background-color: #fef0c7;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.featured-icon-19 {
  background-color: #fffcfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
  overflow: hidden;
}

.alert-circle {
  object-fit: cover;
  overflow: hidden;
}

.text-234 {
  color: #975001;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.carrossel {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1218px;
  text-decoration: none;
  display: flex;
}

.carrossel-2 {
  grid-column-gap: 24.2836px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._1 {
  grid-row-gap: 4.85672px;
  border-radius: 14.5701px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 529.382px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-80 {
  object-fit: cover;
}

._2 {
  grid-row-gap: 4.85672px;
  border-radius: 14.5701px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 528.775px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320804 {
  grid-column-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 56px;
  display: flex;
}

.featured-icon-20 {
  border: 2px solid #ff8700;
  border-radius: 9999px;
  overflow: hidden;
}

.frame-435 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.coordenao-9 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-235 {
  color: #bf6501;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.row-72 {
  grid-row-gap: 16px;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320513 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320805 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.frame-427320806 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320445 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320807 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-236 {
  color: #1d1b18;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320808 {
  grid-column-gap: 8px;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-26 {
  object-fit: cover;
  overflow: hidden;
}

.e-mail-melissaaraujofampfaculdadecombr {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320809 {
  grid-column-gap: 24px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 1120px;
  text-decoration: none;
  display: flex;
}

.frame-427320810 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-427320811 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 84px;
  text-decoration: none;
  display: flex;
}

.e-mail-melissaaraujofampfaculdadecombr-0 {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.div-block-68 {
  padding-left: 24px;
}

.coordenao-10 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-237 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-238 {
  color: #5c5650;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-73 {
  grid-row-gap: 8px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-33 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -132.58px;
  left: 1003.84px;
}

.ellipse-34 {
  opacity: .2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 818.165px;
  height: 818.165px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 82.0498px;
  left: 425.859px;
}

.ellipse-35 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 776.513px;
  height: 776.513px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 164px;
  left: 1330.23px;
}

.frame-427320812 {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320813 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-239 {
  color: #1d1b18;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-240 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320814 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.text-241 {
  z-index: 10;
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.buttonsbutton-25 {
  grid-column-gap: 6px;
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-25 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-242 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320517 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320818 {
  grid-row-gap: 40px;
  background-color: #f4f2f1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-427320515 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320819 {
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.text-249 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-250 {
  color: #5c5650;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320520 {
  grid-column-gap: 24px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-36 {
  grid-row-gap: 15.9943px;
  background-color: #fff;
  border: .909091px solid #f3f4f6;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 290px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.cpapage-15 {
  background-color: #fff7ed;
  border-radius: 30504000px;
  justify-content: center;
  align-items: center;
  width: 63.9915px;
  height: 63.9915px;
  padding-right: .0141907px;
  text-decoration: none;
  display: flex;
}

.frame-427320521 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-251 {
  color: #1e2939;
  text-align: center;
  letter-spacing: -.3125px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.text-252 {
  color: #2d2b28;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.icon-8 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.frame-427320820 {
  grid-column-gap: 16px;
  background-color: #fef0c7;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.featured-icon-21 {
  background-color: #fffcfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
  overflow: hidden;
}

.text-253 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.caso-a-data-da-devoluo-coincidir-com-dia-em-que-a-biblioteca-fique-integralmente-fechada-o-prazo-ser {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-74 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320821 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.text-254 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttonsbutton-27 {
  grid-column-gap: 6px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 18px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320822 {
  grid-row-gap: 16px;
  background-color: #fef0c7;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320526 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320525 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.anexar-no-e-mail {
  color: #975001;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.text-block-29 {
  color: var(--_text---text-tertiary-600);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.cpapage-17 {
  background-color: #fff7ed;
  border-radius: 30504000px;
  justify-content: center;
  align-items: center;
  width: 63.9915px;
  height: 63.9915px;
  padding-right: .0141907px;
  text-decoration: none;
  display: flex;
}

.vector-stroke-2 {
  object-fit: cover;
}

.link-block-42 {
  padding: 20px;
  text-decoration: none;
}

.bold-text {
  color: var(--_text---text-brand-700);
  font-weight: 600;
}

.text-block-30 {
  color: var(--_text---text-tertiary-600);
  font-size: 16px;
  line-height: 24px;
}

.text-block-32 {
  color: var(--_text---text-tertiary-600);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.dropdown-list-4 {
  background-color: var(--_background---bg-primary);
  border-radius: 8px 8px 8px 0;
  padding: 8px;
  bottom: auto;
  left: 100px;
}

.dropdown-list-4.w--open {
  bottom: -8px;
  left: 182px;
}

.dropdown-list-4.ajuste.w--open {
  bottom: 0;
}

.text-block-33 {
  color: var(--_text---text-tertiary-600);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.coordenao-12 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-256 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320823 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-14 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-22 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: inline-flex;
  overflow: hidden;
}

.file-05-4 {
  object-fit: cover;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-5 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-28 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-28 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-257 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320824 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: 273px;
  display: flex;
}

.card-link-uteis-15 {
  background-color: #f79009;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 273px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-23 {
  background-color: #fffcfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: inline-flex;
  overflow: hidden;
}

.file-check-02 {
  object-fit: cover;
  overflow: hidden;
}

.text-258 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-29 {
  grid-column-gap: 6px;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-29 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-259 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.container-37 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.row-75 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320825 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-260 {
  color: #1d1b18;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
}

.text-261 {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.content-style-10 {
  grid-row-gap: 64px;
  background-color: #fef0c7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  text-decoration: none;
  display: flex;
}

.form-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div-block-69 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-block-3 {
  width: 100%;
  margin-bottom: 0;
}

.div-block-70, .div-block-71 {
  width: 100%;
}

.text-field-3 {
  border: 1px solid var(--_border---border-primary);
  color: var(--_text---text-tertiary-600);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 24px;
}

.field-label-3 {
  color: var(--_text---text-secondary-700);
  font-weight: 500;
}

.text-span-10 {
  color: var(--_text---text-brand-tertiary-600);
}

.field-label-4 {
  color: #333;
  font-weight: 500;
}

.text-span-11 {
  color: var(--_text---text-brand-tertiary-600);
  display: inline-block;
}

.text-field-4 {
  border: 1px solid var(--_border---border-primary);
  color: var(--_text---text-tertiary-600);
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
}

.div-block-72 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
}

.textarea-2 {
  border: 1px solid var(--_border---border-primary);
  border-radius: 8px;
  height: auto;
  min-height: 128px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: visible;
}

.dropdown-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.dropdown-2:hover {
  background-color: var(--_background---bg-warning-secondary);
  border-radius: 8px;
}

.dropdown-toggle-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.div-block-73 {
  justify-content: flex-end;
  align-items: center;
  display: inline-flex;
}

.submit-button-2 {
  background-color: var(--_brand---brand);
  border-radius: 999px;
}

.frame-427320826 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-264 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-454 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: grid;
}

.card-processo-seletivo {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320827 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-265 {
  color: #683b01;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.buttonsbutton-utility {
  border: 1.83333px solid #ff8700;
  border-radius: 27497.3px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 #0a0d122e;
}

.arrow-up-right {
  object-fit: cover;
  overflow: hidden;
}

.frame-427320828 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 108px;
  text-decoration: none;
  display: flex;
}

.card-processo-seletivo-2, .card-processo-seletivo-3 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-4 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 394.667px;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-5 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 394.667px;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320829 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-266 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320830 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: grid;
}

.card-processo-seletivo-6 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320831 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-267 {
  color: #683b01;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.buttonsbutton-utility-2 {
  border: 1.83333px solid #ff8700;
  border-radius: 27497.3px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.33333px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.departamento-de-dst {
  color: #683b01;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-461 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-processo-seletivo-7 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-8 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-9, .card-processo-seletivo-10 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-11 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 394.667px;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-457 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-268 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320832 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.card-processo-seletivo-12 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320833 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-269 {
  color: #683b01;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.buttonsbutton-utility-3 {
  border: 1.83333px solid #ff8700;
  border-radius: 27497.3px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-14 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-15 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 395px;
  max-width: 394.667px;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320834 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-270 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320835 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.card-processo-seletivo-16 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320836 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-271 {
  color: #683b01;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.buttonsbutton-utility-4 {
  border: 1.83333px solid #ff8700;
  border-radius: 27497.3px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.33333px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-17 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-18 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 112px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-processo-seletivo-19 {
  grid-column-gap: 8px;
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 394.667px;
  height: 108px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320837 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-272 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320838 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.frame-427320839 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-273 {
  color: #683b01;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.buttonsbutton-utility-5 {
  border: 1.83333px solid #ff8700;
  border-radius: 27497.3px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320840 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 394.67px;
  text-decoration: none;
  display: flex;
}

.emec {
  max-width: 1200px;
  margin-left: 8px;
  margin-right: 8px;
}

.section-10 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-74 {
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
}

.frame-199 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: 376px;
  display: flex;
  overflow: hidden;
}

.card-avisos {
  background-color: #fffaeb;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 398.667px;
  height: 376px;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-206 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.resultados-dos-resumos-aprovados-para-apresentao-no-ii-congresso-de-medicina {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.buttonsbutton-30 {
  grid-column-gap: 6px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 18px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-30 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-274 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.div-block-75 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  padding-bottom: 48px;
  display: grid;
}

.frame-54 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-51 {
  background-color: #fffaeb;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: 583px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.card-cursos-9 {
  border: 0 solid #d7d4d1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 529px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320841 {
  background-color: #ffeabc;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 222px;
  display: flex;
  overflow: hidden;
}

.img-famp-de-portas-abertas {
  object-fit: cover;
  height: 222px;
}

.frame-56 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.text-275 {
  color: #1e1e1e;
  width: 100%;
  height: 56px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.content-style-11 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-style-6 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320842 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.badge-7 {
  background-color: #ffddbd;
  border: 1px solid #fedf89;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.text-276 {
  color: #bf6501;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
}

.title-style-7 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-277 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.buttons {
  grid-column-gap: 12px;
  border: 2px solid #ff8700;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 61px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.text-padding-31 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-278 {
  color: #bf6501;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.frame-52 {
  background-color: #fffaeb;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: 583px;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.div-block-76 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-77 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.text-block-34 {
  font-size: 20px;
  font-weight: 500;
}

.div-block-78 {
  width: 100%;
  padding-top: 48px;
}

.div-block-79 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.tabs-3 {
  flex-flow: column;
  width: 80%;
  max-width: 1216px;
  display: inline-flex;
}

.tabs-menu-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link-tab-1 {
  border-top-left-radius: 12px;
}

.tab-link-tab-1.w--current {
  background-color: var(--_brand---brand);
}

.tab-link-tab-3 {
  background-color: var(--_background---bg-warning-secondary);
  border-top-right-radius: 12px;
}

.tab-link-tab-2 {
  background-color: var(--_background---bg-warning-secondary);
}

.text-block-35 {
  font-weight: 600;
}

.section-11 {
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.img-left-divisor {
  z-index: auto;
  width: auto;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.frame-427320532 {
  grid-column-gap: 12px;
  background-color: var(--_brand---brand);
  border: 1px #d7d4d1;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 475px;
  padding: 24px 140px;
  text-decoration: none;
  display: flex;
}

.card-quem-somos-6 {
  grid-row-gap: 24px;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320843 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.circle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fef0c7;
  border-radius: 9999px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 115px;
  display: inline-flex;
}

.text-279 {
  color: #ff8700;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.vector-stroke-3 {
  object-fit: cover;
}

.frame-427320844 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-280 {
  color: var(--_text---text-primary-900);
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.text-281 {
  width: 100%;
  color: var(--_text---text-primary_on-brand);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.tab-pane-tab-1-2 {
  width: 100%;
  left: auto;
}

.tabs-content-3 {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.tab-pane-tab-2 {
  width: 100%;
}

.frame-427320845 {
  grid-column-gap: 12px;
  background-color: #fffaeb;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 475px;
  padding-top: 60px;
  padding-left: 48px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.card-quem-somos-7 {
  grid-row-gap: 24px;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320846 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.circle-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fef0c7;
  border-radius: 9999px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 115px;
  display: inline-flex;
}

.text-282 {
  color: #ff8700;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.vector-stroke-4 {
  object-fit: cover;
}

.frame-427320847 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-283 {
  color: #ff8700;
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.text-284 {
  color: #46423e;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.div-block-80 {
  width: 100%;
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.img-right-divisor {
  z-index: 1;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-barra-divisor {
  color: var(--_background---bg-primary);
  font-size: 16px;
  font-weight: 400;
}

.div-block-81 {
  z-index: 9999;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-82 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: auto;
  display: inline-flex;
}

.slider-2 {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 476px;
  display: inline-flex;
  position: relative;
}

.slide-2 {
  vertical-align: middle;
}

.icon-9, .icon-10 {
  background-color: var(--_brand---brand);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: inline-flex;
}

.section-12 {
  background-color: #fef0c7;
  background-image: linear-gradient(180deg, var(--_background---bg-warning-secondary), white);
  justify-content: center;
  align-items: flex-start;
  height: 800px;
  padding-top: 64px;
  padding-bottom: 3px;
  display: flex;
}

.container-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1280px;
  padding-bottom: 32px;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
}

.link-footer {
  color: var(--_text---text-tertiary-600);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.link-block-footer {
  font-size: 25px;
  text-decoration: none;
}

.div-block-83 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.coordenao-13 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-285 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320848 {
  grid-column-gap: 32px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-16 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-24 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-6 {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-31 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-32 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-286 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.container-club {
  grid-row-gap: 8px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-18 {
  object-fit: cover;
}

.title-item-footer {
  color: var(--_text---text-brand-primary);
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.frame-233 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.text-287 {
  color: #dc6803;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.text-288 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-289 {
  color: #dc6803;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.rl-padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl_section_header1 {
  background-color: var(--relume-library-lite--rl-white);
}

.rl-button-secondary {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-white);
  color: var(--relume-library-lite--rl-black);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-button {
  border: 1px solid var(--relume-library-lite--rl-black);
  background-color: var(--relume-library-lite--rl-black);
  color: var(--relume-library-lite--rl-white);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl_heading1_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_header1_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.rl-text-style-medium {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_heading1_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rl-heading-style-h1 {
  color: var(--relume-library-lite--rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl-padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.rl-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.section-13 {
  background-image: linear-gradient(167deg, var(--_background---bg-primary), var(--_background---bg-warning-secondary));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 0;
  display: flex;
}

.div-block-84 {
  display: flex;
}

.frame-237 {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  height: 54%;
  display: flex;
}

.card-clube {
  grid-row-gap: 8px;
  background-color: #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 292px;
  height: 299px;
  padding: 16px 16px 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-235 {
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 219px;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.image-17 {
  object-fit: cover;
}

.frame-236 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

._20-de-desconto {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.card-clube-2 {
  grid-row-gap: 8px;
  background-color: #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 292px;
  height: 299px;
  padding: 16px 16px 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.card-clube-3 {
  grid-row-gap: 8px;
  background-color: #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 295px;
  height: 299px;
  padding: 16px 16px 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.item-list-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.div-block-85 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 96px 24px 48px;
  display: flex;
}

.text-footer-copyright {
  width: auto;
  color: var(--_text---text-quaternary-500);
}

.form-trabalhe-conosco {
  width: 100%;
}

.container-barra-divisor {
  z-index: 9999;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-block-86 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: inline-flex;
}

.frame-6 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 481.501px;
  text-decoration: none;
  display: flex;
}

.illustration {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 481.501px;
  height: 344.238px;
  text-decoration: none;
  display: flex;
}

.frame-436 {
  grid-row-gap: 24px;
  background-color: #fef0c7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 64px;
  text-decoration: none;
  display: flex;
}

.row-76 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-290 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-291 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320450 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320447 {
  grid-column-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-27 {
  object-fit: cover;
  overflow: hidden;
}

.text-292 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.text-293 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320849 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.coordenao-14 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-294 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.row-77 {
  grid-column-gap: 64px;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320850 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1120px;
  height: 117.567px;
  text-decoration: none;
  display: flex;
}

.frame-427320851 {
  grid-column-gap: 24px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320852 {
  grid-column-gap: 8px;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 104px;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.frame-427320853 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 104px;
  text-decoration: none;
  display: flex;
}

.frame-427320854 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320855 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320856 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-295 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320857 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-style-28 {
  object-fit: cover;
  max-width: none;
  overflow: hidden;
}

.text-296 {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320858 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.call-3 {
  grid-column-gap: 6.97535px;
  background-color: #ff8700;
  border-radius: 5812.21px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4.65023px 13.9507px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320859 {
  grid-column-gap: 2.32512px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vector-14 {
  object-fit: cover;
}

.text-padding-33 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 1.16256px;
  padding-right: 1.16256px;
  text-decoration: none;
  display: flex;
}

.text-297 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 13.95px;
  text-decoration: none;
}

.frame-427320860 {
  grid-row-gap: 24px;
  border: 1px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 64px;
  text-decoration: none;
  display: flex;
}

.row-78 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-298 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.o-departamento-de-pesquisa-da-famp-est-de-portas-abertas-para-acadmicos-e-docentes-que-desejam-se-ap {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.e-mail-coordepesquisafampfaculdadecombr-0 {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.padr-o16-secundario {
  color: var(--_text---text-secondary-700);
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}

.text-padrao-secondario {
  color: var(--_text---text-secondary-700);
  font-size: 16px;
  line-height: 24px;
}

.coordenao-15 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-299 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320861 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.card-link-uteis-17 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: 299px;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.featured-icon-25 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: inline-flex;
  overflow: hidden;
}

.text-300 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-32 {
  grid-column-gap: 6px;
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-34 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-301 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.container-38 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding-top: 32px;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.row-79 {
  grid-column-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320862 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-7 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.badge-group-5 {
  grid-column-gap: 8px;
  background-color: #fffcfa;
  border: 1px solid #fff1e3;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.message-6 {
  color: #975001;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.text-302 {
  color: #1d1b18;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
}

.row-80 {
  grid-row-gap: 32px;
  background-color: #fff1e34d;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320863 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 44px;
  display: flex;
}

.frame-427320508 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-303 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320864 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.buttonsbutton-33 {
  grid-column-gap: 6px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-35 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-304 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320865 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.body-4 {
  background-color: var(--_background---bg-secundary);
  color: var(--_background---bg-secundary);
}

._1-2 {
  grid-column-gap: 48px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.container-39 {
  grid-column-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 341px;
  height: 529px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-302 {
  grid-column-gap: 8px;
  width: 100%;
  max-width: 341px;
  height: 529px;
  color: var(--relume-library-lite--rl-white);
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-39 {
  object-fit: cover;
}

.container-40 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320866 {
  grid-column-gap: 8px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 49px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.a-faculdade-morgana-potrich-possui-uma-variedade-de-opes-de-itens-disponveis-para-consulta-eletrnica {
  color: #5c5650;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320867 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  text-decoration: none;
  display: inline-flex;
}

.row-81 {
  grid-column-gap: 16px;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.frame-427320868 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.promoo-da-cooperao-cientfica-internacional {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-303 {
  grid-row-gap: 8px;
  background-color: #fffaeb;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-315 {
  grid-column-gap: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.fonte-httpwwwcapesgovbrhistoria-e-missao {
  color: #bf6501;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-317 {
  grid-column-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-305 {
  color: #5c5650;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.buttonsbutton-34 {
  grid-column-gap: 4px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-36 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-306 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.div-block-87, .div-block-88 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: inline-flex;
}

.content-right-footer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div-block-89 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_background---bg-light);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 20px;
  display: flex;
}

.container-41 {
  grid-column-gap: 8px;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 341px;
  height: 413px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320869 {
  grid-column-gap: 8px;
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 341px;
  height: 413px;
  padding: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-40 {
  object-fit: cover;
}

.image-81 {
  width: 56px;
  height: 56px;
}

.image-41, .image-42 {
  object-fit: cover;
}

.text-block-37 {
  font-size: 16px;
  font-weight: 500;
}

.div-block-90 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.vector-15 {
  object-fit: cover;
}

.icon-card-footer {
  width: 20px;
  height: 20px;
}

.link-block-43 {
  text-decoration: none;
}

.div-block-91 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding-left: 0;
  display: flex;
}

.endereco-campus {
  text-decoration: none;
}

.label-compus {
  color: var(--_text---text-primary_on-brand);
  font-size: 16px;
}

.div-block-92 {
  background-color: var(--_background---bg-brand);
  border-radius: 8px;
  padding: 12px 16px;
}

.div-block-93 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-left: 16px;
  display: flex;
}

.div-block-94 {
  border-top: 1px solid var(--_border---border-secondary_alt);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 32px 24px;
  display: flex;
}

.frame-427320870 {
  grid-row-gap: 24px;
  background-color: #fef0c7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 40px 64px;
  text-decoration: none;
  display: flex;
}

.row-82 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-307 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-308 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.title {
  color: var(--_text---text-brand-700);
  font-size: 20px;
  font-weight: 500;
}

.coordenao-16 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-309 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320871 {
  grid-column-gap: 32px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-18 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 299px;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.featured-icon-26 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.text-310 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-35 {
  grid-column-gap: 6px;
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-37 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-311 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.div-block-95 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: block;
}

.content-title-card {
  padding-top: 16px;
  display: flex;
}

.card-cursos-10 {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1041px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320872 {
  background-image: url("/images/69b053455aa8e91f7225d221_Frame-392.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1041px;
  min-height: 1041px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.variedade-de-vidraria-de-laboratorio-com-substancias-laranja-1 {
  object-fit: cover;
}

.card-cursos-11 {
  background-color: #fdf1d6;
  border: 1px solid #d7d4d1;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1117px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #0a0d120d;
}

.frame-427320873 {
  background-image: url("/images/69b053455aa8e91f7225d221_Frame-392.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1117px;
  min-height: 1117px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vida-morta-dia-mundial-da-propriedade-intelectual-1 {
  object-fit: cover;
}

.frame-427320874 {
  grid-row-gap: 8px;
  border: 2px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 32px;
  text-decoration: none;
  display: flex;
}

.container-42 {
  grid-column-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 39.9858px;
  display: flex;
}

.container-43 {
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 39.9858px;
  height: 39.9858px;
  padding-top: 7.99713px;
  padding-left: 7.99715px;
  padding-right: 7.99717px;
  text-decoration: none;
  display: flex;
}

.icon-11 {
  object-fit: cover;
  overflow: hidden;
}

.text-312 {
  color: #101828;
  letter-spacing: .0703125px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320448 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  text-decoration: none;
  display: flex;
}

.text-313 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.coordenao-17 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-314 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.row-83 {
  grid-column-gap: 64px;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320875 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1120px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-427320876 {
  grid-column-gap: 24px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320877 {
  grid-column-gap: 8px;
  object-fit: cover;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 104px;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.frame-427320878 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-427320879 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320880 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-315 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320881 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320882 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-316 {
  color: #7f756c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.call-4 {
  grid-column-gap: 6.96892px;
  background-color: #ff8700;
  border-radius: 5806.86px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4.64595px 13.9378px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320883 {
  grid-column-gap: 2.32297px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vector-16 {
  object-fit: cover;
}

.text-padding-38 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 1.16149px;
  padding-right: 1.16149px;
  text-decoration: none;
  display: flex;
}

.text-317 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 13.94px;
  text-decoration: none;
}

.frame-427320554 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320484 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  text-decoration: none;
  display: flex;
}

.frame-427320884 {
  grid-row-gap: 8px;
  opacity: .74;
  background-color: #fff1c2;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 64px;
  text-decoration: none;
  display: flex;
}

.container-44 {
  grid-column-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 39.9858px;
  display: flex;
}

.text-318 {
  color: #000;
  letter-spacing: .0703125px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320885 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320886 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.vector-17 {
  object-fit: cover;
}

.text-319 {
  color: #46423e;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320887 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.frame-style-29 {
  object-fit: cover;
  overflow: hidden;
}

.vector-18 {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #975001;
}

.coordenao-18 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-320 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.card-2 {
  background-color: #fff;
  border: .897285px solid #ff6900;
  border-left-width: 3.58913px;
  border-radius: 13.8182px;
  padding: .897285px .897285px .897285px 3.58913px;
  box-shadow: 0 .987013px 1.97403px #0000001a, 0 .987013px 2.96104px #0000001a;
}

.icon-12 {
  object-fit: cover;
  overflow: hidden;
}

.prezados-membros-da-comunidade-acadmica-informam {
  color: #4a5565;
  letter-spacing: -.308442px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23.69px;
  text-decoration: none;
}

.coordenao-19 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: none;
}

.text-321 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.card-3 {
  grid-row-gap: 24px;
  background-color: #fff;
  border: .897285px solid #ff6900;
  border-left-width: 3.58913px;
  border-radius: 13.8182px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 .987013px 1.97403px #0000001a, 0 .987013px 2.96104px #0000001a;
}

.cardtitle {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-13 {
  object-fit: cover;
  overflow: hidden;
}

.frame-427320504 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-322 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320505 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-19 {
  background-color: #f79009;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 258.453px;
  height: 273px;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.featured-icon-27 {
  background-color: #fffcfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: inline-flex;
  overflow: hidden;
}

.text-323 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-36 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-39 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-324 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.card-link-uteis-20 {
  background-color: #f79009;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 258.453px;
  max-width: 280px;
  height: 273px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320556 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.coordenao-20 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-325 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320888 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-21 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-28 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: inline-flex;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-7 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-37 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-40 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-326 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320889 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.coordenao-21 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-327 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320890 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-22 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.featured-icon-29 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.text-328 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-padding-41 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-329 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.card-link-uteis-23 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320557 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.coordenao-22 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-330 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320891 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-24 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-30 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-8 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-padding-42 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-331 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.container-45 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding-top: 32px;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
}

.row-84 {
  grid-column-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320892 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320893 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.badge-group-6 {
  grid-column-gap: 8px;
  background-color: #fffcfa;
  border: 1px solid #fff1e3;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.frame-style-30 {
  object-fit: cover;
  overflow: hidden;
}

.message-7 {
  color: #975001;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.text-332 {
  color: #1d1b18;
  text-align: center;
  letter-spacing: -.02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
}

.text-333 {
  color: #5c5650;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.row-85 {
  grid-row-gap: 32px;
  background-color: #fff1e34d;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320894 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320895 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 44px;
  display: flex;
}

.frame-427320896 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-334 {
  color: #1d1b18;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.frame-427320897 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.buttonsbutton-38 {
  grid-column-gap: 6px;
  background-color: #ff8700;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-43 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-335 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.text-336 {
  color: #1d1b18;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.row-86 {
  grid-row-gap: 32px;
  background-color: #fff1e34d;
  border: 2px solid #ff8700;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1216px;
  padding: 24px 48px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320510 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-350 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.frame-280 {
  grid-column-gap: 32px;
  background-color: #fffaeb;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-32 {
  object-fit: cover;
}

.frame-282 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 190px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.frame-285 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-281 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-337 {
  color: #bf6501;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-338, .text-339 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-284 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-style-31 {
  grid-row-gap: 8px;
  border: 1px solid #ff8700;
  border-radius: 9999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 3px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.insta {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 2px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.image-82 {
  object-fit: cover;
  width: auto;
}

.image-83 {
  object-fit: cover;
}

.image-84 {
  background-color: #fff;
  background-image: url("/images/69cd4d3f5f93d450c80be168_image-32.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 190px;
}

.image-85 {
  background-color: #fff;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  min-height: 190px;
}

.image-86 {
  object-fit: cover;
  max-width: none;
}

.div-block-96 {
  background-color: #fff;
  width: 200px;
  height: 100%;
}

.image-87 {
  object-fit: cover;
  background-image: linear-gradient(#fff, #fff);
}

.image-88 {
  object-fit: cover;
}

.image-89 {
  object-fit: cover;
  background-color: #fff;
}

.image-90 {
  min-height: 190px;
}

.image-91 {
  object-fit: cover;
  background-color: #fff;
  width: 56%;
  max-width: none;
}

.image-92, .image-93, .image-94, .image-95, .image-96, .image-97, .image-98, .image-99, .image-100, .image-101, .image-102, .image-103, .image-104, .image-105, .image-106, .image-107, .image-108, .image-109, .image-110 {
  object-fit: cover;
}

.image-111 {
  background-image: url("/images/69cd71644c62f4bc7a9e1ece_image-32.png"), linear-gradient(#fff, #fff);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 190px;
}

.image-112 {
  object-fit: cover;
  background-color: #fff;
}

.image-113 {
  object-fit: cover;
}

.section-campus {
  background-color: var(--_background---bg-light-200);
  justify-content: center;
  align-items: flex-start;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.text-span-12, .text-span-13 {
  color: var(--_text---text-brand-tertiary-600);
}

.frame-331 {
  grid-column-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-328 {
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
}

.frame-332 {
  grid-column-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320898 {
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
}

.frame-333 {
  grid-column-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320899 {
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
}

.div-block-97 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.frame-427320495 {
  grid-row-gap: 5.94392px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 301.654px;
  text-decoration: none;
  display: flex;
}

.frame-427320494 {
  grid-row-gap: 5.94392px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.famp-prepara-1 {
  object-fit: cover;
}

.frame-427320900 {
  grid-row-gap: 12px;
  border: 1px solid #ff8700;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 64px;
  text-decoration: none;
  display: flex;
}

.row-87 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-340 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320901 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-341 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320902 {
  background-color: #fef0c799;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320903 {
  grid-row-gap: 24px;
  background-color: #fef0c7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 64px;
  text-decoration: none;
  display: flex;
}

.text-342 {
  color: #975001;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.text-343 {
  color: #46423e;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320904 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px 64px;
  text-decoration: none;
  display: flex;
}

.frame-427320468 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320905 {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320906 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 182px;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-32 {
  overflow: hidden;
}

.frame-427320907 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-88 {
  grid-column-gap: 16px;
  border-radius: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-344 {
  color: #1d1b18;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320908 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-345 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320909 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 134px;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-427320910 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 110px;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-427320492 {
  grid-column-gap: 48px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-25 {
  grid-row-gap: 24px;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 510px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320911 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.featured-icon-31 {
  background-color: #fffcfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.text-346 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.frame-427320912 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320913 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.as-inscries-ocorrem-at-dia-05-de-maro-de-2026-o-resultado-ser-liberado-no-site-wwwfampfaculdadecombr {
  color: #7f756c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.card-link-uteis-26 {
  grid-row-gap: 18px;
  background-color: #f79009;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 377px;
  height: 510px;
  padding: 32px 24px;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.text-347 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.group {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14.5px;
  height: 14.5px;
  text-decoration: none;
  display: flex;
}

.text-348 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.buttonsbutton-39 {
  grid-column-gap: 6px;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-44 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-349 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.coordenao-23 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-350 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320914 {
  grid-column-gap: 32px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-27 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-32 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-9 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-40 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-45 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-351 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320493 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-352 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320915 {
  grid-column-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320916 {
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
}

.card-cursos-12 {
  background-image: url("/images/69b053455aa8e91f7225d221_Frame-392.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10.3624px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 386px;
  height: 436px;
  min-height: 436px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320917 {
  background-color: #ff87000d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.tmf-117-1 {
  object-fit: cover;
}

.frame-427320502 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320918 {
  background-color: #fef0c799;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320919 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-89 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-36 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -52.7305px;
  left: 98.2461px;
}

.ellipse-37 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.66px;
  height: 683.66px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 495.391px;
}

.frame-427320920 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-353 {
  color: #dc6803;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
  position: relative;
}

.frame-427320921 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 20px;
  text-decoration: none;
  display: flex;
}

.frame-427320498 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320496 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-427320922 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-33 {
  object-fit: cover;
  overflow: hidden;
}

.text-354 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320501 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-355 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.card-link-uteis-28 {
  grid-row-gap: 18px;
  background-color: #f79009;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 338px;
  padding: 32px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-356 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320923 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320924 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-357 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.text-358 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.buttonsbutton-41 {
  grid-column-gap: 6px;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-46 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-359 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.div-block-98 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.coordenao-24 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-360 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320925 {
  grid-column-gap: 32px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-29 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-33 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-10 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-42 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-47 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-361 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320926 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-362 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320927 {
  grid-column-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320928 {
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
}

.card-cursos-13 {
  background-image: url("/images/69cd8823340526ce43452ed4_TMF-117-1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10.3624px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 386px;
  height: 480px;
  min-height: 480px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.div-block-99 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.image-114, .div-block-100 {
  width: 100%;
}

.li-campus {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ul-campus {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-noticias {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.div-block-101 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.content-right-noticias {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.gost-button {
  width: auto;
  color: var(--_text---text-brand-primary);
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.container-cms-noticias {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1280px;
  height: auto;
  padding: 48px 24px;
  display: flex;
}

.container-card-noticias {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.header-card-noticias, .body-card-noticias {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.img-card-noticias {
  border: 1px solid var(--_border---border-primary);
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 222px;
}

.label-card-noticias {
  color: var(--_text---text-brand-tertiary-600);
}

.title-card-noticias {
  font-size: 18px;
}

.descricao-card-noticias {
  width: 300px;
  height: 100px;
  color: var(--_text---text-quaternary-500);
  overflow: hidden;
}

.div-block-102 {
  width: auto;
}

.badge-card-noticias {
  background-color: var(--_background---bg-brand-300);
  border-radius: 9999px;
  width: auto;
  padding: 4px 12px;
  display: flex;
}

.label-date {
  display: flex;
}

.collection-list-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.collection-item-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-103 {
  width: 100%;
  max-width: 1280px;
}

.section-14 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-104 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--_background---bg-warning-secondary);
  border-radius: 12px;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.div-block-105 {
  background-color: var(--_background---fg-brand-secondary-500);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 273px;
  padding: 32px;
  display: flex;
}

.title-card-avisos-importantes {
  color: var(--_text---text-primary_on-brand);
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.div-block-106 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-107 {
  display: flex;
}

.gost-button-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: auto;
  text-decoration: none;
  display: flex;
}

.image-115 {
  width: 18px;
  height: 20px;
}

.div-block-108 {
  width: 100%;
}

.div-block-109 {
  text-align: left;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.collection-list-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-110 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1280px;
  padding-top: 48px;
  padding-bottom: 48px;
  display: grid;
}

.div-block-111 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 48px;
  display: flex;
}

.content-tab3-rightlock-112 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.title-tab-3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.text-block-38 {
  color: var(--_text---text-quaternary-500);
}

.div-block-112 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  width: auto;
  height: 38.82px;
  display: flex;
}

.div-block-113 {
  flex-flow: column;
  display: block;
}

.text-block-39 {
  width: auto;
  font-size: 24px;
  line-height: 32px;
}

.text-block-40 {
  width: auto;
}

.div-block-114 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: auto;
  height: auto;
  display: flex;
}

.div-block-115 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.text-block-41 {
  width: auto;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  display: flex;
}

.text-block-42 {
  color: var(--_text---text-quaternary-500);
  font-size: 16px;
}

.div-block-116 {
  height: auto;
}

.menu-fixo {
  z-index: 9999;
  width: 100%;
  display: block;
  position: static;
}

.image-116 {
  width: 48px;
  height: 48px;
  display: none;
}

.div-block-117 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  display: none;
}

.div-block-118 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-119, .div-block-120, .div-block-121, .div-block-122, .div-block-123, .div-block-124, .div-block-125, .div-block-126, .div-block-127, .div-block-128, .div-block-129, .div-block-130, .div-block-131 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.text-block-43 {
  font-size: 16px;
  text-decoration: none;
}

.div-block-132, .div-block-133, .div-block-134, .div-block-135 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: inline-flex;
}

.div-block-138 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: inline-flex;
}

.div-block-139 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  display: inline-flex;
}

.grid-curricular-medicina {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.div-block-140, .div-block-141, .div-block-142, .div-block-143, .div-block-144, .div-block-145, .div-block-146, .div-block-147, .div-block-148, .div-block-149, .div-block-150 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-151, .div-block-152 {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-flow: column;
  display: flex;
}

.div-block-153 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.div-block-155, .div-block-156, .div-block-157, .div-block-158, .div-block-159, .div-block-160, .div-block-161, .div-block-162, .div-block-163, .div-block-164 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.link-block-44 {
  display: none;
}

.navbar {
  background-color: #ddd0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  display: block;
}

.container-46 {
  justify-content: space-between;
  align-items: flex-start;
  width: 1280px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-165 {
  color: #3330;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.brand {
  width: auto;
}

.image-122 {
  width: 132px;
}

.biomedicina-ingresso {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-169 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-170 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-427320654 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 4px 4px 4px 26px;
  text-decoration: none;
  display: flex;
}

.whats {
  grid-column-gap: 6.96892px;
  background-color: #ff8700;
  border-radius: 5806.86px;
  justify-content: center;
  align-items: center;
  width: 23%;
  height: 160%;
  padding: 4.64595px 13.9378px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-427320929 {
  grid-column-gap: 2.32297px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vector-19 {
  object-fit: cover;
}

.group-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 12.78px;
  text-decoration: none;
  display: flex;
}

.slider-3 {
  border-radius: 12px;
  width: 100%;
  height: 600px;
}

.slider-4 {
  background-color: var(--_brand---brand);
  border-radius: 12px;
  width: 100%;
  height: 600px;
}

.slide-3 {
  vertical-align: middle;
  border-radius: 0;
}

.div-block-171 {
  width: auto;
  display: none;
  overflow: auto;
}

.slider-5 {
  border-radius: 12px;
  height: 600px;
}

.nde-polliana {
  background-image: url("/images/69b957361f420c386d833c1b_medicina-polliana.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.div-block-172 {
  background-image: url("/images/69e00c5c0439533814a2df8a_Dr. Gustavo Carrijo Barbosa.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-erica-rezende {
  background-image: url("/images/69e00e3fc8ecb213f0fa4ee4_Erica-Rezende-Pereira.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.joelma-galvao {
  background-image: url("/images/69e0de1a709fbd72eca8c8c5_Joelma-galvao.png");
  background-position: 50%;
  background-size: 110px;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.leticia-oliveira {
  background-image: url("/images/69e0e1193467c763c61d53b2_Leticia-Oliveira-Vilela.png");
  background-position: 50% 20%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.danilo-guimaraes {
  background-image: url("/images/69e0ecd357fc51cb8890db4b_mediciba-danilo-araujo.png");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.elisa-lopes {
  background-image: url("/images/69e0ef6034699da2f081b047_mediciba-elisa-lopes.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.guilherme-henrique {
  background-image: url("/images/69e11760e6ad0a8174d01293_medicina-guilherme-henrique.png");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.gualter-martiniano {
  background-image: url("/images/69e11a313bc6e91b558f10cb_medicina-gualter-martiniano.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.igor-cintra {
  background-image: url("/images/69e12683673cfa0bd28b4b82_medicina-igor-cintra.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.josmar-camlofski {
  background-image: url("/images/69e127beb9a6681dc678a052_Medicina Josmar.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.juliano-rocha {
  background-image: url("/images/69e1289e3b5b53493488069f_medicina-juliano-rocha.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.leticia-nogueira {
  background-image: url("/images/69e1293222bc963afce344ce_medicina-leticia-nogueira.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.soraia-montenegro {
  background-image: url("/images/69e12aaa70be724800fba8fd_medicina-soraia-montenegro.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.thatyane-pereira {
  background-image: url("/images/69e12bb2bd35f6bcc5d9ff5e_medicina-thatyane-pereira.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.isadora-pereira {
  background-image: url("/images/69e12d27746067519b0de45d_medicina-isadora-pereira.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.julia-vilela {
  background-image: url("/images/69e12e73f40862c83e01bc9e_medicina-julia-vilela.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.background-video {
  width: 30%;
}

.code-embed {
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 934px;
  display: flex;
  position: static;
}

.div-block-173 {
  background-image: url("/images/69e25c59a3efaa5d27a39baa_Derlandio.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 142px;
  height: 142px;
}

.marilia-gabriela {
  background-image: url("/images/69e2642159b9d4f50629ec05_marilia-gabriela.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.nde-juliana {
  background-image: url("/images/69bc5d8d4e0c146faece893f_psicologia-juliana-santos.png");
  background-position: 50%;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.slider-6 {
  border-radius: 12px;
  width: 100%;
  height: 600px;
}

.slide-nav-2 {
  object-position: 50% 70%;
}

.div-block-174 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-175 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 379px;
  padding: 8px 16px;
  display: flex;
}

.slider-7 {
  border-radius: 12px;
  height: 600px;
}

.slide-nav-3 {
  object-position: 50% 50%;
}

.image-123 {
  object-fit: cover;
  min-width: 100%;
  max-width: none;
  height: 140%;
  position: relative;
  bottom: 140px;
}

.image-124 {
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  top: auto;
  bottom: 140px;
}

.image-125 {
  width: 100%;
  height: auto;
  position: relative;
  bottom: 500px;
}

.div-block-176 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 50%;
  display: flex;
}

.div-block-177 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  display: flex;
}

.slider-8 {
  height: 600px;
}

.image-126 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  bottom: 130px;
}

.image-127 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: auto;
}

.image-128 {
  width: 100%;
  max-width: none;
  height: auto;
}

.slider-9 {
  border-radius: 12px;
  height: 600px;
}

.image-129 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  bottom: 520px;
}

.image-130 {
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  bottom: 330px;
}

.mask {
  border-radius: 12px;
}

.image-131 {
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  bottom: 550px;
}

.image-132, .image-133 {
  width: 100%;
  max-width: none;
  height: auto;
}

.slider-10 {
  border-radius: 12px;
  height: 600px;
}

.mask-2 {
  border-radius: 12px;
}

.image-134 {
  width: 100%;
  max-width: none;
  height: auto;
}

.div-block-178 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-179 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-180, .div-block-181 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-182 {
  display: none;
}

.div-block-183 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-135 {
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  bottom: 380px;
}

.slide-nav-4 {
  position: absolute;
}

.image-136 {
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  bottom: 600px;
}

.mask-3 {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.mask-4 {
  border-radius: 12px;
}

.image-137 {
  width: 100%;
  max-width: none;
  height: auto;
}

.mask-5 {
  border-radius: 12px;
}

.image-138 {
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  bottom: 140px;
}

.modal-buracao {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.frame-427320930 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320931 {
  background-color: #fef0c799;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320932 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row-90 {
  grid-row-gap: 32px;
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px 48px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ellipse-38 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 793.16px;
  height: 793.16px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -52.7305px;
  left: 98.2461px;
}

.ellipse-39 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 683.66px;
  height: 683.66px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 495.391px;
}

.frame-427320933 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-363 {
  color: #dc6803;
  text-align: justify;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320934 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px 20px;
  text-decoration: none;
  display: flex;
}

.frame-427320935 {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320936 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-427320937 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.frame-style-34 {
  object-fit: cover;
  overflow: hidden;
}

.text-364 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-427320938 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-365 {
  color: #46423e;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.card-link-uteis-30 {
  grid-row-gap: 18px;
  background-color: #f79009;
  border: 1px solid #ff8700;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 338px;
  padding: 32px 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-366 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.frame-427320939 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-427320940 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-367 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.text-368 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.buttonsbutton-43 {
  grid-column-gap: 6px;
  background-color: #fff;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-48 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-369 {
  color: #dc6803;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.coordenao-25 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-370 {
  color: #bf6501;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
}

.frame-427320941 {
  grid-column-gap: 32px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-link-uteis-31 {
  background-color: #fef0c7;
  border: 1px solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 280px;
  height: 299px;
  padding: 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.featured-icon-34 {
  background-color: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.seac---sistema-educacional-de-acompanhamento-dos-colegiados-11 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.buttonsbutton-44 {
  background-color: #fff;
  border: 1px solid #d7d4d1;
  border-radius: 9999px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 32px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-padding-49 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  display: flex;
}

.text-371 {
  color: #46423e;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.documentos {
  width: 100%;
}

.div-block-184 {
  width: 100%;
  display: block;
}

.slider-11 {
  border-radius: 12px;
  width: 100%;
  height: 600px;
}

.mask-6 {
  border-radius: 12px;
}

.image-139, .image-140, .image-141 {
  width: 100%;
  max-width: none;
}

.feira_fotos {
  display: none;
}

.faq_financeiro {
  width: 100%;
  color: var(--relume-library-lite--rl-black);
  font-size: 18px;
  font-weight: 500;
}

.image-142, .image-143, .image-144 {
  width: 100%;
  max-width: none;
}

.image-145 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  max-width: none;
}

.image-146 {
  min-width: 100%;
  max-width: none;
}

.div-block-185 {
  display: none;
}

.div-block-186 {
  width: 40px;
  height: 40px;
}

.nde-rodrigo {
  background-image: url("/images/69b871289932c246307d9ce2_farmacia-rodrigo.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.slide-4 {
  vertical-align: middle;
  top: auto;
}

.div-block-187 {
  width: 100%;
}

.div-block-188 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-189 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-190 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fce39b;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 24px;
  display: flex;
}

.title-text {
  font-size: 20px;
}

.text-block-44 {
  font-size: 15px;
}

.text-block-45 {
  text-align: justify;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  display: flex;
}

.div-block-191 {
  display: none;
}

.galeria-odonto {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.image-147 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.galeria-psicologia {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.slide-5 {
  vertical-align: middle;
}

.image-148 {
  vertical-align: middle;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: auto;
}

.perfil-egresso-animado {
  border: 0 solid #d7d4d1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 4px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.perfil-egresso-animado.faq-item1 {
  display: flex;
}

.div-block-192 {
  width: 100%;
}

.image-149 {
  object-fit: cover;
  object-position: 50% 10%;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: clip;
}

.image-150, .image-151 {
  object-fit: cover;
  object-position: 50% 20%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-152 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-153 {
  object-fit: cover;
  object-position: 50% 80%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.div-block-193 {
  background-color: var(--_brand---brand-light);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 32px;
  display: flex;
}

.div-block-194 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.cpa-rep-corpo-discente {
  object-fit: cover;
  object-position: 50% 20%;
  border-radius: 999px;
}

.div-block-195 {
  width: 100%;
}

.image-154 {
  border-radius: 24px;
}

.div-block-196 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-197 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-46 {
  font-size: 16px;
}

.text-block-47 {
  font-size: 20px;
  font-weight: 700;
}

.div-block-198 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.image-155 {
  width: 40px;
}

.text-block-48 {
  color: var(--_brand---brand);
  border: 1px #000;
  font-size: 24px;
  font-weight: 700;
}

.text-block-49 {
  color: var(--_text---text-secondary);
}

.image-156 {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-157, .image-158, .image-159 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-160 {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-161, .image-162, .image-163, .image-164 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-165 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-166 {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-167 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-168, .image-169, .image-170 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.perfil-biomedicina {
  width: 100%;
  display: flex;
}

.image-171 {
  position: absolute;
}

.nde-alberto-gabriel {
  background-image: url("/images/69b85b1941f4546ef7109246_farmacia-alberto.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.image-172 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.code-embed-2 {
  width: 100%;
  height: 934px;
}

.image-173, .image-174, .image-175, .image-176 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.nde-mirele {
  background-image: url("/images/69bae3a3988e825c666fbec5_Nutricao Mirele.jpg");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.image-177 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-178, .image-179 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-180 {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.div-block-199 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-block-50 {
  color: var(--_brand---brand);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}

.div-block-200 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: left;
  flex-flow: column;
  display: flex;
}

.image-181 {
  object-fit: cover;
  max-width: none;
  height: 100%;
}

.image-182 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-183, .image-184 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-185 {
  object-fit: cover;
  object-position: 50% 40%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-186 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-187 {
  object-fit: cover;
  object-position: 50% 30%;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
}

.image-188 {
  object-fit: cover;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
}

.image-189 {
  object-fit: cover;
  object-position: 50% 40%;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
}

.form-block-4 {
  width: 100%;
}

.text-field-5, .text-field-6 {
  border-radius: 8px;
}

.div-block-201 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-202, .div-block-203 {
  width: 100%;
}

.select-field {
  border-radius: 8px;
}

.checkbox-field {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 20px;
  display: flex;
}

.div-block-204 {
  flex-flow: row;
  display: flex;
}

.div-block-205, .div-block-206 {
  width: 100%;
}

.form-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-207 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.radio-button-field, .radio-button-field-2, .div-block-208 {
  width: 100%;
}

.submit-button-3 {
  background-color: var(--_brand---brand);
  border-radius: 8px;
  width: 300px;
}

.div-block-209 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 12px;
  display: flex;
}

.div-block-210 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-211 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
  position: relative;
  overflow: visible;
}

.text-block-51 {
  width: 10.2233%;
  height: 100px;
  color: var(--_brand---brand-hover);
  border: 0 #000;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.div-block-212 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--_brand---brand);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 20px 8px 40px;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
}

.div-block-213 {
  width: 100%;
}

.div-block-214 {
  background-color: var(--_brand---brand-300);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.text-block-52 {
  color: #5c5650;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-size: 12px;
  display: flex;
}

.div-block-215 {
  justify-content: center;
  align-items: flex-end;
  height: 80px;
  text-decoration: none;
  display: flex;
}

.image-190 {
  border-radius: 999px;
  width: 104px;
  height: 104px;
}

.search {
  width: 20%;
  margin-bottom: 0;
  display: flex;
}

.search-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-bottom: 0;
  display: flex;
}

.search-input {
  border-radius: 20px;
  margin-bottom: 0;
}

.field-label-5 {
  display: none;
}

.search-button {
  background-color: var(--_brand---brand);
  border-radius: 20px;
}

.heading-9 {
  color: var(--_text---text-brand-700);
  font-size: 16px;
}

.div-block-216 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.field-label-6, .search-input-2, .search-button-2, .heading-10 {
  display: none;
}

.div-block-217 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--_brand---brand);
  background-color: var(--_brand---brand-light);
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  display: flex;
}

.modal-pravaler {
  z-index: 999;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-218 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.modal-financiamento {
  z-index: 999;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-219 {
  width: 40px;
  height: 40px;
}

.nde-mariaeduarda {
  background-image: url("/images/69e0dba946189952c73cff86_Maria-Eduarda.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.div-block-220 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-221 {
  flex-flow: column;
  display: flex;
}

.div-block-222, .div-block-223, .div-block-224 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nde-larisseramos {
  background-image: url("/images/69b85b1a53d5a6a53cad0081_farmacia-larisse.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.bullettcc {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 370px;
  height: 100px;
  display: flex;
}

.div-block-225 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.infografico-tcc {
  background-image: url("/images/6a5692a7a0669753740dc0d8_ChatGPT Image Jul 14 2026 from Criar novo layout.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 580px;
  display: flex;
}

.tcc-acontece {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div-block-226 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-227 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fef0c7;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px;
  display: flex;
}

.div-block-228 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-229 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.text-block-53 {
  color: var(--_brand---brand-hover);
  font-size: 20px;
  font-weight: 600;
}

.image-191 {
  background-image: url("/images/6a57cf38000b768b368d72d0_Image Suggestion TCC Jul 15 2026.png");
  background-position: 0 0;
  background-size: cover;
}

.div-block-230 {
  background-image: url("/images/6a57cf38000b768b368d72d0_Image Suggestion TCC Jul 15 2026.png");
  background-position: 72% 0;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
}

.div-block-231 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.div-block-232 {
  background-image: url("/images/69b463237a1cf272a6c73e18_Frame.svg");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 20px;
  padding: 4px;
  display: flex;
  position: relative;
}

.div-block-233 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-234 {
  background-image: url("/images/6a57de1aa8f3ac5ccb7c28d5_Pesquisa com responsabilidade.png");
  background-position: 0 0;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
}

.div-block-235 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-236 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.div-block-237 {
  border: 1px solid var(--_brand---brand);
  border-radius: 16px;
  width: 100%;
  padding: 28px;
}

.div-block-238 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-239 {
  background-image: url("/images/6a5673c8942ea4d79ceb857f_Mascote FAMP.png");
  background-position: 0 0;
  background-size: cover;
  width: 20%;
  height: 300px;
}

.text-orientadores {
  color: #5c5650;
  font-size: 16px;
}

.subtitle-orientadores {
  color: var(--_brand---brand-hover);
  padding-bottom: 16px;
  font-size: 12px;
}

.text-block-54 {
  color: #5c5650;
}

.text-block-55 {
  color: #5c5650;
  font-size: 12px;
}

.image-192 {
  background-image: url("/images/6a5e623e6a042ea4c5751bde_Envelhesendo11.jpeg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-193, .image-194 {
  background-image: url("/images/6a5e623ec0eb34e8918bf307_Envelhesendo12.jpeg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-195 {
  background-image: url("/images/6a5e623aea0e1fab6c3d880e_Envelhesendo14.jpeg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-196 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  max-width: none;
  height: 100%;
}

.slide-6 {
  background-image: url("/images/6a5e623a8763b7e929667e82_Envelhesendo3.jpeg");
  background-position: 50% 70%;
  background-size: cover;
}

.slide-envelhesendo {
  background-image: url("/images/6a5e62395c114f2d5039a2e6_Envelhesendo4.jpeg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  width: 100%;
  height: 600px;
}

.slide-7 {
  background-image: url("/images/6a5e62395c114f2d5039a2e6_Envelhesendo4.jpeg");
  background-position: 50%;
  background-size: cover;
}

.slide-8 {
  background-image: url("/images/6a5e6239b3d02a47009af73a_Envelhesendo9.jpeg");
  background-position: 50%;
  background-size: cover;
}

.slide-9 {
  background-image: url("/images/6a5e6239fea0c01093cb0fee_Envelhesendo7.jpeg");
  background-position: 50%;
  background-size: cover;
}

.slide-10 {
  background-image: url("/images/6a5e623930d0b11ff483133f_Envelhesendo10.jpeg");
  background-position: 0 0;
  background-size: cover;
}

.slide-11 {
  background-image: url("/images/6a5e62399605f1add463a9e5_Envelhesendo8.jpeg");
  background-position: 50%;
  background-size: cover;
}

.slide-12 {
  background-image: url("/images/6a5e623994412e371c6b4331_Envelhesendo1.jpeg");
  background-position: 50%;
  background-size: cover;
}

.slide-13 {
  background-image: url("/images/6a5e62391dfd32a7b187bb3e_Envelhesendo5.jpeg");
  background-position: 50%;
  background-size: cover;
}

.slide-1 {
  background-image: url("/images/6a5e62397c7200554f2e4a15_Envelhesendo2.jpeg");
  background-position: 50%;
  background-size: cover;
}

.slide-1-2 {
  background-image: url("/images/6a5e6239ef9114735b40eb37_Envelhesendo6.jpeg");
  background-position: 50%;
  background-size: cover;
}

.grid-layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-xl {
  letter-spacing: 0;
  margin-bottom: 1rem;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.6em;
}

.utility-margin-bottom-2rem {
  margin-bottom: 2rem;
}

.flex-layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.utility-image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.utility-aspect-1x1 {
  aspect-ratio: 1;
  position: relative;
}

.image-197 {
  position: absolute;
  bottom: -10px;
}

.div-block-240 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

@media screen and (max-width: 991px) {
  .text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
  }

  .header {
    box-sizing: border-box;
    flex-flow: wrap;
    position: static;
  }

  .div-block-2 {
    padding-top: 40px;
  }

  .heading {
    font-size: 3.3rem;
  }

  .content-right {
    display: none;
  }

  .col {
    width: 100%;
    max-width: 1280px;
  }

  .text-6 {
    font-size: 11px;
  }

  .div-block-7 {
    flex-flow: row;
  }

  .banner.banner-border {
    height: auto;
  }

  .slider {
    height: 170px;
  }

  .buttonsbutton {
    font-size: 10px;
  }

  .text-14 {
    font-size: 12px;
  }

  .container-4 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .titulo-curso-direito {
    font-size: 36px;
  }

  .grid-medicina {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .image-9 {
    max-width: none;
    min-height: 100%;
  }

  .grid-2 {
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .image-10, .image-11, .image-12 {
    max-width: none;
    min-height: 100%;
  }

  .frame-427320531 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .frame-433 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    place-content: center;
    place-items: start center;
  }

  .div-block-19 {
    justify-content: space-between;
    align-items: center;
    min-width: auto;
  }

  .form-block {
    width: auto;
  }

  .container-editais {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .div-block-21 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-12 {
    text-decoration: none;
  }

  .text-53, .text-55, .text-57 {
    text-align: center;
  }

  .r-1000 {
    font-size: 40px;
  }

  .frame-183 {
    grid-row-gap: 24px;
  }

  .text-59 {
    margin-bottom: 20px;
  }

  .frame-182 {
    grid-row-gap: 24px;
  }

  .text-64 {
    margin-bottom: 20px;
  }

  .frame-389 {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .nde {
    grid-row-gap: 24px;
  }

  .text-72 {
    margin-bottom: 20px;
  }

  .collection-list-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .conteudo-title-page1 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .textos {
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .card-cursos-2 {
    display: none;
  }

  .image-22 {
    object-fit: fill;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-right: 0;
    inset: 0%;
  }

  .frame-189 {
    display: none;
  }

  .atributos-curso {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-161 {
    justify-content: center;
    align-items: flex-start;
  }

  .text-78 {
    font-size: 12px;
  }

  .image-23 {
    display: none;
  }

  .row-13 {
    padding: 20px;
  }

  .frame-427320631 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-79 {
    margin-bottom: 28px;
  }

  .frame-224 {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .atributes-plus-buttons {
    justify-content: flex-start;
    align-items: center;
  }

  .row-22 {
    padding: 20px;
  }

  .frame-427320644 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-95 {
    margin-bottom: 28px;
  }

  .mercado-medicina {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .row-23 {
    padding: 20px;
  }

  .frame-427320645 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-44 {
    width: 100%;
  }

  .row-24 {
    padding: 24px;
  }

  .frame-427320647 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-97 {
    margin-bottom: 20px;
  }

  .card-cursos-3 {
    display: none;
  }

  .grid-enfermagem {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-farm-cia {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .frame-389-copy {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .div-block-45 {
    justify-content: center;
    align-items: center;
  }

  .frame-427320663 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .row-34 {
    grid-row-gap: 0px;
  }

  .ellipse-16 {
    inset: 49% 0% auto 61%;
  }

  .ellipse-17 {
    inset: 0% auto 0% 63%;
  }

  .group-5 {
    object-fit: fill;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 180px;
    inset: auto 0% 0% 66%;
  }

  .frame-427320667 {
    width: 50%;
    top: 34.3322px;
  }

  .text-110 {
    width: 100%;
  }

  .ellipse-19 {
    top: -42.6343px;
    left: -134.926px;
  }

  .ellipse-20 {
    inset: -82% auto auto -44%;
  }

  .frame-427320668 {
    width: 52%;
    inset: 16% auto 0% 46%;
  }

  .objects {
    object-fit: fill;
    width: 40%;
    height: 170px;
    inset: auto 0% 0%;
  }

  .frame-427320669 {
    width: 50%;
    top: 30.0375px;
    left: 324px;
  }

  .group-6 {
    top: 90.783px;
    left: 21.625px;
  }

  .frame-395 {
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .grid-biomedicina, .grid-curricular-nutricao {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .card-cursos-6, .frame-427320680, .image-28 {
    display: none;
  }

  .row-45, .row-46, .row-47 {
    padding: 20px;
  }

  .text-126 {
    margin-bottom: 20px;
  }

  .frame-427320488 {
    grid-row-gap: 28px;
  }

  .grid-curricular-odonto {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-curricular-enfermagem {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-curricular-farmacia {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .frame-427320695 {
    justify-content: center;
    align-items: flex-start;
  }

  .card-cursos-7 {
    display: none;
  }

  .div-block-48 {
    flex-flow: column;
  }

  .text-141 {
    text-align: center;
  }

  .frame-427320710 {
    justify-content: center;
    align-items: center;
  }

  .frame-470 {
    justify-content: space-between;
    align-items: center;
    width: 34%;
    height: 480px;
  }

  .frame-474 {
    justify-content: flex-start;
    align-items: center;
  }

  .grid-psicologia {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    min-width: auto;
  }

  .grid-curricular-psicologia {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .frame-427320719 {
    min-width: auto;
  }

  .grid-curricular-fisioterapia {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .text-145 {
    display: none;
  }

  .frame-459 {
    grid-row-gap: 48px;
    flex-flow: column;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .card-cursos-graduacao {
    justify-content: space-between;
    align-items: center;
  }

  .title-style-4 {
    justify-content: center;
    align-items: center;
  }

  .medicina {
    text-align: center;
  }

  .frame-427320726 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text-154 {
    text-align: center;
  }

  .link {
    font-size: 12px;
  }

  .image-76 {
    width: 100%;
    height: auto;
  }

  .frame-427320728 {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .card-quem-somos, .card-quem-somos-2 {
    height: auto;
  }

  .frame-427320743 {
    width: 29%;
    max-width: none;
    height: 402px;
  }

  .card-quem-somos-5 {
    border-style: none;
  }

  .frame-427320746, .div-block-60 {
    justify-content: center;
    align-items: center;
    width: 210px;
  }

  .row-57 {
    width: 100%;
  }

  .text-168 {
    font-size: 28px;
  }

  .frame-287 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .frame-288 {
    height: 500px;
  }

  .frame-286 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .frame-427320749 {
    object-fit: fill;
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
    left: -42px;
  }

  .coordenacao {
    grid-row-gap: 20px;
  }

  .text-170 {
    margin-bottom: 20px;
    font-size: 32px;
  }

  .daiana-sganzella {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    justify-content: center;
    align-items: center;
    width: 24%;
    display: flex;
    position: static;
  }

  .frame-427320755 {
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .frame-427320758 {
    object-fit: fill;
  }

  .frame-427320759 {
    object-position: 50% 0%;
  }

  .row-61 {
    height: auto;
  }

  .frame-427320762, .row-62 {
    height: 608px;
  }

  .frame-427320764 {
    grid-row-gap: 12px;
  }

  .text-183 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-427320766 {
    grid-column-gap: 24px;
  }

  .portarias-autorizao.reconhecimento.renovao-de-reconhecimento, .text-186 {
    font-size: 28px;
  }

  .frame-427320769 {
    justify-content: center;
    align-items: flex-start;
  }

  .card-membros-4 {
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 48%;
    height: 400px;
  }

  .fi_6593684 {
    object-fit: fill;
  }

  .frame-427320770, .frame-427320771 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-188, .text-189 {
    text-align: center;
  }

  .card-membros-5 {
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 48%;
    max-width: none;
  }

  .text-191 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .text-block-23 {
    font-size: 36px;
  }

  .frame-261 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-192 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-262 {
    grid-row-gap: 50px;
    height: auto;
  }

  .section-style {
    height: auto;
    padding: 20px;
  }

  .section-style-2 {
    padding: 20px;
  }

  .vector-9 {
    object-fit: fill;
  }

  .container-20 {
    height: auto;
  }

  .section-style-3 {
    height: auto;
    padding: 20px;
  }

  .section-style-4 {
    height: 332px;
    padding: 20px;
  }

  .text-209 {
    font-size: 28px;
  }

  .frame-458 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-456 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .row-68 {
    height: 100%;
  }

  .row-69 {
    width: 100%;
  }

  .row-70 {
    width: 356px;
    max-width: none;
    height: 349.563px;
  }

  .text-218 {
    font-size: 28px;
  }

  .cpapage-11 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: flex-start;
  }

  .text-221, .text-224 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-427320797 {
    padding-top: 0;
  }

  .frame-427320798, .frame-427320803 {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .row-72, .frame-427320513 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320805 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .frame-427320806, .frame-427320445 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320807 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .text-236 {
    width: auto;
  }

  .frame-427320808 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .frame-427320810 {
    height: auto;
  }

  .frame-427320824 {
    justify-content: center;
    align-items: flex-start;
  }

  .text-264 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-454 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

  .card-processo-seletivo {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320828 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

  .card-processo-seletivo-2, .card-processo-seletivo-3, .card-processo-seletivo-4 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-processo-seletivo-5 {
    width: 100%;
  }

  .text-266 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-427320830 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

  .card-processo-seletivo-6 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-processo-seletivo-7 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 108px;
  }

  .card-processo-seletivo-8, .card-processo-seletivo-9 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-processo-seletivo-10 {
    justify-content: flex-start;
    align-items: center;
    height: 108px;
  }

  .card-processo-seletivo-11 {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: 108px;
  }

  .frame-457 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-427320832 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    place-content: center;
    place-items: start stretch;
    display: grid;
  }

  .card-processo-seletivo-12, .card-processo-seletivo-14 {
    justify-content: flex-start;
    align-items: center;
    height: 108px;
  }

  .card-processo-seletivo-15 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320835 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .card-processo-seletivo-16, .card-processo-seletivo-17 {
    justify-content: flex-start;
    align-items: center;
    height: 108px;
  }

  .card-processo-seletivo-18, .card-processo-seletivo-19 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320838 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .frame-199 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
  }

  .frame-54 {
    flex-flow: row;
  }

  .frame-51 {
    justify-content: space-between;
    align-items: center;
    height: 650px;
  }

  .card-cursos-9 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    height: auto;
    box-shadow: none;
    border-style: none;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-427320841 {
    height: 128px;
    position: static;
  }

  .img-famp-de-portas-abertas {
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .frame-56 {
    line-height: 16px;
  }

  .text-275 {
    height: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .content-style-11 {
    justify-content: flex-end;
    align-items: center;
  }

  .title-style-6 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-427320842 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .frame-52 {
    justify-content: space-between;
    align-items: center;
    height: 650px;
  }

  .slider-2 {
    width: 80%;
  }

  .text-285 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl_header1_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .rl-heading-style-h1 {
    font-size: 3.25rem;
  }

  .frame-237 {
    grid-row-gap: 16px;
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .illustration {
    max-width: none;
    height: auto;
  }

  .frame-436 {
    padding: 20px 40px;
  }

  .row-76 {
    grid-row-gap: 12px;
  }

  .frame-style-27 {
    object-fit: fill;
    max-width: none;
  }

  .coordenao-14 {
    grid-row-gap: 12px;
  }

  .text-294 {
    margin-bottom: 20px;
  }

  .frame-427320860 {
    padding: 20px;
  }

  .coordenao-15 {
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-299 {
    margin-bottom: 20px;
  }

  .frame-427320861 {
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .card-link-uteis-17 {
    justify-content: space-between;
    align-items: flex-start;
    width: 280px;
  }

  ._1-2 {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .container-39 {
    max-width: none;
  }

  .frame-302 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
  }

  .div-block-88 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .vector-15 {
    object-fit: fill;
    width: 60%;
    max-width: none;
  }

  .frame-427320870 {
    padding: 20px;
  }

  .card-cursos-10 {
    width: 70%;
    height: 410px;
  }

  .frame-427320872 {
    object-fit: fill;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .variedade-de-vidraria-de-laboratorio-com-substancias-laranja-1 {
    box-sizing: border-box;
    object-fit: fill;
    width: 100%;
    max-width: none;
    position: relative;
    bottom: 268px;
  }

  .frame-427320504 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-322 {
    margin-bottom: 20px;
  }

  .frame-427320505 {
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    display: inline-flex;
  }

  .card-link-uteis-19, .card-link-uteis-20 {
    width: 258.453px;
  }

  .coordenao-20 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-325 {
    margin-bottom: 20px;
  }

  .frame-427320888 {
    grid-row-gap: 32px;
    justify-content: center;
    align-items: flex-start;
  }

  .coordenao-21 {
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-327 {
    margin-bottom: 20px;
  }

  .frame-427320890 {
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .card-link-uteis-22, .card-link-uteis-23 {
    width: 258.453px;
  }

  .coordenao-22 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-330 {
    margin-bottom: 20px;
  }

  .frame-427320891 {
    justify-content: center;
    align-items: flex-start;
  }

  .frame-280 {
    flex-flow: column;
    padding-top: 20px;
  }

  .frame-282 {
    text-align: center;
  }

  .frame-285 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-338, .text-339 {
    text-align: center;
  }

  .frame-284 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .frame-331, .frame-332, .frame-333 {
    grid-row-gap: 24px;
    justify-content: center;
    align-items: flex-start;
  }

  .frame-427320899 {
    width: 54%;
  }

  .card-link-uteis-25 {
    height: auto;
  }

  .card-link-uteis-26 {
    max-width: none;
    height: 480px;
  }

  .frame-427320915 {
    grid-row-gap: 24px;
    justify-content: center;
    align-items: flex-start;
  }

  .image-116 {
    display: inline-flex;
  }

  .div-block-117 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
    display: flex;
  }

  .div-block-136, .div-block-137, .div-block-138 {
    display: none;
  }

  .grid-curricular-medicina {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-151 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .div-block-152 {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
  }

  .div-block-153 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .div-block-154 {
    width: auto;
  }

  .div-block-165 {
    justify-content: space-between;
    align-items: center;
  }

  .nav-menu {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .icon-14 {
    color: var(--_brand---brand);
    font-size: 40px;
  }

  .menu-button {
    width: auto;
  }

  .heading-8 {
    font-size: 1rem;
  }

  .grid-layout.tablet-1-column {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .paragraph-xl {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .slider {
    height: 150px;
  }

  .container-4 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .titulo-curso-direito {
    font-size: 28px;
    line-height: 140%;
  }

  .grid-medicina {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .div-block-18 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .text-36 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .cont1216px.padding {
    justify-content: flex-start;
    align-items: center;
  }

  .row-3 {
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
  }

  .text-51 {
    margin-bottom: 24px;
  }

  .row-4 {
    justify-content: flex-start;
    align-items: center;
    height: 350px;
    padding: 20px;
  }

  .text-53 {
    font-size: 24px;
  }

  .row-6 {
    height: auto;
    padding: 20px;
  }

  .text-55 {
    text-align: center;
    font-size: 24px;
  }

  .invest-direito {
    padding: 20px;
  }

  .text-57 {
    text-align: center;
    font-size: 24px;
  }

  .frame-183 {
    grid-row-gap: 12px;
  }

  .text-59 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .row-11 {
    padding: 20px;
  }

  .frame-382 {
    flex-flow: column;
  }

  .cord-antonio {
    width: 100px;
    height: 100px;
  }

  .frame-179 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-60 {
    margin-bottom: 8px;
  }

  .frame-427320536 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .frame-178 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-62 {
    text-align: center;
  }

  .frame-182 {
    grid-row-gap: 12px;
  }

  .text-64 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .nde {
    grid-row-gap: 12px;
  }

  .text-72 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .table-cell {
    justify-content: space-between;
    align-items: center;
  }

  .text-74 {
    width: auto;
    font-size: 10px;
  }

  .table-cell-2 {
    justify-content: space-between;
    align-items: center;
  }

  .table-cell-3 {
    justify-content: center;
    align-items: center;
    width: auto;
    padding-left: 0;
    padding-right: 20px;
  }

  .collection-item-3 {
    justify-content: center;
    align-items: center;
  }

  .collection-list-3 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .conteudo-title-page1 {
    flex-flow: column;
  }

  .div-block-41 {
    justify-content: center;
    align-items: center;
  }

  .image-23 {
    display: none;
  }

  .row-13 {
    padding: 20px;
  }

  .frame-427320631 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-79 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .text-80 {
    text-align: justify;
  }

  .frame-175 {
    height: auto;
  }

  .frame-172 {
    flex-flow: column;
    width: 100%;
  }

  .row-16 {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .row-17, .row-18 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .text-82 {
    text-align: center;
    font-size: 20px;
  }

  .text-84 {
    text-align: center;
    margin-bottom: 20px;
  }

  .frame-384 {
    padding: 20px;
  }

  .frame-406 {
    padding-top: 20px;
  }

  .text-85 {
    text-align: center;
    font-size: 28px;
  }

  .frame-467 {
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .frame-407 {
    padding-top: 20px;
  }

  .text-86 {
    text-align: center;
    font-size: 28px;
  }

  .frame-427320636 {
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .video-overlay-action-5 {
    background-color: #fff0;
  }

  .frame-224 {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .pq-famp {
    grid-row-gap: 12px;
  }

  .text-95 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .text-96 {
    font-size: 28px;
    line-height: 140%;
  }

  .row-24 {
    padding: 20px;
  }

  .text-97 {
    font-size: 28px;
    line-height: 140%;
  }

  .text-101 {
    text-align: center;
    font-size: 28px;
    line-height: 140%;
  }

  .grid-direito, .grid-enfermagem {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .frame-214 {
    flex-flow: column;
  }

  .frame-480 {
    justify-content: flex-start;
    align-items: center;
  }

  .row-28 {
    padding: 20px;
  }

  .frame-427320661 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-105 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .text-106 {
    font-size: 14px;
  }

  .text-107 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .text-109 {
    text-align: center;
    font-size: 24px;
  }

  .analista-clnico {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-bottom: 40px;
  }

  .row-34 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .ellipse-15, .ellipse-16, .ellipse-17 {
    display: none;
  }

  .group-5 {
    height: 110px;
    position: relative;
    top: 0;
    left: 0%;
  }

  .frame-427320667 {
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    position: relative;
    top: 0;
    left: 4px;
  }

  .text-110 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
  }

  .rectangle-5 {
    height: 500px;
  }

  .row-35 {
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .ellipse-19, .ellipse-20 {
    display: none;
  }

  .frame-427320668 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    position: relative;
    top: 0%;
    left: 0%;
  }

  .text-112 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .text-113 {
    text-align: justify;
  }

  .objects {
    height: auto;
    position: relative;
  }

  .row-38 {
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-427320669 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    position: relative;
    top: 0;
    left: 0;
  }

  .text-114 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .group-6 {
    object-fit: cover;
    object-position: 50% 0%;
    justify-content: center;
    align-items: flex-start;
    width: 30%;
    max-width: none;
    height: 120px;
    position: relative;
    top: 0;
    left: 0;
  }

  .grid-biomedicina {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-curricular-nutricao {
    grid-template-columns: 1fr;
  }

  .text-123 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .frame-427320683 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .text-124 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .frame-427320686 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-126, .text-129 {
    text-align: center;
    font-size: 28px;
    line-height: 140%;
  }

  .div-block-46 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
  }

  .text-block-16 {
    font-size: 40px;
  }

  .div-block-47 {
    justify-content: center;
    align-items: center;
  }

  .invest-enfermagem {
    height: auto;
  }

  .grid-curricular-direito {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-curricular-enfermagem {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-135 {
    font-size: 28px;
    line-height: 140%;
  }

  .row-51 {
    padding: 24px;
  }

  .text-137 {
    margin-bottom: 24px;
  }

  .frame-469 {
    width: 50%;
  }

  .alunos-eduarda-sofia-e-carolina {
    text-align: center;
  }

  .frame-470 {
    width: 50%;
  }

  .frame-427320713 {
    text-align: center;
  }

  .row-55 {
    padding: 20px;
  }

  .frame-427320721 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-143 {
    margin-bottom: 20px;
  }

  .grid-fisioterapia {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-curricular-fisioterapia {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-54 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .div-block-55 {
    justify-content: center;
    align-items: center;
  }

  .frame-459 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .card-cursos-8 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-57 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .image-76 {
    width: 100%;
  }

  .frame-427320739, .frame-427320740 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .frame-427320741 {
    grid-row-gap: 24px;
  }

  .frame-427320742 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .frame-427320743 {
    width: 100%;
    height: auto;
  }

  .card-quem-somos-5 {
    height: auto;
  }

  .frame-427320746 {
    display: none;
  }

  .image-77 {
    display: none;
    position: static;
  }

  .div-block-60 {
    display: none;
  }

  .div-block-61 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .text-166 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .coordenao-6 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-167 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-427320748 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-287 {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .frame-288 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .frame-286 {
    width: 100%;
    height: auto;
  }

  .frame-289 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-169 {
    text-align: center;
  }

  .frame-427320749 {
    object-fit: cover;
    width: 100%;
    left: 0;
  }

  .text-170 {
    font-size: 28px;
    line-height: 120%;
  }

  .row-58 {
    padding: 20px;
  }

  .frame-427320751 {
    grid-column-gap: 20px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-171 {
    font-size: 28px;
    line-height: 120%;
  }

  .text-172 {
    font-size: 20px;
    line-height: 120%;
  }

  .text-173 {
    font-size: 16px;
  }

  .daiana-sganzella {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    background-size: cover;
    background-attachment: scroll;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100px;
    height: 100px;
    display: grid;
  }

  .frame-248 {
    grid-column-gap: 24px;
  }

  .row-61 {
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
  }

  .text-177 {
    font-size: 28px;
  }

  .row-62 {
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
  }

  .frame-249 {
    justify-content: flex-start;
    align-items: center;
  }

  .row-63 {
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
  }

  .ellipse-30 {
    height: 600px;
  }

  .catlogo-online-do-acervo-fsico {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .text-179 {
    text-align: center;
  }

  .frame-427320766 {
    grid-column-gap: 12px;
  }

  .frame-427320767 {
    grid-row-gap: 12px;
  }

  .portarias-autorizao.reconhecimento.renovao-de-reconhecimento {
    text-align: center;
    margin-bottom: 20px;
  }

  .frame-427320768 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-186 {
    margin-bottom: 20px;
  }

  .frame-427320769 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .card-membros-4, .card-membros-5 {
    width: 70%;
  }

  .text-block-23 {
    text-align: center;
    font-size: 24px;
  }

  .frame-427320772 {
    flex-flow: column;
  }

  .frame-427320773 {
    grid-column-gap: 12px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .frame-427320776 {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text-197 {
    text-align: center;
  }

  .text-198 {
    font-size: 28px;
  }

  .container-20 {
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .section-style-4 {
    height: auto;
  }

  .frame-455 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .text-210 {
    font-size: 16px;
    line-height: 120%;
  }

  .text-211 {
    font-size: 12px;
  }

  .text-212 {
    font-size: 16px;
    line-height: 120%;
  }

  .row-69 {
    width: 100%;
  }

  .row-70 {
    width: 256px;
  }

  .text-218 {
    text-align: center;
  }

  .coordenao-7 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-446 {
    justify-content: center;
    align-items: flex-start;
  }

  .coordenao-8 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-227, .text-231 {
    font-size: 28px;
  }

  .frame-87 {
    grid-row-gap: 24px;
    flex-flow: column;
    height: auto;
  }

  .coordenao-9 {
    grid-row-gap: 24px;
  }

  .text-235 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .row-72 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320513, .frame-427320805 {
    height: auto;
  }

  .frame-427320445 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-236 {
    text-align: center;
    font-size: 20px;
  }

  .frame-427320808 {
    justify-content: center;
    align-items: center;
  }

  .frame-427320810 {
    height: auto;
  }

  .text-237 {
    font-size: 28px;
  }

  .text-239 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .text-240 {
    font-size: 20px;
  }

  .frame-427320517 {
    grid-row-gap: 24px;
  }

  .frame-427320818 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320819 {
    grid-row-gap: 24px;
  }

  .text-249 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-427320520 {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .coordenao-12 {
    grid-row-gap: 24px;
  }

  .text-256 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-427320824 {
    height: auto;
  }

  .card-link-uteis-15 {
    width: 53%;
    height: 299px;
  }

  .frame-427320825 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-260 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-427320826 {
    grid-row-gap: 12px;
  }

  .text-264 {
    font-size: 24px;
    line-height: 140%;
  }

  .frame-454 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-265 {
    font-size: 16px;
  }

  .card-processo-seletivo-4, .card-processo-seletivo-5 {
    max-width: none;
  }

  .text-266 {
    font-size: 24px;
    line-height: 140%;
  }

  .frame-427320830 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-268 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 140%;
  }

  .frame-427320832 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .card-processo-seletivo-15 {
    width: 100%;
    max-width: none;
  }

  .text-270 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 140%;
  }

  .frame-427320835 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .card-processo-seletivo-19 {
    max-width: none;
  }

  .frame-427320837 {
    grid-row-gap: 12px;
  }

  .text-272 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 140%;
  }

  .frame-427320838 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .frame-54 {
    grid-row-gap: 24px;
    flex-flow: wrap;
  }

  .frame-51 {
    justify-content: space-between;
    align-items: center;
    height: auto;
  }

  .card-cursos-9 {
    justify-content: space-between;
    align-items: center;
  }

  .frame-427320841 {
    height: 200px;
    position: static;
  }

  .img-famp-de-portas-abertas {
    object-fit: fill;
    width: 100%;
    height: auto;
    position: static;
  }

  .frame-427320842 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-52 {
    height: auto;
  }

  .slider-2 {
    width: 100%;
  }

  .coordenao-13 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320848 {
    justify-content: center;
    align-items: flex-start;
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl_heading1_spacing-block-2 {
    padding-bottom: 1.5rem;
  }

  .rl_header1_component {
    grid-row-gap: 3rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl_heading1_spacing-block-1 {
    padding-bottom: 1.25rem;
  }

  .rl-heading-style-h1 {
    font-size: 2.5rem;
  }

  .div-block-86 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .text-294 {
    font-size: 28px;
  }

  .frame-427320866 {
    padding-bottom: 40px;
  }

  .a-faculdade-morgana-potrich-possui-uma-variedade-de-opes-de-itens-disponveis-para-consulta-eletrnica {
    text-align: center;
    font-size: 16px;
  }

  .promoo-da-cooperao-cientfica-internacional {
    font-size: 12px;
  }

  .fonte-httpwwwcapesgovbrhistoria-e-missao {
    width: 279px;
    font-size: 10px;
  }

  .text-305 {
    font-size: 11px;
  }

  .vector-15 {
    width: 90%;
  }

  .row-82 {
    grid-row-gap: 12px;
  }

  .text-307 {
    text-align: center;
  }

  .coordenao-16 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-309 {
    width: 100%;
    font-size: 28px;
  }

  .frame-427320871 {
    grid-row-gap: 24px;
    flex-flow: column;
    width: auto;
  }

  .variedade-de-vidraria-de-laboratorio-com-substancias-laranja-1 {
    width: auto;
  }

  .coordenao-17 {
    grid-row-gap: 12px;
  }

  .text-314 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .coordenao-19 {
    grid-row-gap: 12px;
  }

  .text-321, .text-322, .text-325, .text-327, .text-330 {
    font-size: 28px;
  }

  .text-332 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .text-334 {
    text-align: left;
    font-size: 20px;
  }

  .text-336 {
    font-size: 20px;
  }

  .frame-282 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .text-337 {
    font-size: 14px;
  }

  .text-338, .text-339 {
    font-size: 12px;
  }

  .frame-284 {
    height: 30%;
  }

  .frame-427320899 {
    width: 75%;
  }

  .frame-427320900 {
    padding: 20px;
  }

  .frame-427320901 {
    grid-row-gap: 12px;
  }

  .frame-427320903 {
    padding: 20px;
  }

  .frame-427320492 {
    grid-column-gap: 12px;
  }

  .card-link-uteis-25 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-427320912 {
    grid-row-gap: 20px;
  }

  .card-link-uteis-26 {
    height: 574px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .group {
    object-fit: fill;
    max-width: none;
  }

  .coordenao-23 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-350 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .frame-427320914 {
    justify-content: center;
    align-items: flex-start;
  }

  .frame-427320493 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-352 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .image-118, .image-119, .image-120 {
    display: none;
  }

  .div-block-151, .div-block-152 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    width: 100%;
    display: flex;
  }

  .div-block-174 {
    flex-flow: column;
  }

  .div-block-175 {
    padding-left: 17px;
  }

  .paragraph-xl {
    font-size: 1.3rem;
  }

  .utility-margin-bottom-2rem {
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .content-left {
    flex-flow: column;
    width: 100%;
    max-width: none;
  }

  .row {
    width: 100%;
  }

  .badge {
    flex-flow: row;
  }

  .button_cta_inscrever {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 10px;
  }

  .featured-icon {
    flex: none;
    width: 24px;
    height: 24px;
    position: relative;
  }

  .div-block-2 {
    flex-flow: column;
    width: 100%;
    max-width: none;
  }

  .text-cta.cta-inscrever {
    font-size: 16px;
  }

  .div-block-4 {
    width: 100%;
  }

  .heading {
    width: 100%;
    font-size: 2.3rem;
  }

  .div-block-5 {
    width: 100%;
    padding-top: .5rem;
  }

  .div-block-6 {
    width: 100%;
  }

  .top-bar.barra-divisor {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
  }

  .frame-431 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .frame-438 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .button_top_bar {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .frame-style-2 {
    width: 24px;
    height: auto;
  }

  .text-6 {
    display: none;
  }

  .button-top-bar.processo-seletivo, .button-top-bar.portal-academico, .button-top-bar.tour-virtual {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-info-banner {
    padding-top: 2.4rem;
  }

  .frame-9 {
    flex-flow: column;
  }

  .frame-11 {
    grid-row-gap: 0px;
  }

  .text-7 {
    font-size: 14px;
  }

  .frame-10, .frame-12, .frame-13 {
    grid-row-gap: 0px;
  }

  .div-block-7 {
    width: 100%;
  }

  .banner, .slider {
    height: auto;
  }

  .section-header {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 3rem;
  }

  .label-badge {
    font-size: 12px;
  }

  .titlle-section-header {
    font-size: 32px;
    line-height: 34px;
  }

  .supporting-text.descricao-2 {
    text-align: center;
  }

  .card-cursos, .frame-21.capa-graduacao {
    height: auto;
  }

  .image-6 {
    height: 200px;
  }

  .title-card {
    font-size: 24px;
  }

  .description-card {
    font-size: 14px;
  }

  .tabs {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-content {
    width: 100%;
    overflow: hidden;
  }

  .tabs-menu {
    grid-template-rows: auto auto auto auto;
  }

  .tab-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tab-link.w--current {
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container-4 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .titulo-curso-direito {
    text-align: center;
    width: auto;
    font-size: 24px;
    line-height: 140%;
  }

  .direito-label {
    font-size: 10px;
  }

  .card-link-uteis {
    padding: 20px;
  }

  .frame-68 {
    grid-column-gap: 8px;
    justify-content: flex-start;
    align-items: center;
  }

  .featured-icon-2 {
    width: 32px;
    height: 32px;
  }

  .text-17 {
    font-size: 14px;
  }

  .frame-72 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-18 {
    font-size: 10px;
  }

  .image-8 {
    width: 80%;
    max-width: none;
  }

  .image-9 {
    width: 230%;
    min-height: 100%;
  }

  .button {
    font-size: 10px;
  }

  .text-19 {
    font-size: 28px;
  }

  .frame-442 {
    padding: 16px;
  }

  .container-7 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 16px;
    padding-bottom: 12px;
    padding-left: 0;
  }

  .container-8 {
    width: 48px;
    height: 48px;
  }

  .text-24 {
    text-align: center;
    font-size: 16px;
  }

  .frame-427320529 {
    padding: 16px;
  }

  .content-style-3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .frame-427320530 {
    justify-content: space-between;
    align-items: center;
  }

  .text-26 {
    font-size: 12px;
  }

  .truncate-3 {
    text-align: justify;
    font-size: 10px;
  }

  .image-10, .image-11, .image-12 {
    width: 230%;
  }

  .text-28, .text-31 {
    font-size: 28px;
  }

  .tab-pane-tab-1 {
    width: 100%;
  }

  .div-block-16 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .text-36 {
    text-align: center;
    font-size: 24px;
  }

  .text-38.variant-4, .text-39.variant-23 {
    font-size: 16px;
  }

  .text-40.variant-24 {
    font-size: 12px;
  }

  .coordenao-3 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-41 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .frame-433 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .coordenao-4 {
    text-align: center;
  }

  .card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
  }

  .infos {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .frame-177 {
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .textcard {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .name {
    justify-content: flex-start;
    align-items: center;
    line-height: 120%;
  }

  .frame-427320535 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-75 {
    justify-content: center;
    align-items: center;
  }

  .cont1216px {
    justify-content: space-between;
    align-items: center;
  }

  .cont1216px.padding {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 0;
  }

  .cont-full {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .dblock-29 {
    justify-content: flex-start;
    align-items: center;
  }

  .row-3 {
    padding: 20px;
  }

  .frame-25 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-51 {
    font-size: 28px;
  }

  .row-4 {
    grid-row-gap: 12px;
    height: auto;
    padding: 20px;
  }

  .text-53 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 140%;
  }

  .text-54 {
    font-size: 12px;
  }

  .row-6 {
    grid-row-gap: 12px;
    padding: 20px;
  }

  .text-55 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .text-56 {
    font-size: 12px;
  }

  .text-57 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
  }

  .text-58 {
    font-size: 12px;
  }

  .r-1000 {
    font-size: 32px;
  }

  .frame-183 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-59 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 140%;
  }

  .frame-382 {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .frame-179 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320536 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .text-61 {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    display: flex;
    position: relative;
  }

  .text-62 {
    text-align: center;
    font-size: 12px;
  }

  .link-block-13 {
    width: 100%;
  }

  .frame-182 {
    grid-row-gap: 12px;
  }

  .text-64 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 140%;
  }

  .frame-387 {
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .frame-386 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .frame-385 {
    justify-content: center;
    align-items: center;
  }

  .text-65 {
    text-align: center;
    margin-bottom: 8px;
    font-size: 14px;
  }

  .text-66 {
    text-align: center;
    width: auto;
    font-size: 12px;
  }

  .row-12 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-185 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-68 {
    font-size: 20px;
  }

  .item-download-doc {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-70 {
    font-size: 12px;
  }

  .div-block-33 {
    text-align: center;
  }

  .text-72 {
    font-size: 24px;
  }

  .table-header-cell {
    justify-content: center;
    align-items: center;
  }

  .table-cell {
    flex-flow: column;
    height: auto;
  }

  .text-74 {
    text-align: center;
  }

  .table-cell-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .table-cell-3 {
    border-style: none;
    border-width: 1px;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
  }

  .div-block-34 {
    flex-flow: column;
  }

  .div-block-35 {
    justify-content: flex-start;
    align-items: center;
  }

  .title-page-courses {
    width: 100%;
  }

  .section-courses-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .embla, .embla__container {
    width: 100%;
  }

  .textos {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .div-block-40 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .frame-161 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text-77, .text-78 {
    text-align: center;
  }

  .div-block-41 {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .image-23 {
    display: none;
  }

  .text-79 {
    text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 140%;
  }

  .text-88 {
    text-align: center;
    font-size: 28px;
  }

  .text-89 {
    text-align: center;
  }

  .frame-224 {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .card-membros {
    flex-flow: column;
  }

  .frame-223 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-90 {
    text-align: center;
    margin-bottom: 12px;
    font-size: 20px;
  }

  .text-91 {
    text-align: center;
  }

  .card-membros-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .featured-icon-6, .frame-style-9 {
    height: auto;
  }

  .frame-427320641 {
    flex-flow: column;
  }

  .text-93 {
    text-align: center;
    margin-bottom: 12px;
    font-size: 20px;
  }

  .text-94 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 140%;
  }

  .card-membros-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .div-text {
    width: 100%;
  }

  .text-block-12 {
    font-size: 12px;
  }

  .text-95, .text-96 {
    font-size: 24px;
  }

  .text-97 {
    text-align: center;
    font-size: 24px;
  }

  .com-a-alta-demanda-por-farmacuticos-no-brasil-a-taxa-de-empregabilidade-para-recm-formados-na-rea-u {
    font-size: 12px;
  }

  .text-98 {
    font-size: 16px;
  }

  .text-99 {
    font-size: 12px;
  }

  .text-100 {
    text-align: center;
  }

  .text-101 {
    font-size: 24px;
  }

  .frame-427320656 {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    position: relative;
  }

  .frame-style-10 {
    width: auto;
    max-width: none;
    height: auto;
  }

  .text-103 {
    font-size: 12px;
  }

  .row-27 {
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .atuao-no-setor-pblico---o-egresso-pode-atuar-no-sistema-nico-de-sade-sus-em-unidades-bsicas-de-sade {
    font-size: 12px;
  }

  .text-block-13 {
    text-align: center;
  }

  .text-104 {
    font-size: 32px;
  }

  .cta-biomedicina {
    font-size: 12px;
  }

  .div-block-45 {
    flex-flow: column;
  }

  .featured-icon-7 {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
  }

  .text-105 {
    text-align: center;
    line-height: 120%;
  }

  .frame-427320663 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .group-5 {
    object-fit: cover;
    width: 60%;
  }

  .text-110 {
    font-size: 24px;
    line-height: 140%;
  }

  .rectangle-5 {
    height: 100%;
  }

  .text-112 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .objects {
    width: 60%;
  }

  .rectangle-18 {
    height: 100%;
  }

  .text-114 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .rectangle-20 {
    height: 100%;
  }

  .text-118 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .frame-style-13 {
    object-fit: fill;
    width: 14.5px;
    max-width: none;
    height: 14.5px;
    position: relative;
  }

  .group-7 {
    object-fit: fill;
    position: relative;
  }

  .text-block-14 {
    font-size: 12px;
  }

  .text-121 {
    text-align: center;
    font-size: 24px;
  }

  .text-123 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 140%;
  }

  .estudar-odontologia-na-famp-escolher-uma-formao-que-vai-muito-alm-da-sala-de-aula-aqui-o-aluno-pre {
    text-align: center;
  }

  .text-124 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 140%;
  }

  .text-126 {
    font-size: 24px;
    line-height: 140%;
  }

  .frame-427320687 {
    padding: 20px;
  }

  .frame-427320689 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .clnica-geral {
    font-size: 16px;
  }

  .text-128 {
    font-size: 12px;
  }

  .frame-427320694 {
    grid-row-gap: 24px;
  }

  .text-129 {
    font-size: 24px;
    line-height: 140%;
  }

  .div-block-46 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .text-block-16 {
    font-size: 28px;
  }

  .text-132 {
    margin-bottom: 8px;
  }

  .invest-enfermagem {
    grid-row-gap: 12px;
    height: auto;
    padding: 20px;
  }

  .coordenao-5 {
    grid-row-gap: 12px;
  }

  .text-135 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 140%;
  }

  .text-137 {
    text-align: center;
    font-size: 28px;
    line-height: 140%;
  }

  .row-52 {
    padding: 24px;
  }

  .text-138 {
    text-align: center;
    margin-bottom: 24px;
    font-size: 28px;
  }

  .row-53 {
    padding: 24px;
  }

  .text-139 {
    text-align: center;
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 140%;
  }

  .text-141 {
    font-size: 28px;
    line-height: 140%;
  }

  .frame-427320710 {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .frame-469 {
    width: 100%;
  }

  .video-overlay-action-7 {
    background-position: 47%;
  }

  .frame-470 {
    width: 100%;
  }

  .video-overlay-action-9 {
    background-position: 47%;
  }

  .frame-474 {
    grid-row-gap: 24px;
  }

  .formas-de-ingressar-na-famp {
    text-align: center;
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 140%;
  }

  .text-block-20 {
    font-size: 14px;
    display: block;
  }

  .frame-style-18 {
    display: none;
  }

  .text-143 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .text-144 {
    font-size: 12px;
  }

  .form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-54 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .div-block-55 {
    justify-content: center;
    align-items: center;
  }

  .container-13 {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .row-56 {
    display: none;
  }

  .frame-427 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .image-57 {
    display: block;
  }

  .frame-430 {
    flex-flow: row;
  }

  .frame-428 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .frame-459 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-cursos-8 {
    flex-flow: column;
  }

  .div-block-57 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .section-9 {
    padding: 40px 10px;
  }

  .card-quem-somos, .frame-427320729 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-157 {
    text-align: center;
  }

  .miss-o {
    text-align: left;
  }

  .card-quem-somos-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .vis-o {
    text-align: left;
  }

  .card-link-institucionais {
    padding: 16px;
  }

  .div-block-59 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-items: baseline;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-61 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .text-167 {
    text-align: center;
  }

  .text-168 {
    text-align: center;
    margin-bottom: 20px;
    line-height: 140%;
  }

  .coordenacao {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320750 {
    width: 100%;
  }

  .frame-427320751 {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .frame-427320511 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-171 {
    text-align: center;
    font-size: 24px;
  }

  .text-172 {
    text-align: center;
    font-size: 16px;
  }

  .frame-250 {
    padding-top: 0;
  }

  .text-173 {
    text-align: center;
  }

  .frame-427320756 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-175 {
    font-size: 24px;
  }

  .frame-427320759 {
    object-position: 0% 0%;
  }

  .frame-248 {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .text-177 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .text-178 {
    font-size: 16px;
  }

  .frame-427320762, .row-62 {
    height: auto;
  }

  .frame-249 {
    max-width: none;
  }

  .catlogo-online-do-acervo-fsico {
    text-align: center;
    width: 100%;
    font-size: 20px;
    line-height: 140%;
  }

  .text-179 {
    font-size: 20px;
    line-height: 140%;
  }

  .text-180 {
    text-align: center;
    margin-bottom: 12px;
  }

  .text-182 {
    text-align: center;
  }

  .frame-427320764 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-183 {
    text-align: center;
    font-size: 24px;
  }

  .a-lei-do-sinaes-prev-a-avaliao-dos-cursos-de-graduao-cujo-objetivo-identificar-as-condies-de-ensino {
    font-size: 16px;
    line-height: 140%;
  }

  .frame-427320766 {
    flex-flow: column;
  }

  .row-64 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cc {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .portarias-autorizao.reconhecimento.renovao-de-reconhecimento {
    font-size: 23px;
    line-height: 140%;
  }

  .text-185 {
    font-size: 16px;
    line-height: 140%;
  }

  .text-186 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .card-membros-4 {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .frame-253 {
    grid-column-gap: 4px;
  }

  .card-membros-5 {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .frame-258 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-191 {
    font-size: 24px;
  }

  .text-block-23 {
    line-height: 120%;
  }

  .text-192 {
    text-align: center;
  }

  .frame-427320773 {
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .frame-262 {
    grid-row-gap: 24px;
  }

  .text-194 {
    text-align: center;
    font-size: 16px;
  }

  .frame-270 {
    padding: 20px;
  }

  .text-195 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .estudantes-do-primeiro-ano-1p-e-2p-e-do-ltimo-ano-9p-e-10p-de-direito-e-psicologia-devem-procurar-as {
    text-align: center;
    font-size: 16px;
  }

  .row-67 {
    padding-left: 0;
    padding-right: 0;
  }

  .text-196 {
    font-size: 12px;
  }

  .text-198 {
    text-align: center;
    font-size: 24px;
  }

  .section-style {
    justify-content: flex-start;
    align-items: center;
  }

  .a-cpa-a-comisso-prpria-de-avaliao-responsv {
    text-align: center;
  }

  .section-style-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .container-16 {
    justify-content: center;
    align-items: center;
  }

  .heading-4 {
    width: auto;
  }

  .container-18 {
    justify-content: flex-start;
    align-items: center;
  }

  .consolidar-um-processo-avaliativo-participativo-e {
    text-align: center;
  }

  .container-19 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-209 {
    font-size: 24px;
    line-height: 140%;
  }

  .frame-456 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .todas-as-reas-so-ouvidas-nos-questionrios-dispo {
    text-align: center;
  }

  .text-218 {
    font-size: 24px;
    line-height: 140%;
  }

  .text-221 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .coordenao-8 {
    grid-row-gap: 12px;
  }

  .text-224 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .card-link-uteis-11 {
    padding: 20px;
  }

  .frame-427320790 {
    justify-content: center;
    align-items: center;
  }

  .text-226 {
    text-align: center;
    font-size: 12px;
  }

  .segunda-1200-s-1700-0, .segunda-1200-s-1700-1 {
    font-size: 12px;
  }

  .dropdown-list.w--open {
    box-shadow: none;
    flex-flow: column;
  }

  .vector-13 {
    object-fit: contain;
  }

  .frame-427320793 {
    padding: 20px;
  }

  .frame-427320795 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-227 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .text-228 {
    text-align: center;
    font-size: 16px;
    line-height: 140%;
  }

  .row-71 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-427320797 {
    padding-top: 0;
  }

  .text-229 {
    font-size: 12px;
  }

  .frame-427320798 {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text-230 {
    text-align: center;
  }

  .text-231 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .card-link-uteis-12 {
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 20px;
  }

  .frame-427320800 {
    justify-content: center;
    align-items: center;
  }

  .text-232 {
    text-align: center;
  }

  .frame-74 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .biblioteca-central-campus-4-avenida-3-q07-lts-15-a-19-setor-mundinho---cep-75832-009---mineiros-go {
    text-align: center;
    font-size: 12px;
  }

  .card-link-uteis-13 {
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 20px;
  }

  .frame-style-25 {
    max-width: none;
  }

  .text-233 {
    text-align: center;
    font-size: 12px;
  }

  .frame-427320803 {
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text-234 {
    font-size: 10px;
    line-height: 140%;
  }

  .coordenao-9 {
    grid-row-gap: 12px;
  }

  .text-235 {
    text-align: center;
    font-size: 24px;
  }

  .row-72 {
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
  }

  .frame-427320513 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .frame-427320445 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-236 {
    text-align: center;
    font-size: 12px;
    line-height: 140%;
  }

  .frame-427320808 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .e-mail-melissaaraujofampfaculdadecombr {
    text-align: center;
    font-size: 12px;
  }

  .frame-427320811 {
    height: auto;
  }

  .e-mail-melissaaraujofampfaculdadecombr-0 {
    font-size: 12px;
  }

  .div-block-68 {
    padding-left: 0;
  }

  .coordenao-10 {
    grid-row-gap: 12px;
  }

  .text-237 {
    font-size: 24px;
  }

  .row-73 {
    padding: 20px;
  }

  .text-239 {
    font-size: 24px;
    line-height: 140%;
  }

  .text-241 {
    text-align: left;
  }

  .frame-427320818 {
    grid-row-gap: 20px;
    padding: 20px;
  }

  .frame-427320819 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
  }

  .text-249 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .icon-8 {
    width: auto;
  }

  .frame-427320820 {
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text-253 {
    text-align: center;
  }

  .caso-a-data-da-devoluo-coincidir-com-dia-em-que-a-biblioteca-fique-integralmente-fechada-o-prazo-ser {
    text-align: center;
    font-size: 12px;
  }

  .row-74 {
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .frame-427320821 {
    padding-top: 0;
  }

  .text-254 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: auto;
    font-size: 12px;
    line-height: 140%;
    display: flex;
  }

  .frame-427320525 {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .link-block-42 {
    display: flex;
  }

  .drop-down-toggle {
    width: 100%;
  }

  .dropdown-list-4.w--open {
    background-color: var(--_background---bg-brand-300);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }

  .dropdown-list-4.ajuste {
    background-color: var(--_background---bg-brand-300);
    border-radius: 0 0 8px 8px;
  }

  .coordenao-12 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-link-uteis-15 {
    width: 100%;
    padding: 20px;
  }

  .text-260 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .form-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .div-block-69 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .div-block-73 {
    justify-content: center;
    align-items: center;
  }

  .text-264 {
    text-align: center;
  }

  .card-processo-seletivo {
    padding: 20px;
  }

  .text-265 {
    font-size: 14px;
  }

  .card-processo-seletivo-2, .card-processo-seletivo-3, .card-processo-seletivo-4, .card-processo-seletivo-5 {
    padding: 20px;
  }

  .frame-427320829 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-processo-seletivo-6 {
    padding: 20px;
  }

  .text-267 {
    font-size: 14px;
    line-height: 20px;
  }

  .departamento-de-dst.aids-e-hepatites-virais {
    font-size: 14px;
  }

  .card-processo-seletivo-7, .card-processo-seletivo-8, .card-processo-seletivo-9, .card-processo-seletivo-10 {
    padding: 20px;
  }

  .frame-457 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-processo-seletivo-12 {
    padding: 20px;
  }

  .text-269 {
    font-size: 14px;
  }

  .card-processo-seletivo-14, .card-processo-seletivo-15 {
    padding: 20px;
  }

  .frame-427320834 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-processo-seletivo-16 {
    padding: 20px;
  }

  .text-271 {
    font-size: 14px;
    line-height: 140%;
  }

  .card-processo-seletivo-17 {
    padding: 20px;
  }

  .frame-427320837 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-272 {
    text-align: center;
  }

  .text-273 {
    font-size: 14px;
    line-height: 140%;
  }

  .div-block-75 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .frame-427320841 {
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: static;
    right: 0;
  }

  .img-famp-de-portas-abertas {
    box-sizing: border-box;
    text-align: center;
    vertical-align: baseline;
    object-fit: fill;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: none;
    height: 100%;
    display: inline-flex;
  }

  .title-style-6, .frame-427320842 {
    flex-flow: column;
  }

  .text-block-34 {
    font-size: 14px;
  }

  .div-block-79 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .section-11 {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
    display: flex;
  }

  .img-left-divisor {
    display: none;
  }

  .frame-427320845 {
    height: 510px;
    padding: 24px 50px;
    position: relative;
  }

  .div-block-80 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
  }

  .img-right-divisor {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-barra-divisor {
    font-size: 13px;
  }

  .div-block-81 {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .slider-2 {
    width: 110%;
    height: 100%;
  }

  .slide-2 {
    vertical-align: top;
    height: auto;
  }

  .icon-9 {
    z-index: 0;
    position: absolute;
    right: auto;
  }

  .container-footer {
    flex-flow: column;
    display: flex;
  }

  .coordenao-13 {
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .text-285 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .frame-427320848 {
    justify-content: center;
    align-items: flex-start;
  }

  .image-18 {
    object-fit: fill;
    max-width: none;
  }

  .text-287, .text-289 {
    font-size: 28px;
    line-height: 140%;
  }

  .rl_header1_component {
    grid-template-columns: 1fr;
  }

  .section-13 {
    text-align: center;
  }

  .div-block-85 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    padding-top: 40px;
  }

  .text-footer-copyright {
    text-align: center;
    font-size: 12px;
  }

  .container-barra-divisor {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
  }

  .frame-436 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-290 {
    text-align: center;
  }

  .frame-427320447 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-292 {
    font-size: 16px;
  }

  .text-294 {
    text-align: center;
    width: 100%;
    font-size: 24px;
  }

  .row-77 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
  }

  .frame-427320850 {
    height: auto;
  }

  .frame-427320851 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .frame-427320853 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .frame-427320854, .frame-427320855, .frame-427320856 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-295 {
    text-align: center;
    font-size: 20px;
  }

  .frame-427320857 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .text-296 {
    font-size: 12px;
  }

  .frame-427320858 {
    justify-content: flex-start;
    align-items: center;
  }

  .row-78 {
    grid-row-gap: 12px;
  }

  .e-mail-coordepesquisafampfaculdadecombr-0 {
    font-size: 12px;
  }

  .text-299, .text-302 {
    font-size: 24px;
  }

  .row-80 {
    padding: 20px 16px;
  }

  .frame-427320508 {
    justify-content: space-between;
    align-items: center;
  }

  .text-303 {
    font-size: 12px;
  }

  .frame-315 {
    flex-flow: column;
  }

  .fonte-httpwwwcapesgovbrhistoria-e-missao {
    text-align: center;
    width: 100%;
  }

  .frame-317 {
    flex-flow: column;
  }

  .div-block-87, .div-block-88 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .div-block-94 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-307 {
    text-align: center;
  }

  .coordenao-16 {
    grid-row-gap: 12px;
  }

  .text-309 {
    margin-bottom: 20px;
  }

  .card-cursos-10 {
    width: 100%;
  }

  .variedade-de-vidraria-de-laboratorio-com-substancias-laranja-1 {
    object-fit: none;
    width: 100%;
  }

  .card-cursos-11 {
    height: auto;
  }

  .frame-427320873 {
    height: auto;
    min-height: auto;
  }

  .vida-morta-dia-mundial-da-propriedade-intelectual-1 {
    object-fit: contain;
    height: auto;
  }

  .frame-427320874 {
    padding: 20px;
  }

  .text-312 {
    font-size: 20px;
  }

  .frame-427320448 {
    padding-left: 0;
    padding-right: 0;
  }

  .text-314 {
    font-size: 24px;
  }

  .row-83 {
    flex-flow: column;
  }

  .frame-427320875 {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .frame-427320876 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .frame-427320878 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .frame-427320879, .frame-427320881 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-427320882 {
    justify-content: center;
    align-items: center;
  }

  .text-316 {
    font-size: 12px;
  }

  .frame-427320884 {
    padding: 20px 12px;
  }

  .vector-17 {
    object-fit: fill;
    max-width: none;
  }

  .text-319 {
    text-align: left;
    font-size: 12px;
  }

  .frame-style-29 {
    object-fit: fill;
  }

  .vector-18 {
    object-fit: fill;
    max-width: none;
  }

  .coordenao-19 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-321 {
    font-size: 24px;
  }

  .text-322 {
    text-align: center;
    font-size: 24px;
    line-height: 140%;
  }

  .text-325, .text-327, .text-330 {
    font-size: 24px;
  }

  .row-85 {
    padding: 20px 12px;
  }

  .frame-427320896 {
    justify-content: space-between;
    align-items: center;
  }

  .text-334 {
    font-size: 16px;
  }

  .buttonsbutton-38 {
    width: 100%;
  }

  .text-335 {
    font-size: 10px;
  }

  .text-336 {
    font-size: 16px;
  }

  .row-86 {
    padding: 20px 12px;
  }

  .frame-350 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .section-campus {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .frame-427320899 {
    width: 100%;
  }

  .text-340 {
    text-align: center;
  }

  .frame-427320904 {
    padding: 16px 20px;
  }

  .frame-427320492 {
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .text-350, .text-352 {
    font-size: 24px;
  }

  .div-block-98 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .ul-campus {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .section-noticias {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-101 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .content-right-noticias {
    justify-content: center;
    align-items: center;
  }

  .gost-button {
    font-size: 16px;
  }

  .container-cms-noticias {
    flex-flow: row;
  }

  .collection-list-4 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .collection-list-wrapper-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .collection-item-4 {
    flex-flow: row;
  }

  .div-block-107 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-109 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .collection-list-5 {
    grid-template-columns: 1fr;
  }

  .image-117 {
    width: 50%;
    max-width: none;
  }

  .left-arrow-2 {
    object-fit: fill;
    inset: 0% auto 0% 0%;
  }

  .div-block-117 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-118, .div-block-121 {
    width: 100%;
  }

  .text-block-43 {
    text-align: justify;
    font-size: 16px;
  }

  .div-block-151, .div-block-152 {
    flex-flow: column;
  }

  .div-block-153 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .div-block-155, .div-block-156, .div-block-157 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-158, .div-block-159 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image-121 {
    max-width: none;
  }

  .nav-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--_background---bg-primary);
    border-radius: 8px;
    padding: 16px;
  }

  .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .dropdown-3, .dropdown-toggle-3, .dropdown-toggle-4, .dropdown-4, .dropdown-5, .dropdown-toggle-5, .dropdown-6 {
    width: 100%;
  }

  .div-block-166 {
    padding-top: 24px;
  }

  .icon-15, .icon-16 {
    font-size: 24px;
  }

  .div-block-167 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .collection-list-wrapper-5 {
    flex-flow: row;
    display: block;
  }

  .collection-item-5 {
    flex-flow: column;
    display: block;
  }

  .div-block-168 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .div-block-174, .div-block-175 {
    width: 100%;
  }

  .paragraph-xl {
    font-size: 1.2rem;
  }
}

#w-node-_323a962b-e5fc-9bca-71a7-86aab0d284d9-28f04385 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4a57bee5-0d76-f7d5-97da-f636c94618bd-c9461854 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ddfa6fd9-05b4-4373-0716-c6987e9a7994-7e9a7991.w-node-_7007f8e6-ef32-c8cc-9f59-402b3199b804-5bc23ac8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_6de8f411-423d-97c1-6ecb-f874d490e3f5-5828ca36, #w-node-ddfa6fd9-05b4-4373-0716-c6987e9a7994-7e9a7991.w-node-_7007f8e6-ef32-c8cc-9f59-402b3199b804-5bc23ac8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* ---- overrides ---- */
/* Overrides for the FAMP clone.
   The Webflow "webflow-icons" font is not bundled with the site's shared CSS,
   so its ::before glyph placeholders render as tofu. We neutralize them and
   inject real SVG icons from the components instead. */

.w-icon-dropdown-toggle::before,
.w-icon-slider-left::before,
.w-icon-slider-right::before,
.w-icon-nav-menu::before {
  content: "" !important;
}

/* ------------------------------------------------------------------ *
 * Global guard: never allow horizontal scrolling. Carousels keep their
 * own inner overflow containers, so this only clips stray overflow and
 * does not affect the (already pixel-perfect) desktop layout.
 * ------------------------------------------------------------------ */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Hide the "Made in Webflow" badge injected by the Webflow runtime on the
 * captured snapshot pages. */
.w-webflow-badge {
  display: none !important;
}

/* Fixed pixel widths from the desktop design that must not overflow small
 * screens (the courses tab pane is authored at a fixed 1216px). */
@media screen and (max-width: 1216px) {
  .tab-pane-tab-1 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ------------------------------------------------------------------ *
 * Internal-page mobile fixes: several Webflow blocks keep fixed pixel
 * widths or multi-column grids that don't collapse below ~480px, which
 * would push content past the viewport. Collapse them to fit the phone.
 * ------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
  /* Faculty ("Corpo Docente") cards — inner block authored at 541px */
  .frame-387 {
    width: 100% !important;
    max-width: 100%;
  }
  .frame-389 {
    flex-wrap: wrap;
    max-width: 100%;
  }
  /* "Links úteis" card grid authored as 3 fixed columns */
  .frame-427320861 {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .card-link-uteis-17 {
    width: 100% !important;
  }
  /* Two-up investment / info rows that stayed side-by-side */
  .frame-427320929,
  .div-block-236,
  .div-block-196,
  .div-block-197,
  .div-block-198 {
    flex-wrap: wrap;
    max-width: 100%;
  }
  .frame-427320929 > *,
  .div-block-236 > * {
    width: 100%;
    max-width: 100%;
  }
  .div-block-237,
  .invest-direito {
    width: 100% !important;
  }
  /* Several page-title/content wrappers switch to width:auto at the tablet
     breakpoint and then only return to 100% at ≤479px, so they shrink-to-fit
     their content and overflow between 480–767px. Force fluid width. */
  .textos,
  .conteudo-title-page1,
  .div-text,
  .cont-full {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Auto-named Webflow frame containers must stay within the viewport, and
     long unbreakable strings (URLs, code) should wrap rather than overflow. */
  [class*="frame-42732"],
  .row-51,
  .faq-item1,
  .tcc-acontece,
  .frame-442,
  .frame-444,
  .card-financeiro,
  .card-financeiro-2,
  .card-financeiro-3,
  .container-7 {
    max-width: 100% !important;
    min-width: 0 !important;
  }
  /* auto-named frame grids collapse to one column */
  [class*="frame-42732"] {
    grid-template-columns: 1fr !important;
  }
  .frame-442,
  .card-financeiro,
  .card-financeiro-2,
  .card-financeiro-3 {
    flex-wrap: wrap;
  }
  /* Course-page action rows hold two side-by-side CTA buttons in a nowrap flex
     row (a differently-numbered .div-block-1xx per course, sometimes under
     .textos, sometimes under .atributes-plus-buttons). Target them generically
     by "a flex box that directly contains a CTA button" so they wrap. */
  div:has(> .button_cta_inscrever),
  .atributes-plus-buttons,
  .atributes-plus-buttons > div {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .text-24,
  .text-block-46 {
    max-width: 100% !important;
    overflow-wrap: break-word;
  }
  .textos,
  .div-text,
  .text-block-direito,
  .titulo-curso-direito,
  p,
  strong,
  li,
  /* Webflow's auto-named text blocks land in columns as narrow as ~108px,
     where compounds like "técnico-científico;•" overflow. break-word only
     kicks in when a word genuinely does not fit, so this is safe to apply
     broadly. */
  [class*="text-"] {
    overflow-wrap: break-word;
    word-break: break-word;
  }
  /* Images must never exceed the viewport on internal pages. */
  img {
    max-width: 100%;
  }
  /* This one carries an explicit max-width:none on the live site. */
  .image-181 {
    max-width: 100% !important;
    width: 100% !important;
  }
  /* Course-page ingresso row */
  .biomedicina-ingresso {
    flex-wrap: wrap;
  }
  .biomedicina-ingresso > *,
  .row-43 {
    width: 100% !important;
    max-width: 100%;
  }
}

/* ================================================================== *
 * Tablet / large-phone responsive fixes (480–991px). The source site
 * only collapses most homepage/section grids at ≤479px, leaving them
 * multi-column — and overflowing — on narrower tablets and large
 * phones. Give them sensible column counts across this range.
 * ================================================================== */
@media screen and (max-width: 991px) {
  /* Hero: student image is already hidden ≤991; let the copy fill width. */
  .div-block-7,
  .content-left,
  .content-left .row,
  .div-block-6,
  .div-block-4,
  .div-block-5 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .heading,
  .heading-8 {
    max-width: 100% !important;
    overflow-wrap: break-word;
  }
  /* Pillars tab bar (Graduação / Pós / Pesquisa / Extensão) → 2×2 on tablet.
     The bar uses grid-auto-flow:column, so we must force row flow too. */
  .tabs-menu {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: 1fr 1fr !important;
    grid-auto-columns: 1fr !important;
    flex-wrap: wrap;
  }
  .tabs-menu .tab-link {
    min-width: 0 !important;
  }
  /* Course carousel must never exceed the viewport (embla clips inside). */
  .section-courses,
  .tabs,
  .tabs-content,
  .section-courses-copy,
  .embla,
  .embla__viewport {
    max-width: 100% !important;
    width: 100% !important;
  }
  .div-block-40 {
    flex-wrap: wrap;
    max-width: 100%;
  }
  /* News / notices / links grids → 2 columns on tablet. */
  .collection-list-4,
  .collection-list-5,
  .div-block-59 {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media screen and (max-width: 767px) {
  /* Everything to a single column on phones. */
  .collection-list-4,
  .collection-list-5,
  .div-block-59,
  .frame-428,
  .frame-427 {
    grid-template-columns: 1fr !important;
  }
  .frame-427 .image-57 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Multi-column grids collapse to a single column on phones and large phones.
 * Several layouts author fixed multi-column grids (course faculty ~580px, the
 * 5-column footer) that only collapse at ≤479px in the original CSS, so they
 * overflow anywhere in the 480–767px range. Collapse across the whole ≤767px
 * range (tablet/desktop ≥768px keep the original columns). */
@media screen and (max-width: 767px) {
  .w-layout-grid {
    grid-template-columns: 1fr !important;
  }
  .div-block-196 {
    grid-template-columns: 1fr !important;
  }
  /* The footer's content-right column spans 3 tracks, which creates implicit
     columns even when we force 1fr — switch it to a simple vertical stack. */
  .container-footer {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* ================================================================== *
 * Homepage defects in the 480–991px band.
 * The source Webflow CSS only fixes the top bar and the stat cards at
 * ≤479px, so between 480 and 991px the bar clips its own icons and
 * labels and the four stat cards squeeze into unreadable slivers.
 * ================================================================== */

/* Top-bar icons are flex children with the default flex-shrink:1, so once
   space runs short they collapse to 0–10px and render as sliced fragments
   instead of icons. They must never shrink. */
.top-bar img,
.top-bar .frame-style-2 {
  flex: 0 0 auto;
}

@media screen and (max-width: 991px) {
  /* Below 991px the header is already in mobile mode (hamburger), so the bar
     goes icon-only: the labels no longer fit without wrapping to two lines
     and being clipped. This is what the original does at ≤479px. */
  .top-bar .text-6 {
    display: none;
  }
  .top-bar img.frame-style-2 {
    width: 24px;
    height: 24px;
  }
  /* The coloured action buttons keep a roomier hit area; the two contact
     icons keep the source's tighter 10px so they read as a pair rather than
     as two unrelated buttons. */
  .top-bar .button-top-bar {
    padding-left: 16px;
    padding-right: 16px;
  }
  .top-bar .button_top_bar {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Four stat cards side by side stop being readable well before 480px —
     "Alta empregabilidade" gets clipped mid-word. Go 2×2. */
  .frame-9 {
    flex-wrap: wrap;
  }
  .frame-9 > .frame-10,
  .frame-9 > .frame-11,
  .frame-9 > .frame-12,
  .frame-9 > .frame-13 {
    flex: 0 0 50%;
    width: 50%;
  }
}

@media screen and (max-width: 599px) {
  /* Two columns get too narrow for the longer labels — stack them. */
  .frame-9 {
    flex-flow: column;
  }
  .frame-9 > .frame-10,
  .frame-9 > .frame-11,
  .frame-9 > .frame-12,
  .frame-9 > .frame-13 {
    flex: 0 0 auto;
    width: 100%;
  }
}

/* The MEC rating strip is a 224×18 SVG holding all five stars, but the CSS
   gives it object-fit:cover inside a shorter box, which crops it to three or
   four stars. Contain it and pin it left so all five always show. */
img.frame-style-3 {
  object-fit: contain;
  object-position: left center;
  width: min(224px, 100%);
  height: auto;
}

/* An icon SVG is never improved by being cropped — cover on a vector asset is
   always a mistake, so opt every SVG out of it. */
img[src$=".svg"] {
  object-fit: contain;
}

/* Partner logos are 244×175 dropped into a 119px-wide card slot, so cover
   slices the brand name off both edges ("WIZARD" → "WIZA"). Same mistake as
   the SVGs above: a logo must never be cropped. */
.card-clube img,
.card-clube-2 img,
.card-clube-3 img {
  object-fit: contain;
}

/* The promo banner is a 2432×536 artwork in a box locked to height:267.87px.
   That only matches the artwork's ratio at the full 1215px desktop width;
   any narrower and object-fit:cover crops the sides, cutting into the
   "VESTIBULAR 2026.1" lettering. Let the box follow the artwork instead. */
@media screen and (max-width: 1279px) {
  .banner,
  .slider {
    height: auto;
    aspect-ratio: 2432 / 536;
  }
}

/* ================================================================== *
 * Internal-page defects found by scripts/audit-responsive.mjs.
 * ================================================================== */

/* "Links úteis" cards live in two different containers, both authored at a
   fixed 280px per card: a 3-column grid (904px with gaps) and a 6-card flex
   row (1244px). Inside a 728px column both overhang — the grid caused the
   only real horizontal scroll left on the site (68px on /pesquisa,
   /mostra-cientifica, /portal-do-egresso, /projetos-de-iniciacao-cientifica)
   and in the flex row two cards landed at left:-496px, entirely off screen.
   Make the cards fluid and let both containers wrap. */
/* Six 280px cards in a nowrap flex row need 1324px — wider than the 1216px
   container even on a large desktop, so the last card is cut in half there
   too. Wrapping is right at every width. */
div:has(> [class*="card-link-uteis"]) {
  flex-wrap: wrap;
}

@media screen and (max-width: 991px) {
  div:has(> [class*="card-link-uteis"]) {
    flex-wrap: wrap !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  }
  [class*="card-link-uteis"] {
    flex: 1 1 240px;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100%;
  }
}

/* The [class*="frame-42732"] { min-width: 0 } rule above lets these flex
   frames shrink below their content, squeezing small buttons narrower than
   their own label ("Acessar" clipped at 61px for a 68px word). Give the
   button itself a content floor — but only here, and never to its parent:
   a parent forced to min-content inherits the min-content of long body copy
   inside it and blows the page up (a 1176px card on /iniciacao-cientifica). */
@media screen and (max-width: 991px) {
  [class*="buttonsbutton"] {
    min-width: min-content;
    flex-shrink: 0;
  }
}

/* E-mail addresses and URLs are single unbreakable tokens; several are wider
   than the table cell or card holding them and spill out — on desktop too,
   so this must not be scoped to a breakpoint. */
.text-70,
.row-77,
[class*="fonte-http"] {
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 0;
}

/* NDE table (all 9 graduation course pages): name + e-mail must stay on a
   single line each — .text-74 used to be in the shared break-word rule
   above, which force-wrapped long e-mails mid-domain. Widened in famp.css
   so the longest real name/e-mail (39 chars) fits with room to spare. */
.text-74 {
  overflow-wrap: normal;
  word-break: normal;
}

/* /famp-no-mec: the "Portaria de Credenciamento/Recredenciamento" card title
   is the only user of this class. The card now spans the full row width, so
   the authored 36px fits without help — just stop forcing mid-word breaks
   (the shared break-word rule above used to be applied here). */
.catlogo-online-do-acervo-fsico {
  overflow-wrap: normal;
  word-break: normal;
}

/* News cards clip their body at a fixed 100px (exactly five 20px lines) with
   no ellipsis, so the copy just stops mid-sentence. Clamp it properly so the
   truncation reads as intentional. */
.descricao-card-noticias {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* /quem-somos: this block is authored wider than its padded container. */
@media screen and (max-width: 479px) {
  .div-block-183,
  .frame-427320743 {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* Small pills/buttons whose label is clipped by a few pixels because the
   icon inside them is allowed to shrink. */
.call-3,
.button-card-institucionais,
.text-296 {
  min-width: 0;
  overflow-wrap: break-word;
}
.call-3 img,
.button-card-institucionais img {
  flex: 0 0 auto;
}

/* .row-38 is a nowrap flex row sized for the desktop column: on tablet its
   second child sat at left:708px inside a 728px clipped row, so an entire
   paragraph was invisible on /biomedicina and /farmacia. Let it wrap.
   Deliberately scoped to this one class — most .row-N blocks are
   flex-direction:column, where flex-wrap spills items into a second column
   to the right instead of stacking them. */
/* The "área de atuação" section is built as an absolutely-positioned 481px
   image card (.group-6) with the copy (.frame-427320669) nudged alongside it
   by a hard left:324px — both measured against the 1216px desktop column.
   Below 992px that offset pushed the whole paragraph off screen, and simply
   zeroing it dropped the text on top of the photo. Put the image back in
   flow so the two stack vertically instead. */
@media screen and (max-width: 991px) {
  /* Both boxes carry a fixed 402px height with overflow hidden, sized for the
     side-by-side desktop arrangement. Stacked, the content needs 538px, so
     the height has to follow the content or the paragraph is cut off. */
  .row-38,
  .analista-clnico {
    height: auto !important;
  }
  .row-38 {
    flex-flow: column;
    align-items: stretch;
    justify-content: flex-start;
  }
  .row-38 > * {
    min-width: 0;
  }
  .row-38 .group-6 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
  }
  .frame-427320669 {
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
  }
}

/* Club-of-benefits cards: a 4-column grid that never collapses, giving 75px
   columns on a phone with the discount label clipped inside each one. */
@media screen and (max-width: 767px) {
  .div-block-240 {
    grid-template-columns: 1fr 1fr !important;
  }
  /* Title + "Baixar" button in a nowrap row that clips the button. */
  .item-download-doc {
    flex-wrap: wrap;
  }
}

/* This banner is authored at a fixed 1216px inside a 350px column and
   computes to max-width:none, so the generic img rule above never reaches
   it. */
.container-club img {
  max-width: 100% !important;
  height: auto !important;
}

/* Long unbreakable tokens (e-mails, URLs, run-together strings like
   "75832-009Mineiros-GO") show up in narrow columns all over the site.
   Inheriting this from body fixes them everywhere at once, and it only
   takes effect when a word genuinely cannot fit. */
body {
  overflow-wrap: break-word;
}

/* ================================================================== *
 * Homepage mobile layout pass (≤991px).
 * Every section on the home page is authored as a two-column desktop
 * block — copy on the left, link/CTA on the right — that never
 * collapses. On a phone or small tablet the headline gets squeezed into
 * a ~220px column (breaking "Acompanh/e nas/redes" mid-word) while the
 * link floats in dead space beside it. Stack and centre the lot.
 * ================================================================== */
@media screen and (max-width: 991px) {
  /* Section shells → one column */
  .div-block-75,
  .div-block-101,
  .div-block-107 {
    display: flex !important;
    flex-flow: column !important;
    grid-template-columns: 1fr !important;
    align-items: center;
    justify-content: center;
    grid-row-gap: 24px;
    gap: 24px;
    width: 100%;
  }
  .div-block-75 > *,
  .div-block-101 > *,
  .div-block-107 > * {
    width: 100%;
    max-width: 100%;
  }

  /* Badge, headline and subheadline centred */
  .cont1216px.padding,
  .badge-group-2,
  .dblock-29,
  .section-header,
  .badge-group {
    align-items: center;
    text-align: center;
  }
  .titulo-curso-direito,
  .supporting-text,
  /* .supporting-text.descricao-2 carries its own text-align:left, which
     outranks a single-class selector. */
  .supporting-text.descricao-2,
  .descricao-2,
  .titlle-section-header,
  .text-block-34,
  .text-block-20 {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  /* The links and CTAs that used to sit in the right-hand column now go
     under the copy, centred. */
  .div-block-76,
  .div-block-79,
  .div-block-109,
  .content-right-noticias {
    flex-flow: column;
    align-items: center;
    justify-content: center;
    grid-row-gap: 12px;
    gap: 12px;
    width: 100%;
    text-align: center;
  }
  .div-block-109,
  .content-right-noticias {
    text-align: center;
  }
  /* This one is nested inside the header block rather than being a sibling,
     so it misses the gap above and collides with the subheadline. */
  .div-block-109 {
    margin-top: 16px;
  }

  /* Course carousel header: title on top, arrows centred beneath it —
     they were overlapping the title at space-between. */
  .div-block-40 {
    flex-flow: column;
    align-items: center;
    justify-content: center;
    grid-row-gap: 16px;
    gap: 16px;
    text-align: center;
    /* 24px here plus the section padding below opened a ~100px gap before
       the next section's badge. */
    padding-bottom: 8px;
  }
  /* This heading is 30px with a 20px line-height, so its two lines printed on
     top of each other. Set the leading from the font size. */
  .text-block-20 {
    line-height: 1.3;
  }
  .div-block-40 .arrows {
    justify-content: center;
    width: auto;
  }

  /* Pillar tabs: the grid was handing out uneven tracks (280px / 254px)
     and "Pós-graduação" wrapped to two lines against 30px of side
     padding, leaving one row 62px tall next to another at 42px. */
  /* Pillar tabs, rebuilt as a 2×2 segmented control. The desktop version is a
     single row of four; stacked it needed real work: the grid handed out
     uneven tracks (280/254px), grid-template-rows reserved two empty rows
     worth ~34px of dead space under the buttons, the container's padding was
     lopsided (24px vertical against 12px sides), the buttons were 42px tall
     against 164px wide (flat and stretched), and the 8px button radius sat
     awkwardly inside the 16px container. */
  .tabs-menu {
    /* Four across still fits comfortably on a tablet (≈185px a column); only
       phones need the 2×2. */
    grid-template-columns: repeat(4, 1fr) !important;
    /* Drop the authored explicit rows entirely — keeping any of them made the
       first row resolve to 106px against 52px for the second. Implicit rows
       with a common floor keep all four buttons identical. */
    grid-template-rows: none !important;
    grid-auto-rows: minmax(52px, auto) !important;
    align-items: stretch !important;
    height: auto !important;
    padding: 10px !important;
    grid-column-gap: 10px !important;
    grid-row-gap: 10px !important;
    border-radius: 18px;
  }
  .tabs-menu .tab-link {
    /* The selected tab carries a fixed 280px width, so it ballooned to twice
       the others and shoved their labels into each other. Every tab fills its
       own column and nothing more. */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    /* The authored height resolves against the grid row and lands at 106px for
       the first row and 52px for the second — the buttons must size to their
       own content and let min-height set the floor. */
    height: auto !important;
    min-height: 52px;
    padding: 12px 10px !important;
    border-radius: 12px !important;
    text-align: center;
    transition:
      background-color 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.18s ease;
    /* Otherwise it breaks at its own hyphen ("Pós-" / "graduação") and makes
       one row taller than the other. */
    white-space: nowrap;
  }
  /* The default grey border reads as a disabled form field; soften it so the
     selected tab carries the emphasis on its own. */
  .tabs-menu .tab-link:not(.w--current) {
    border-color: rgba(29, 27, 24, 0.12) !important;
  }
  .tabs-menu .tab-link.w--current {
    box-shadow: 0 2px 10px rgba(255, 135, 0, 0.3);
  }
  .tabs-menu .tab-link > div {
    font-weight: 500;
  }
  .tabs-menu .tab-link.w--current > div {
    font-weight: 600;
  }
}

@media screen and (max-width: 767px) {
  /* Below tablet, four columns would be ~85px each — go 2×2. */
  .tabs-menu {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media screen and (max-width: 991px) {
  /* The label sits in a child at 24px, where "Pós-graduação" runs 177px wide —
     wider than a column at any of these sizes. 17px fits it on one line and
     is better suited to a small screen anyway. */
  .tabs-menu .title-menu-tab-on,
  .tabs-menu .title-menu-tab-off,
  .tabs-menu .tab-link > div {
    font-size: 17px;
  }
}

@media screen and (max-width: 991px) {
  /* Icon-only below 991px: contacts to the left, coloured buttons running to
     the right edge instead of stopping 24px short and leaving a pale strip.
     (The source uses flex-end here too, which pushed the contact icons into
     the middle of the bar.) */
  .top-bar .frame-431 {
    justify-content: space-between;
  }
  .top-bar .col {
    padding-left: 16px;
    padding-right: 0;
  }
}

/* Search bar: it is authored at a fixed 234px and centred, so on a phone it
   floats as a small island that lines up with nothing. Make it span the same
   24px gutters as the logo above it, with the field taking the slack and the
   button keeping its natural size. */
@media screen and (max-width: 991px) {
  .search-2 {
    width: 100%;
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    grid-column-gap: 12px;
    gap: 12px;
    justify-content: stretch;
  }
  .search-2 .search-input {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }
  .search-2 .search-button {
    flex: 0 0 auto;
  }
}

/* Promo banner: the artwork is a 4.5:1 panorama, so once it is boxed inside
   the 24px gutters it collapses to a ~75px sliver on a phone. Let it run
   edge to edge to buy back every pixel of width (and therefore height)
   without cropping or distorting the art. */
.banner-slide {
  position: relative;
  overflow: hidden;
}
.banner-art {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-backdrop {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
  filter: blur(22px) saturate(1.1);
}
@media screen and (max-width: 991px) {
  .section-hero,
  .banner,
  .banner-2,
  .slider {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-radius: 0;
  }
  /* Edge-to-edge alone only takes it from 75px to 86px, and cropping to gain
     height eats the lettering ("VESTIBULAR" lost its V at 3.6:1). Instead
     give the box a taller 3:1 ratio and let a blurred copy of the same
     artwork fill the letterbox — full art, no crop, no stretch. */
  .banner,
  .slider {
    aspect-ratio: 3 / 1;
  }
  .banner-art {
    object-fit: contain !important;
  }
  .banner-backdrop {
    display: block !important;
  }
}

/* Section rhythm: 96–98px of vertical padding is authored for a wide desktop
   page, and the source CSS only tightens it at ≤479px — so the 480–991px band
   again gets desktop spacing on a small screen (136px of nothing between the
   course carousel and the "Ingresso" heading). Scale it there only; below
   480px the original values are already right. */
@media screen and (min-width: 480px) and (max-width: 991px) {
  .container-13,
  .section-campus,
  .section-noticias,
  .div-block-85 {
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .section-header {
    padding-top: 40px;
    padding-bottom: 28px;
  }
  .cont-full.bg-secondary {
    padding-top: 40px;
    padding-bottom: 56px;
  }
  .section-9,
  .container-cms-noticias,
  .collection-list-wrapper-3,
  .div-block-75 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  /* The carousel's own trailing space stacked with the next section's padding
     (40px margin + 28px padding + 32px padding = a 100px void before the
     "Ingresso" badge). */
  .tab-pane-tab-1 {
    padding-top: 28px;
    padding-bottom: 16px;
  }
  .section-courses-copy {
    margin-bottom: 8px;
  }
}

/* Notice cards are locked to 273px so the three of them line up as a desktop
   row. Stacked on a phone that is ~130px of empty orange between the title
   and its button — let them size to their content. */
@media screen and (max-width: 991px) {
  .collection-item-5,
  .div-block-105 {
    height: auto !important;
  }
  .div-block-105 {
    grid-row-gap: 24px;
    gap: 24px;
  }
}

/* ================================================================== *
 * Navigation dropdowns.
 * The Institucional panel holds three groups (Institucional, Extensão,
 * Pesquisa). They belong side by side as columns — stacked, the panel ran
 * far past the bottom of the screen. `.dropdown-list.w--open` already
 * carries display:flex for exactly this, so the panel must not be given an
 * inline display (see Header.tsx).
 * ================================================================== */
@media screen and (min-width: 992px) {
  .dropdown-list.w--open {
    flex-direction: row;
    align-items: flex-start;
    /* Never wider than the screen. The height cap + inner scroll live only on
       the .mega variant below: on the small panels `overflow-y: auto` forced
       `overflow-x: auto` too, which clipped the second-level flyout that hangs
       outside the panel (it showed as an 8px white sliver). */
    max-width: calc(100vw - 32px);
  }
  .dropdown-list.w--open > .div-block-67 {
    flex: 0 1 auto;
    min-width: 190px;
  }
  /* The wide panel opens under a toggle near the right of the bar, so
     left-anchoring pushed it off screen. Anchor it to the right instead, and
     scroll inside rather than running past the bottom of the viewport. */
  .dropdown-list.mega.w--open {
    left: auto;
    right: 0;
    /* Absolutely-positioned shrink-to-fit sizes against the ~150px toggle,
       squeezing the columns below their content (the Pesquisa column clipped
       mid-word on the snapshot pages). Take the natural width instead. */
    width: max-content;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
  }
  /* The Webflow columns carry `width: 100%`, which splits the panel into
     equal thirds regardless of content — "Centro de Desenvolvimento
     Científico" needs ~270px and clipped at 249px. Size each column to its
     own content instead. */
  .dropdown-list.mega.w--open > .div-block-67 {
    width: auto;
    flex: 0 0 auto;
  }
}

/* Second-level flyout (Processo Seletivo → the course group → Editais,
   Inscrições, …). It is absolutely positioned against its parent row, so it
   needs an explicit anchor and its own stacking context. The `.ajuste`
   selector must be repeated: famp.css has `.dropdown-list-4.ajuste.w--open
   { bottom: 0 }`, which outranks the two-class selector and would stretch
   the flyout to its parent's height. */
@media screen and (min-width: 992px) {
  .dropdown-2 {
    position: relative;
  }
  .dropdown-list-4.w--open,
  .dropdown-list-4.ajuste.w--open {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 100%;
    z-index: 10000;
    min-width: 190px;
    box-shadow: 0 2px 5px #0003;
  }
}

/* Nav dropdown caret. The React header renders an SVG (.mega-caret); the
   snapshot pages have an empty .icon-mega-menu because the Webflow icon font
   isn't bundled — draw the same orange chevron there via background-image.
   Both rotate while their dropdown is open (React marks the wrapper `.open`,
   webflow.js marks the toggle `.w--open`). */
.mega-caret {
  color: #ff8700;
}
.nav-menu .icon-mega-menu:empty {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%23ff8700' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / contain no-repeat;
}
.nav-menu .icon-mega-menu {
  transition: transform 0.2s ease;
}
.nav-menu .w-dropdown.open > .w-dropdown-toggle .icon-mega-menu,
.nav-menu .w-dropdown-toggle.w--open .icon-mega-menu {
  transform: rotate(180deg);
}

/* Course card description — 3-line clamp (was an inline <style> embed on the
   live site, so it isn't part of the compiled Webflow CSS). */
.description-card {
  white-space: normal !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ------------------------------------------------------------------ *
 * Mobile navigation (≤991px). The live site drives this with Webflow's JS,
 * which we don't bundle — both header variants toggle a `nav-open` class on
 * `.navbar` (React state on the homepage, the injected snippet on the
 * snapshot pages). Redesigned as an app-like sheet: dimmed backdrop with
 * scroll lock, one row per area with a rotating chevron, panels as soft
 * cards with uppercase section labels, the Processo Seletivo second level
 * always visible, full-width CTA. Clicking the dimmed area hits the .navbar
 * element itself (the backdrop is its ::before), which both variants treat
 * as "close".
 * ------------------------------------------------------------------ */
@media screen and (max-width: 991px) {
  .navbar .div-block-165 {
    position: relative !important;
  }
  .navbar .menu-button.w-nav-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 8px;
    cursor: pointer;
  }
  /* CSS-drawn hamburger (the Webflow icon font isn't bundled). Works for both
     the React header and the captured snapshot pages; morphs into an X while
     the menu is open. */
  .navbar .menu-button.w-nav-button .icon-14 {
    display: block;
    width: 28px;
    height: 28px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' stroke='%23151515' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")
      center / 24px no-repeat;
    transition: transform 0.25s ease;
  }
  .navbar .menu-button.w-nav-button .icon-14 svg {
    display: none;
  }
  .navbar.nav-open .menu-button.w-nav-button {
    position: relative;
    z-index: 302;
  }
  .navbar.nav-open .menu-button.w-nav-button .icon-14 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6l12 12M18 6 6 18' stroke='%23151515' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    transform: rotate(90deg);
  }

  body:has(.navbar.nav-open) {
    overflow: hidden;
  }
  /* The top-bar buttons carry their own stacking and would poke through the
     full-page panel — hide the strip while the menu owns the screen. */
  body:has(.navbar.nav-open) .top-bar {
    visibility: hidden;
  }

  /* Full-page takeover: the open menu owns the whole viewport. The brand and
     the close button are raised above it so the logo + X row stays visible on
     top of the panel. */
  .navbar .nav-menu.w-nav-menu {
    display: none !important;
  }
  .navbar.nav-open .brand {
    position: relative;
    z-index: 302;
  }
  .navbar.nav-open .nav-menu.w-nav-menu {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    grid-row-gap: 0;
    gap: 0;
    position: fixed;
    inset: 0;
    width: auto;
    max-height: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    border-radius: 0;
    padding: 144px 22px 24px;
    box-shadow: none;
    z-index: 300;
    animation: famp-nav-sheet 0.28s cubic-bezier(0.32, 0.72, 0.28, 1);
  }

  /* One row per area, separated by hairlines. The chevron needs no flex
     placement: Webflow's base CSS absolutely positions .w-icon-dropdown-toggle
     at the row's right edge, so the label just flows left and the padding
     keeps it clear of the icon. */
  .navbar.nav-open .nav-menu > .w-dropdown,
  .navbar.nav-open .nav-menu > .link-block-42 {
    width: 100%;
    border-bottom: 1px solid #f6e8d2;
  }
  .navbar.nav-open .nav-menu > .w-dropdown > .w-dropdown-toggle,
  .navbar.nav-open .nav-menu > .link-block-42 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 18px 36px 18px 2px;
    cursor: pointer;
  }
  .navbar.nav-open .nav-menu .item-mega-menu {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
  }
  .navbar.nav-open .nav-menu .w-dropdown.open > .w-dropdown-toggle .item-mega-menu,
  .navbar.nav-open .nav-menu .w-dropdown-toggle.w--open .item-mega-menu {
    color: #ff8700;
  }

  /* Open panels expand inline as soft cream cards. */
  .navbar.nav-open .nav-menu .dropdown-list.w-dropdown-list {
    position: static !important;
    box-shadow: none;
    min-width: 0;
    width: 100%;
  }
  .navbar.nav-open .nav-menu .dropdown-list.w--open {
    display: flex;
    flex-direction: column;
    background: #fff8ec;
    border-radius: 12px;
    margin: 0 0 14px;
    padding: 4px 10px 10px;
    max-height: none;
    overflow: visible;
    animation: famp-nav-item 0.22s ease;
  }
  .navbar.nav-open .nav-menu .dropdown-title {
    background: none;
    min-width: 0;
    padding: 12px 8px 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c77400;
  }
  /* A lone group would just repeat the row's own label — drop it. The
     Institucional panel keeps its three labels (Institucional / Extensão /
     Pesquisa). */
  .navbar.nav-open .nav-menu .div-block-67:only-child > .dropdown-title {
    display: none;
  }
  .navbar.nav-open .nav-menu .dropdown-link {
    width: 100%;
    padding: 11px 8px;
    font-size: 15px;
    border-radius: 8px;
  }
  .navbar.nav-open .nav-menu .dropdown-link:active {
    background: #fef0c7;
  }

  /* Processo Seletivo's second level: the two course-group toggles become
     plain section labels (a stack of nine course names is meaningless as a
     tap target on a phone) and their four links stay visible. */
  .navbar.nav-open .nav-menu .dropdown-2 {
    width: 100%;
  }
  .navbar.nav-open .nav-menu .dropdown-2:hover {
    background: none;
  }
  .navbar.nav-open .nav-menu .dropdown-toggle-2 {
    pointer-events: none;
    display: block;
    padding: 12px 8px 2px;
  }
  .navbar.nav-open .nav-menu .dropdown-toggle-2 > div {
    display: none;
  }
  .navbar.nav-open .nav-menu .dropdown-toggle-2::before {
    content: "Medicina";
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c77400;
  }
  .navbar.nav-open .nav-menu .dropdown-2:has(.dropdown-list-4.ajuste) .dropdown-toggle-2::before {
    content: "Todos os cursos";
  }
  .navbar.nav-open .nav-menu .dropdown-list-4.w-dropdown-list {
    display: flex !important;
    position: static !important;
    flex-direction: column;
    background: transparent;
    box-shadow: none;
    min-width: 0;
    border-left: 2px solid #ffd9a8;
    border-radius: 0;
    margin: 2px 0 4px 8px;
    padding: 0 0 2px 6px;
  }

  /* CTA pinned to the bottom of the full-page menu: margin-top:auto pushes it
     down when the list is short, sticky keeps it in reach while scrolling. */
  .navbar.nav-open .nav-menu .div-block-166 {
    width: 100%;
    margin-top: auto;
    position: sticky;
    bottom: 0;
    padding: 14px 0 0;
    background: linear-gradient(to top, #fff 72%, rgba(255, 255, 255, 0));
  }
  .navbar.nav-open .nav-menu .buttonnavcta {
    width: 100%;
    justify-content: center;
    border-radius: 12px;
  }

  @keyframes famp-nav-sheet {
    from {
      opacity: 0;
      transform: translateY(-12px);
    }
  }
  @keyframes famp-nav-item {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }
  }
}

/* ------------------------------------------------------------------ *
 * Notícias cards (home and /noticias) read left-aligned on a phone while
 * every stacked section is centred — centre the badge, title and copy.
 * ------------------------------------------------------------------ */
@media screen and (max-width: 991px) {
  /* Centre text and badge only — align-items:center would collapse the
     stretched flex columns to the badge's width and shrink the photo with
     them (width:100% resolves against the collapsed parent). Each notícia
     becomes a real card (border + padding) so the stacked list doesn't read
     as loose, crooked elements; the copy gets a contained measure so the
     centred lines don't rag edge to edge. */
  .container-card-noticias {
    text-align: center;
    background: #fff;
    border: 1px solid #f3e6d0;
    border-radius: 18px;
    padding: 12px 12px 24px;
    grid-row-gap: 14px;
    row-gap: 14px;
    box-shadow: 0 10px 26px rgba(29, 27, 24, 0.05);
  }
  .header-card-noticias {
    grid-row-gap: 14px;
    row-gap: 14px;
  }
  .body-card-noticias {
    grid-row-gap: 10px;
    row-gap: 10px;
    padding: 0 8px;
  }
  .title-card-noticias {
    max-width: 24ch;
    margin: 0 auto;
  }
  .descricao-card-noticias {
    max-width: 36ch;
    margin: 0 auto;
  }
  .label-date {
    justify-content: center;
  }

  /* One 24px content gutter across the stacked home sections — Avisos sat at
     32px and the Links Institucionais cards at 30px, so consecutive blocks
     read as crooked margins. */
  .section-14 .div-block-104 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .section-9 {
    padding-left: 0;
    padding-right: 0;
  }
  .section-9 .div-block-59 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* ------------------------------------------------------------------ *
 * Avisos (home): the header column and the orange notice cards are flex
 * siblings with zero gap, so the first card sat flush against the
 * right-aligned "Acompanhe nossos avisos" link, reading as an overlap.
 * ------------------------------------------------------------------ */
@media screen and (min-width: 992px) {
  .section-14 .div-block-107 {
    grid-column-gap: 40px;
    column-gap: 40px;
  }
  .section-14 .div-block-109 {
    margin-top: 8px;
  }
}

/* Avisos (home): "Acompanhe nossos avisos" was right-aligned
   (justify-content:flex-end) inside its full-width wrapper, out of step
   with the "Avisos Importantes" heading and its paragraph above, both of
   which start at the left edge. */
.div-block-109 {
  justify-content: flex-start;
}

  
  
  
  
  
  
  
  
  
  
  
  
  

/* ------------------------------------------------------------------ *
 * Justified body copy reads fine in a wide desktop column, but in a
 * ~330px phone column it opens ugly rivers of whitespace between words.
 * Left-align it on phones. Selector list generated from every
 * "text-align: justify" rule in famp.css.
 * ------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
  .a-infraestrutura-da-famp-permite-de-maneira-excelente-o-andamento-do-processo-ensino-aprendizagem-cu,
  .a-lei-do-sinaes-prev-a-avaliao-dos-cursos-de-graduao-cujo-objetivo-identificar-as-condies-de-ensino,
  .cc-o-conceito-que-resulta-da-avaliao-realizada-in-loco-pelas-comisses-designadas-pelo-inep-ocorre-a-2,
  .com-a-alta-demanda-por-farmacuticos-no-brasil-a-taxa-de-empregabilidade-para-recm-formados-na-rea-u,
  .com-relao-insero-no-mercado-de-trabalho-os-egressos-da-famp-encontram-se-em-sua-maioria-inseridos-n,
  .entre-as-atividades-acadmicas-possveis-para-alm-do-ensino-regular-os-10-semestres-de-curso-a-famp-op,
  .estudar-direito-na-famp-a-escolha-ideal-para-quem-busca-excelncia-e-preparo-completo-para-o-mercado,
  .estudar-odontologia-na-famp-escolher-uma-formao-que-vai-muito-alm-da-sala-de-aula-aqui-o-aluno-pre,
  .implementada-em-2007-a-cpa-componente-essencial,
  .o-curso-de-biomedicina-da-famp-forma-o-profissional-biomdico-com-uma-formao-generalista-humanista-cr,
  .o-curso-de-direito-da-famp-prepara-voc-para-enfrentar-com-confiana-todos-os-desafios-do-mundo-jurdic,
  .o-departamento-de-pesquisa-da-famp-est-de-portas-abertas-para-acadmicos-e-docentes-que-desejam-se-ap,
  .o-funcionamento-da-cpa-na-famp-segue-as-instrues,
  .padr-o16-secundario,
  .text-111,
  .text-113,
  .text-125,
  .text-127,
  .text-132,
  .text-144,
  .text-173,
  .text-178,
  .text-181,
  .text-184,
  .text-185,
  .text-234,
  .text-238,
  .text-250,
  .text-277,
  .text-291,
  .text-293,
  .text-30,
  .text-308,
  .text-313,
  .text-319,
  .text-341,
  .text-343,
  .text-353,
  .text-363,
  .text-40.variant-24,
  .text-43,
  .text-52,
  .text-80,
  .text-block-12,
  .text-block-14,
  .text-block-17,
  .text-block-22,
  .text-block-25,
  .text-block-27,
  .text-block-29,
  .text-block-32,
  .text-block-33,
  .text-block-43,
  .text-block-45,
  .text-block-direito,
  .truncate-3 {
    text-align: left;
  }
}

/* ─────────────────────────────────────────────────────────────
   Navegação interna de seção (CPA e Espaço do Egresso)
   Pedida nos documentos "edições finais": botões no topo que
   levam aos títulos da própria página. Pílula vazada, para não
   competir com o CTA principal, que é sólido.
   ───────────────────────────────────────────────────────────── */
.famp-nav-secoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.famp-nav-secoes__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border: 1px solid var(--_brand---brand, #ff8700);
  border-radius: 9999px;
  color: var(--_brand---brand, #ff8700);
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}

.famp-nav-secoes__link:hover,
.famp-nav-secoes__link:focus-visible {
  background: var(--_brand---brand, #ff8700);
  color: #fff;
}

@media screen and (max-width: 767px) {
  .famp-nav-secoes { gap: 8px; }
  .famp-nav-secoes__link { padding: 8px 14px; font-size: 13px; }
}

/* rolagem suave sem parar embaixo do cabeçalho fixo */
html { scroll-behavior: smooth; }
[id^="cpa-"], [id^="egresso-"], [id^="tcc-"], [id^="extensao-"] { scroll-margin-top: 96px; }

/* No Webflow de origem, .div-block-117 nasce display:none e só vira flex
   abaixo de 991px, então os CTAs principais do Espaço do Egresso e do TCC
   sumiam no desktop. O documento dos Egressos pede justamente destaque
   para esses dois botões. */
.div-block-117 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Fotos dos orientadores do TCC. Só entram os que autorizaram a
   divulgação da imagem na planilha enviada pela Coordenação de TCC. */
.orientador-carla-oliveira-favretto {
  background-image: url("/images/orientadores/carla-oliveira-favretto.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-danilo-ferraz-nunes-da-silva {
  background-image: url("/images/orientadores/danilo-ferraz-nunes-da-silva.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-dayane-sousa-morais-borges {
  background-image: url("/images/orientadores/dayane-sousa-morais-borges.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-deborah-dias-oliveira {
  background-image: url("/images/orientadores/deborah-dias-oliveira.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-fernanda-fernandes-carvalho-oliveira {
  background-image: url("/images/orientadores/fernanda-fernandes-carvalho-oliveira.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-gabriela-porto-machado-babilonia {
  background-image: url("/images/orientadores/gabriela-porto-machado-babilonia.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-gabriela-rodrigues-sousa {
  background-image: url("/images/orientadores/gabriela-rodrigues-sousa.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-guilherme-weber {
  background-image: url("/images/orientadores/guilherme-weber.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-jonathan-primo-pereira-silva {
  background-image: url("/images/orientadores/jonathan-primo-pereira-silva.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-julio-cesar-arana-vargas {
  background-image: url("/images/orientadores/julio-cesar-arana-vargas.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-lucas-azevedo-nogueira-de-carvalho {
  background-image: url("/images/orientadores/lucas-azevedo-nogueira-de-carvalho.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-lunara-da-silva-freitas {
  background-image: url("/images/orientadores/lunara-da-silva-freitas.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-mauricio-ferreira-da-cruz-junior {
  background-image: url("/images/orientadores/mauricio-ferreira-da-cruz-junior.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-milena-figueiredo-de-sousa {
  background-image: url("/images/orientadores/milena-figueiredo-de-sousa.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-nadia-cristina-fecchio-nasser-horiuchi {
  background-image: url("/images/orientadores/nadia-cristina-fecchio-nasser-horiuchi.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-paulo-ricardo-teixeira-silva {
  background-image: url("/images/orientadores/paulo-ricardo-teixeira-silva.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-severino-correia-do-prado-neto {
  background-image: url("/images/orientadores/severino-correia-do-prado-neto.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-taynara-carrijo-moreira-barral {
  background-image: url("/images/orientadores/taynara-carrijo-moreira-barral.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-thyago-silva-martins {
  background-image: url("/images/orientadores/thyago-silva-martins.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}
.orientador-shara-freitas-de-sa {
  background-image: url("/images/orientadores/shara-freitas-de-sa.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
  flex: none;
}

/* Odontologia — Perfil do Egresso. O último quadro ("Comprometido com:")
   ocupa a largura inteira, mas os três itens ficavam empilhados na metade
   esquerda e sobrava o vão que a coordenação apontou no documento de 26/06.
   Agora ocupam a largura, alinhados com as três colunas do topo da seção. */
.odonto-lista-final {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px 48px;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .odonto-lista-final { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 640px) {
  .odonto-lista-final { grid-template-columns: 1fr; }
}

/* Biblioteca — bloco de proibições em ícones (pedido do vídeo v21 da direção).
   Substitui visualmente a lista corrida; o texto legal segue na página. */
.famp-proibicoes {
  margin: 20px 0;
  padding: 24px;
  background: #fff7ed;
  border: 1px solid #ffd6a7;
  border-radius: 12px;
}
.famp-proib-titulo {
  font-size: 20px;
  font-weight: 700;
  color: #1e1e1e;
  margin: 0 0 16px;
}
.famp-proib-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}
.famp-proib-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #ffd6a7;
  border-radius: 10px;
  padding: 16px 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.famp-proib-ico {
  position: relative;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  line-height: 1;
}
.famp-proib-ico svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.famp-proib-note {
  margin-top: 14px;
  font-size: 13.5px;
  color: #555;
}

/* TCC — barra de navegação das seções (pedido: 10 botões no topo; o de
   Galeria de fotos entra quando as fotos chegarem) */
.famp-nav-secoes--tcc {
  max-width: 1200px;
  margin: 26px auto 8px;
  padding: 0 24px;
}

/* TCC — frase de encerramento com a FAMPEMA e balão "Parabéns!" */
.famp-encerramento {
  max-width: 1200px;
  margin: 40px auto 56px;
  padding: 0 24px;
}
.famp-encerramento__inner {
  display: flex;
  align-items: center;
  gap: 32px;
  background: #fff7ed;
  border: 1px solid #ffd6a7;
  border-radius: 16px;
  padding: 36px 40px;
}
.famp-encerramento__mascote {
  width: 190px;
  height: auto;
  flex: none;
}
.famp-encerramento__frase {
  font-size: 28px;
  font-weight: 700;
  color: #1e1e1e;
  line-height: 1.2;
  margin-bottom: 16px;
}
.famp-encerramento__balao {
  position: relative;
  background: #fff;
  border: 1px solid #ffd6a7;
  border-radius: 14px;
  padding: 16px 20px;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
.famp-encerramento__balao::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 34px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-left: 1px solid #ffd6a7;
  border-bottom: 1px solid #ffd6a7;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .famp-encerramento__inner { flex-direction: column; text-align: center; gap: 20px; padding: 28px 20px; }
  .famp-encerramento__mascote { width: 150px; }
  .famp-encerramento__frase { font-size: 22px; }
  .famp-encerramento__balao::before { display: none; }
}

/* Medicina — destaque de diferenciais acadêmicos (pedido do documento da
   coordenação: metodologias ativas, OSCE e simulação realística) */
.famp-diferenciais {
  max-width: 1200px;
  margin: 8px auto 40px;
  padding: 0 24px;
}
.famp-diferenciais__titulo {
  font-size: 26px;
  font-weight: 700;
  color: #d45d0c;
  margin: 0 0 18px;
}
.famp-diferenciais__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.famp-diferenciais__card {
  background: #fff7ed;
  border: 1px solid #ffd6a7;
  border-radius: 14px;
  padding: 24px;
}
.famp-diferenciais__card h4 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  color: #1e1e1e;
}
.famp-diferenciais__card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #444;
}
@media screen and (max-width: 991px) {
  .famp-diferenciais__grid { grid-template-columns: 1fr; }
}

/* Farmácia — áreas de atuação ilustradas com fotos do curso
   (pedido do documento: "imagens nas áreas de atuação, como na Biomedicina") */
.famp-areas {
  max-width: 1200px;
  margin: 8px auto 40px;
  padding: 0 24px;
}
.famp-areas__titulo {
  font-size: 26px;
  font-weight: 700;
  color: #d45d0c;
  margin: 0 0 18px;
}
.famp-areas__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.famp-areas__card {
  background: #fff7ed;
  border: 1px solid #ffd6a7;
  border-radius: 14px;
  overflow: hidden;
}
.famp-areas__card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  display: block;
}
.famp-areas__card figcaption {
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 700;
  color: #1e1e1e;
}
@media screen and (max-width: 991px) {
  .famp-areas__grid { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 640px) {
  .famp-areas__grid { grid-template-columns: 1fr; }
}

/* ── CPA · card "Histórico": o bloco preto puxava toda a atenção da página
   (pedido da direção, vídeo v17: "põe laranja aqui, não preto").
   Base no laranja escuro da paleta (--_accent---orange-3) para o texto
   branco seguir legível (6:1); o brilho radial usa o laranja médio. */
.section-style-3 {
  background-color: #975001;
  background-image: radial-gradient(
    circle farthest-corner at 70% 50%,
    #975001,
    #dc6803 0%,
    #975001 38%,
    #6d3a01
  );
}
.section-style-3 .implementada-em-2007-a-cpa-componente-essencial {
  color: #fdebd7;
}

/* ── NAD · bordas dos cards em laranja, como no Financeiro
   (pedido da direção, vídeo v26: "as bordinhas aqui são laranja, lá no NAD
   são branquinhas — eu quero essas bordinhas laranjas"). */
.card-link-uteis,
.card-link-uteis-2 {
  border-color: #ff8700;
}

/* ── Financeiro · "Saiba mais" abre o texto do card
   Os 14 cards de bolsas/descontos já trazem o texto completo no HTML, cortado em
   3 linhas por -webkit-line-clamp; o link "Saiba mais" veio do Webflow com href="#"
   e sem a interação. Agora ele expande e recolhe o próprio card. */
.truncate-3.is-open {
  -webkit-line-clamp: unset;
  overflow: visible;
}

/* ── Documentos Institucionais
   Página criada para dar destino ao item de menu que estava vazio em 108 lugares.
   Reúne as normas e portarias que o site já publica, agrupadas por área. */
.famp-docs {
  /* o pai .div-block-19 é flex column com align-items:flex-start, então o filho
     encolhe para o conteúdo se não receber largura — mesmo caso do calendário. */
  min-width: 0;
  width: 100%;
  max-width: 1216px;
  margin: 0 auto;
  padding: 8px 32px 72px;
  display: flex;
  flex-direction: column;
  gap: 44px;
}
.famp-docs-grupo h2 {
  margin: 0 0 18px;
  font-size: 24px;
  font-weight: 700;
  color: #b45309;
}
.famp-docs-lista {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 14px;
}
.famp-doc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid #ff8700;
  border-radius: 12px;
  background: #fff;
  color: #46423e;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}
.famp-doc:hover {
  background: #fff7ed;
  transform: translateY(-1px);
}
.famp-doc:focus-visible {
  outline: 2px solid #ff8700;
  outline-offset: 2px;
}
.famp-doc__meta {
  flex: none;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff2e0;
  color: #b45309;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media screen and (max-width: 640px) {
  .famp-docs-lista { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════════════════
   Calendário Acadêmico — timeline vertical filtrável
   Redesign 2026: agenda densa (335 datas, metade são PERÍODOS que atravessam
   semanas) resolvida como linha do tempo. Painel de filtros vira uma toolbar
   flutuante (sticky, vidro fosco). O "público" — que pode ter 100+ caracteres —
   deixa de ser pílula e vira meta discreta com ícone; só o CURSO é chip.
   Paleta FAMP (laranja/creme); vermelho e verde só como cor semântica
   (recesso / acontecendo agora).
   ═══════════════════════════════════════════════════════════════════════ */
.cal {
  min-width: 0;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px 32px 96px;
  font-feature-settings: "cv05" 1, "ss01" 1;

  --cal-accent: #ff8700;
  --cal-accent-2: #f26a1b;
  --cal-accent-ink: #c2410c;
  --cal-accent-soft: #fff3e6;
  --cal-ink: #211d18;
  --cal-ink-2: #5f564b;
  --cal-muted: #9a8d7d;
  --cal-line: #ece2d3;
  --cal-line-2: #f4ede1;
  --cal-track: #f6efe4;
  --cal-rail: #e9ddca;
  --cal-surface: #ffffff;

  --cal-rest-ink: #b23a1e;
  --cal-rest-soft: #fdf1ea;
  --cal-rest-line: #f4d8ca;

  --cal-now-ink: #0e7a54;
  --cal-now-soft: #e9f7f0;
  --cal-now-line: #bfe6d4;
}

/* ── painel de controles — toolbar flutuante ─────────────────────────── */
.cal-painel {
  position: sticky;
  top: 14px;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 8px;
  padding: 14px;
  background: rgba(255, 253, 250, 0.82);
  backdrop-filter: blur(16px) saturate(1.5);
  -webkit-backdrop-filter: blur(16px) saturate(1.5);
  border: 1px solid var(--cal-line);
  border-radius: 22px;
  box-shadow:
    0 1px 1px rgba(60, 42, 20, 0.04),
    0 18px 40px -26px rgba(80, 55, 25, 0.35);
}

.cal-painel__barra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.cal-painel__navrow {
  display: flex;
  align-items: center;
  gap: 14px;
}
.cal-painel__dir {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

/* busca */
.cal-busca {
  position: relative;
  flex: 1 1 260px;
  min-width: 0;
}
.cal-busca__icone {
  position: absolute;
  top: 50%;
  left: 17px;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  fill: none;
  stroke: var(--cal-accent-ink);
  stroke-width: 1.9;
  stroke-linecap: round;
  pointer-events: none;
  transition: stroke 0.18s ease;
}
.cal-busca input {
  width: 100%;
  height: 48px;
  padding: 0 18px 0 46px;
  border: 1px solid var(--cal-line);
  border-radius: 999px;
  background: #fff;
  color: var(--cal-ink);
  font: inherit;
  font-size: 15px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.cal-busca input::placeholder { color: #b0a596; }
.cal-busca input:hover { border-color: #e2d3bd; }
.cal-busca input:focus-visible {
  outline: none;
  border-color: var(--cal-accent);
  box-shadow: 0 0 0 4px rgba(255, 135, 0, 0.14);
}
.cal-busca:focus-within .cal-busca__icone { stroke: var(--cal-accent); }

/* segmented — semestre */
.cal-toggle {
  display: inline-flex;
  padding: 4px;
  gap: 2px;
  border-radius: 999px;
  background: var(--cal-track);
  border: 1px solid var(--cal-line);
}
.cal-toggle button {
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: none;
  color: var(--cal-ink-2);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.cal-toggle button:hover { color: var(--cal-accent-ink); }
.cal-toggle button.is-on {
  background: #fff;
  color: var(--cal-accent-ink);
  box-shadow:
    0 1px 2px rgba(70, 45, 15, 0.12),
    0 2px 6px -2px rgba(255, 135, 0, 0.28);
}
.cal-toggle button:focus-visible { outline: 2px solid var(--cal-accent); outline-offset: 2px; }

/* select — curso */
.cal-select {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 48px;
  padding: 0 36px 0 18px;
  border: 1px solid var(--cal-line);
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.18s ease;
}
.cal-select:hover { border-color: #e2d3bd; }
.cal-select > span {
  color: var(--cal-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.cal-select select {
  appearance: none;
  -webkit-appearance: none;
  align-self: stretch;
  border: 0;
  background: none;
  color: var(--cal-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
}
.cal-select select:focus-visible { outline: none; }
.cal-select:focus-within {
  border-color: var(--cal-accent);
  box-shadow: 0 0 0 4px rgba(255, 135, 0, 0.14);
}
.cal-select__chev {
  position: absolute;
  right: 16px;
  width: 12px;
  height: 8px;
  fill: none;
  stroke: var(--cal-accent-ink);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

/* checkbox — feriados */
.cal-check {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 48px;
  padding: 0 16px;
  border-radius: 999px;
  color: var(--cal-ink-2);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease;
}
.cal-check:hover { color: var(--cal-accent-ink); background: var(--cal-accent-soft); }
.cal-check input {
  width: 18px;
  height: 18px;
  accent-color: var(--cal-accent);
  cursor: pointer;
}

/* navegação de meses — faixa horizontal rolável */
.cal-painel__navrow { min-width: 0; }
.cal-meses {
  display: flex;
  gap: 7px;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 2px 2px 4px;
  scroll-snap-type: x proximity;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 24px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 24px), transparent 100%);
}
.cal-meses::-webkit-scrollbar { display: none; }
.cal-mes-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  scroll-snap-align: start;
  padding: 8px 8px 8px 15px;
  border: 1px solid var(--cal-line);
  border-radius: 999px;
  background: #fff;
  color: var(--cal-ink-2);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.cal-mes-link:hover {
  border-color: var(--cal-accent);
  color: var(--cal-accent-ink);
  transform: translateY(-1px);
}
.cal-mes-link__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--cal-track);
  color: var(--cal-muted);
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  transition: background 0.18s ease, color 0.18s ease;
}
.cal-mes-link.is-atual {
  border-color: transparent;
  background: linear-gradient(135deg, var(--cal-accent), var(--cal-accent-2));
  color: #fff;
  box-shadow: 0 4px 12px -4px rgba(242, 106, 27, 0.5);
}
.cal-mes-link.is-atual .cal-mes-link__n {
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
}
.cal-mes-link:focus-visible { outline: 2px solid var(--cal-accent); outline-offset: 2px; }

.cal-contador {
  flex: 0 0 auto;
  margin: 0;
  color: var(--cal-muted);
  font-size: 13px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.cal-contador b { color: var(--cal-accent-ink); font-weight: 800; }

/* ── mês ─────────────────────────────────────────────────────────────── */
.cal-mes { padding-top: 40px; scroll-margin-top: 168px; }
.cal-mes:first-child { padding-top: 24px; }
.cal-mes__cabeca {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--cal-line);
}
.cal-mes__titulo {
  display: flex;
  align-items: baseline;
  gap: 11px;
  margin: 0;
}
.cal-mes__nome {
  font-size: 27px;
  font-weight: 800;
  line-height: 1;
  color: var(--cal-ink);
  letter-spacing: -0.025em;
}
.cal-mes__ano {
  color: var(--cal-muted);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.cal-mes__conta {
  color: var(--cal-muted);
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ── timeline ────────────────────────────────────────────────────────── */
.cal-lista {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* trilho vertical: fica no vão entre a coluna de data e o corpo */
.cal-lista::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 87px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(var(--cal-rail), var(--cal-rail) 92%, transparent);
}

/* [hidden] precisa vencer o display explícito dos elementos filtrados */
.cal [hidden] { display: none !important; }

/* ── item da agenda ──────────────────────────────────────────────────── */
.cal-item {
  display: grid;
  grid-template-columns: 74px 1fr;
  column-gap: 34px;
  align-items: start;
  position: relative;
  padding: 15px 14px 15px 0;
  border-radius: 14px;
  transition: background 0.16s ease;
}
/* nó da timeline */
.cal-item::before {
  content: "";
  position: absolute;
  left: 88px;
  top: 23px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--cal-rail);
  transform: translateX(-50%);
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
  z-index: 1;
}
.cal-item:not(.cal-item--folga):not(.cal-item--agora):hover { background: #fffaf2; }
.cal-item:hover::before {
  border-color: var(--cal-accent);
  background: var(--cal-accent);
  box-shadow: 0 0 0 4px rgba(255, 135, 0, 0.14);
}

/* trilho de data */
.cal-data {
  display: flex;
  justify-content: flex-end;
  padding-top: 1px;
  font-variant-numeric: tabular-nums;
}
.cal-data__d {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
}
.cal-data__d b {
  font-size: 27px;
  font-weight: 800;
  line-height: 1;
  color: var(--cal-ink);
  letter-spacing: -0.03em;
}
.cal-data__d i {
  margin-top: 4px;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  color: var(--cal-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
/* período: duas pontas empilhadas, ligadas por um traço vertical */
.cal-data__r {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.cal-data__r .cal-data__d b { font-size: 20px; }
.cal-data__r .cal-data__d i { margin-top: 2px; font-size: 10px; }
.cal-data__sep {
  width: 2px;
  height: 12px;
  margin-right: 8px;
  border-radius: 2px;
  background: var(--cal-accent);
  opacity: 0.5;
}
.cal-data__free {
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--cal-ink-2);
  text-align: right;
}

.cal-corpo { min-width: 0; padding-top: 2px; }
.cal-desc {
  margin: 0;
  color: var(--cal-ink);
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.005em;
}

/* meta: curso (chip) + público (linha com ícone) */
.cal-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-top: 10px;
}
.cal-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.cal-chip--curso {
  background: var(--cal-accent-soft);
  color: var(--cal-accent-ink);
  box-shadow: inset 0 0 0 1px rgba(255, 135, 0, 0.18);
}
.cal-publico {
  display: inline-flex;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
  color: var(--cal-ink-2);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.4;
}
.cal-publico__ic {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  stroke: var(--cal-muted);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* feriado e recesso: cor semântica, item enxuto */
.cal-item--folga { background: var(--cal-rest-soft); }
.cal-item--folga:hover { background: #fceadf; }
.cal-item--folga::before {
  border-color: var(--cal-rest-ink);
  background: var(--cal-rest-soft);
}
.cal-item--folga:hover::before {
  background: var(--cal-rest-ink);
  box-shadow: 0 0 0 4px rgba(178, 58, 30, 0.14);
}
.cal-item--folga .cal-desc {
  color: var(--cal-rest-ink);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.04em;
}
.cal-item--folga .cal-data__d b,
.cal-item--folga .cal-data__d i { color: var(--cal-rest-ink); }
.cal-item--folga .cal-data__sep { background: var(--cal-rest-ink); }

/* acontecendo agora — calculado no navegador contra a data real */
.cal-item--agora {
  background: var(--cal-now-soft);
  box-shadow: inset 3px 0 0 var(--cal-now-ink);
}
.cal-item--agora:hover { background: #dff2e9; }
.cal-item--agora::before {
  border-color: var(--cal-now-ink);
  background: var(--cal-now-ink);
  box-shadow: 0 0 0 0 rgba(14, 122, 84, 0.4);
  animation: cal-pulse 2.2s ease-out infinite;
}
.cal-item--agora .cal-data__d b,
.cal-item--agora .cal-data__d i { color: var(--cal-now-ink); }
.cal-item--agora .cal-data__sep { background: var(--cal-now-ink); }
@keyframes cal-pulse {
  0% { box-shadow: 0 0 0 0 rgba(14, 122, 84, 0.4); }
  70% { box-shadow: 0 0 0 8px rgba(14, 122, 84, 0); }
  100% { box-shadow: 0 0 0 0 rgba(14, 122, 84, 0); }
}
.cal-agora {
  position: absolute;
  top: 15px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px 4px 10px;
  border-radius: 999px;
  background: var(--cal-now-ink);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.cal-agora::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}

/* estados vazios */
.cal-vazio,
.cal-sem-nada {
  margin: 8px 0 0;
  padding: 26px;
  border: 1px dashed var(--cal-line);
  border-radius: 16px;
  color: var(--cal-muted);
  font-size: 14px;
  text-align: center;
}
.cal-sem-nada { margin-top: 40px; }

/* o widget do VLibras é fixed no topo direito da viewport; enquanto a toolbar
   flutua (≥641px) reservamos a faixa dele para nenhum controle ficar por baixo. */
@media screen and (min-width: 641px) {
  .cal-painel__barra { padding-right: 92px; }
}

/* ── responsivo ──────────────────────────────────────────────────────── */
@media screen and (max-width: 991px) {
  .cal { padding: 8px 20px 72px; }
  .cal-mes { scroll-margin-top: 24px; }
}

@media screen and (max-width: 640px) {
  .cal { padding: 4px 15px 60px; }

  /* no celular a toolbar deixa de flutuar (ocuparia altura demais) */
  .cal-painel {
    position: static;
    padding: 0;
    gap: 12px;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .cal-painel__barra { gap: 8px; }
  .cal-busca { flex: 1 1 100%; }
  .cal-toggle { flex: 1 1 100%; justify-content: space-between; }
  .cal-toggle button { flex: 1; padding: 10px 4px; }
  .cal-select { flex: 1 1 100%; justify-content: space-between; }
  .cal-painel__navrow { flex-direction: column; align-items: stretch; gap: 10px; }
  .cal-meses {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 22px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 22px), transparent 100%);
  }
  .cal-painel__dir { justify-content: space-between; padding: 0 2px; }
  .cal-check { padding: 8px 0; }

  /* item: a data vira uma linha-etiqueta acima do texto; sem trilho */
  .cal-lista::before { display: none; }
  .cal-item {
    grid-template-columns: 1fr;
    row-gap: 9px;
    padding: 16px 14px;
    border-radius: 16px;
    border: 1px solid var(--cal-line-2);
    margin-bottom: 10px;
  }
  .cal-item::before { display: none; }
  .cal-item:not(.cal-item--folga):not(.cal-item--agora) { background: #fff; }
  .cal-data { justify-content: flex-start; }
  .cal-data__d {
    flex-direction: row;
    align-items: baseline;
    gap: 7px;
  }
  .cal-data__d b { font-size: 22px; }
  .cal-data__d i { margin-top: 0; }
  .cal-data__r {
    flex-direction: row;
    align-items: baseline;
    gap: 9px;
  }
  .cal-data__r .cal-data__d b { font-size: 18px; }
  .cal-data__sep {
    width: 13px;
    height: 2px;
    margin: 0;
    align-self: center;
  }
  .cal-agora { position: static; margin-top: 4px; width: fit-content; }
  .cal-item--agora { box-shadow: inset 3px 0 0 var(--cal-now-ink); }
  .cal-mes__nome { font-size: 23px; }
}

@media (prefers-reduced-motion: reduce) {
  .cal *,
  .cal *::before { transition: none !important; animation: none !important; }
}

/* Course pages (/direito, /nutricao, /psicologia, /biomedicina): the
   "Estrutura Curricular" accordion lists subject + hours as two stacked
   lines per row (.row-2.variant-22 is authored flex-flow:column). Turn it
   into an actual table — name and hours side by side, orange cell borders —
   scoped to ".curriculo-tabela" (a marker class added only to this
   accordion's wrapper) so the shared .faq-answer/.row-2/.text-39/.text-40
   classes used by unrelated FAQ sections elsewhere are untouched. */
.curriculo-tabela .faq-answer {
  grid-row-gap: 0;
  padding: 0;
  border: 1px solid #ff8700;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

.curriculo-tabela .row-2.variant-22 {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  margin: 0;
  border-top: 1px solid #ff8700;
}

.curriculo-tabela .text-39.variant-23 {
  width: 65%;
  margin-bottom: 0;
  padding: 14px 16px;
  border-right: 1px solid #ff8700;
  display: flex;
  align-items: center;
}

.curriculo-tabela .text-40.variant-24 {
  width: 35%;
  text-align: right;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* /enfermagem: "Perfil do Enfermeiro" checklist was authored as 3 rows of
   items (.frame-172 x2 + a last row of 2) — a flex row's height is set by
   its tallest cell, so whichever column had the shortest text in that row
   ended up with a big gap before its next line, while a column that
   nearly matched the tallest cell got a small one (confirmed by the
   client with an annotated screenshot: the vertical gap size visibly
   swapped between columns row to row). Regrouped the HTML in
   enfermagem.html into 3 independent vertical columns
   (.perfil-enfermeiro-columns > .perfil-enfermeiro-col x3) so each
   column's own items stack with their own consistent gap (from the
   items' unchanged 8px top/bottom padding, i.e. the same 16px rhythm
   used everywhere else) regardless of what the neighboring columns are
   doing — no shared row height forcing them out of sync. */
.perfil-enfermeiro-columns {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.perfil-enfermeiro-col {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

/* /farmacia: the CTA buttons (unique .div-block-176) were authored at
   width:50%, sized for the old broken markup where this block had escaped
   into a full-width stray wrapper further down the page (see the HTML fix
   that put it back inside .atributes-plus-buttons, in the ~576px text
   column). At 50% of that column the two fixed 326px-wide buttons had to
   shrink so hard "Quero me inscrever" wrapped across 3 lines. width:100%
   matches the equivalent working button row elsewhere (.div-block-45). */
.div-block-176 {
  width: 100%;
}

/* Course photo galleries (biomedicina, direito, farmacia, fisioterapia,
   nutricao, odontologia x2, psicologia — enfermagem has no gallery): every
   slider is a fixed 600px-tall box (.slider-3/4/6/7/8/10) with object-fit:cover
   photos, but the actual source photos are portrait (~801x1068). Cover
   scales a portrait image up until it fills the wide box, so ~60% of every
   photo — usually people's bodies — gets cropped off. object-fit:contain
   shows the whole photo instead, without touching the 600px box (no section
   growth); object-position:50% 50% centers it. contain leaves letterboxing
   on the sides, so a neutral background is added to the rest so the gap
   reads as intentional rather than a layout bug. !important is needed for
   odontologia's two galleries, which set object-fit:cover via inline
   style="" instead of a class.
   Client originally asked for brand-orange here; later asked for it toned
   down to a barely-there light gray instead — present enough to read as a
   box, not attention-grabbing. .slider-4's own orange background is
   authored directly on the class in famp.css, so it's overridden here too
   rather than edited at the source. */
.slider-3 img,
.slider-4 img,
.slider-6 img,
.slider-7 img,
.slider-8 img,
.slider-10 img {
  object-fit: contain !important;
  object-position: 50% 50% !important;
}

/* /direito: "Confira algumas fotos" gallery (.slider-7) has 3 slides
   (.image-123/-124/-125) carrying leftover position:relative + bottom
   offsets from before .slider-7 img was switched to object-fit:contain
   above — with contain already centering the photo via object-position,
   these old manual offsets just push it out of the 600px box instead.
   .image-125's bottom:500px shoves almost the whole photo out of view,
   which read as "a photo that won't load". Zero them out now that
   centering is handled above. */
.image-123,
.image-124,
.image-125 {
  bottom: 0;
}

/* /direito: the two portrait gallery photos kept their intrinsic auto
   height, so the wide slider mask showed only the upper strip and clipped
   the people below. Size both to the slide before applying contain so the
   complete group stays centered and all faces remain visible. */
.slider-7 .image-124,
.slider-7 .image-125 {
  width: 100%;
  height: 100%;
  position: static;
}

.slider-3,
.slider-4,
.slider-6,
.slider-7,
.slider-8,
.slider-10 {
  background-color: #f4f2f1;
}

/* /odontologia: this box's ("Conheça nosso dia a dia") letterbox background
   used to be forced white per an earlier client request, but now that
   "Nossos Diferenciais"'s gallery got merged into this carousel and left a
   gray "Nossa Estrutura" placeholder box right above it, client wants the
   two to match — removing the white override lets the sitewide gray
   (.slider-3 above) apply here too. */

/* Every course gallery's arrow buttons (.w-slider-arrow-left/right) are
   real, working Webflow slider controls — the dots nav next to them
   initializes fine — but the arrow glyphs themselves
   (.w-icon-slider-left/right) render invisible: their ::before content
   expects Webflow's own icon font, which isn't loaded in this ported site
   (no @font-face for it), so the 40px click zone shows nothing. Drawing a
   plain CSS chevron on the same ::before and giving it a dark circular
   backdrop makes the existing, already-functional arrows visible without
   touching any slider behavior. Requested on /odontologia but fixed
   site-wide since every gallery has the exact same broken icon font. */
.w-icon-slider-left,
.w-icon-slider-right {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-icon-slider-left::before,
.w-icon-slider-right::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid #fff;
  border-width: 2px 2px 0 0;
}

.w-icon-slider-left::before {
  transform: rotate(-135deg) translate(1px, -1px);
}

.w-icon-slider-right::before {
  transform: rotate(45deg) translate(-1px, -1px);
}

/* /extensao: "Bolsas de Extensão" (.frame-427320890, 4 cards) and
   "Documentos" (.frame-427320891, 8 cards) are authored as flex-wrap rows
   of width:100%/max-width:280px cards, which — at this column's actual
   rendered width — only fits 3 per row (leaving Bolsas' 4th card stranded
   alone on its own row). Switching to a 4-column grid above the site's
   tablet breakpoint (991px, see the existing max-width:991px overrides for
   these same classes) fits Bolsas on one clean row and Documentos into two
   even rows of four. Left untouched below 992px so the existing
   flex-wrap/258px mobile layout keeps working. */
@media (min-width: 992px) {
  .frame-427320890,
  .frame-427320891 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .card-link-uteis-22,
  .card-link-uteis-23,
  .card-link-uteis-24 {
    width: 100%;
    max-width: none;
  }

  /* /extensao: "Linhas Temáticas" is a single-column stack of 20 items
     (.frame-427320885, icon + text-319) inside a reused ".frame-427320554"
     class — reused because the card that HOLDS the list (.frame-427320884)
     also has a plain ".frame-427320554" wrapper further up, so the child
     combinator scopes this to only the inner list. Two columns roughly
     halves the card's height, per the client's request. Scoped to desktop
     (matches the 991px breakpoint the rest of this card's mobile overrides
     already use) since several lines are long sentences that would wrap
     awkwardly at half width on a phone.
     This used to be a CSS grid (grid-auto-flow:column, 10 auto rows) so
     items 1-10 filled column 1 and 11-20 filled column 2 — but a CSS grid's
     row height is shared across both columns at that row position, so any
     row where EITHER column had a 2-line item forced the OTHER column's
     1-line item into the same tall row too, leaving an orphaned gap under
     the shorter item (client-flagged as "uneven spacing depending on which
     column"). The two columns are otherwise fully independent lists, so
     .frame-427320885 items are now split at the markup level into two
     .linha-tematica-col wrappers (10 items each) instead of relying on grid
     placement — each column is its own flex stack that sizes purely from
     its own content, with no cross-column row coupling left to break. */
  .frame-427320884 > .frame-427320554 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 32px;
  }

  .linha-tematica-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
  }
}

/* /extensao: new "Programas de Extensão FAMP" accordion (content requested
   in the client's spreadsheet, ported from the old site's
   /programas-de-extensao page). Reuses .faq-question/.faq-answer for a
   matching look, but is built on native <details>/<summary> instead of
   Webflow's .faq-item1 + arrow-according Lottie icon: those rely on
   Webflow's IX2 interactions JSON (fetched at runtime from Webflow's own
   hosted project by data-w-id), which only knows about the original site's
   elements — new ones we add have no matching entry, so click-to-expand
   wouldn't do anything. <details> gets a real, dependency-free
   expand/collapse for free.
   Deliberately NOT reusing .faq-item1 on the <details> itself: it sets
   display:inline-flex, and putting flex directly on a <details> element
   fights the browser's own open/closed content toggle (the answer stayed
   at 0 height even with the [open] attribute set, verified in a headless
   screenshot). .programa-extensao-item recreates its look with a plain
   block box instead, which <details> handles correctly. */
.programa-extensao-item {
  width: 100%;
  border-radius: 12px;
  padding: 4px;
  overflow: hidden;
  display: block;
}

.programa-extensao-summary {
  cursor: pointer;
  list-style: none;
}

.programa-extensao-summary::-webkit-details-marker {
  display: none;
}

.programa-extensao-summary::marker {
  content: "";
}

.programa-extensao-chevron {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--_brand---brand);
  position: relative;
}

.programa-extensao-chevron::before,
.programa-extensao-chevron::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border-radius: 1px;
  transition: transform 0.2s ease;
}

.programa-extensao-chevron::before {
  width: 14px;
  height: 2px;
  transform: translate(-50%, -50%);
}

.programa-extensao-chevron::after {
  width: 2px;
  height: 14px;
  transform: translate(-50%, -50%);
}

.programa-extensao-item[open] .programa-extensao-chevron::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

/* /farmacia: .div-block-139 (unique to this page — the equivalent wrapper
   on other course pages is .textos) was missing flex-flow:column and
   width:100%. Left at its default row flow, it laid its two children
   (.div-text, the description, and .atributes-plus-buttons) out
   side by side instead of stacked — reading as a 3rd column between the
   text and the image, and forcing the image to shrink well below its
   normal size to make room. .textos has both properties; matching them
   here stacks the text above the attributes/buttons in one left column
   and lets the image (sibling of this whole block, in
   .conteudo-title-page1) size normally as the other, single right
   column. */
.div-block-139 {
  flex-flow: column;
  width: 100%;
}

/* Site-wide: the active/current page link in the nav dropdowns was
   Webflow's default blue (#0082f3), which never matched this site's
   orange/brown palette anywhere else. Using the brand's existing
   heading-brown (--_brand---brand-hover, #bf6501 — already used for every
   section title like "Coordenação") plus bold reads as "selected" without
   introducing a color that's foreign to the rest of the design. */
.w-dropdown-link.w--current,
.w-nav-link.w--current {
  color: var(--_brand---brand-hover);
  font-weight: 700;
}

/* /ligas-academicas: each league's card (.frame-280) originally only had
   its border applied to the photo (.image-32, a class shared sitewide —
   e.g. the header logo — hence the ">" child combinator to scope it to
   just this usage). Client asked for the border to wrap the whole card —
   photo and text together as a single bordered unit — instead of just
   the photo. Moving the border to .frame-280 itself and rounding all four
   corners to match (the card was previously only rounded on the right,
   since the photo used to bleed square into the left edge) does that. */
.frame-280 {
  border: 2px solid var(--_brand---brand);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* /cpa: "Histórico" card (.section-style-3, unique to this page) was
   originally black, then changed to this dark orange gradient per an
   earlier round (see the "v17" override above) — the client now wants it
   to match its sibling "Legislação" card (.section-style-4), a plain
   white card. Colors copied from Legislação's heading/paragraph
   (.text-208 / .o-funcionamento-da-cpa-...) since the light text from the
   dark-background era would be unreadable on white.
   The paragraph override needs the same .section-style-3 ancestor
   qualifier as the "v17" rule above (.section-style-3 .implementada-...)
   — a bare .implementada-... selector has lower specificity and loses to
   it regardless of source order. */
.section-style-3 {
  background-color: #fff;
  background-image: none;
  border: 0.909091px solid #f3f4f6;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.text-207 {
  color: #101828;
}

.section-style-3 .implementada-em-2007-a-cpa-componente-essencial {
  color: #4a5565;
}

/* /noite-cultural: the decorative circle behind "Categorias do concurso:"
   (.ellipse-39, unique to this page) was positioned with a fixed
   left:495px — sized for a much wider section elsewhere, not this
   ~670px-wide card. Its parent (.row-90) is only a ~78px-tall title strip
   (position:relative/overflow:hidden), while the source SVG is a fixed
   683x683 circle — even after anchoring it from the right edge instead of a
   fixed left offset, an unscaled 683px circle sliced by a 78px-tall box
   still reads as a hard, cropped-looking band rather than a soft corner
   accent (client flagged this again after the first pass). Explicitly
   sizing it down to something proportional to the strip it decorates fixes
   the actual look, not just the positioning. */
.ellipse-39 {
  width: 220px;
  height: 220px;
  left: auto;
  right: -50px;
  top: -70px;
}

/* /noite-cultural: .frame-427320930 wraps "Categorias do concurso:" and
   "Como participar:" as flex children that are each width:100%, so with
   flex-wrap they stack onto separate lines — but the Webflow-authored gap
   only ever set column-gap (for side-by-side items on the same line), never
   row-gap, so the two stacked cards butt directly against each other with
   no breathing room. Adding row-gap gives the same 32px the cards already
   use for column-gap. */
.frame-427320930 {
  row-gap: 32px;
}

/* /noite-cultural: "Como participar:" (.card-link-uteis-30, unique to this
   page) is authored at a fixed height:338px with overflow:hidden — same
   family of bug as .card-link-uteis-4/26 elsewhere in this file. Its actual
   content (title + 3 short paragraphs + button) is shorter than 338px, so
   the box shows a big dead gap below the "Inscreva-se aqui" button. height:
   auto lets it match its content like the equivalent boxes on other pages. */
.card-link-uteis-30 {
  height: auto;
}

/* /famprepara: "Inscrições e Matrículas" (.card-link-uteis-25, unique to
   this page) has the exact same fixed-height/overflow:hidden bug as
   .card-link-uteis-30 above — authored at height:510px, but its actual
   text is shorter, leaving a big dead gap before the box's bottom border. */
.card-link-uteis-25 {
  height: auto;
}

/* /famprepara: .frame-427320492 wraps "Inscrições e Matrículas" and
   "Documentos necessários para matrícula" (.card-link-uteis-25/26) as
   width:100% flex children that wrap onto separate lines, same as
   .frame-427320930 on /noite-cultural above — only column-gap was ever set,
   so the two stacked boxes touch with no vertical breathing room. */
.frame-427320492 {
  row-gap: 48px;
}

/* /famprepara: "Documentos necessários para matrícula" (.card-link-uteis-26,
   unique to this page) was authored at a fixed max-width:377px and
   height:510px, so on a page where every other card spans the full
   content width it renders as a small, oddly-tall orange island floating
   off-center — client flagged this as "visual ruim" and left the new
   layout up to us. Matching the surrounding cards' full width and letting
   height follow content (it only has 5 short checklist lines + a button,
   nowhere near 510px of content) fixes the actual proportions without
   otherwise changing the design. */
.card-link-uteis-26 {
  width: 100%;
  max-width: none;
  height: auto;
}

/* /odontologia: "Vem ser Odonto FAMP!" (.card-link-uteis-4, unique to this
   page) is authored at max-width:450px inside a full-width flex row, so it
   sits as a narrow orange island on the left with a big empty gap beside it
   — client flagged this the same way as /famprepara's .card-link-uteis-26
   (see below) and the fix is the same: drop the max-width and let it fill
   the row. */
.card-link-uteis-4 {
  max-width: none;
}

/* Reusable native <details>/<summary> checklist accordion — same reasoning
   as .programa-extensao-item (see /extensao above): built on native
   <details> instead of Webflow's div+Lottie-arrow pattern because that
   depends on IX2 interactions pre-registered by w-id, which brand-new
   markup doesn't have. Used for /farmacia's "Como futuro farmacêutico...
   você estará apto a:" checklist and /direito's checklist under "Perfil
   do egresso", both converted from always-open lists to collapsed
   accordions per client request. Unlike .programa-extensao-item (small
   faq-question-style rows), these wrap large section titles (text-82 /
   similar), so the summary is unstyled flex instead of reusing
   .faq-question's small cream box. */
.checklist-accordion {
  width: 100%;
  display: block;
}

.checklist-accordion__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  list-style: none;
  cursor: pointer;
}

.checklist-accordion__summary::-webkit-details-marker {
  display: none;
}

.checklist-accordion__summary::marker {
  content: "";
}

.checklist-accordion .programa-extensao-chevron {
  flex: none;
}

.checklist-accordion[open] .checklist-accordion__summary {
  margin-bottom: 24px;
}

/* /biblioteca: "Regras de Funcionamento" e "Instalações" seguem o mesmo
   padrão de accordion nativo e caixas creme usado nos cursos. */
.biblioteca-dropdowns {
  width: 100%;
  display: grid;
  gap: 16px;
}

.biblioteca-dropdown {
  background-color: #fff1e3;
  border-radius: 16px;
  padding: 4px;
}

.biblioteca-dropdown__summary {
  min-height: 68px;
  background-color: #fffaeb;
  border-radius: 12px;
  padding: 12px 16px;
}

.biblioteca-dropdown__summary .text-231 {
  color: #bf6501;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.biblioteca-dropdown[open] .biblioteca-dropdown__summary {
  margin-bottom: 0;
}

.biblioteca-dropdown__content {
  padding: 20px 16px 16px;
}

.biblioteca-dropdown__content > .text-block-27 {
  margin: 0;
}

.biblioteca-dropdown__content > .famp-proibicoes {
  margin-top: 24px;
}

@media screen and (max-width: 767px) {
  .biblioteca-dropdown__summary .text-231 {
    font-size: 24px;
    line-height: 32px;
  }

  .biblioteca-dropdown__content {
    padding: 16px 12px 12px;
  }
}

/* /direito: galeria da estrutura do Núcleo de Práticas Jurídicas. O viewport
   usa scroll-snap nativo para também funcionar por gesto no celular. */
.npj-estrutura-carousel {
  width: 100%;
  margin-top: 32px;
}

.npj-carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.npj-carousel-header .text-88 {
  margin: 0;
}

.npj-carousel-controls {
  display: flex;
  gap: 10px;
  flex: none;
}

.npj-carousel-button {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: var(--_brand---brand);
  color: #fff;
  font: 400 32px/1 Inter, sans-serif;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.npj-carousel-button:hover {
  transform: scale(1.04);
}

.npj-carousel-button:disabled {
  opacity: 0.35;
  cursor: default;
  transform: none;
}

.npj-carousel-viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 20px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.npj-carousel-viewport::-webkit-scrollbar {
  display: none;
}

.npj-carousel-track {
  display: flex;
}

.npj-carousel-slide {
  flex: 0 0 100%;
  width: 100%;
  margin: 0;
  scroll-snap-align: start;
}

.npj-carousel-slide img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 20px;
}

.npj-carousel-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}

.npj-carousel-dots button {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  position: relative;
}

.npj-carousel-dots button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d9d9d9;
  transform: translate(-50%, -50%);
}

.npj-carousel-dots button.is-active::after {
  background: var(--_brand---brand);
}

@media screen and (max-width: 767px) {
  .npj-estrutura-carousel {
    margin-top: 24px;
  }

  .npj-carousel-header {
    align-items: flex-start;
    margin-bottom: 16px;
  }

  .npj-carousel-header .text-88 {
    font-size: 24px;
    line-height: 32px;
  }

  .npj-carousel-button {
    width: 38px;
    height: 38px;
    font-size: 28px;
  }

  .npj-carousel-viewport,
  .npj-carousel-slide img {
    border-radius: 14px;
  }
}

/* /odontologia: the profile cards now live inside the native accordion.
   Restore the 16px row gap they previously inherited from .row-13. */
.section-perfil-do-egresso .checklist-accordion > .div-block-189,
.section-perfil-do-egresso .checklist-accordion > .div-block-190 {
  margin-top: 16px;
}

/* /famp-no-mec: tighten the text rhythm inside the course indicator cards
   and vertically center each course icon beside its content. */
.frame-427320768 .card-membros-4,
.frame-427320768 .card-membros-5 {
  align-items: center;
}

.frame-427320768 .card-membros-4 .frame-427320770,
.frame-427320768 .card-membros-5 .frame-427320770 {
  row-gap: 8px;
}

.frame-427320768 .card-membros-4 .text-187,
.frame-427320768 .card-membros-4 .text-188,
.frame-427320768 .card-membros-4 .text-189,
.frame-427320768 .card-membros-5 .text-187,
.frame-427320768 .card-membros-5 .text-188,
.frame-427320768 .card-membros-5 .text-189 {
  margin-bottom: 0;
}

/* /enfermagem: replaces the old "Estrutura Curricular" card, which only had
   a broken "Baixar" download button (href="#") and no real content. Client
   supplied the full 10-semester subject/hour breakdown, so it's rendered as
   one .checklist-accordion per semester (same reusable native
   <details>/<summary> pattern as above) each containing a real table of
   disciplines instead of a PDF download link. */
.curriculo-lista {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.curriculo-semestre {
  background-color: #fff;
  border: 1px solid #e9e7e5;
  border-radius: 12px;
  padding: 20px 24px;
}

.curriculo-semestre .checklist-accordion__summary {
  margin-bottom: 0;
}

.curriculo-semestre[open] .checklist-accordion__summary {
  margin-bottom: 16px;
}

.curriculo-semestre .text-68 {
  margin-bottom: 0;
}

.curriculo-tabela {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.curriculo-linha {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #e9e7e5;
  font-family: Inter, sans-serif;
  font-size: 14px;
  color: #5c5650;
}

.curriculo-disciplina {
  flex: 1;
}

.curriculo-horas {
  flex: none;
  white-space: nowrap;
  font-weight: 600;
  color: var(--_brand---brand);
}

.curriculo-linha-total {
  border-bottom: none;
  padding-top: 14px;
  font-weight: 700;
  color: #1d1b18;
}

.curriculo-linha-total .curriculo-horas {
  color: #bf6501;
}

/* /direito: "Mercado de Trabalho" lists each career category
   (Concursos Públicos, Advocacia Privada, Docência e Pesquisa, Outras
   Áreas e Expansão) as a plain .mercado-de-trabalho title with no icon.
   Client wants an icon per listed profession/category; wrapping the
   title in this flex row (icon + the unchanged title div) rather than
   modifying .mercado-de-trabalho itself, which is reused for the
   section's own "Mercado de Trabalho:" heading that isn't a category
   and shouldn't get an icon. */
.mercado-titulo-icon-wrap {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.mercado-de-trabalho-icon {
  flex: none;
  margin-top: 3px;
}

/* /direito: FAMP-0038 — client asked for an icon per individual profession
   listed under each "Mercado de Trabalho" category, not just per category
   (Concursos Públicos alone lists 7: Magistratura, Ministério Público,
   etc.). Those were plain "- Nome: descrição" text separated by <br/><br/>
   inside one paragraph, so there was nowhere to anchor a per-item icon —
   split each into its own row. No icon package was specified, so this
   reuses the exact same checkmark glyph already used one level up for the
   category headers (.mercado-de-trabalho-icon above), just smaller, to
   stay visually consistent rather than introduce a new icon style. */
.mercado-profissoes-lista {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.mercado-profissao-linha {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.mercado-profissao-icon {
  flex: none;
  margin-top: 4px;
}

.mercado-profissao-texto {
  flex: 1;
}

.mercado-profissoes-intro {
  margin-top: 0;
}

/* /quem-somos: Missão, Visão e Valores formam uma única linha institucional. */
.missao-visao-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  width: 100%;
}

.missao-visao-row > .card-quem-somos,
.missao-visao-row > .card-quem-somos-2,
.missao-visao-row > .valores-institucionais-card {
  width: auto;
  min-width: 0;
}

.valores-institucionais-lista {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 20px;
  color: #46423e;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.missao-visao-row .frame-427320729 {
  gap: 8px;
}

.missao-visao-row .text-157 {
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .missao-visao-row {
    grid-template-columns: 1fr;
  }
}

.enamed-explicacao {
  width: 100%;
  margin-bottom: 24px;
}

/* /quem-somos: "Conheça nossos Campus" (.frame-287, unique to this page)
   was a flex row with no wrap, sized for exactly the original 4 cards
   (389px each). Added 2 more cards (Fisioterapia, NPJ+CDC) per client
   request — 6 cards at 389px would overflow far past any container
   width. flex-wrap lets it break into rows instead (same class of bug as
   the TCC orientadores fix above: a flex row authored for a fixed count
   of children breaks silently once more are added). */
.frame-287 {
  flex-wrap: wrap;
  row-gap: 24px;
}

.frame-287 .frame-288 {
  flex: 1 1 340px;
}

/* Card titles reuse .text-168 (the page's 36px section-heading style),
   making each card's own title render oversized and overflow the card —
   client flagged the cards as "muito grandes". Scope a smaller size to
   just the in-card instances without touching the real heading. */
.frame-289 .text-168 {
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 28px;
}

.frame-289 .text-169 {
  font-size: 14px;
  line-height: 20px;
}

/* /cpa: "Representante do Corpo Técnico Administrativo" (Cabriny/Milena's
   role, .cargo-longo) is long enough to wrap across 3 lines at the shared
   .text-212 font-size, which stretches that person's whole card taller than
   its row-mates (row height follows the tallest cell in a flex row) —
   client flagged the misaligned grid. A smaller font-size lets the same
   text fit in 2 lines, matching the other cards' height. */
.cargo-longo {
  font-size: 17px;
  line-height: 24px;
}

/* Corpo Docente / Orientadores grids (biomedicina, direito, enfermagem,
   farmacia, fisioterapia, medicina, nutricao, odontologia, psicologia,
   portal-do-trabalho-de-conclusao-de-curso): each .frame-389 row is
   hand-authored with exactly 2 fixed-width .frame-387 cards side by side.
   Whenever a page has an odd number of faculty (or, as on /nutricao, a row
   that was only ever given 1 card), that row's lone card sits flush left
   via justify-content:flex-start, leaving a big empty half-row gap that
   reads as a missing/broken card — flagged across every course page.
   Centering the row means a lone card just sits centered instead, which
   reads as intentional and doesn't visibly change 2-card rows (they're
   already close to the row's max-width). */
.frame-389 {
  justify-content: center;
}

/* Homepage · Formas de ingresso: after removing the card actions, keep the
   adjacent photo constrained to the resulting two-row card grid height. */
.formas-de-ingresso-na-famp .frame-427 {
  grid-template-rows: auto;
  align-items: stretch;
}

.formas-de-ingresso-na-famp .frame-427 > .image-57 {
  height: 0;
  min-height: 100%;
}

/* Course investment blocks restored on Nutrição and Odontologia. Their
   original grids only declared enough columns for the cards that existed. */
.grid-nutricao {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.grid-odonto {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

@media screen and (max-width: 767px) {
  .grid-nutricao,
  .grid-odonto {
    grid-template-columns: 1fr;
  }
}

/* Standardized scholarship cards across all graduation pages. The source
   cards used 24px between every check and a 30px title margin; with eight
   entries this made the card unnecessarily tall. */
.bolsas-convenios-padronizado {
  gap: 10px;
  box-sizing: border-box;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}

/* Keep the three course-information boxes aligned even when a course has a
   longer scholarship list. Grid rows use the tallest card; Biomedicina uses
   flex, so it needs stretching explicitly. */
.section-4 .w-layout-grid {
  align-items: stretch;
}

.section-4 .w-layout-grid > .row-4,
.section-4 .w-layout-grid > .row-6,
.section-4 .w-layout-grid > .row-41,
.section-4 .w-layout-grid > .invest-direito,
.biomedicina-ingresso > * {
  box-sizing: border-box;
  height: 100%;
}

.biomedicina-ingresso {
  align-items: stretch;
}

.biomedicina-ingresso > * {
  flex: 1 1 0;
}

/* Biomedicina uses a flex row instead of the grid shared by the other
   courses. Auto cross-size lets align-items: stretch match the shorter
   ingresso and investimento cards to the scholarship card. */
.biomedicina-ingresso > .row-39,
.biomedicina-ingresso > .row-41,
.biomedicina-ingresso > .row-43 {
  height: auto;
}

.bolsas-convenios-padronizado > .text-53,
.bolsas-convenios-padronizado > .text-55,
.bolsas-convenios-padronizado > .text-118 {
  margin-bottom: 8px;
}

.bolsas-convenios-padronizado > .div-block-170 {
  gap: 8px;
  margin-top: 2px;
}

/* /portal-do-trabalho-de-conclusao-de-curso: flatten the hand-authored
   orientador rows into a consistent two-column grid. Cards keep their own
   natural height, so missing course, description or Lattes information does
   not create artificial whitespace inside shorter entries. */
#tcc-orientadores + .frame-391 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px 60px;
  display: grid;
}

#tcc-orientadores + .frame-391 > .frame-389 {
  display: contents;
}

.tcc-orientadores-coluna {
  flex-direction: column;
  align-self: start;
  gap: 24px;
  width: 100%;
  display: flex;
}

#tcc-orientadores + .frame-391 .frame-387 {
  width: 100%;
  height: auto;
}

#tcc-orientadores + .frame-391 .frame-386 {
  height: auto;
  gap: 8px;
}

#tcc-orientadores + .frame-391 .frame-385 {
  justify-content: flex-start;
  gap: 4px;
}

#tcc-orientadores + .frame-391 .text-orientadores,
#tcc-orientadores + .frame-391 .text-block-55,
#tcc-orientadores + .frame-391 .subtitle-orientadores,
#tcc-orientadores + .frame-391 .text-block-54 {
  margin: 0;
  padding-bottom: 0;
}

#tcc-orientadores + .frame-391 .text-block-55:has(> br:only-child),
#tcc-orientadores + .frame-391 .subtitle-orientadores:has(> br:only-child) {
  display: none;
}

@media screen and (max-width: 991px) {
  #tcc-orientadores + .frame-391 {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  #tcc-orientadores + .frame-391,
  #tcc-orientadores + .frame-391 .tcc-orientadores-coluna,
  #tcc-orientadores + .frame-391 .frame-387,
  #tcc-orientadores + .frame-391 .frame-386 {
    min-width: 0;
    max-width: 100%;
  }
}

/* /cpa: the two contact CTAs must shrink inside the tablet content column. */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #cpa-contatos {
    width: 100%;
    max-width: 100%;
  }

  #cpa-contatos > .button_cta_inscrever {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
}

/* /famp-no-mec: allow the long institutional title to wrap only on phones. */
@media screen and (max-width: 479px) {
  .catlogo-online-do-acervo-fsico {
    overflow-wrap: anywhere;
    word-break: normal;
  }
}

/* /fale-conosco: FAMP-0054 merged the old /atendimento-ao-discente page
   into this one (client wanted one unified contact page listing every
   department's direct line, per FAMP-0054's spreadsheet reference). New
   classes for the new "Diretório de Contatos" card grid and the two
   stacked form sections' subtitle spacing — nothing here is reused
   Webflow markup, so it's plain custom CSS rather than an "override". */
.contatos-secao {
  width: 100%;
  margin-bottom: 40px;
}

.contatos-diretorio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  width: 100%;
  margin-top: 24px;
}

.contato-item {
  background-color: #fff;
  border: 1px solid #e9e7e5;
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.contato-nome {
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #5c5650;
  text-transform: uppercase;
}

.contato-telefone {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--_brand---brand);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

.contato-telefone-icon {
  width: 16px;
  height: 16px;
  flex: none;
}

.form-subtitulo {
  margin-top: 8px;
}

@media screen and (max-width: 991px) {
  .contatos-diretorio {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 599px) {
  .contatos-diretorio {
    grid-template-columns: 1fr;
  }
}

/* /clube-de-vantagens: partner cards were solid-orange with white text.
   Client wants it inverted — white card, orange border, orange text. */
.card-clube,
.card-clube-2,
.card-clube-3 {
  background-color: #fff;
  border: 2px solid var(--_brand---brand);
}

._20-de-desconto {
  color: var(--_brand---brand);
}

/* /fisioterapia: the curricular grid used to hold 3 boxes (Portaria,
   Estrutura Curricular download, Horários de Aulas), hence the 3-column
   template. The middle box is gone now — its download link was replaced by
   the real semester-by-semester breakdown as its own full-width section
   above (same pattern as direito/farmacia/etc.) — so the grid is down to
   2 items and needs 2 columns instead of 3 (matches .grid-curricular-direito
   and .grid-curricular-nutricao, which never had a middle box). */
.grid-curricular-fisioterapia {
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 479px) {
  .grid-curricular-fisioterapia {
    grid-template-rows: auto auto;
  }
}

/* Graduation course pages' hero "Instagram" CTA: the icon sat inside
   .featured-icon, the same white-circle class used for the arrow icon next
   to it, so it rendered as an orange glyph inside a white pill. Client
   wants the pill gone and the glyph white instead, directly on the orange
   button — scoped to .icon-instagram-hero (added only to this one icon's
   wrapper) so the arrow's white circle, and .featured-icon everywhere else
   on the site, are untouched. Targets the SVG's own stroke/fill attribute
   values rather than the element type, since the outline shapes (rect,
   lens circle) use stroke and the flash dot uses fill. */
.icon-instagram-hero {
  background-color: transparent;
}

.icon-instagram-hero svg [stroke="#FF8700"] {
  stroke: #fff;
}

.icon-instagram-hero svg [fill="#FF8700"] {
  fill: #fff;
}

/* Graduation course pages' hero: the course icon sat above the course name
   (.div-block-41 is flex-flow:column). Client wants the icon beside the
   name instead, same left alignment otherwise. .div-block-41 and
   .titulo-curso-direito are both generic Webflow names reused as the
   "sub-page hero title" pattern across dozens of unrelated pages
   (editais, notícias, biblioteca, etc.), so the change is scoped to
   .curso-cabecalho-icone — added only to this wrapper on the 8 course
   pages that have it (direito, farmacia, fisioterapia, medicina,
   odontologia, nutricao, psicologia, enfermagem; biomedicina's hero
   already puts its icon beside the name via a different, page-specific
   class). The title's own width:100% is dropped in this scope too —
   harmless in a column layout, but in a row it would fight the icon for
   space. Gap matches biomedicina's already-correct 16px.
   .div-block-41's own justify-content:center was a no-op in column mode
   (it only centers the cross axis there), but once flex-flow flips to
   row it becomes the main-axis alignment — silently centering the whole
   icon+title group instead of hugging the left edge like the badge and
   paragraph above/below it. Resetting to flex-start here fixes that. */
.curso-cabecalho-icone {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 16px;
}

.curso-cabecalho-icone .titulo-curso-direito {
  width: auto;
}

/* Direito's icon box is the one outlier at 110px wide (vs. 72px on the
   other 7) — likely sized to balance a wide icon when centered above the
   title. Beside the title, that extra width just reads as a gap. */
.frame-427320643 {
  width: 72px;
}

/* /diretoria: "Dir. Acadêmica" (Cristiane Martins Rodrigues Bernardes) had
   no photo or name at all — just the role label, unlike every other card
   on the page. Adds her photo using the same pattern as the other
   directors' classes (.morgana-potrich, .daiana-sganzella): a named class
   on an empty div, sized/cropped identically. */
.daiana-sganzella {
  background-image: url("/images/diretoria/daiana-sganzella.png");
  background-position: 50% 50%;
}

/* Shared footer: the two long link lists are redistributed into four
   scannable columns. Address and contact cards sit on their own row below,
   so every page can show all six official FAMP locations without making
   the navigation columns excessively tall. */
.section-13 .container-footer {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 1280px;
}

.footer-links-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
}

.footer-links-grid .link-block-footer {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding-block: 2px;
}

.footer-links-grid .item-list-footer {
  gap: 4px;
}

.footer-info-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: 24px;
  width: 100%;
}

.footer-addresses-card,
.footer-contact-card {
  height: 100%;
}

.footer-addresses-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 24px;
  width: 100%;
}

.footer-addresses-grid .endereco-campus {
  min-width: 0;
}

.footer-address-item {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.footer-address-item .div-block-92 {
  display: flex;
  align-items: center;
  width: 180px;
  max-width: 100%;
  min-height: 48px;
}

.footer-address-item .label-compus {
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}

.footer-address-item .link-footer {
  min-width: 0;
  overflow-wrap: anywhere;
}

.footer-contact-card .div-block-93 {
  padding-left: 0;
}

/* Aproxima o fechamento institucional (razão social/CNPJ) da marca no
   rodapé, eliminando o grande vazio vertical herdado do layout original. */
.section-13 .div-block-85 {
  padding-top: 40px;
}

@media screen and (max-width: 991px) {
  .footer-links-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-info-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .footer-links-grid,
  .footer-addresses-grid {
    grid-template-columns: 1fr;
  }

  .footer-address-item {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .footer-address-item .div-block-92 {
    width: fit-content;
  }
}

.cristiane-bernardes {
  background-image: url("/images/cristiane-bernardes.png");
  background-position: 50% 12%;
  background-size: cover;
  border-radius: 11.3636px;
  width: 100px;
  height: 100px;
}

/* /direito: the "egresso competências" checklist just became a
   .checklist-accordion (see .div-block-42 above), but .div-block-42 itself
   only had side/bottom padding — no card background, radius, or top
   padding — so it rendered as bare text floating on white, unlike the
   cream cards immediately above (.row-13) and below (.row-51) it. Matches
   .row-13's exact background/gradient/radius so all three read as the
   same component. Scoped to .egresso-competencias-card (not .div-block-42
   itself, which farmacia.html also uses for something unrelated). */
.egresso-competencias-card {
  background-color: #fff1e3;
  background-image: linear-gradient(#fef0c7, #fef0c7);
  border-radius: 16px;
  padding-top: 48px;
}

/* /portal-do-trabalho-de-conclusao-de-curso (TCC): replaces the 3
   placeholder photos ("Image Suggestion TCC...", "Pesquisa com
   responsabilidade.png") with real photos of the spaces they describe.
   .div-block-230 is reused verbatim for both Centro de Desenvolvimento
   Científico and Produção Científica (same class, same original
   placeholder image on both), so each needs its own scoped class rather
   than overriding .div-block-230/.div-block-234 directly. */
.tcc-foto-cdc {
  background-image: url("/images/tcc-cdc.jpg");
  background-position: 50%;
}

.tcc-foto-pesquisa {
  background-image: url("/images/tcc-pesquisa-responsabilidade.jpg");
  background-position: 50%;
}

.tcc-foto-producao {
  background-image: url("/images/tcc-producao-cientifica.jpg");
  background-position: 50%;
}

/* /odontologia: five current photos now fill the previously empty
   "Nossa Estrutura" area. The slider follows the dimensions and controls
   of the neighboring "Conheça nosso dia a dia" gallery. */
.odonto-estrutura-slider {
  background-color: #f4f2f1;
  border-radius: 12px;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.odonto-estrutura-slider .w-slider-mask,
.odonto-estrutura-slider .w-slide {
  width: 100%;
  height: 100%;
}

.odonto-estrutura-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

@media screen and (max-width: 767px) {
  .odonto-estrutura-slider {
    height: min(68vw, 420px);
    min-height: 240px;
  }
}

/* /achados-e-perdidos: the two document cards ("Achados e Perdidos",
   "Portaria") had a fixed height but no width, so each sized to its own
   title's length — "Achados e Perdidos" is a longer title than "Portaria",
   so the cards ended up visibly different widths. .card-link-uteis-16 is
   only used on this page, so it's safe to fix the width directly. */
.card-link-uteis-16 {
  width: 300px;
}

/* /fisioterapia: the hero photo (.image-30) was sized by its own intrinsic
   ratio (object-fit:fill is a no-op here since height:auto lets the image
   size itself instead of being stretched) at width:110%/height:auto inside
   a fixed 857px-tall box — whenever the resulting height came out under
   857px, .frame-427320653's centering left a visible gap of its background
   color above and below the photo. Medicina shares the exact same
   .card-cursos-3/.frame-427320653 box (.image-25 there) and doesn't have
   this bug: object-fit:cover with position:absolute; inset:0% stretches
   the image to fill the box exactly, no matter its native ratio. */
.image-30 {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

/* /blog ("Painel de Informações"): now hosts both Notícias and Avisos
   Importantes content merged together (client request — homepage keeps
   its own separate Notícias/Eventos/Avisos sections untouched, fed from
   src/lib/content.ts as before). Each card needs a colored tag so the two
   categories stay visually distinguishable in one shared feed. .tag-aviso
   reuses the site's existing amber "warning" pair (already used elsewhere
   for badges); .tag-noticia is a new blue "info" pair chosen to read as
   distinct from both that amber and the brand orange used pervasively
   elsewhere on the site. */
.tag-categoria {
  border-radius: 9999px;
  flex: none;
  width: auto;
  padding: 4px 12px;
  display: flex;
}

.tag-categoria-texto {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.tag-noticia {
  background-color: #eff8ff;
}

.tag-noticia .tag-categoria-texto {
  color: #175cd3;
}

.tag-aviso {
  background-color: #fffaeb;
}

.tag-aviso .tag-categoria-texto {
  color: #b54708;
}

/* /blog ("Painel de Informações") v2: client asked for Notícias/Eventos/
   Avisos as three separate labeled sections instead of one shuffled grid,
   with the category tag moved onto the photo itself (top-right) instead
   of sitting in a row next to the date below it. Avisos keep their
   original .card-avisos treatment untouched (reused as-is, not restyled).
   .painel-card is a new card built specifically for this page — neither
   the noticias card (.container-card-noticias) nor the eventos card
   (.div-block-30 family) has a photo wrapper with position:relative, so
   neither supports an overlay tag without modifying shared classes used
   elsewhere. Third tag color (purple) added for "Evento". */
.painel-card {
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 16px;
}

.painel-card-foto-wrap {
  border: 1px solid var(--_border---border-primary);
  border-radius: 16px;
  width: 100%;
  height: 222px;
  position: relative;
  overflow: hidden;
}

.painel-card-foto {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.painel-card-tag {
  position: absolute;
  top: 12px;
  right: 12px;
}

.painel-card-corpo {
  flex-direction: column;
  display: flex;
  gap: 8px;
}

.painel-card-data {
  color: var(--_text---text-brand-tertiary-600);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.painel-card-titulo {
  display: block;
  color: #1d1b18;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.painel-card-descricao {
  color: var(--_text---text-quaternary-500);
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.tag-evento {
  background-color: #f4f3ff;
}

.tag-evento .tag-categoria-texto {
  color: #5925dc;
}

/* /blog ("Painel de Informações") v3: search bar moved out of any box
   (previously wrapped in .container-editais with the three sections), now
   sitting free above them with an orange magnifying-glass icon inlaid on
   the left. Each category becomes its own bordered box (.painel-box,
   replacing the single shared .container-editais), capped at 3 visible
   items with a "Ver mais" button that reveals 3 more per click — handled
   by the small inline script at the end of the content (no CMS/backend,
   so this is plain client-side show/hide over the real static markup).
   .painel-avisos-lista replaces .frame-199 for the Avisos box specifically:
   .frame-199 has a hardcoded height:376px + overflow:hidden sized for
   exactly 3 cards in a row, which would clip any cards revealed by
   "Ver mais" once there are more than 3 avisos. */
.painel-busca-solta {
  width: 100%;
  position: relative;
  margin-top: 32px;
  margin-bottom: 32px;
}

.painel-busca-icone {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  display: flex;
  pointer-events: none;
}

.painel-busca-input {
  width: 100%;
  padding-left: 42px;
}

.painel-boxes {
  flex-direction: column;
  width: 100%;
  display: flex;
  gap: 24px;
}

.painel-box {
  border: 1px solid var(--_border---border-primary);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 32px;
  display: flex;
  gap: 24px;
}

.painel-avisos-lista {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.painel-ver-mais {
  color: var(--_brand---brand);
  background-color: #fff;
  border: 1px solid var(--_border---border-primary);
  border-radius: 9999px;
  align-self: center;
  padding: 10px 24px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* /blog Avisos box: at .card-avisos's original max-width (398.667px, from
   avisos-importantes.html) only 2 fit per row inside .painel-box's
   narrower padded column, wrapping the 3rd to its own line. Scoped to
   .painel-avisos-lista so the original avisos-importantes.html cards
   (still full-size there) are untouched. Shrinking the title font is
   what the client asked for directly; trimming the card's own max-width
   is what actually lets all 3 sit on one line at that smaller size. */
.painel-avisos-lista .card-avisos {
  max-width: 360px;
}

.painel-avisos-lista .resultados-dos-resumos-aprovados-para-apresentao-no-ii-congresso-de-medicina {
  font-size: 18px;
  line-height: 26px;
}

/* /blog: with the H1 removed (the badge above already names the page),
   the badge, subtitle and search bar collapsed to the parent's bare
   12px flex gap (.cont1216px) — comfortable spacing when a big title sat
   between them, cramped without it. Adds breathing room back in, scoped
   to this page only since .cont1216px/.dblock-29 are generic hero classes
   reused everywhere else with their title intact. */
.painel-subtitulo {
  margin-top: 8px;
}

/* /biblioteca: the "Atendimento" box listed its 4 contacts stacked in a
   single column (.row-72 is flex-direction:column), taking up a lot of
   vertical space. Client asked for a 2-column/2-row grid instead, plus
   each person's role/função called out in the brand orange (it was the
   same plain dark text as their name, joined by a <br/>, split apart in
   the HTML into its own .painel-biblioteca-funcao element). */
.painel-biblioteca-contatos {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 32px 48px;
  width: 100%;
  display: grid;
}

.painel-biblioteca-contato {
  width: 100%;
}

.painel-biblioteca-funcao {
  color: var(--_brand---brand);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

/* /biblioteca: removing the overlapping yellow alert card (client request)
   exposed a pre-existing bug it had been visually masking underneath.
   .frame-87 wraps BOTH "Local" (.card-link-uteis-12) and "Horários de
   atendimento" (.frame-88 > .card-link-uteis-13), both locked to a fixed
   height:273px with no overflow:hidden (unlike "Local", which clips
   instead), so its two lines of hours text + email overflowed past the
   box and collided with the photo carousel right below it. Client then
   asked for the two side by side again (2 columns) instead of stacked —
   height:auto (not the flex-flow:column this used in between) is what
   actually avoids the overflow, so row layout is safe to restore. Also
   needs flex-wrap:nowrap here specifically: the sitewide
   div:has(> [class*="card-link-uteis"]) rule further up (for the
   genuinely overflowing "Links úteis" grids) also matches .frame-87
   since its children are card-link-uteis-12/13, and wraps it even though
   nothing here actually overflows. All three classes are exclusive to
   this page. */
.frame-87 {
  height: auto;
  flex-wrap: nowrap !important;
}

.card-link-uteis-13,
.frame-88 {
  height: auto;
  min-height: 273px;
}

/* /medicina: the curricular grid used to hold 3 boxes (Ato Regulatório,
   Estrutura Curricular download, Horários de Aulas), hence the 3-column
   template. The middle box is gone now — its download link was replaced
   by the real semester-by-semester breakdown as its own full-width
   "Matriz Curricular" section above (same pattern as
   direito/farmacia/fisioterapia/etc.) — so the grid is down to 2 items
   and needs 2 columns instead of 3. */
.grid-curricular-medicina {
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  .grid-curricular-medicina {
    grid-template-rows: auto auto;
  }
}

/* /odontologia: same cleanup as medicina/fisioterapia above — the
   curricular grid is down to 2 items (Ato Regulatório, Horários de
   Aulas) now that the middle "Estrutura Curricular" download box was
   replaced by the real semester breakdown as its own "Matriz
   Curricular" section above the grid. */
.grid-curricular-odonto {
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  .grid-curricular-odonto {
    grid-template-rows: auto auto;
  }
}

/* /biblioteca: "Periódicos Eletrônicos" download modal. */
.periodicos-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
}

.periodicos-modal:target,
.periodicos-modal.is-open {
  display: flex;
}

body.periodicos-modal-open {
  overflow: hidden;
}

.periodicos-modal__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(29, 27, 24, 0.6);
}

.periodicos-modal__card {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 16px;
  padding: 40px;
  max-width: 480px;
  width: calc(100% - 48px);
  max-height: 80vh;
  overflow-y: auto;
}

.periodicos-modal__close {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 28px;
  line-height: 1;
  color: #7f756c;
  text-decoration: none;
  cursor: pointer;
}

.periodicos-modal__title {
  color: var(--_brand---brand);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}

.periodicos-modal__text {
  color: #46423e;
  margin-bottom: 20px;
}

.periodicos-modal__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.periodicos-modal__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--_border---border-primary);
  border-radius: 8px;
  padding: 12px 16px;
  color: #1d1b18;
  font-weight: 600;
  text-decoration: none;
}

.periodicos-modal__item:hover {
  border-color: var(--_brand---brand);
}

.periodicos-modal__item-icon {
  flex: none;
}

/* Calendário Acadêmico — protótipo mensal com detalhamento por mês. */
.cal.cal-prototipo-ativo > .cal-painel,
.cal.cal-prototipo-ativo > .cal-corpo-lista,
.cal.cal-prototipo-ativo > .cal-sem-resultados {
  display: none;
}

.cal-mensal {
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto 96px;
}

.cal-mensal__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 28px;
}

.cal-mensal__eyebrow {
  display: block;
  margin-bottom: 8px;
  color: #c55e00;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cal-mensal__intro h2 {
  margin: 0 0 8px;
  color: #1d1b18;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.1;
}

.cal-mensal__intro p {
  max-width: 660px;
  margin: 0;
  color: #67615b;
  line-height: 1.55;
}

.cal-mensal__legenda {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 14px;
  max-width: 480px;
}

.cal-mensal__legenda span,
.cal-mensal__resumo span,
.cal-mensal-evento__categoria {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cal-mensal__legenda span {
  color: #5f5953;
  font-size: 12px;
  font-weight: 600;
}

.cal-mensal__legenda i,
.cal-mensal__dots i,
.cal-mensal__resumo i,
.cal-mensal-evento__categoria i {
  display: block;
  flex: none;
  width: 8px;
  height: 8px;
  background: var(--dot);
  border-radius: 50%;
}

.cal-mensal__grade {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.cal-mensal__mes {
  appearance: none;
  display: block;
  min-width: 0;
  padding: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e7e0d9;
  border-radius: 18px;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 8px 28px rgba(48, 36, 25, .05);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.cal-mensal__mes:hover,
.cal-mensal__mes:focus-visible {
  border-color: #ff8700;
  outline: none;
  box-shadow: 0 14px 34px rgba(160, 84, 15, .12);
  transform: translateY(-2px);
}

.cal-mensal__cabecalho {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.cal-mensal__cabecalho strong {
  color: #bd5b04;
  font-size: 22px;
}

.cal-mensal__cabecalho small {
  color: #827970;
  font-size: 11px;
  font-weight: 600;
}

.cal-mensal__semana,
.cal-mensal__dias {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.cal-mensal__semana {
  margin-bottom: 7px;
  color: #9b9188;
  font-size: 10px;
  text-align: center;
}

.cal-mensal__dia {
  position: relative;
  display: flex;
  min-width: 0;
  height: 38px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.cal-mensal__dia b {
  color: #514b45;
  font-size: 11px;
  font-weight: 500;
}

.cal-mensal__dia.has-event {
  background: #fff8ef;
}

.cal-mensal__dia.has-event b {
  color: #1d1b18;
  font-weight: 700;
}

.cal-mensal__dots {
  position: absolute;
  bottom: 3px;
  display: flex;
  gap: 2px;
}

.cal-mensal__dots i {
  width: 4px;
  height: 4px;
}

.cal-mensal__resumo {
  display: flex;
  min-height: 34px;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid #eee8e2;
}

.cal-mensal__resumo span {
  color: #766e67;
  font-size: 9px;
  font-weight: 600;
}

.cal-mensal__resumo i {
  width: 6px;
  height: 6px;
}

.cal-mensal-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1200;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.cal-mensal-modal.is-open {
  display: flex;
}

body.cal-mensal-modal-open {
  overflow: hidden;
}

.cal-mensal-modal__backdrop {
  appearance: none;
  position: absolute;
  inset: 0;
  padding: 0;
  background: rgba(29, 27, 24, .66);
  border: 0;
}

.cal-mensal-modal__card {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  max-height: min(820px, calc(100vh - 48px));
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .25);
}

.cal-mensal-modal__card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 28px;
  background: #fff7eb;
  border-bottom: 1px solid #f0dfcc;
}

.cal-mensal-modal__card header span {
  color: #9b6a3d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.cal-mensal-modal__card h2 {
  margin: 3px 0 0;
  color: #bd5b04;
  font-size: 30px;
}

.cal-mensal-modal__close {
  appearance: none;
  width: 42px;
  height: 42px;
  background: #fff;
  border: 1px solid #e3d3c3;
  border-radius: 50%;
  color: #7a4b20;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.cal-mensal-modal__body {
  max-height: calc(100vh - 176px);
  padding: 10px 28px 28px;
  overflow-y: auto;
}

.cal-mensal-evento {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid #eee8e2;
}

.cal-mensal-evento time {
  align-self: start;
  padding: 8px 10px;
  background: color-mix(in srgb, var(--event-color) 10%, white);
  border-left: 3px solid var(--event-color);
  border-radius: 6px;
  color: #403a35;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.cal-mensal-evento__categoria {
  color: #7a7169;
  font-size: 11px;
  font-weight: 700;
}

.cal-mensal-evento h3 {
  margin: 6px 0;
  color: #292521;
  font-size: 15px;
  line-height: 1.4;
}

.cal-mensal-evento p {
  margin: 0;
  color: #7b736b;
  font-size: 12px;
  line-height: 1.45;
}

@media screen and (max-width: 991px) {
  .cal-mensal__intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .cal-mensal__legenda {
    justify-content: flex-start;
  }

  .cal-mensal__grade {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 620px) {
  .cal-mensal {
    width: calc(100% - 32px);
  }

  .cal-mensal__grade {
    grid-template-columns: 1fr;
  }

  .cal-mensal__mes {
    padding: 18px;
  }

  .cal-mensal-modal {
    align-items: flex-end;
    padding: 0;
  }

  .cal-mensal-modal__card {
    max-height: 90vh;
    border-radius: 20px 20px 0 0;
  }

  .cal-mensal-modal__card header,
  .cal-mensal-modal__body {
    padding-right: 20px;
    padding-left: 20px;
  }

  .cal-mensal-evento {
    grid-template-columns: 72px 1fr;
    gap: 12px;
  }
}

/* /fisioterapia: photo classes for the 4 new Corpo Docente members. */
.docente-geovana-borges-fusco {
  background-image: url("/images/docente-geovana-borges-fusco.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.docente-karine-ribeiro-silva {
  background-image: url("/images/docente-karine-ribeiro-silva.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.docente-amanda-castro-silva {
  background-image: url("/images/docente-amanda-castro-silva.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

.docente-michele-resende-machado {
  background-image: url("/images/docente-michele-resende-machado.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 104px;
  height: 104px;
}

/* /direito: "Baixar Regulamento" button, now positioned between NPJ and
   CEJUSC. Reuses the generic .buttonsbutton pill (orange, used for
   "Baixar" elsewhere), overriding its width:100% (meant for filling a
   card) so it just sizes to its own content, centered under the NPJ
   content. margin-top was 32px on top of the parent .nucleo-praticas-
   juridicas's own 64px flex gap (96px total) — dropped since the parent
   gap alone already matches the rhythm between every other block here. */
.npj-regulamento-download {
  width: 100%;
  justify-content: center;
  display: flex;
}

.npj-regulamento-download .buttonsbutton {
  width: auto;
  padding: 12px 28px;
}

/* /medicina: NDE's Flavia entry used a different photo than her
   Coordenação entry — use the same Coordenação photo here too. */
.nde-flavia {
  background-image: url("/images/6a43ec2c832358950ba3382b_Flavia Coordinator Photo.JPG");
  background-position: 10% 0;
  background-size: cover;
}

/* /medicina: Deborah Dias and Leila Rodrigues added to NDE, reusing
   their existing Corpo Docente photos at the NDE avatar size. */
.nde-deborah-dias {
  background-image: url("/images/69b95734b2d715c473296187_medicina-deborah.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.nde-leila-rodrigues {
  background-image: url("/images/69b95735ad9cffde8ca3073b_medicina-leila-rodrigues.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 999px;
  width: 40px;
  height: 40px;
}


/* /direito: NPJ and CEJUSC member rows floated with no framing, unlike
   NDE's boxed table (.nde .table-style: white, bordered, rounded, shadowed).
   Box the member grids the same way so the sections read consistently. */
.members-box {
  background-color: #fff;
  border: 1px solid #e9e7e5;
  border-radius: 12px;
  box-shadow: 0 1px 2px #0a0d120d;
  padding: 24px;
}

/* /enfermagem: Perfil do Enfermeiro box (.row-3/.frame-25/.text-51 are
   shared across several course pages, so scope via the enfermagem-only
   .perfil-enfermeiro-columns descendant instead of touching them globally).
   Title had only its own 8px/20px padding for breathing room against the
   box border — move that inset to the wrapper and open it up. */
.row-3:has(.perfil-enfermeiro-columns) .frame-25 {
  padding: 24px 24px 0;
}

.row-3:has(.perfil-enfermeiro-columns) .text-51 {
  padding: 0;
}

.perfil-enfermeiro-columns .text-81 {
  text-align: justify;
}

/* /enfermagem and /farmacia: this curricular grid was authored for 3 boxes
   (Ato Regulatório, Estrutura Curricular download, Horários de Aulas), hence
   the 3-column template — but on these two pages Estrutura Curricular is its
   own full-width section instead, same as /direito, /nutricao, /fisioterapia
   (see .grid-curricular-fisioterapia below). Only 2 real boxes are left, so
   the base 3-column rule was leaving a whole empty column of dead space. */
.grid-curricular-enfermagem, .grid-curricular-farmacia {
  grid-template-columns: 1fr 1fr;
}

/* /farmacia: Mercado de Trabalho photo (.div-block-44, height:auto) sat at
   its native aspect ratio next to the text box (.row-23) instead of
   matching its height, because the row (.mercado-medicina) used
   align-items:center instead of stretch. Scoped to this page's specific
   photo class since .mercado-medicina/.div-block-44 are also reused on
   /fisioterapia, /nutricao and /medicina, which aren't reported as broken. */
.mercado-medicina:has(.whisk_d02ed931605f903a3f94c8ce3048cdf6dr-2) {
  align-items: stretch;
}

@media screen and (min-width: 992px) {
  .mercado-medicina:has(.whisk_d02ed931605f903a3f94c8ce3048cdf6dr-2) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    display: grid;
  }

  .mercado-medicina:has(.whisk_d02ed931605f903a3f94c8ce3048cdf6dr-2)
    .div-block-44 {
    width: 100%;
    min-height: 0;
    overflow: hidden;
  }

  .mercado-medicina:has(.whisk_d02ed931605f903a3f94c8ce3048cdf6dr-2)
    .whisk_d02ed931605f903a3f94c8ce3048cdf6dr-2 {
    position: absolute;
    inset: 0;
  }
}

/* /farmacia: once cropped to the text box's height (above), the default
   centered crop cut into the pharmacist and the counter. Bias the visible
   window down so the ceiling/shelving gets trimmed instead. */
.whisk_d02ed931605f903a3f94c8ce3048cdf6dr-2 {
  object-position: 50% 75%;
}

/* /farmacia: Áreas em Destaque no Mercado — client first asked to fold the
   5 boxes into a single card with a thin divider (see git history), then
   asked to split them back into separate cards again. No override needed
   here: each .analista-clnico/.row-34/.row-35/.row-38 already carries its
   own background/radius, and .area-atuacao's base 16px grid-row-gap
   already separates them — that's what the earlier fix had overridden. */

/* /farmacia: the thin orange accent stripe (.rectangle-5/18/20) is always
   pinned to the box's left edge, but on row-35/row-38 the text sits on the
   right (photo left) — so the stripe ended up next to the photo instead of
   the text. Flip it to the right edge on those two layouts. */
.areas-mercado-farmacia .rectangle-18,
.areas-mercado-farmacia .rectangle-20 {
  left: auto;
  right: -7.94531px;
}

/* /medicina: Corpo Docente's Flavia entry used a different photo than her
   Coordenação entry (same fix already applied to /medicina's NDE via
   .nde-flavia above) — reuse the Coordenação photo here too. */
.flavia-bercot {
  background-image: url("/images/6a43ec2c832358950ba3382b_Flavia Coordinator Photo.JPG");
  background-position: 10% 0;
  background-size: cover;
}

/* Course pages' "Formas de ingressar / Bolsas / Investimento" 3-card row
   (.row-4/.text-53, shared across every course page): the title's own
   30px margin-bottom stacked on top of .row-4's 24px flex gap, so the
   title-to-content gap (54px) was over twice as wide as the gap between
   items below it (24px). Dropping the title's margin makes it match. */
.text-53 {
  margin-bottom: 0;
}

/* /diretoria: "Palavra da Diretoria" row (.frame-427320755, unique to this
   page) used align-items:flex-end, so the photo (717px) and the shorter
   text column had their BOTTOM edges aligned instead of being centered
   against each other — the photo read as vertically offset from the text. */
.frame-427320755 {
  align-items: center;
}

/* /famp-no-mec: Portarias e indicadores por curso was hardcoded 2 cards per
   .frame-427320769 row (9 courses, so a lone last-row card too). Regrouped
   the HTML into 3-per-row in the page itself; shrinking the icon and card
   padding here keeps each card comfortable at the new ~1/3 width instead of
   ~1/2. Classes are unique to this page. */
.fi_6593684 {
  width: 80px;
  height: 64px;
}

.card-membros-4,
.card-membros-5 {
  padding: 16px;
}

/* /cpa: show Documentos Importantes as four equal columns on desktop. */
.frame-446 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: auto;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: grid;
}

.frame-446 > .card-link-uteis-10 {
  max-width: none;
}

/* Keep Érica's face in frame when the portrait is cropped into the round
   member thumbnail. */
.cpa-erica-photo {
  object-position: 50% 20%;
}

/* /cpa: after removing the decorative clock, let the schedule download card
   shrink to its remaining content instead of preserving the old 340px box. */
#cpa-horarios .card-link-uteis-11 {
  height: auto;
}

@media screen and (max-width: 991px) {
  .frame-446 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 599px) {
  .frame-446 {
    grid-template-columns: 1fr;
  }
}

/* /biblioteca: each service title and its related content is an independent
   gray card; the outer wrapper only supplies spacing between the cards. */
.biblioteca-servicos-lista {
  background-color: transparent;
  padding: 0;
}

.biblioteca-servicos-lista > .frame-427320517 {
  background-color: #f4f2f1;
  border-radius: 12px;
  padding: 32px;
}

.biblioteca-servicos-lista > .frame-427320517 > .frame-427320818 {
  background-color: transparent;
  padding: 0;
}

/* /biblioteca: Documentos (.card-link-uteis-14, unique to this page) — 7
   cards at max-width:280px + 32px gap fit exactly 3 per row within the
   1216px container (4 would need exactly 1216px with zero room to spare).
   Narrower cards fit 4 per row comfortably instead. */
.card-link-uteis-14 {
  max-width: 260px;
}

/* /feira-gastronomica: the whole "Galeria de Fotos" section (title + photo
   slider) was authored with an unconditional display:none — not a media
   query, a real everywhere-hidden bug, unlike every other course/event page's
   gallery wrapper (.galeria, .galeria-odonto, .galeria-psicologia), which
   all use display:flex; flex-flow:column. The photos themselves are fine;
   the section around them was just never shown. */
.feira_fotos {
  display: flex;
  flex-flow: column;
  width: 100%;
}

/* /portal-do-trabalho-de-conclusao-de-curso (and /portal-do-egresso,
   /enfermagem, which share .div-block-117): the two CTA buttons are fixed
   at 326px each — 672px with the 20px gap — inside a text column that's
   only ~646px wide (it shares the row with the mascot illustration), so
   they always wrapped to 2 lines despite .div-block-117 already being
   fixed to display:flex above. Letting them shrink instead of wrap. */
.div-block-117 .button_cta_inscrever {
  width: auto;
  flex: 1 1 0;
  min-width: 0;
}

/* /fale-conosco (and /atendimento-ao-discente, which shares the same
   form-block-2 markup): the form subtitles (.descricao-2) already have
   text-align:left, but with no explicit width they shrink to their content
   size and get centered as a box by the page's container-4
   (align-items:center) — so the text reads as centered even though it's
   "left-aligned" within its own narrow box. Scoped via the adjacent-sibling
   chain from .form-subtitulo so the many OTHER pages' page-level
   .descricao-2 intros (which already render full-width) are untouched.
   Also tightens the gap from container-4's sitewide 64px (meant for
   spacing between whole page sections, too loose for title/subtitle/form
   inside one form block) down to a normal paragraph-to-field rhythm. */
.form-subtitulo + .descricao-2 {
  width: 100%;
  margin-top: -40px;
}

.form-subtitulo + .descricao-2 + .form-block-2 {
  margin-top: -40px;
}

/* /fale-conosco: os dois públicos agora escolhem primeiro o formulário
   adequado. Mantemos <details> nativo para abertura por mouse, teclado e
   leitor de tela sem depender das interações exportadas do Webflow. */
.fale-conosco-form-dropdowns {
  width: 100%;
  display: grid;
  gap: 16px;
  margin-top: 24px;
}

.fale-conosco-form-dropdown {
  width: 100%;
  background-color: #fff1e3;
  border-radius: 16px;
  padding: 4px;
}

.fale-conosco-form-summary {
  min-height: 76px;
  background-color: #fffaeb;
  border-radius: 12px;
  padding: 16px 20px;
}

.fale-conosco-form-title {
  color: #bf6501;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
}

.fale-conosco-form-title small {
  font: inherit;
}

.fale-conosco-form-dropdown[open] .fale-conosco-form-summary {
  margin-bottom: 0;
}

.fale-conosco-form-content {
  padding: 20px;
}

.fale-conosco-form-content > .descricao-2 {
  width: 100%;
  margin: 0 0 20px;
}

.fale-conosco-form-content > .form-block-2 {
  width: 100%;
  margin: 0;
}

.famp-email-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* /nad: local-document picker that replaces the five Drive-folder exits. */
.nad-documents-modal[hidden] {
  display: none;
}

.nad-documents-modal {
  z-index: 100000;
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

.nad-documents-modal__backdrop {
  position: absolute;
  inset: 0;
  background: #1d1b18b8;
  backdrop-filter: blur(4px);
}

.nad-documents-modal__dialog {
  z-index: 1;
  position: relative;
  width: min(680px, 100%);
  max-height: min(760px, calc(100vh - 48px));
  overflow-y: auto;
  background: #fff;
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 24px 64px #1d1b1833;
}

.nad-documents-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  color: #bf6501;
  background: #fff1e3;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.nad-documents-modal__badge {
  width: fit-content;
  margin-bottom: 12px;
  padding: 5px 10px;
  border-radius: 999px;
  color: #bf6501;
  background: #fff1e3;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
}

.nad-documents-modal__dialog h2 {
  max-width: calc(100% - 52px);
  margin: 0 0 10px;
  color: #bf6501;
  font-family: Inter, sans-serif;
  font-size: 30px;
  line-height: 1.25;
}

.nad-documents-modal__description {
  margin: 0 0 24px;
  color: #5c5650;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.nad-documents-modal__description p {
  margin: 0 0 12px;
}

.nad-documents-modal__description p:last-child {
  margin-bottom: 0;
}

.nad-documents-modal__files {
  display: grid;
  gap: 10px;
}

.nad-document-download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 14px 16px;
  border: 1px solid #e9e7e5;
  border-radius: 12px;
  color: #403b36;
  background: #fffaeb;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  text-decoration: none;
}

.nad-document-download strong {
  flex: none;
  color: #fff;
  background: #ff8700;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 14px;
}

.nad-modal-open {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .nad-documents-modal {
    align-items: end;
    padding: 12px;
  }

  .nad-documents-modal__dialog {
    max-height: calc(100vh - 24px);
    border-radius: 18px;
    padding: 24px 16px 16px;
  }

  .nad-documents-modal__dialog h2 {
    font-size: 24px;
  }

  .nad-document-download {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .nad-document-download strong {
    width: 100%;
    text-align: center;
  }
}

.site-search-page {
  width: min(1216px, calc(100% - 48px));
  margin: 0 auto;
  padding: 64px 0 96px;
}

.site-search-hero {
  max-width: 800px;
}

.site-search-hero h1 {
  color: #bf6501;
  margin: 20px 0 12px;
  font-family: Inter, sans-serif;
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1.1;
}

.site-search-hero > p {
  color: #514b47;
  margin: 0 0 28px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.site-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  width: 100%;
}

.site-search-form .field-label-5 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-search-form .search-input,
.site-search-form .search-button {
  height: 52px;
  margin: 0;
}

.site-search-empty,
.site-search-summary {
  color: #514b47;
  margin-top: 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.site-search-results {
  margin-top: 48px;
}

.site-search-summary {
  margin-top: 0;
  margin-bottom: 36px;
}

.site-search-group + .site-search-group {
  margin-top: 52px;
}

.site-search-group h2 {
  color: #bf6501;
  margin: 0 0 20px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

.site-search-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.site-search-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  border: 1px solid #eee3dc;
  border-radius: 16px;
  background: #fffbf7;
  color: #332f2c;
  text-decoration: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.site-search-card:hover {
  border-color: #ff8700;
  transform: translateY(-2px);
}

.site-search-category {
  color: #bf6501;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.site-search-card h3 {
  margin: 10px 0 8px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  line-height: 30px;
}

.site-search-card p {
  margin: 0 0 20px;
  color: #5d5752;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.site-search-link {
  margin-top: auto;
  color: #bf6501;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .site-search-page {
    width: min(100% - 32px, 1216px);
    padding: 40px 0 64px;
  }

  .site-search-form,
  .site-search-grid {
    grid-template-columns: 1fr;
  }

  .site-search-form .search-button {
    width: 100%;
  }

  .site-search-card {
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .fale-conosco-form-dropdowns {
    gap: 12px;
    margin-top: 16px;
  }

  .fale-conosco-form-dropdown {
    border-radius: 14px;
  }

  .fale-conosco-form-summary {
    min-height: 68px;
    padding: 14px 16px;
  }

  .fale-conosco-form-title {
    font-size: 22px;
    line-height: 30px;
  }

  .fale-conosco-form-title small {
    display: block;
    font-size: 15px;
    line-height: 22px;
  }

  .fale-conosco-form-content {
    padding: 16px 12px 12px;
  }

  .fale-conosco-form-content > .descricao-2 {
    margin-bottom: 14px;
    text-align: left;
  }

  .fale-conosco-form-content .form {
    gap: 16px;
    padding: 20px 14px;
  }

  .fale-conosco-form-content .div-block-54 {
    gap: 16px;
    flex-direction: column;
  }

  .fale-conosco-form-content :is(
    .text-field,
    .text-field-2,
    .textarea
  ) {
    width: 100%;
    min-height: 48px;
    margin-bottom: 0;
    font-size: 16px;
  }

  .fale-conosco-form-content .textarea {
    min-height: 128px;
  }

  .fale-conosco-form-content .submit-button {
    width: 100%;
    min-height: 48px;
  }

  .contato-telefone {
    min-height: 44px;
  }
}

@media screen and (max-width: 359px) {
  .top-bar .col {
    padding-left: 12px;
    padding-right: 12px;
  }

  .top-bar .frame-431 {
    gap: 0;
  }

  .top-bar .button-top-bar.processo-seletivo,
  .top-bar .button-top-bar.portal-academico,
  .top-bar .button-top-bar.tour-virtual {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .top-bar .button_top_bar {
    padding-left: 6px;
    padding-right: 6px;
  }

  .top-bar .frame-438,
  .top-bar .frame-437 {
    flex: 0 1 auto;
    min-width: 0;
  }

  /* Homepage and standalone news listing retained the desktop CMS width at
     the smallest supported viewport. */
  .section-noticias .container-cms-noticias,
  .section-noticias .collection-list-wrapper-4,
  body.nad .collection-list-wrapper-4 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .section-noticias .container-cms-noticias {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-cms-noticias .collection-list-4,
  body.nad .collection-list-4,
  .container-cms-noticias .collection-item-4,
  body.nad .collection-item-4 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .container-cms-noticias .collection-item-4,
  body.nad .collection-item-4 {
    flex-direction: column;
  }

  .container-cms-noticias .descricao-card-noticias,
  body.nad .descricao-card-noticias {
    width: 100%;
    max-width: 100%;
  }

  /* Information-panel notice cards need a little less inset at 320px so
     their pill CTA stays inside the card instead of being clipped. */
  .painel-box {
    padding: 20px 16px;
  }

  .painel-avisos-lista .card-avisos {
    width: 100%;
    min-width: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .painel-avisos-lista .buttonsbutton-30 {
    max-width: 100%;
  }

  .bolsa-cedro-2 .frame-427320529,
  .bolsa-cedro-2 .frame-427320530 {
    width: 100%;
    min-width: 0;
  }

  .bolsa-cedro-2 .button.w-button {
    width: calc(100% - 2px);
    max-width: calc(100% - 2px);
    box-sizing: border-box;
    margin-right: 2px;
    transform: translateX(-2px);
  }
}

@media screen and (max-width: 767px) {
  /* Biblioteca: the desktop 2×2 contact grid was still positioned as two
     columns on phones. */
  .painel-biblioteca-contatos {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 20px;
  }

  .painel-biblioteca-contato {
    min-width: 0;
  }

  /* Enfermagem: each independent profile column becomes a vertical stack. */
  .perfil-enfermeiro-columns {
    flex-direction: column;
  }

  .perfil-enfermeiro-col {
    width: 100%;
    min-width: 0;
  }

  /* Portal do Egresso: paired fields must stack like the other mobile forms. */
  .form-block-4 .div-block-201 {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .form-block-4 :is(
    .text-field-5,
    .text-field-6,
    .select-field,
    textarea
  ) {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
  }

  /* Increase the actionable area without enlarging the visible text/icons. */
  .footer-contact-card .link-block-43,
  .famp-email-link,
  .gost-button-2,
  .title-card-noticias,
  .painel-card-titulo {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

/* /medicina: Atividades Acadêmicas is a native <details> (the faq-item1
   pattern used by "Por que estudar Medicina" doesn't actually expand —
   its Webflow JS interaction never fires in this static export, see
   commit history), so it was left as a bare .checklist-accordion with no
   box around it. With justify-content:space-between spanning the full
   1176px row and nothing visually tying title to arrow, the collapsed
   state read as broken. Give it the same cream box look as .faq-item1/
   .faq-question (client asked for the two dropdowns to match) while
   keeping the working native <details> underneath. */
.atividades-academicas-dropdown {
  background-color: #fff1e3;
  border-radius: 16px;
  padding: 4px;
}

.atividades-academicas-dropdown > summary {
  background-color: #fffaeb;
  border-radius: 12px;
  padding: 12px 16px;
}

.atividades-academicas-dropdown[open] > summary {
  margin-bottom: 0;
}

.atividades-academicas-dropdown > summary + * {
  padding: 16px;
}

/* /biomedicina: "Perfil do Biomédico FAMP:" and "Por que estudar Biomedicina
   na FAMP?" were bare .checklist-accordion with no box, unlike "Perfil do
   Egresso" right above them (.perfil-egresso-animado.faq-item1, cream box).
   Client asked for all three dropdowns to match. Same technique as
   /medicina's .atividades-academicas-dropdown above: keep the native
   <details> (it's the one that actually toggles in this static export) and
   give it the same cream box/summary treatment as .faq-item1/.faq-question. */
.perfil-biomedico-dropdown,
.areas-atuacao-biomedico-dropdown,
.pq-famp {
  background-color: #fff1e3;
  border-radius: 16px;
  padding: 4px;
}

.perfil-biomedico-dropdown > summary,
.areas-atuacao-biomedico-dropdown > summary,
.pq-famp > summary {
  background-color: #fffaeb;
  border-radius: 12px;
  padding: 12px 16px;
}

.perfil-biomedico-dropdown[open] > summary,
.areas-atuacao-biomedico-dropdown[open] > summary,
.pq-famp[open] > summary {
  margin-bottom: 0;
}

.perfil-biomedico-dropdown > summary + *,
.areas-atuacao-biomedico-dropdown > summary + *,
.pq-famp > summary + * {
  padding: 16px;
}

.areas-atuacao-biomedico-dropdown {
  margin: 16px 0;
}

.perfil-egresso-animado > .faq-question,
.perfil-biomedico-dropdown > summary,
.areas-atuacao-biomedico-dropdown > summary,
.pq-famp > summary {
  align-items: center;
  min-height: 68px;
}

.perfil-egresso-animado > .faq-question .text-51,
.perfil-biomedico-dropdown > summary .text-105,
.areas-atuacao-biomedico-dropdown > summary .text-105,
.pq-famp > summary .text-107 {
  color: #bf6501;
  text-align: left;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .perfil-egresso-animado > .faq-question .text-51,
  .perfil-biomedico-dropdown > summary .text-105,
  .areas-atuacao-biomedico-dropdown > summary .text-105,
  .pq-famp > summary .text-107 {
    font-size: 24px;
    line-height: 32px;
  }
}

/* /biomedicina: keep the faculty list flowing in two columns after removals,
   instead of preserving gaps from the original hand-authored rows. */
.coordenao-2 .frame-182 > .frame-391 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px 60px;
  display: grid;
}

.coordenao-2 .frame-182 > .frame-391 > .frame-389,
.coordenao-2 .frame-182 > .frame-391 > .frame-389-copy {
  display: contents;
}

.coordenao-2 .frame-182 > .frame-391 .frame-387 {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .coordenao-2 .frame-182 > .frame-391 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* /financeiro: Descontos and Bolsas follow the clean Financiamentos layout.
   Only the orange section wrapper is removed; card styles stay untouched. */
.financeiro-sem-fundo {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}
/* Pesquisa temporariamente fechada: o proxy também bloqueia acesso direto. */
a:is(
  [href="/pesquisa"],
  [href="/portal-de-pesquisa"],
  [href="/agencias-de-fomento"],
  [href="/iniciacao-cientifica"],
  [href="/projetos-de-iniciacao-cientifica"],
  [href="/grupos-de-estudo"],
  [href="/mostra-cientifica"],
  [href="/apoio-a-participacao-em-eventos-cientificos"],
  [href="/revista-saude-multidisciplinar"],
  [href="/revista-a-fortiori"]
) {
  cursor: not-allowed;
}

a:is(
  [href="/pesquisa"],
  [href="/portal-de-pesquisa"],
  [href="/agencias-de-fomento"],
  [href="/iniciacao-cientifica"],
  [href="/projetos-de-iniciacao-cientifica"],
  [href="/grupos-de-estudo"],
  [href="/mostra-cientifica"],
  [href="/apoio-a-participacao-em-eventos-cientificos"],
  [href="/revista-saude-multidisciplinar"],
  [href="/revista-a-fortiori"]
)::after {
  content: "\1F512";
  display: inline-block;
  margin-left: 0.45em;
  font-size: 0.82em;
  line-height: 1;
  vertical-align: 0.05em;
}