@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
 --blue_500: #1161DF;
 --red_600: #D30000;
 --gray_50: #FFFFFF;
 --gray_50_A20: #FFFFFF33;
 --gray_50_A90: #FFFFFFE5;
 --gray_100: #F4F4F4;
 --gray_200: #E2E2E2;
 --gray_300: #C1C0C0;
 --gray_400: #9C9C9C;
 --gray_500: #6B6B6B;
 --gray_600_A15: #4B4B4B26;
 --gray_700: #3F3F3F;

 --text-primary: var(--gray_700);
 --text-secondary: var(--gray_50);
 --text-accent: var(--blue_500);
 --text-interactive: var(--blue_500);
 --text-subtle: var(--gray_500);

 --button-primary-fill: var(--red_600);
 --button-secondary-fill: var(--blue_500);
 --button-primary-text: var(--gray_50);

 --border-primary: var(--gray_600_A15);

 --background-navigation: var(--gray_700);
 --background-surface: var(--gray_50);
 --background-subtle: var(--gray_100);
 --background-hover: var(--red_600);

 --rounded: .5rem;

 --color-1: #0148c5; 
 --color-2: #0038A0;
 --color-3: #00ACFF; 
 --color-red: #D30032; 
 --color-white: #FFFFFF; 
 --color-gray: #595959; 
}

html, body {
 margin: 0;
 padding: 0;
 min-height: 100vh;
}

html {box-sizing: border-box;font-family:"Roboto", sans-serif; scroll-behavior: smooth;}
*, *:before, *:after {box-sizing: inherit;}

* {
 font-family: 'Roboto', sans-serif;
}
.box-vestibular{
  position: sticky;
  top: 140px;
  z-index: 999;
}
.m-40{
    margin: 60px 0;
}
.navbar-collapse{
    justify-content: end !important;
}
p {
 color: var(--text-primary);
 font-size: 1.125rem;
}

a {
 color: var(--text-interactive);
}

ul.list-itens {
 font-size: 1.125rem;
 color: var(--text-primary);
 margin-bottom: 0;
}

ul.list-itens > li {
 padding: .5rem 0;
}

.wrapper-item {
 background-color: var(--background-surface);
 border-radius: var(--rounded);
 padding: 1rem;
 box-shadow: 0 4px 16px 0 #45454526;
 margin-bottom: 1rem;
 border: 1px solid var(--border-primary);
justify-content: center;
  align-items: center;


}
.wrapper-item-col{
   display: flex;
 
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--grayscale-gray_600_A15, rgba(75, 75, 75, 0.15));
  background: var(--grayscale-gray_50, #FFF);
  box-shadow: 0 4px 16px 0 rgba(69, 69, 69, 0.15);
}
.navbar-brand {
 display: inline-flex;
 padding: 0 !important;
 margin: 0 !important;
}

.navbar-brand img {
  display: block;
}

.container-brand {
 display: flex;
  justify-content: center; /* Centraliza horizontalmente */
  flex-wrap: wrap; /* Permite quebra no mobile */
  text-align: center;
  text-decoration: none;
}

span.detail-white {
 color: #FFF;
 font-size: 1.5rem;
 font-family: 'Herokid Bold Condensed';
 padding-right: .3rem;
 padding-left: .15rem;
}

span.title-regular {
 font-family: 'Herokid Regular Condensed', sans-serif;
 font-size: 2rem;
}

.navbar.fixed-top {
 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 background-color: var(--gray_700);
 //padding: 16px 0;
 position: sticky;
}

.navbar-nav {
 align-items: flex-start;
 align-items: center;
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
 gap: 2rem;
}

.navbar-expand-xxl .navbar-nav {
 gap: .5rem;
}

.items-center{
  align-items:center;
}
.justify-center{
  justify-content: center;
}


.navbar.blue {
 background-color: var(--color-1);
}

a.nav-link {
 text-decoration: none;
 font-weight: 700;
 font-size: 1rem;
 line-height: normal;
 color: var(--color-white);
 text-transform: uppercase;
 -webkit-font-smoothing: antialiased;
 border-bottom: 1px solid var(--gray_700);
}

a.nav-link:hover {
 border-bottom: 1px solid var(--gray_300);
}

button.navbar-toggler {
 border: none;
}

li.nav-item.dropdown {
 justify-items: center;
}

.dropdown-menu.show {
 background-color: var(--background-navigation);
 border: none;
 border-radius: 0; 
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

a.dropdown-item {
 color: var(--text-secondary);
 font-weight: 700;
}

a.dropdown-item:hover {
 background-color: var(--red_600);
 color: var(--text-secondary);
}

a.button-primary-fill {
 display: flex;
 border-radius: .5rem;
 padding: 1rem;
 text-transform: uppercase;
 justify-content: center;
 text-decoration: none;
 font-weight: 700;
 color: var(--button-primary-text);
 background-color: var(--button-primary-fill);
 box-shadow: 0 4px 16px 0 #45454526;
 transition: .3s;
}

a.button-primary-fill:hover {
 color: var(--button-primary-text);
 transform: scale(1.05);
 transition: .3s;
}

a.button-primary-fill.md {
 min-width: 320px;
}

a.button-secondary-fill {
 display: flex;
 border-radius: .5rem;
 padding: 1rem;
 text-transform: uppercase;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 font-weight: 700;
 color: var(--button-primary-text);
 background-color: var(--button-secondary-fill);
 box-shadow: 0 4px 4px 0 #00000040;
 transition: .3s;
}

a.button-secondary-fill.white {
  color: var(--Buttons-Secondary-button-secondary-fill, var(--blue_500, #1161DF));
  border-radius: 8px;
  border: 1px solid var(--blue_500, #1161DF);
  box-shadow: 0 4px 16px 0 rgba(69, 69, 69, 0.15);
  background: white;
 
}


a.button-secondary-fill:hover {
 color: var(--button-primary-text);
 transform: scale(1.05);
 transition: .3s;
}

a.button-secondary-fill.white {
  color: var(--Buttons-Secondary-button-secondary-fill, var(--blue_500, #1161DF)) !important;
  background: white;
 
}

.card-body > a.button-secondary-fill {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  box-sizing: border-box;
  border-radius: 8px;
  transform: translateY(6rem); 
  transition: transform 0.3s ease; 
}

.card-filled:hover .button-secondary-fill {
  transform: translateY(0); 
}


.button-wrapper:hover a.button-secondary-fill {
  width: 100%;
  border-radius: 0;
}

a.btn-primary.white {
 background-color: #FFFFFF;
 color: #E5231E;
 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.nav-breadcrumb {
 background-color: var(--background-subtle);
 min-height: 72px;
}

ol.breadcrumb {
 position: absolute;
 padding: 1.5rem 0;
 z-index: 1;
}

.breadcrumb.white {
 border-bottom: 1px solid var(--color-white);
}

.breadcrumb-current {
 color: var(--text-primary);
}

li.breadcrumb-item {
 //padding: 0 0 1rem;
 //border-bottom: 1px solid #f1f1f1;
 position: relative;
}

li.breadcrumb-item > a {
 color: var(--text-interactive);
 text-decoration: none;
}

li.breadcrumb-item.active.white {
 color: var(--color-white);
}

ul.link-list {
 display: block;
 padding: 0;
}

li.link-item {
 border: 1px solid var(--color-red);
 margin: 1rem 0;
 padding: 1rem;
 border-radius: 5px;
}

li.link-item > a {
 color: #d30032;
}

.navbar-nav .nav-link, .nav-link.active, .navbar-nav .show>.nav-link {
 color: var(--text-secondary) !important;
 font-size: 1rem !important;
}

.nav-item {
 padding: .8rem 0;
 color: var(--text-secondary);
 //border-bottom: 1px solid #ffffff57;
 text-transform: uppercase;
}

.nav-item:nth-child(7) {
 border: none;
}

.nav-link {
 font-size: 2rem;
}

a.nav-link-button {
 background-color: var(--orange);
 color: rgb(255 234 211);
 padding: 1rem 3rem;
 display: flex;
 text-decoration: none;
}

a.nav-link-button:hover {
 color: rgb(255 234 211);
}

#vestibular {
 padding: 5rem 0;
 position: relative;
 min-height: 95vh;
 display: flex;
 justify-content: center;
 align-content: center;
 align-items: center;
}

.content-absolute.center {
 position: absolute;
 background-position-y: center;
 z-index: -1;
 opacity: .25;
}

.content-absolute.top {
 position: absolute;
 top: 2rem;
 right: 5%;
 //padding: 1rem;
}

.content-absolute.top-right {
 position: absolute;
 top: 0;
 right: 0;
 z-index: -1;
}

.content-absolute.top-left {
 position: absolute;
 top: 0;
 left: -8rem;
}

.content-absolute.bottom {
 position: absolute;
 bottom: 0;
 right: 0;
} 

.content-absolute.bottom.left {
 position: absolute;
 bottom: 0;
 left: 0;
}

.col-sm-4.star {
 z-index: 3;
}

#vestibular-presencial {
 padding: 5.8rem 0;
}

.flex {
 display: flex;
}

.flex-1 {
 flex: 1;
}

.flex-lettering {
 flex: 1 1 500px;
 position: relative;
 z-index: 1;
}

.img-fluid.lettering {
 max-width: 90%;
}

.img-fluid.image {
 box-shadow: -16px 16px 0 0 #e5231e;
}

.img-fluid.rounded {
 border-radius: .5rem;
 box-shadow: 0 4px 16px 0 #45454526;
}

.flex-form {
 flex: 1 1 200px;
 min-height: 580px;
 background-color: #FFFFFF;
 border-radius: 8px;
 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 z-index: 1;
}

iframe {
 padding: 0 2rem;
}

.gap-24 {
 gap: 1.5rem;
}

.gap-32 {
 gap: 2rem;
}

.mt-16 {
 margin-top: 1rem;
}

.mt-32 {
 margin-top: 2rem;
}

.mt-48 {
 margin-top: 3rem;
}

.mt-56 {
 margin-top: 3.5rem;
}

.mt-72 {
 margin-top: 4.5rem;
}

.mt-80 {
 margin-top: 5rem !important;
}

.mb-128 {
 margin-bottom: 8rem;
}

.pt-112 {
 padding-top: 112px;
}

.m-120 {
 margin: 120px 0;
}

.p-24 {
 padding: 1.5rem;
}

.wrap {
 flex-wrap: wrap;
}

b.uppercase {
 text-transform: uppercase;
}

.col-sm-2.max-h-120 {
 max-height: 210px;
 align-content: center;
}

.col-sm-2.max-h-280 {
 max-height: 280px;
 align-content: center;
}

.section {
 padding: 8rem 0; 
 //min-height: 90vh;
 //background-color: #f7f7f7;
 position: relative;
 z-index: 2;
 background: linear-gradient(180deg, var(--gray_50, #FFF) 0%, var(--gray_100, #F4F4F4) 100%);
}

.section.intern {
 padding: 2rem 0; 
}

.section.intern.md {
 padding: 2rem 0 6rem;
}

.wrapper-bixo {
 border-radius: var(--rounded);
 border: 1px solid var(--border-primary);
 box-shadow: 0px 4px 16px 0px #45454526;
}

.wrapper-bixo img {
 border-radius: 8px 0 0 8px;
}

span.sc-hLQSwg.dZZeqn {
 font-size: .75rem !important;
}

h2 {
 font-family: 'Herokid Bold Condensed', sans-serif;
 font-weight: 700;
 font-size: 4rem !important; 
 color: var(--blue_500);
 text-transform: uppercase;
}

.text-accent {
 color: var(--blue_500);
}


span.detail-line {
 content: '';
 width: 60px;
 height: 3px;
 display: flex;
 background-color: var(--color-3);
 position: absolute;
}

span.red {
 background-color: var(--color-red);
 font-size: 3rem;
 color: var(--color-white);
 padding: 0 1rem;
 align-content: center;
}

span.bigger-blue {
 background-color: #0148c5;
 font-size: 4rem;
 color: var(--color-white);
 padding: 0 1rem;
}

p.text-base, p.text-lg, ul.section-list {
 color: #3F3F3F;;
 font-size: 18px;
}
ul.section-list > li > a{
 color: var(--text-interactive);
}
p.text-sm {
 font-size: 1rem;
}

p.text-form {
 padding: 2rem 2rem 1rem;
 color: #2B2B2B;
 font-weight: 500;
}

p.text-lg {
 font-size: 1.125rem;
 text-transform: uppercase;
 font-weight: 700;
 margin-bottom: 0;
}

ul.section-list {
 display: block;
 list-style: disc;
 font-size: 1rem;
}

p.text-base.white {
 color: var(--color-white);
}

p.text-base.white.sm {
 font-size: .9rem;
}

p.text-base.blue {
 color: var(--color-1);
 font-weight: 700;
}

p.text.blue {
 color: #002d80;
 font-weight: 500;
 font-size: 1.1rem;
 line-height: 1.4;
}

p.text.white.top {
 font-weight: bold;
 text-transform: uppercase;
 padding: 1rem;
 display: block;
 color: var(--color-white);
 font-size: 1.2rem;
 border-bottom: 1px solid var(--color-white);
 letter-spacing: 10px;
}

p.text.white {
 color: var(--color-white);
 font-size: 1rem;
 //background-color: #0000009c;
 padding: 0.5rem;
 //border-radius: 10px;
 margin: 0;
}

p.text-notes {
 font-size: .9rem;
}

a.btn-col, a.nav-link-button {
 display: flex;
 justify-content: center;
 background-color: var(--orange);
 text-transform: uppercase;
 padding: 1rem;
 text-decoration: none;
 font-weight: 700;
 border-radius: 6px;
 color: var(--color-white);
 box-shadow: 4px 0 4px 0 #00000025;
}

a.btn-col:hover, a.nav-link-button:hover {
 background-color: #d9471a;
 transform: scale(1.05);
 transition: 0.3s;
 color: var(--color-white);
}

span.divisor {
 font-size: 1.4rem;
 font-weight: bold;
 padding: 0 .5rem;
}

span.title {
 font-weight: 700;
 font-size: 10rem;
 line-height: 10.5rem;
 color: var(--color-white);
 text-transform: uppercase;
 display: block;
}

span.title.blue {
 color: var(--color-3);
}

span.title.blue.regular {
 font-weight: 400;
 display: inline;
}

span.title.md {
 font-family: 'Herokid Bold Condensed', sans-serif;
 font-size: 7rem;
 color: var(--text-accent);
 line-height: 8rem;
}

span.text {
 font-family: 'Herokid Bold Condensed', sans-serif;
 font-size: 2.5rem;
 line-height: 44px;
 display: block;
 color: var(--color-white);
 text-transform: uppercase;
 font-weight: 400;
}

span.text.sm {
 font-size: 2rem;
}

.flex-content {
 display: flex;
 gap: 1rem;
 margin: auto;
 padding: 8rem 0;
}

.flex-image presencial {
 background: url('https://www.ucs.br/site/midia/arquivos/vestibular-presencial-2025.jpg');
 width: 100%;
 background-position-y: center;
 background-size: cover;
 flex: 1;
 border-radius: 5px;
}

.flex-info, .flex-image {
  flex: 1;
}

.flex-infos {
 align-content: center;
 flex: 1 2 200px;
 max-width: 100%;
}

.infos {
 flex: 1 1 250px;
}

.date {
 flex: 1 1 50px;
}

/ * TABLE */

.section .table tbody tr:last-child td {
  //border-bottom: none !important;
}

.table>:not(caption)>tr:last-child>* {
  border-bottom: none !important;
}

table > thead {
 background-color: #FCE9E8 !important;
}

thead > tr {
 background-color: var(--background-subtle);
 border: 1px solid var(--border-primary);
 border-bottom: transparent;
 border-radius: 8px 8px 0 0 !important;
}

.table>:not(caption)>*>* {
 //min-width: 400px;
 padding: 1rem;
 color: var(--text-primary) !important;
} 

.table>tbody {
 border: 1px solid var(--border-primary);
}

.box-gray {
 background-color: var(--background-subtle);
 border: 1px solid var(--border-primary);
 border-radius: var(--rounded);
}

.box-gray a {
 color: var(--text-interactive);
}

.box-gray > ul {
 list-style: none;
 padding-left: 0;
 font-size: .875rem;
 color: var(--text-primary);
}

.box-gray > ul > li {
 padding: .5rem 0;
}

.sticky-sidebar {
  position: sticky;
  top: 20px; /* distância do topo da página ao rolar */
}

/* ACCORDION */



.accordion {
 background-color: var(--color-red) !important;
 margin: 1rem 0;
 border-radius: 5px;
 padding: .4rem 0;
}
button.accordion-button {
 color: var(--text-primary);
 //border-bottom: 1px solid #00acff40;
 border-radius: 0 !important;
}
button.accordion-button:hover {
 //background-color: #E5231E85 !important;
}
.accordion-button:not(.collapsed) {
 color: var(--text-primary) !important;
 box-shadow: none !important;
 background-color: transparent;
 //box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #000000 !important;
}
.button.accordion-button:active {
 background-color: #E5231E85 !important;
}
.accordion-item {
 border: none !important;
}
.accordion-item:not(:first-of-type) {
 border-top: 1px solid #cecece !important;
}
.accordion-item:first-of-type .accordion-button {
 border-top-left-radius: 5px !important;
 border-top-right-radius: 5px !important; 
}
.accordion-item:last-of-type .accordion-button.collapsed {
 border-bottom-right-radius: 5px !important; 
 border-bottom-left-radius: 5px !important; 
}
.accordion-button::after {
  background: transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0307 9.53063L12.5307 17.0306C12.4611 17.1004 12.3784 17.1557 12.2873 17.1934C12.1963 17.2312 12.0987 17.2506 12.0001 17.2506C11.9015 17.2506 11.8039 17.2312 11.7129 17.1934C11.6218 17.1557 11.5391 17.1004 11.4695 17.0306L3.96948 9.53063C3.86447 9.42573 3.79294 9.29204 3.76396 9.14648C3.73497 9.00092 3.74982 8.85002 3.80664 8.71291C3.86345 8.57579 3.95967 8.45861 4.08312 8.37621C4.20656 8.29381 4.35168 8.24988 4.5001 8.25H19.5001C19.6485 8.24988 19.7936 8.29381 19.9171 8.37621C20.0405 8.45861 20.1368 8.57579 20.1936 8.71291C20.2504 8.85002 20.2652 9.00092 20.2362 9.14648C20.2073 9.29204 20.1357 9.42573 20.0307 9.53063Z' fill='%231161DF'/%3E%3C/svg%3E%0A") center/1em auto no-repeat !important;
}
.accordion-body {
 background-color: var(--text-secondary);
}
.accordion-body ol, .accordion-body p {
 color: var(--text-primary);
} 
.accordion-body p {
 margin: 0;
}
.accordion-body > p > a{
 color: var(--text-interactive);
}
.accordion-body > p > b > a{
 color: var(--text-interactive);
}
.accordion.accordion-button::after {
 background: transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0307 9.53063L12.5307 17.0306C12.4611 17.1004 12.3784 17.1557 12.2873 17.1934C12.1963 17.2312 12.0987 17.2506 12.0001 17.2506C11.9015 17.2506 11.8039 17.2312 11.7129 17.1934C11.6218 17.1557 11.5391 17.1004 11.4695 17.0306L3.96948 9.53063C3.86447 9.42573 3.79294 9.29204 3.76396 9.14648C3.73497 9.00092 3.74982 8.85002 3.80664 8.71291C3.86345 8.57579 3.95967 8.45861 4.08312 8.37621C4.20656 8.29381 4.35168 8.24988 4.5001 8.25H19.5001C19.6485 8.24988 19.7936 8.29381 19.9171 8.37621C20.0405 8.45861 20.1368 8.57579 20.1936 8.71291C20.2504 8.85002 20.2652 9.00092 20.2362 9.14648C20.2073 9.29204 20.1357 9.42573 20.0307 9.53063Z' fill='%231161DF'/%3E%3C/svg%3E%0A") center/1em auto no-repeat !important;
 opacity: 1 !important;
}

td {
 color: var(--blue) !important;
}
td > a {
 font-size: 1rem;
 color: var(--text-primary);
 text-decoration: underline;
}
td > a:hover {
 color: var(--text-primary);
}
.th-title {
 text-transform: uppercase;
 color: var(--color-red);
}
.th:nth-child(even) {
 background-color: #cecece;
}
#video {
 background: var(--blue);
 padding: 5rem 0; 
}
.embed-responsive{
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
 max-width: 100%;
 height: auto;
 margin-top: 30px;
 margin-bottom: 30px;
}

.embed-responsive iframe {
 padding: 0;
} 
.embed-responsive iframe, .embed-responsive object, .embed-responsive embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
p.layer {
 font-size: 1rem;
 background-color: #000000b3;
 padding: 1rem;
 border-radius: 5px;
}
h1 {
 font-family: 'Herokid Bold Condensed', sans-serif;
 font-size: 2rem !important;
 font-weight: 500 !important;
 color: #FFFFFF;
 text-transform: uppercase;
 margin-bottom: 0 !important;
}

h3.subtitle {
 font-family: 'Herokid Bold Narrow', sans-serif;
 font-size: 1.5rem;
 font-weight: 900;
 text-align: center;
}

h3.subtitle.sm {
 font-size: 2.25rem;
 text-align: left;
 text-transform: uppercase;
} 

h3.subtitle.white {
 color: var(--text-secondary);
}

h3.subtitle.align-left {
 text-align: left;
}
h3.section-subtitle.white {
 color: var(--color-white);
}
h3.section-subtitle.white.sm {
 font-size: 1.1rem;
}
h3.section-subtitle.inline{
 display: inline;
}
.carousel-inner {
 border-radius: 5px;
}
.carousel-indicators [data-bs-target] {
 width: 12px !important;
 height: 12px !important;
 border-radius: 50% !important;
}
.box-faixa {
 background-color: #25408f;
 //padding: 25px 30px;
 font-size: 1rem;
 text-align: center; 
 margin-top: 35px;
 margin-bottom: 30px;
 border-radius: 4px;
 padding: 1rem;
}
.box-faixa:hover {
 transition: .3s;
 transform: scale(1.03);
}
span.faixa {
 color: var(--color-white);
 font-size: 1.2rem;
 //line-height: 4rem;
}
#formulario_lead {
 // background-color: #EEEEEE30;
 padding: 1rem 0 1rem 4rem;
 margin-top: 1.5rem;
 top: 5rem;
 position: relative;
}

/* CARD */
.card {
 display: flex;
 padding: 2rem;
 margin: 0 2rem;
 border-radius: 5px;
 margin: 3rem 0 1rem;
 flex: 1 1 250px;
 margin: .5rem;
}

.card > .card-header {
 background-color: transparent;
}

.card > .card-body {
 padding: 0;
 align-content: end;
}

.card-img-top {
 border: 1px solid var(--gray_200);
 border-bottom: 0;
 border-radius: 8px 8px 0 0 !important;
}

.card.bordered {
 display: flex;
 gap: 2.5rem;
 border: 1px solid var(--border-primary);
 margin: 0;
 box-shadow: 0px 4px 16px 0px var(--gray_600_A15);
}

.card.bordered > .card-header {
 background-color: #FFFFFF;
} 

.card-bordered > .card-body {
 padding: 0;
}

.card-body.button {
 background: var(--background-subtle);
 border: 1px solid var(--gray_200);
 border-top: 0;
 border-radius: 0 0 8px 8px;
 padding: 1rem;
 display: flex;
 justify-content: center;
 align-items: center;
 box-shadow: 0 4px 16px 0 #45454526;
}

.card-header {
 text-align: center;
 border-bottom: none !important;
}

.align-end {
 text-align: end;
}

.button-wrapper {
  height: 83px;
  position: relative;
  overflow: hidden;
}

.card-1, .card-2, .card-3, .card-4, .card-5, .card-6, .card-7, .card-8, .card-9 {
 background-size: cover;
 background-position: 50% 25%;
 min-height: 430px;
 background-color: #FFF;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 background-blend-mode: multiply, normal;
 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.card-1 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/campus-sede-vestibular-2025.webp');
}

.card-2 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/vestibular_campus-regiao-dos-vinhedos.webp');
 background-position: 40%;
}

.card-3 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/canela-vestibular-2025.webp');
 background-position: 20%;
}

.card-4 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/sao-sebastiao-do-cai-vestibular-2025.webp');
 background-position: 40%;
}

.card-5 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/vestibular_campus-nova-prata.webp');
 background-position: 100%
}

.card-6 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/farroupilha-vestibular-2025_3.webp');
}

.card-7 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/guapore-vestibular-2025.webp');
}

.card-8 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/vacaria-vestibular-2025.jpg');
 background-position: 30%
}

.card-9 {
 background-image: 
    linear-gradient(180deg, rgba(0, 0, 0, 0.50) 23.56%, rgba(255, 255, 255, 0.00) 51.92%),
    url('https://ucs.br/site/midia/arquivos/torres-vestibular.webp');
 background-position: 30%
}


.card-filled {
  width: calc(25% - 24px); /* 4 cards por linha, com espaçamento */
  flex-shrink: 0; /* Impede que o card encolha */
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  //padding: 1.5rem;
    box-shadow: 0px 4px 4px 0px #45454526;
}

.card-filled .card-header {
 min-height: 350px;
 padding: 1.5rem;
}

.card-filled .card-body {
 padding: 1rem;
 min-height: 112px;
 position: relative;
}

a.link {
 font-weight: 500;
 font-size: 1.1rem; 
 color: #035fe7;
}

.box-prova-online {
 background-color: var(--color-3);
 padding: 1.5rem 0;
}

/* FAIXA BIXO */
#bg-faixa {
 background-color: #004fdf;
 background-image: url(https://www.ucs.br/site/midia/arquivos/Faixa-Bixo-UCS-fundo-top_6.png);
 padding: 0;
 background-repeat: no-repeat;
 margin-top: 40px;
 margin-bottom: 20px;
 border-radius: 5px;
 background-position-x: center;
 background-size: contain;
}
input.inputbox {
 border-radius: 5px;
 padding: .3rem;
 border: 1px solid #fff;
 width: 600px;
}
input.bt_busc {
 background-color: #004fdf;
 color: #fff;
 width: 30%;
 box-shadow: 2px 2px 6px 0 #2525255c;
 border: 1px solid #ffffff;
 border-radius: 5px;
 text-transform: uppercase;
 font-weight: 500;
 transition: .3s;
}
input.bt_busc:hover {
 background-color: #fff;
 color: #004fdf;
 transition: .3s;
}
a.abrefaixa {
 color: #fff;
}
a.abrefaixa:hover {
 color: #e3e3e3;
}
ul.errorlist {
 color: #ffc9ce;
 margin-top: 1rem;
}
.cont-faixa {
 padding: 200px 60px 0 160px;
}
.box-bottom-faixa {
 background-color: #004fdf;
 padding: 86px;
 margin-top: -125px;
 border-radius: 5px;
}
.form-faixa {
 display: flex;
 gap: 1rem;
}
.modal {
 display: none; /* Inicialmente escondido */
 position: fixed; /* Fixa na tela */
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.7);
 z-index: 9999;
 justify-content: center;
 align-items: center;
 padding: 10px;
}
.modal-content {
 background-color: white;
 padding: 28px;
 border-radius: 5px;
 border: none !important;
 width: 70%;
 max-width: 800px;
 text-align: center;
 position: relative;
}
span.close-btn {
 display: flex;
 position: absolute;
 right: .25rem;
 top: .25rem;
 font-size: 1.25rem;
 cursor: pointer;
 background: #dedede;
 border-radius: 100%;
 color: #444444;
 align-items: center;
 justify-content: center;
 height: 24px;
 width: 24px;
}

.justify-between {
 justify-content: space-between;
}

.gap-16 {
 gap: 1rem;
}

/* FOOTER */
footer {
 background-color: var(--background-navigation);
 padding: 1rem 0;
 position: relative;
}

.flex-logo {
 align-content: center;
 text-align: end;
}

.img-fluid.logo-rodape {
 max-width: 80% !important;
}
.img-fluid.star-right {
 position: absolute;
 left: 14rem;
 top: 10rem;
 width: 458px;
 height: 502px;
}
.img-fluid.star-left {
 position: absolute;
 right: 6rem;
 bottom: -4rem;
}

.arrow-container {
  position: relative;
  width: 43px;
  height: 40px;
  margin: auto;
}

.arrow-down {
  position: absolute;
  left: 0;
  
}

.arrow-1 {
  animation-delay: 0s; /* A seta branca começa primeiro */
  animation: drop 1.3s infinite ease-in-out; /* A duração foi aumentada para permitir a pausa */
}

.arrow-2 {
  animation-delay: 0s; /* A seta com opacidade desce depois da branca */
  animation: drop2 1.3s infinite ease-in-out; /* A duração foi aumentada para permitir a pausa */
}


.table {
 border-collapse: separate !important;
 border-spacing: 0;
 border: 1px solid var(--border-primary) !important;
 border-bottom: none;
 border-radius: 8px !important;
 overflow: hidden;
 background: #fff; 
}

@keyframes drop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  15% {
    transform: translateY(0px); /* Queda rápida */
    opacity: 1;
  }
  38% {
    transform: translateY(50px); /* Permanece no fundo por um tempo */

  }
  61% {
    transform: translateY(50px); /* Permanece no fundo por um tempo */

  }
  100% {
    transform: translateY(0); /* Subida lenta */
    opacity: 1;
  }
}

@keyframes drop2 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  15% {
    transform: translateY(0px); /* Queda rápida */
    opacity: 1;
  }
  61% {
    transform: translateY(50px); /* Permanece no fundo por um tempo */

  }
  100% {
    transform: translateY(0); /* Subida lenta */
    opacity: 1;
  }
}



@keyframes opacityDrop {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@font-face {
  font-family: 'Herokid Bold Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Herokid Bold Condensed'),
    url('/site/midia/arquivos/herokid-bold-condensed.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Herokid Bold Narrow';
  font-style: normal;
  font-weight: normal;
  src: local('Herokid Bold Narrow'),
    url('/site/midia/arquivos/herokid-bold-narrow.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Herokid Regular Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Herokid Regular Condensed'),
    url('/site/midia/arquivos/herokid-regular-condensed.otf') format('opentype');
  font-display: swap;
}

@keyframes bounceDown {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(10px);
    opacity: 0.5;
  }
}

/* MEDIA QUERIES */
@media (min-width: 0) and (max-width: 575px) {
.sm-align-start{
 text-align: start;
}
.card-body > a.btn-primary.red {
 transform: translateY(0rem); 
 transition: transform 0.3s ease; 
}
#stars{
 width:150px;
}
.logo-rodape{
 margin-top: 16px;
}
table{
 display: block !important;
 width: 100% !important;
 overflow-x: auto !important;
 white-space: nowrap !important;
}
#vestibular {
 padding: 4rem 0;
 height: auto;
}
ul.nav-links-top {
 font-size: .1rem;
 visibility: hidden;
 gap: 0;
 width: 150px;
 height: 0;
}
a.link-white {
 color: var(--color-white) !important;
}
#video {
 padding: 6rem 0 0;
 height: auto;
} 
h2.section-title {
 font-size: 2.5rem;
}
h3.section-subtitle.inline {
 display: block;
 padding: 0 3rem;
}
span.divisor {
 visibility: hidden;
}
p.text.blue.layer {
 letter-spacing: 5px;
}
#formulario_lead {
 padding: 0 1rem;
 margin-top: 0;
 height: 600px;
}
.col-sm-7.margin {
 margin: 4rem 0 0;
 border: none;
}
.col-sm-3.margin {
 margin-left: 0;
}
span.title {
 font-size: 5rem;
 line-height: 4.5rem; 
}
span.text {
 font-size: 2rem;
 line-height: 2rem;
}
span.text.sm {
 font-size: 1.75rem;
}
input.inputbox {
 width: 300px;
}
.form-faixa {
 display: inline-block;
}
input.bt_busc {
 margin-top: 1rem;
} 
.img-fluid.star-right {
 width: 20%;
 visibility: hidden;
}
.cont-faixa {
 padding: 120px 60px 0 60px;
}
.modal-content {
 width: 90%;
}
.flex-content {
 flex-direction: column;
}
h2.section-title.lg {
 font-size: 4rem;
 line-height: 4.5rem;
}
.infos {
 flex: 1 1 200px;
}
.flex-col {
 flex-direction: column;
}
.flex-info {
  flex: 1;
}
.flex-logo {
 text-align: center;
}
.content-absolute.bottom {
 visibility: hidden;
}
.flex-img {
 display: none;
}
nav.navbar {
 padding: 1.5rem 0;
}
ol.breadcrumb {
 padding: 1.5rem 1rem;
}
ol.breadcrumb > .container {
 padding: 0;
}
li.breadcrumb-item > svg {
 display: none;
}
li.breadcrumb-item::before {
 content: '';
 width: 20px;
 height: 20px;
 position: absolute;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.64597 8.14628L9.64597 3.14628C9.69243 3.09982 9.74758 3.06297 9.80827 3.03783C9.86897 3.01269 9.93402 2.99975 9.99972 2.99975C10.0654 2.99975 10.1305 3.01269 10.1912 3.03783C10.2519 3.06297 10.307 3.09982 10.3535 3.14628C10.3999 3.19273 10.4368 3.24788 10.4619 3.30858C10.4871 3.36928 10.5 3.43433 10.5 3.50003C10.5 3.56572 10.4871 3.63078 10.4619 3.69147C10.4368 3.75217 10.3999 3.80732 10.3535 3.85378L5.7066 8.50003L10.3535 13.1463C10.4473 13.2401 10.5 13.3673 10.5 13.5C10.5 13.6327 10.4473 13.76 10.3535 13.8538C10.2597 13.9476 10.1324 14.0003 9.99972 14.0003C9.86704 14.0003 9.73979 13.9476 9.64597 13.8538L4.64597 8.85378C4.59948 8.80734 4.5626 8.7522 4.53744 8.6915C4.51228 8.6308 4.49933 8.56573 4.49933 8.50003C4.49933 8.43432 4.51228 8.36926 4.53744 8.30856C4.5626 8.24786 4.59948 8.19271 4.64597 8.14628Z' fill='%23787878'/%3E%3C/svg%3E");
 background-size: contain;
 background-repeat: no-repeat;
 display: inline-block;
 left: 0;
 top: 1px;
}
li.breadcrumb-item {
 padding-left: 32px;
}
span.breadcrumb-current {
 display: none;
}
iframe {
 height: 500px;
}
.sm-block {
 display: block;
}
.navbar-toggler {
 padding: 0;
}
.nav-item {
 padding: .25rem 0;
}
}


@media (max-width: 991px) {
  .sm-md-w-full{
    width: 100%;
  }
}


@media (min-width: 576px) and (max-width: 767px) {
.card-body > a.btn-primary.red {
 transform: translateY(0rem); 
 transition: transform 0.3s ease; 
}
#vestibular {
 height: auto;
}
.align-end{
  text-align: start;
}
span.title {
 font-size: 5rem;
 line-height: 5.5rem;
}
#formulario_lead {
 padding: 0 1rem;
 height: 520px;
 top: 2rem;
}
.row.column {
 display: flex;
 flex-direction: column;
}
.col-sm-7.margin {
 padding-left: 1rem;
 width: 100%;
 border-right: none;
}
.full {
 width: 100% !important;
}
p.text.blue.layer {
 font-size: 1rem;
 letter-spacing: 2px;
}
p.text.white.top {
 font-size: 1rem;
}
h3.section-subtitle.inline {
 display: block;
 padding: 0 3rem;
}
span.divisor {
 visibility: hidden;
}
.col-sm-3.margin {
 margin-left: 0;
}
input.inputbox {
 width: 300px;
}
img.img-fluid.star-right {
 width: 40%;
 visibility:  hidden;
}
.cont-faixa {
 padding: 120px 60px 0 60px;
}
.modal-content {
 width: 90%;
}
.flex-content {
 flex-direction: column;
 }
h2.section-title.lg {
 font-size: 6rem;
}
.flex-col {
 flex-direction: column;
}
.flex-info {
 flex: 1;
}
iframe {
 height: 450px;
}
.content-absolute.bottom {
 visibility: hidden;
}
span.text.sm {
 font-size: 1.75rem;
}
span.text {
 font-size: 2rem;
 line-height: 2rem;
}
nav.navbar {
 padding: 1.5rem 0;
}
ol.breadcrumb > .container {
 padding: 0;
}
.nav-item {
 padding: .25rem 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.card-body > a.btn-primary.red {
 transform: translateY(0rem); 
 transition: transform 0.3s ease; 
}
.align-end{
 text-align: start;
}
#vestibular {
 padding: 2rem 0 3rem;
}
#formulario_lead {
 padding: 0 2rem;
}
span.title {
 font-size: 7rem;
 line-height: 7.5rem;
}
iframe {
 height: 450px;
}
.full {
 width: 100% !important;
}
.col-sm-7.margin {
 margin: 8rem 0 0;
 border: none;
}
.col-sm-3.margin {
 margin-left: 0;
}
span.text.sm {
 font-size: 1.75rem;
}
span.text {
 font-size: 2rem;
 line-height: 2rem;
}
input.inputbox {
 width: 300px;
}
img.img-fluid.star-right {
 visibility:  hidden;
 }
.cont-faixa {
 padding: 120px 100px 0 90px;
 }
.flex-content {
 flex-direction: column;
 }
span.bigger-blue {
 font-size: 4rem;
}
.flex-col {
 flex-direction: column;
}
.flex-info {
 flex: 1;
}
nav.navbar {
 padding: 1.5rem 0;
}
.nav-item {
 padding: .25rem 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
a.navbar-brand {
 margin: 1rem;
 }
ul.nav-links-top {
 padding: 1rem 0 0 0;
 }
#vestibular {
 padding: 7rem 0;
 }
#formulario_lead {
 padding: 0 2rem;
 top: 2rem;
 }
span.title {
 font-size: 7rem;
 line-height: 7.5rem;
 }
.cont-faixa {
 padding: 140px 100px 0 120px;
 }
img.img-fluid.star-right {
 left: 0;
 top: 4rem;
 }
.flex-content {
 gap: 2rem;
 }
.flex-image presencial {
 background-position-x: -100px !important;
 }
h2.section-title.lg {
 font-size: 5rem;
 }
span.bigger-blue, span.red {
  font-size: 3rem;
 }
 .flex-col {
 flex-direction: column;
}
nav.navbar {
 padding: 1.5rem 0;
}
a.button-primary-fill.md {
 min-width: 220px;
}
}
@media (min-width: 1200px) and (max-width: 1579.98px) {
.cont-faixa {
 padding: 180px 100px 0 160px;
 }
img.img-fluid.star-right {
 left: 0;
 top: 7rem;
 }
.flex-image presencial {
 background-position-x: -60px;
 }
 h2.section-title.lg {
 font-size: 5rem;
 }
.navbar-expand-xxl .navbar-nav {
  gap: .5rem;
 }
}

@media (min-width: 1200px) and (max-width: 1398px) {
 
nav.navbar {
 padding: 1.5rem 0;
 }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {

}
@media (min-width: 2560px) {
.navbar>.container-fluid {
  justify-content: space-evenly !important;
 }
}