/*
Theme Name: Uniguaçu Oficial
Theme URI: https://localhost/
Author: Uniguaçu
Author URI: https://localhost/autor
Description: a colocar
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uniguacu
*/

@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");




:root {
  --red: #e83f5b;
  --blue: #5965e0;
  --green: #4cd62b;
  --principal: #13151b;
  --contorno: #333333;
  --principal-fundo: #0c0e13;
  --principal-fundo-bg: #13151b;
  --principal-active: #353940;
  --principal-live: #f5303b;
  --principal-ead: #0081d8;
  --principal-lancamento: #ff0086;
  --principal-presencial: #00c625;
  --principal-oferta: #ffeb36;
  --principal-gratuito: #9142e7;
  --principal-oferta-ativa: #ffeb36;
  --principal-aviso: #ff6400;
  --white: #fff;
  --blue-dark: #4953b8;
  --black: #000000;
  --strong-gray: #2c2e32;
  --light-gray: #ccc;
  --blue-twitter: #2aa9e0;
  --blue-facebook: #4080ff;
  --red-youtube: #c5463d;
  --red-insta: #bf3583;
  --body-color: hsl(0, 0%, 98%);
  --footer: #222222;
  --fonte: "Roboto", sans-serif;
  --cor-lista-menu: #18385f;
  --font-light: "MADE Outer Sans Light";
  --font-regular: "MADE Outer Sans Regular";
  --font-thin: "MADE Outer Sans Thin";
  font-size: 100%; /* 16px */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-thin);
}

a {
  text-decoration: none;
}

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

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

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

ul {
  list-style: none;
}


/**=================== FONTES ======================== */
@font-face {
  font-family: "MADE Outer Sans Black";
  /* src: url(../assets/fonts/MADE\ Outer\ Sans\ Black.otf); */
  src: url("/wp-content/plugins/services-uniguacu/assets/fonts/MADE\ Outer\ Sans\ Black.otf");
}

@font-face {
  font-family: "MADE Outer Sans Bold";
  src: url("/wp-content/plugins/services-uniguacu/assets/fonts/MADE\ Outer\ Sans\ Bold.otf");
}

@font-face {
  font-family: "MADE Outer Sans Light";
  src: url("/wp-content/plugins/services-uniguacu/assets/fonts/MADE\ Outer\ Sans\ Light.otf");
}

@font-face {
  font-family: "MADE Outer Sans Medium";
  src: url("/wp-content/plugins/services-uniguacu/assets/fonts/MADE\ Outer\ Sans\ Medium.otf");
}

@font-face {
  font-family: "MADE Outer Sans Regular";
  src: url("/wp-content/plugins/services-uniguacu/assets/fonts/MADE\ Outer\ Sans\ Regular.otf");
}

@font-face {
  font-family: "MADE Outer Sans Thin";
  /*https://teste.local/wp-content/plugins/services-uniguacu/assets/fonts/%20Outer%20Sans%20Thin.otf*/
  /*https://teste.local/wp-content/plugins/services-uniguacu/assets/fonts/MADE%20Outer%20Sans%20Thin.otf*/
  src: url("/wp-content/plugins/services-uniguacu/assets/fonts/MADE\ Outer\ Sans\ Thin.otf");
}

/**=================== FIM FONTES ======================== */



@media (max-width: 780px) {

  .item-download {
    width: 48% !important;
  }

  .box-meses {
    flex-wrap: wrap;
  }

  ul.planos-uplay li p {
    font-size: 17px !important;
  }

  .elementor-carousel-image {
    background-repeat: no-repeat;
    background-position: center;
  }

  .tela-login {
    display: none !important;
  }

  .tela-login-mobile {
    width: 100vw;
    height: 100vh;
  }

  .login-mobile {
    position: relative;
    width: 100vw;
    height: 100vh;
  }

  .login-mobile p {
    color: white;
    font-family: var(--font-thin);
  }

  .box-formulario-mobile .login-submit input[type="submit"] {
    display: inline !important;
    width: 48%;
    background-color: var(--principal-live);
    height: 45px;
    color: white;
    border: none;
    text-transform: uppercase;
    padding: 0px 20px 0px 20px;
    font-family: var(--font-regular);
  }

  .box-formulario-mobile .login-submit {
    display: inline;
  }

  .box-formulario-mobile input {
    height: 49px;
    border-radius: 6px;
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
  }

  .box-formulario-mobile .login-remember input[type="checkbox"] {
    display: inline !important;
    height: 15px;
    width: 4%;
    max-width: 10px;
  }
  .box-formulario-mobile {
    position: absolute;
    top: 20%;
    border: 1px solid white;
    border-radius: 6px;
    padding: 20px;
    margin: auto 55px;
  }

  .box-image-login {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .box-formulario-mobile img {
    width: 56px;
    margin: 14px 88px;
  }

  .two-coluns-graduacao {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 55px;
  }

  .imagem-e-texto-catalogo-umedice p {
    width: 100% !important;
  }

  .imagem-e-texto-catalogo-umedice img {
    width: 100% !important;
    border-right: 0px solid #2ca0ff !important;
  }

  #detalhe-oferta .accordion-label {
    font-size: 14px !important;
  }

  .imagem-e-texto-catalogo-umedice {
    flex-direction: column;
  }

  .box-salas-detalhes {
    width: 100% !important;
  }

  #fotos-sala-mj .next-slide,
  #fotos-ayrton-sena .next-slide,
  #fotos-academia .next-slide,
  #fotos-pilates .next-slide,
  #fotos-banheiros .next-slide,
  #sala-usain-bolt .next-slide {
    display: none !important;
  }

  #fotos-sala-mj .prev-slide,
  #fotos-ayrton-sena .prev-slide,
  #fotos-academia .prev-slide,
  #fotos-pilates .prev-slide,
  #fotos-banheiros .prev-slide,
  #sala-usain-bolt .prev-slide {
    display: none !important;
  }

}

@media (min-width: 800px) and (max-width: 2550px) {
  .tela-login-mobile {
    display: none !important;
  }

  .phone {
    display: none !important;
  }
}

.margin-top {
  margin-top: 35px;
}
.margin-top-2 {
  margin-top: 50px;
}

#lista-polo {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 780px) {

  .conteudo-pagina-pag-principal  {
    display: none;
  }
  .ultimos-lancamentos {
    display: none;
  }
  .grid-tres-colunas {
    grid-template-columns: 1fr;
  }
  .banner-name {
    width: 100%;
    margin-bottom: 3rem;
  }

  .margin-top-2 {
    margin-top: 73px;
  }

}

@media (min-width: 1180px) and (max-width: 1560px) {
  .box-formulario .login-submit input[type="submit"] {
    display: inline !important;
    width: 45% !important;
    margin: 5px 0px 0px 5px !important;
    margin-top: 10px !important;
    padding: 0px 16px !important;
  }

  .box-formulario img {
    margin: 0px 0px 40px 39px !important;
    font-size: 8px !important;
  }

  .tag-oferta {
    padding: 5px 5px 5px 5px !important;
    font-size: 8px !important;
  }

  .tag-live {
    padding: 5px 5px 5px 5px !important;
    font-size: 8px !important;
  }

  .tag-ead {
    padding: 5px 5px 5px 5px !important;
    font-size: 8px !important;
  }

  .tag-gratuito {
    padding: 5px 5px 5px 5px !important;
    font-size: 8px !important;
  }

  .tag-presencial {
    padding: 5px 5px 5px 5px !important;
    font-size: 8px !important;
  }

  .tag-lancamento {
    padding: 5px 5px 5px 5px !important;
    font-size: 8px !important;
  }

  .tag-aviso {
    padding: 5px 5px 5px 5px !important;
    font-size: 8px !important;
  }

  .item-lista-oferta .titulo-tags-oferta .titulo {
    font-size: 13px !important;
  }
}


/**=================== AJUSTES LAYOUT ======================== */

.layout-sidebar-menu {
  display: flex;
  flex-direction: row;
  background-color: var(--principal-fundo-bg);
}

#sidebar {
  height: 100vh;
  overflow: auto;
  width: 280px;
  min-width: 280px;
  color: #b3b8d4;
  overflow-x: hidden !important;
  position: relative;
  background-color: var(--principal-fundo);
  border: 2px solid var(--contorno);
  border-radius: 0 30px 30px 0;
  transition: 0.3s all ease-in-out;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

.sidebar-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.sidebar-header {
  height: 64px;
  min-height: 64px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid rgba(83, 93, 125, 0.3);
}

.sidebar-body {
  flex-grow: 1;
  padding: 10px 0;
}

.sidebar-footer {
  height: 64px;
  min-height: 64px;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(83, 93, 125, 0.3);
  padding: 0 20px;
  font-size: 13px;

}

.grid-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 25px;
  gap: 25px;
}

.item-card-features img {
  width: 100%;
}

.item-card-features a {
  color: white;
  margin-top: 15px;
  margin-bottom: 15px;
}

.title-new-features {
  text-align: center;
  margin-top: 25px;

}

.item-card-features a img{
  color: white;
  margin-top: 15px;
  margin-bottom: 15px;
}

.grid-features p {
  color: white;
  margin-top: 25px;
}

.sidebar-footer  a {
  color: #b3b8d4 ; 
  text-decoration: dotted;

}

.sidebar-footer  a:hover {
  color: var(--principal-aviso)

}

.sidebar-body .menu-sidebar-home .menu-item a {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 20px;
}

.menu-item{
  transition: all .3s ;
}
.menu-item:hover {
  
  background-color: var(--principal-active)
}

.conteudo-pagina .nav-principal {
  padding: 0px 84px 20px 84px;
  margin-top: 35px;
}

.conteudo-pagina {
  width: 100%;
}

.conteudo-pagina .conteudo {
  padding: 0px 84px 20px 84px;
  display: flex;
  flex-direction: column;
}

.conteudo-pagina-tutorial {
  width: 100%;
}

.conteudo-pagina-tutorial .conteudo {
  padding: 0px 184px 20px 184px;
  display: flex;
  flex-direction: column;
}

.conteudo-pagina-tutorial .nav-principal {
  padding: 0px 84px 20px 84px;
  margin-top: 35px;
}

/**=================== AJUSTES LAYOUT ======================== */

/**=================== SIDEBAR CSS ======================== */

.sidebar-header {
  display: flex;
  justify-content: space-between;
}

.sidebar-header .imagen-logo img {
  width: 150px;
  height: auto;
  object-fit: contain;
}

.sidebar-header .icone-close-menu img {
  height: 25px;
  width: 25px;
  object-fit: contain;
}

.icone-close-menu {
  cursor: pointer;
}

.sidebar-body .menu-sidebar-home .menu-item a,
.sidebar-footer .menu-item a {
  font-family: var(--font-thin);
  color: white;
  font-weight: 200;
  display: flex;
  align-items: center;
}

.sidebar-body .menu-sidebar-home li.menu-item {
  margin: 15px 0 15px 0;
}
.sidebar-body .menu-sidebar-home .menu-item a i img,
.sidebar-footer .menu-item a i img {
  height: 25px;
  width: 25px;
  object-fit: contain;
  cursor: pointer;
}

img.menu-item-hidden {
  /* padding: 0 20px; */
  display: none;
  transform: rotate(180deg);
  width: 25px;
}

.menu-item-hidden {
  width: 25px;
  object-fit: contain;
  cursor: pointer;
}

.sidebar-body .menu-sidebar-home .menu-item a i,
.sidebar-footer .menu-item a i {
  margin: 0 15px 0 0;
}

/**=================== SIDEBAR CSS ======================== */

/**=================== CONTEUDO PAGINAS CSS ======================== */

.conteudo {
  width: 100%;
}

.box-itens-menu {
  display: flex;
  align-items: center;
  gap: 15px;
}

.item-menu-principal img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.item-menu-principal i.icon-ferramenta {
  color: white;
  font-size: 32px;
}
.item-menu-principal {
  /* padding: 25px; */
  display: flex;
  /* width: 230px; */
  width: 16%;
  height: 116px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: var(--font-thin);
  background-color: var(--principal-fundo);
  border: 1px solid var(--contorno);
  border-radius: 6px;
  transition: all .3s;
}

.item-menu-principal:hover {
  background-color: var(--principal-active);
}

.item-menu-principal p {
  color: white;
  margin-top: 10px;
  font-size: 20px;
  text-align: center;
}


.search-box {
  width: 100%;
  height: 46px;
  background-color: var(--principal-active);
  padding: 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.search-box-lista {
  width: 22%;
  height: 46px;
  background-color: var(--principal-active);
  padding: 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.search-box-lista img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.search-box-lista input {
  background-color: var(--principal-active);
  border: none;
  height: 35px;
  width: 100%;
  padding: 0 0 0 10px;
  font-family: var(--font-thin);
  color: white;
}

.search-box img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.search-box input {
  background-color: var(--principal-active);
  border: none;
  height: 35px;
  width: 100%;
  padding: 0 0 0 10px;
  font-family: var(--font-thin);
  color: white;
}

.item-menu-header-active {
  background-color: var(--principal-active) !important;
  border-radius: 6px;
}

.item-menu-header-active-mobile-menu {
  background-color: white !important;
  border-radius: 6px;
}

.search-box input:focus {
  /* background-color: lightblue; */
  border: 1px solid red;
}

.search-box input:focus-visible {
  outline: var(--contorno) auto 1px;
}

.titulo-search h2,
.titulo-search-lista h2 {
  font-family: var(--font-regular);
  font-weight: normal;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
}

.ofertas-and-promocao {
  display: grid;
  grid-template-columns: 70% auto;
  margin-top: 20px;
  gap: 30px;
  height: 550px;
}

.titulo-search {
  display: grid;
  grid-template-columns: 68% auto;
  margin-top: 20px;
  gap: 50px;
}

.titulo-search-lista {
  display: grid;
  grid-template-columns: 77% auto;
  margin-top: 20px;
  justify-content: space-between;
  /* gap: 20px; */
}

.ofertas-and-promocao .imagem-destaque img {
  /* height: 300px; */
  height: 100%;
  width: 100%;
  border-radius: 7px;
  object-fit: cover;
  background-color: var(--principal-active);
}

.ofertas-and-promocao .imagem-destaque {
  margin: 0 0px 0 0;
  position: relative;
  height: 550px;
}

.overlay-descricao {
  width: 100%;
  position: absolute;
  bottom: 0%;
  padding: 30px 70px 31px 70px;
  /* background: linear-gradient(
358.74deg
,#000000 1.02%,rgba(0,0,0,.46) 98.88%); */
  border-radius: 7px;
  background: linear-gradient(
    to top,
    rgba(11, 11, 11, 0.85),
    rgba(11, 11, 11, 0)
  );
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.overlay-descricao p {
  width: 77%;
  font-family: var(--font-thin);
  font-size: 20px;
  line-height: 2rem;
  letter-spacing: 2px;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
}

.overlay-descricao .btn-saiba-mais-oferta {
  height: 58px;
  background-color: white;
  color: var(--principal);
  display: flex;
  align-items: center;
  font-family: var(--font-thin);
  font-weight: bold;
  justify-content: center;
  width: 170px;
  font-size: 16px;
  border-radius: 4px;
  margin-top: 20px;
  cursor: pointer;
  transition: all .3s;
}

.overlay-descricao .btn-saiba-mais-oferta:hover {
  height: 58px;
  background-color: var(--red);
  color: var(--white);
  cursor: pointer;
}

.item-lista-oferta {
  display: flex;
  width: 100%;
  background-color: var(--principal);
  border: 2px solid var(--contorno);
  border-radius: 15px;
  gap: 9px;
  cursor: pointer;
  transition: all .3s;
  position: relative;
}

.item-lista-oferta:hover {
  background-color: var(--principal-active);
}

.carregando-para-trocar {
  position: absolute;
  width: 20%;
  height: 100%;
  z-index: 1;

}

.item-lista-active  .carregando-para-trocar {
  background: #616a78;
  border-radius: 15px;
  transition: width .3s ease-in-out;

}


.item-lista-active {
  background-color: var(--principal-active) !important;
}

.item-lista-oferta .titulo-tags-oferta {
  padding: 10px 0 10px 0;
  width: 80%;
  z-index: 2;
}
.item-lista-oferta .img-capa-oferta {
  background-color: var(--principal-active);
  border-radius: 15px;
  width: 20%;
  height: 109px;
  z-index: 2;
}

.item-lista-oferta .img-capa-oferta .titulo-tags-oferta {
  width: 100%;
}

.item-lista-oferta .img-capa-oferta img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.tag-oferta {
  background-color: var(--principal-oferta);
  padding: 5px 5px 5px 5px;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  font-family: var(--font-regular);
  color: black !important;
  margin-bottom: 10px;
  font-size: 8px;
}

.tag-live {
  background-color: var(--principal-live);
  padding: 5px 5px 5px 5px;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  font-family: var(--font-regular);
  color: white;
  margin-bottom: 10px;
  font-size: 8px;
}

.tag-ead {
  background-color: var(--principal-ead);
  padding: 5px 5px 5px 5px;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  font-family: var(--font-regular);
  color: white;
  margin-bottom: 10px;
  font-size: 8px;
}

.tag-gratuito {
  background-color: var(--principal-gratuito);
  padding: 5px 5px 5px 5px;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  font-family: var(--font-regular);
  color: white;
  margin-bottom: 10px;
  font-size: 8px;
}

.tag-presencial {
  background-color: var(--principal-presencial);
  padding: 5px 5px 5px 5px;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  font-family: var(--font-regular);
  color: white;
  margin-bottom: 10px;
  font-size: 8px;
}

.tag-lancamento {
  background-color: var(--principal-lancamento);
  padding: 5px 5px 5px 5px;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  font-family: var(--font-regular);
  color: white;
  margin-bottom: 10px;
  font-size: 8px;
}

.tag-aviso {
  background-color: var(--principal-aviso);
  padding: 5px 5px 5px 5px;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  font-family: var(--font-regular);
  color: white;
  margin-bottom: 10px;
  font-size: 8px;
}

.item-lista-oferta .titulo-tags-oferta .titulo {
  color: white;
  font-size: 15px;
  display: inline-block;
  font-family: var(--font-light);
  text-transform: uppercase;
}

.lista-de-ofertas ul li:nth-child(2),
.lista-de-ofertas ul li:nth-child(3),
.lista-de-ofertas ul li:nth-child(4) {
  margin-top: 31px;
}

.ultimos-lancamentos {
  margin-bottom: 30px;
}

.ultimos-lancamentos h2 {
  font-family: var(--font-regular);
  font-weight: normal;
  color: white;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 15px;
  text-transform: uppercase;
}

.box-itens-ultimos-lancamento {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}


.box-itens-ultimos-lancamento > .item {
  box-sizing: border-box;
  margin: 10px;

}

.box-card-inferior {
  width: 100%;

}

.box-itens-ultimos-lancamento img {
  width: 100%;
  height: 275px;
  border-radius: 20px;
  object-fit: cover;
}
.box-itens-ultimos-lancamento .item{
  width: 18%;
}
.box-itens-ultimos-lancamento .item .box-tags {
  margin: 15px 0 0px 0;
}

.box-itens-ultimos-lancamento .item .box-tags p {
  /* margin: 15px 0 15px 0; */
  font-size: 10px;
}

.box-itens-ultimos-lancamento .item p {
  font-family: var(--font-regular);
  font-weight: normal;
  color: white;
  font-size: 15px;
}
/**=================== CONTEUDO PAGINAS CSS ======================== */

@media (min-width: 1100px) and (max-width: 1500px) {
  .conteudo-pagina .nav-principal {
    padding: 0px 20px 20px 20px;
  }

  .logo-and-description-curso img.logo-description-curso {
    margin: 0px !important;
  }

  .conteudo-pagina .conteudo {
    padding: 0px 20px 20px 66px;
  }

  .item-menu-principal p {
    font-size: 16px;
  }

  .ofertas-and-promocao {
    grid-template-columns: 64% 34%;
    gap: 30px;
  }

  .titulo-search {
    grid-template-columns: 67% 29%;
    gap: 48px;
  }

  .overlay-descricao {
    bottom: 0%;
    padding: 20px 50px 50px 50px;
  }

  .ofertas-and-promocao .imagem-destaque img {
    height: 100%;
  }

  .logo-curos-and-nome {
    width: 56% !important;
  }

  .overlay-descricao p {
    width: 90%;
    font-size: 21px;
  }

  .box-itens-ultimos-lancamento .item img {
    height: 250px;
  }

  #sidebar {
    width: 213px;
    min-width: 222px;
  }

  .sidebar-header .imagen-logo img {
    width: 131px;
  }
}
@media (min-width: 1050px) and (max-width: 1200px) {
  .item-list-ultimos-lancamentos-mobile a{
    width: 20%!important;
  }
}
@media (min-width: 800px) and (max-width: 1049px) {
.item-list-ultimos-lancamentos-mobile a{
  width: 100%!important;
}
}
/**=================== CONTEUDO PAGINAS LISTA  CSS ======================== **/

.box-icon-name-select-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 20px 0;
}

.icon-rounded {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--principal);
  border: 2px solid var(--contorno);
  border-radius: 100%;
}

.box-icon-name-select-menu p {
  font-family: var(--font-regular);
  color: white;
  margin: 0 25px;
}

.icon-rounded img {
  height: 40px;
  width: 40px;
  object-fit: contain;
}
/* BOTÕES DE PAGINAÇÃO */
  .page-numbers{
    font-family: var(--font-light);
    color: #fff;
    font-size: 16px;
  }
  .prev,.next{
    background-color: var(--principal-fundo);
    border: 1px solid var(--contorno);
    border-radius: 10px;
    padding: 10px;   
  }
  .prev{
    margin-right: 1rem;
  }
  .next{
    margin-left: 1rem;
  }
  .current{
    color: var(--principal-live);
    
  }
/* FIM BOTÕES DE PAGINAÇÃO */
/* PAGE LIST CURSO POS GRADUAÇÃO CSS */

.box-categorias img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  transform: rotate(270deg);
  margin: 0 0 0 15px;
}

.box-categorias {
  width: 180px;
  display: flex;
  justify-content: space-between;
  padding: 0 25px 0 25px;
  align-items: center;
  background: var(--principal-active);
  border-radius: 10px;
  cursor: pointer;
}

.box-categorias h2 {
  font-family: var(--font-thin);
  font-weight: 300;
}

.grid-list-tres-coluns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
  margin-top: 35px;
}

.grid-list-tres-coluns .item-cabecalho p {
  font-family: var(--font-thin);
  color: white;
  text-align: center;
  font-size: 20px;
}

.item-lista-curso-ou-pos {
  margin-top: 15px;
  background-color: var(--principal-fundo);
  border: 1px solid var(--contorno);
  border-radius: 6px;
  display: flex;
  align-items: center;
  width: 100%;
}

.logo-curos-and-nome img {
  width: 180px;
  height: 80px;
  object-fit: cover;
}

.logo-curos-and-nome p,
.data-curso-ou-pos p {
  font-family: var(--font-light);
  color: white;
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;
}

.promocao-ativa p {
  background-color: var(--principal-oferta-ativa);
  font-family: var(--font-regular);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  color: black;
  border-radius: 6px;
  padding: 5px 10px 5px 10px;
  display: inline-block;
  margin: 0 10px 0 10px;
}

.promocao-ativa span {
  font-family: var(--font-regular);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  height: 45px;
  color: black;
  border-radius: 6px;
  padding: 5px 10px 5px 10px;
  display: inline-block;
}

.logo-curos-and-nome {
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 10px;
}

.logo-curos-and-nome {
  width: 30%;
}

.promocao-ativa {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--contorno);
  border-left: 1px solid var(--contorno);
}

.data-curso-ou-pos {
  width: 30%;
}

.box-button-up {
  background-color: var(--principal-fundo);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 55px;
  height: 55px;
  border: 1px solid var(--contorno);
  cursor: pointer;
  margin: 20px 50px 0 0;
}

.box-button-up img {
  height: 25px;
  width: 25px;
  object-fit: contain;
  transform: rotate(90deg);
}

/* DETALHES CURSO CSS*/

.icon-rounded-back-page {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--principal);
  border: 2px solid var(--contorno);
  border-radius: 100%;
}

.icon-rounded-back-page img {
  height: 30px;
  width: 30px;
  object-fit: contain;
}

.two-coluns {
  display: grid;
  grid-template-columns: 0.6fr 2fr;
  gap: 25px;
}

.two-coluns-graduacao {
  display: grid;
  grid-template-columns: 13% 80%;
  gap: 61px;
}

.two-coluns-oferta {
  display: grid;
  grid-template-columns: 20% 70%;
  gap: 95px;
}

.logo-and-description-curso img.logo-description-curso {
  width: 100%;
  height: 135px;
  object-fit: cover;
  margin: 0;
}

.logo-and-description-curso img.capa-curso {
  width: 110%;
  max-width: 110%;
  height: auto;
  object-fit: cover;
  margin: 20px 0 20px 0px;
}

.divisor {
  height: 2px;
  width: 20%;
  margin: 14px 0 10px 0;
}

.logo-and-description-curso p {
  font-family: var(--font-thin);
  color: white;
  line-height: 1.6rem;
}

.warpper {
  display: flex;
  flex-direction: column;
}

.tab {
  cursor: pointer;
  padding: 5px 30px;
  margin: 5px 2px;
  background: var(--principal-fundo);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  border: 1px solid var(--contorno);
  box-shadow: 0 0.5rem 0.8rem #00000080;
  font-family: var(--fonte);
  font-size: 19px;
  margin-bottom: 12px;
}

.panels {
  min-height: 200px;
  width: 100%;
  max-width: 100%;
  border-radius: 3px;
  overflow: hidden;
  font-family: var(--fonte);
  font-size: 17px;
  padding: 20px 0;
}

.panel {
  display: none;
  animation: fadein 0.8s;
  font-family: var(--fonte);
  font-size: 17px;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.panel-title {
  font-size: 1.2em;
  font-weight: normal;
  color: white;
  font-family: var(--font-thin);
  text-transform: uppercase;
}
.radio {
  display: none;
}

#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel,
#six:checked ~ .panels #six-panel,
#seven:checked ~ .panels #seven-panel,
#eight:checked ~ .panels #eight-panel {
  display: block;
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab,
#six:checked ~ .tabs #six-tab,
#seven:checked ~ .tabs #seven-tab,
#eight:checked ~ .tabs #eight-tab {
  color: white;
  background-color: var(--principal-active);
  font-family: var(--font-light);
  font-weight: 100;
  font-size: 18px;
}

.diferencias-list-curso-item {
  display: flex;
  align-items: center;
  padding: 0 10px 0px 10px;
  border-radius: 6px;
  margin: 10px 0 10px 0;
}

.diferencias-list-curso-item svg {
  height: 45px;
  margin: 0 15px 0 0;
}

.diferencias-list-curso-item p {
  color: white;
  font-family: var(--font-thin);
  font-size: 18px;
}

.efect-detalhe-active {
  background-color: var(--principal-fundo);
}

.lista-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lista-btn ul {
  display: flex;
}

.lista-btn ul li {
  display: flex;
  background-color: var(--principal-fundo);
  margin: 0 15px 0 0;
  padding: 10px 20px 10px 20px;
  border: 1px solid var(--contorno);
}

.lista-btn ul li a {
  font-size: 18px;
  font-family: var(--font-thin);
  color: white;
}

#carousel-professores-pagina-detalhes {
  /* width: 100%; */
  /* width: 900px; */
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  -ms-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
}

#carousel-professores-pagina-detalhes.owl-stage-outer {
  overflow: visible !important;
}

.box-nome-catalogo .foto-nome p {
  font-family: var(--font-thin);
}

.box-modelo-pedagogico {
  /* padding: 15px; */
  border-radius: 25px;
  width: 100%;
  /* justify-content: center; */
  align-items: center;
  position: relative;
  /* gap: 20px; */
}


.content-modelo-pedagogico {
  display: flex;
  border-radius: 10px;
}

.item-modelo-pedagogico {
  background-color: var(--principal-fundo);
}

.item-modelo-pedagogico .nome {
  color: white;
  font-family: var(--font-thin);
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  padding: 20px;
}

.item-modelo-pedagogico svg {
  width: 25px;
  margin-top: 15px;
}
/* .item-modelo-pedagogico .nome */


.content-hidden-modelo-pedagogico {
  background-color: var(--principal-active);
  position: absolute;
  width: 100%;
  left: 0;
  opacity: 0;
  padding: 10px;
  border-radius: 10px;
  margin-top: 14px;
}

.content-hidden-modelo-pedagogico p {
  font-family: var(--font-thin);
  color: white;
  font-size: 20px;
}

.bonus h3 {
  font-size: 45px;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-weight: bold;
  margin: 10px 0 20px 0;

  display: inline-block;
  padding: 15px;
  border-radius: 6px;
}

#como-funciona p {
  color: white;
  font-family: var(--font-thin);
  margin-bottom: 15px;
  font-size: 20px;
}

.item-lista-detalhes-promocao {
  margin-top: 15px;
  background-color: var(--principal-fundo);
  border: 1px solid var(--contorno);
  border-radius: 6px;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  padding: 10px;
  position: relative;
}

.item-lista-detalhes-promocao .logo-curos-and-nome img {
  width: 194px;
  height: 80px;
  object-fit: cover;
  margin: 0 15px 0 0;
  border-radius: 6px;
}

.item-lista-detalhes-promocao .logo-curos-and-nome {
  width: 37%;
}

.item-lista-detalhes-promocao .promocao-ativa span {
  background-color: var(--principal-fundo);
  font-family: var(--font-regular);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  color: black;
  border-radius: 6px;
  padding: 5px 10px 5px 10px;
  height: 50px;
  display: inline-block;
}

.btn-baixar-materiais {
  display: inline-flex;
  align-items: center;
  background-color: var(--principal-fundo);
  padding: 10px;
  border-radius: 6px;
  margin: 0em 0 1em 1em;
}

.btn-baixar-materiais img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.btn-baixar-materiais p {
  color: white;
  font-family: var(--font-thin);
  font-size: 15px;
  margin-left: 10px;
}

#titulo-sessao-planos ul li {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 0.5rem;
}

#titulo-sessao-planos ul li p {
  color: white;
  font-family: var(--font-thin);
  font-size: 16px;
}

#titulo-sessao-planos svg {
  height: 35px;
  width: 35px;
}

#data-aberturas .customers {
  font-family: var(--font-thin);
  border-collapse: separate;
  border-spacing: 0 1em;
  color: white;
  width: 100%;
  text-align: center;
  /* margin-top: 2rem; */
}

.customers {
  font-family: var(--font-thin);
  border-collapse: collapse;
  color: white;
  width: 100%;
  text-align: center;
  /* margin-top: 2rem; */
}

.customers td,
.customers th {
  /* border-right: 1px solid var(--contorno); */
  /* border-left: 1px solid var(--contorno); */
  padding: 8px;
}

.customers tr td {
  border-right: 1px solid var(--contorno);
  border-left: 1px solid var(--contorno);
  padding: 15px;
}

tr.avista td {
  background-color: var(--principal-active);
}

tr.cabecalho-tabelas th {
  border-right: 1px solid var(--contorno);
  border-left: 1px solid var(--contorno);
  /* border-radius: 6px 6px 0 0; */
}

tr.cabecalho-tabelas-datas th {
  background-color: var(--principal-fundo-bg);
  /* border-radius: 6px 6px 0 0; */
}

tr.item-tabelas-datas td {
  background-color: var(--principal-fundo);
  /* border-radius: 6px 6px 0 0; */
}

p.titulo-tabela {
  font-size: 16px;
  color: white;
  font-family: var(--font-thin);
}

p.tabela-estado {
  padding: 5px;
  color: black;
  font-family: var(--font-regular);
}

td.tags {
  display: flex;
  gap: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 70px;
}

p.tag-estado-presencial {
  display: inline-block;
  padding: 5px;
  background-color: var(--principal-presencial);
  color: white;
  text-transform: uppercase;
  font-family: var(--font-regular);
  border-radius: 6px;
  font-size: 16px;
}

p.tag-estado-ead {
  font-size: 16px;
  display: inline-block;

  padding: 5px;
  background-color: var(--principal-ead);
  color: white;
  text-transform: uppercase;
  border-radius: 6px;
  font-family: var(--font-regular);
}

.customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-size: 15px;
  background-color: var(--principal-fundo);
  color: white;
  /* border: 1px solid var(--contorno); */

  /* border-radius: 10px; */
}

#lista-disciplinas ul li {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  padding: 10px;
  border-radius: 10px;
}

#lista-disciplinas ul li.ative-item-disciplina {
  background-color: var(--principal-fundo);
}

#lista-disciplinas ul li p {
  color: white;
  font-family: var(--font-light);
  font-weight: normal;
  font-size: 19px;
}

#lista-disciplinas ul li .box-icone p {
  /* background-color: red;  */
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

.box-button-up {
  background-color: var(--principal-fundo);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 55px;
  height: 55px;
  border: 1px solid var(--contorno);
  cursor: pointer;
  margin-top: 20px;
}

.box-button-up img {
  height: 25px;
  width: 25px;
  object-fit: contain;
  transform: rotate(90deg);
}

/*detalhe oferta*/

#detalhe-oferta {
  margin-top: 10px;
  color: white;
}

#detalhe-oferta h1 {
  font-family: var(--font-regular);
}

h3.wp-block-ub-content-toggle-accordion-title {
  font-family: var(--font-thin);
}



#detalhe-oferta input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

#detalhe-oferta .accordion-wrapper {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

#detalhe-oferta .accordion {
  width: 100%;
  color: white;
  overflow: hidden;
  margin-bottom: 35px;
}



#detalhe-oferta .accordion:last-child {
  margin-bottom: 0;
}

#detalhe-oferta .accordion-label {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background: var(--principal-fundo-bg);
  font-weight: bold;
  font-family: var(--font-thin);
  cursor: pointer;
  font-size: 20px;
  text-transform: uppercase;
}

#detalhe-oferta .accordion-label:hover {
  background: var(--principal-fundo-bg);
}

#detalhe-oferta .accordion-label::after {
  content: "\276F";
  width: 16px;
  height: 16px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#detalhe-oferta .accordion-content {
  max-height: 0;
  padding: 0 16px;
  color: var(--principal-fundo-bg);
  background: var(--principal-fundo-bg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#detalhe-oferta .accordion-content p {
  margin: 0;
  color: white;
  font-family: var(--font-thin);
  font-size: 18px;
}

#detalhe-oferta input:checked + .accordion-label {
  background: var(--principal-fundo-bg);
}

#detalhe-oferta input:checked + .accordion-label::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#detalhe-oferta input:checked ~ .accordion-content {
  max-height: 100%;
  padding: 16px;
}

.btn-baixar-materias {
  display: flex;
  align-items: center;
  background-color: var(--principal-fundo);
  display: inline-flex;
  padding: 10px;
  border-radius: 10px;
  margin-top: 50px;
}

.btn-baixar-materias p {
  font-family: var(--font-thin);
  color: white;
  font-size: 16px;
}
.btn-baixar-materias img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  margin-right: 15px;
}

.content-descricao-lancamento p {
  margin-bottom: 10px !important;
}

.single-oferta-e-lancamento .conteudo-pagina {
  width: 80%;
}

/*POLO CSS*/

.card-image-polo {
  width: 400px;
  height: 200px;
  border-radius: 10px;
  cursor: pointer;
}

.card-image-polo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

.card-image-polo p {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: var(--font-thin);
  background-color: var(--principal-fundo);
  text-align: center;
  padding: 12px;
  height: 70px;
  border-radius: 0px 0px 10px 10px;
}

.lista-promocao p {
  font-family: var(--font-light);
  color: #fff;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
}

.lista-promocao img {
  height: 80px;
  object-fit: cover;
  border-radius: 12px;
  margin-right: 20px;
}

.lista-promocao .customers {
  font-family: var(--font-thin);
  border-collapse: separate;
  /* margin-top: 2rem; */
  border-collapse: separate;
  border-spacing: 0 1em;
}

.lista-pos-graducao .customers {
  font-family: var(--font-thin);
  border-collapse: separate;
  border-spacing: 0 1em;
}

.lista-promocao .customers tr td {
  border-top: 1px solid var(--contorno);
  border-bottom: 1px solid var(--contorno);
  border-left: 1px solid var(--contorno);
  border-right: 1px solid var(--contorno);
}

.tb-qual-cursos p {
  background-color: var(--principal-oferta-ativa);
  font-family: var(--font-regular);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
  border-radius: 6px;
  padding: 5px 10px 5px 10px;
  display: inline-block;
  margin: 0 10px 0 10px;
}

p.nome-cursos-lista {
  font-family: var(--font-light);
  color: #fff;
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;
}

.foto-nome p.nome {
  text-align: left;
}

.table-wrap {
  overflow-x: scroll;
}

img.capa-curso-tutorial {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0px;
}

@media (min-width: 1100px) and (max-width: 1500px) {
  .two-coluns {
    display: grid;
    grid-template-columns: 26% 70%;
    gap: 30px;
  }

  img.capa-curso-tutorial {
    width: 85%;
  }

  .two-coluns-graduacao {
    display: grid;
    grid-template-columns: 15% 74%;
    gap: 73px;
  }


  .grid-list-tres-coluns {
    grid-template-columns: 1fr 2fr 1fr;
  }

  .item-lista-oferta .img-capa-oferta {
    height: 109px;
  }

  .two-coluns-oferta {
    display: grid;
    grid-template-columns: 20% 75%;
    gap: 25px;
  }

  #carousel-professores-pos-mca:hover {
    height: 430px;
  }

  .item-modelo-pedagogico .nome {
    font-size: 17px;
    padding: 13px 10px 13px 10px;
  }

  .lista-btn ul {
    margin: 0px 0 28px 0;
  }

  .tab {
    font-size: 16px;
  }
}

.table-precos-graduacao {
  overflow-x: scroll;
}

@media (max-width: 780px) {
  .item-list-ultimos-lancamentos-mobile a{
    width: 100%;
  }
  .titulo-search-lista {
    grid-template-columns: 1fr 1fr;
  }
  .search-box-lista {
    width: 91%;
  }

  .table-precos-graduacao table {
    min-width: 1000px !important;
    width: 100%;
  }

  .two-coluns-graduacao #three-panel {
    width: 360px;
  }

  .lista-pos-graducao {
    overflow-x: scroll;
  }

  .table-precos-graduacao {
    overflow-x: scroll;
    padding: 0 0 120px 0;
  }

  .lista-pos-graducao table {
    min-width: 100% !important;
    width: 100%;
  }

  .table-precos {
    overflow-x: scroll;
  }

  .panel {
    padding: 0 0 67px 0;
  }

  .table-precos table {
    min-width: 100% !important;
    width: 100%;
  }

  .conteudo-pagina .conteudo {
    padding: 0 20px 20px 20px;
  }

  .customers th {
    text-align: center;
  }

  .item-menu-principal p {
    font-size: 16px;
  }

  .conteudo-pagina .nav-principal {
    padding: 0 20px 20px 20px;
  }

  .logo-and-description-curso img.logo-description-curso {
    margin: 0;
    width: 100%;
  }

  .logo-and-description-curso img.capa-curso {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    margin: 0px;
  }

  .lista-btn ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .lista-btn ul li {
    margin: 15px 10px 0 0;
  }

  .content-modelo-pedagogico {
    flex-wrap: wrap;
    margin-top: 25px;
  }

  .item-modelo-pedagogico {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .bonus h3 {
    font-size: 19px;
  }

  .divisor {
    margin: 22px 0 10px 0;
  }

  .diferencias-list-curso-item {
    margin: 15px 0 10px 0;
  }

  .two-coluns,
  .two-coluns-oferta {
    grid-template-columns: 100% !important;
    width: 100% !important;
  }

  .single-oferta-e-lancamento .conteudo-pagina {
    width: 100%;
  }

  .box-itens-menu {
    flex-wrap: wrap;
  }

  .item-menu-principal {
    width: 47%;
  }

  #sidebar {
    display: none;
  }

  .card-image-polo {
    width: 100%;
  }

  .card-image-polo {
    width: 100%;
    height: 299px;
    display: flex;
    flex-direction: column;
  }

  .overlay-descricao {
    background: linear-gradient(
      to top,
      rgba(11, 11, 11, 0.85),
      rgb(11 11 11 / 59%)
    );
    padding: 26px 10px 31px 10px;
  }

  .ofertas-and-promocao .imagem-destaque img {
    height: 100%;
  }

  .overlay-descricao p {
    font-size: 15px;
  }

  .overlay-descricao .btn-saiba-mais-oferta {
    height: 34px;
    width: 128px;
  }

  .box-itens-ultimos-lancamento .item {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }

  .ofertas-and-promocao {
    grid-template-columns: 100%;
  }

  .titulo-search {
    grid-template-columns: 34% auto;
  }

  .box-itens-ultimos-lancamento {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .card-image-polo img {
    width: 100%;
  }
}

.tela-login {
  width: 100vw;
  height: 100vh;
  display: flex;
  background-color: var(--principal-fundo);
}

.login {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.login p {
  color: white;
  font-family: var(--font-thin);
}

.login img {
  width: 200px;
  object-fit: contain;
}

.image-tela-de-login {
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 70%;
  height: 100%;
}

.image-tela-de-login img {
  width: 100%;
  height: 100%;
}

.box-formulario {
  margin: auto 126px;
}

.box-formulario input {
  height: 49px;
  border-radius: 6px;
  width: 100%;
  margin: 10px 0 10px 0;
  padding: 0 0 0 15px;
}

.box-formulario .login-submit input[type="submit"] {
  display: inline !important;
  width: 35%;
  background-color: var(--principal-live);
  height: 45px;
  color: white;
  border: none;
  text-transform: uppercase;
  margin: 0px 0 0px 77px;
  padding: 0px 20px 0px 20px;
  font-family: var(--font-regular);
}

.box-formulario .login-remember {
  display: inline;
}

.box-formulario img {
  margin: 0 0 40px 99px;
  text-align: center;
}

.box-formulario .login-remember input[type="checkbox"] {
  display: inline !important;
  height: 15px;
  width: 4%;
  max-width: 10px;
}

.box-formulario .login-submit {
  display: inline;
}

.box-btn-polo-sala-horarios {
  display: flex;
  gap: 10px;
  align-items: center;
}

.box-btn-polo-sala-horarios .item-polo {
  width: 50%;
  font-family: var(--font-regular);
  background-color: var(--principal-fundo);
  text-align: center;
  border: 1px solid var(--contorno);
  cursor: pointer;
  padding: 5px 0 5px 0;
  border-radius: 6px;
}

.item-active-polo {
  background-color: var(--principal-active) !important;
}

.lista-salas {
  margin-top: 2rem;
}

.lista-salas ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 61px;
  padding: 6px 10px;
  border: 1px solid var(--contorno);
  font-family: var(--font-regular);
  background-color: var(--principal-fundo);
  cursor: pointer;
  border-radius: 6px;
  margin-top: 1rem;
}

.lista-salas ul li img {
  width: 40%;
  object-fit: cover;
  border-radius: 6px;
  height: 100%;
}

.lista-salas ul li p {
  width: 60%;
  text-align: center;
}

.tabs-contents-infos {
  overflow: hidden;
}

.box-salas-detalhes p {
  color: white;
  font-family: var(--font-thin);
  line-height: 1.5rem;
}

h2.titulo-sala-detalhes {
  color: white;
  font-family: var(--font-thin);
  margin-top: 15px;
}

.box-salas-detalhes {
  width: 1065px;
  margin: auto;
  display: none;
  animation: fadein 0.8s;
}

#fotos-sala-mj .nav-btn,
#fotos-ayrton-sena .nav-btn,
#fotos-academia .nav-btn,
#fotos-pilates .nav-btn,
#fotos-banheiros .nav-btn,
#sala-usain-bolt .nav-btn {
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

#fotos-sala-mj .owl-prev.disabled,
#fotos-ayrton-sena .owl-prev.disabled,
#sala-usain-bolt .owl-prev.disabled,
#fotos-academia .owl-prev.disabled,
#fotos-pilates .owl-prev.disabled,
#fotos-banheiros .owl-prev.disabled,
#fotos-sala-mj .owl-prev.disabled,
#fotos-ayrton-sena .owl-prev.disabled,
#sala-usain-bolt .owl-prev.disabled,
#fotos-academia .owl-prev.disabled,
#fotos-pilates .owl-prev.disabled,
#fotos-banheiros.owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}

#fotos-sala-mj .prev-slide,
#fotos-ayrton-sena .prev-slide,
#fotos-academia .prev-slide,
#fotos-pilates .prev-slide,
#fotos-banheiros .prev-slide,
#sala-usain-bolt .prev-slide {
  background: url("https://uniguacu.com.br/wp-content/uploads/2022/03/nav-icon.png")
    no-repeat scroll 0 0;
  left: -33px;
}
#fotos-sala-mj .next-slide,
#fotos-ayrton-sena .next-slide,
#fotos-academia .next-slide,
#fotos-pilates .next-slide,
#fotos-banheiros .next-slide,
#sala-usain-bolt .next-slide {
  background: url("https://uniguacu.com.br/wp-content/uploads/2022/03/nav-icon.png")
    no-repeat scroll -24px 0px;
  right: -33px;
}
#fotos-sala-mj .prev-slide:hover,
#fotos-ayrton-sena .prev-slide:hover,
#fotos-academia .prev-slide:hover,
#fotos-pilates .prev-slide:hover,
#fotos-banheiros .prev-slide:hover,
#sala-usain-bolt .prev-slide:hover {
  background-position: 0px -53px;
}
#fotos-sala-mj .next-slide:hover,
#fotos-ayrton-sena .next-slide:hover,
#fotos-academia .next-slide:hover,
#fotos-pilates .next-slide:hover,
#fotos-banheiros .next-slide:hover,
#sala-usain-bolt .next-slide:hover {
  background-position: -24px -53px;
}

#fotos-sala-mj .owl-nav,
#fotos-ayrton-sena .owl-nav,
#fotos-academia .owl-nav,
#fotos-pilates .owl-nav,
#fotos-banheiros .owl-nav,
#sala-usain-bolt .owl-nav {
  margin-top: 10px;
  /* display: none; */
}

#fotos-sala-mj .owl-dot:hover span,
#fotos-ayrton-sena .owl-dot:hover span,
#fotos-academia .owl-dot:hover span,
#fotos-pilates .owl-dot:hover span,
#fotos-banheiros .owl-dot:hover span,
#sala-usain-bolt .owl-dot:hover span {
  background-color: #3d5bf1;
}

#fotos-sala-mj .owl-dot.active span,
#fotos-ayrton-sena .owl-dot.active span,
#fotos-academia .owl-dot.active span,
#fotos-pilates .owl-dot.active span,
#fotos-banheiros .owl-dot.active span,
#sala-usain-bolt .owl-dot.active span {
  background-color: #3d5bf1;
}

.grid-tres-colunas {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.grid-tres-colunas img {
  border-radius: 10px;
}

@media (min-width: 800px) and (max-width: 980px) {
  .login {
    width: 45%;
    padding: 25px;
  }

  .image-tela-de-login {
    width: 55%;
  }

  .image-tela-de-login img {
    object-fit: cover;
  }

  .box-formulario {
    margin: 0;
  }

  .box-formulario img {
    margin: 0px 0px 40px 77px;
  }

  .box-formulario .login-submit input[type="submit"] {
    margin: 0px 0px 0px 110px;
  }
}

@media (min-width: 710px) and (max-width: 780px) {
  .box-formulario {
    margin: 0;
  }

  .login {
    width: 50%;
    padding: 20px;
  }

  .image-tela-de-login img {
    object-fit: cover;
  }

  .box-formulario img {
    margin: 0px 0px 40px 42px;
  }

  .box-formulario .login-submit input[type="submit"] {
    width: 42%;
    margin: 0px 0px 0px 35px;
    padding: 0px 20px;
  }
}

.box-downloads {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.item-download {
  width: 170px;
  height: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--principal-fundo);
  border: 1px solid var(--contorno);
  border-radius: 3px;
  padding: 17px;
  text-align: center;
  gap: 4px;
}

.item-download i {
  font-size: 50px;
}
.item-download p {
  color: white;
  font-family: var(--font-thin);
  width: 100%;
}

/* menu mobile*/
.phone {
  border-radius: 40px;
  width: 300px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content {
  /* border: 1px solid #36383F; */
  /* border-radius: 20px; */
  width: 133%;
  height: 100%;
  /* background-color: #F5F6FA; */
  overflow: hidden;
}
.phone nav {
  /* background-color: #4f4f62; */
  height: 65px;
}

#menuToggle {
  display: flex;
  flex-direction: column;
  /* position: relative; */
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: flex;
  width: 40px;
  height: 10px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span {
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 100;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383f;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  position: absolute;
  width: 253px;
  height: 41vh;
  box-shadow: 0 0 10px #85888c;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background-color: #f5f6fa;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
  padding: 10px 0;
  transition-delay: 2s;
}

#menu li a {
  font-family: var(--font-thin);
  color: black;
  font-size: 17px;
}

#menuToggle input:checked ~ ul {
  transform: none;
}

main.conteudo .center {
  margin-top: 0 !important;
}

.tab-tutorial .wp-block-columns {
  margin-bottom: 0 !important;
}

.wp-block-ub-content-toggle-accordion {
  border-color: var(--contorno) !important;
  border-radius: 6px !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap {
  border-radius: 6px !important;
}

.single-tutorias p {
  color: white !important;
  line-height: 1.6rem;
}

.lista-tutorial a {
  color: white !important;
}

.tabs-uplaytv-catalogo li,
.tabs-pos-catalogo li {
  color: white;
}

.tabs-pos-catalogo p {
  color: white;
  margin-bottom: 10px;
}


.box-botoes-preco {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px !important;
  width: 100%;
  margin: 0 auto;
}

.botao-item-azul {
  font-family: "FormulaCondensed-Light", Montserra;
  text-align: center;
  font-weight: 500;
  width: 33%;
  letter-spacing: 2px;
  background-color: #02b540;
  padding: 20px 10px;
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.botao-item-green {
  font-family: "FormulaCondensed-Light", Montserra;
  text-align: center;
  font-weight: 500;
  width: 33%;
  letter-spacing: 2px;
  background-color: #02b540;
  padding: 20px 10px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.preco-oculto {
  display: none;
}

.botao-item-azul:hover {
  background-color: var(--red);
  transition: all 0.3s;
}
.botao-item-green:hover {
  background-color: var(--red);
  transition: all 0.3s;
}

.botao-item-azul:hover .preco-oculto {
  display: block;
  transition: all 0.3s;
}
.botao-item-green:hover .preco-oculto {
  display: block;
  transition: all 0.3s;
}

@media (max-width: 580px) {
  .box-botoes-preco {
    width: 100%;
    flex-wrap: wrap;
  }

  .botao-item-green {
    width: 100%;
  }

  .botao-item-azul {
    width: 100%;
  }
}

.margin-top-teste-baixo {
  margin-top: 0px !important;
}

.margin-top-teste-alto {
  margin-top: -1321px !important;
}

.margin-top-teste-alto-bbc {
  margin-top: -505px !important;
}

/*Table */
@media (min-width: 891px) and (max-width: 1025px) {
  .margin-top-teste-alto {
    margin-top: -1021px !important;
  }
}

@media (min-width: 551px) and (max-width: 890px) {
  .margin-top-teste-alto {
    margin-top: -936px !important;
  }

  .margin-top-teste-alto-bbc {
    margin-top: -1068px !important;
  }
}

@media (min-width: 0px) and (max-width: 540px) {
  .margin-top-teste-alto {
    margin-top: -2771px !important;
  }

  .margin-top-teste-alto-bbc {
    margin-top: -1030px !important;
  }
}

.btn-active {
  border-bottom: 8px solid #007ff2;
  margin-bottom: 15px;
}

#carrosel-medicina-do-esporte
  .swiper-slide-active
  .swiper-slide-inner
  img.swiper-slide-image {
  object-fit: fill !important;
  height: 225px !important;
}

#carrosel-medicina-do-esporte img.swiper-slide-image {
  height: 150px !important;
}

.imagem-capa {
  transition: all 0.5s ease-in-out;
}

@media (max-width: 550px) {
  #animation-text-vestiba .swiper-slide p {
    font-size: 19px !important;
  }

  #animation-text-vestiba .swiper-vertical {
    touch-action: pan-x;
    height: 257px !important;
    padding: 58px 0 0px 0 !important;
  }
}

.anime {
  opacity: 0;
  transform: translate3d(-50px, 0, 0);
  transition: all 0.8s;
}

.anime-start {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
}

#carrousel-veterinario .owl-dot span {
  border: solid 1px white !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  margin: 5px 0.3rem !important;
  display: block !important;
  transition: opacity 500ms ease !important;
  border-radius: 50% !important;
}

#carrousel-veterinario .owl-dots {
  text-align: center !important;
  margin-top: 14px !important;
}

#carrousel-veterinario .owl-dot.active span,
#carrousel-veterinario .owl-dot span {
  gap: 5px !important;
  background: #0c0c26 !important;
  border-radius: 5rem !important;
  height: 1.2rem !important;
  width: 1.2rem !important;
}

#carrousel-veterinario .owl-dot.active span,
#carrousel-veterinario .owl-dot:hover span {
  transition: width 0.4s ease-in-out !important;
  background-color: #00d1ff !important;
  width: 2.5rem !important;
}

h1.text-delado {
  transform: rotate(268deg);
  color: white;
  width: 100%;
  height: 100%;
  opacity: 0;
}


/* AJUSTAR ISSO AQUI RETIRAR O QUE NÃO ESTA SENDO USADO */

#carousel-professores-pagina-detalhes .box-nome-catalogo {
  background: var(--principal-active);
  height: 49px;
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  transition: all 0.2s;
  padding: 1rem;
  display: block;
  overflow: hidden;
  /* position: absolute; */
  /* z-index: 10000; */
}

#carousel-professores-pagina-detalhes .box-nome-catalogo:hover {
  height: auto;
  z-index: 10000;
}

#carousel-professores-pagina-detalhes i.fa-angle-down {
  font-size: 21px;
  transition: ease-in-out 0.2s;
}

#carousel-professores-pagina-detalhes .box-nome-catalogo:hover i.fa-angle-down {
  transform: rotate(180deg);
}

.box-image-prof-catalogo {
  height: 200px;
  width: 100%;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

#carousel-professores-pagina-detalhes .box-nome-catalogo p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 10px;
  line-height: 1.3rem;
  font-family: var(--font-thin);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#carousel-professores-pagina-detalhes .box-image-prof-catalogo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

#carousel-professores-pagina-detalhes .item-profe-page-detalhes {
  /* background-color: red; */
  height: auto;
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  cursor: pointer;
}

#carousel-professores-pagina-detalhes .owl-nav {
  margin-top: 15px;
}

#carousel-professores-pagina-detalhes i.setas {
  color: #fff;
  border: 1px solid var(--white);
  font-size: 20px;
  padding: 16px;
  background-color: var(--principal-fundo);
}

.tab-downloads h3,
.tab-tutoriais h3 {
  text-transform: uppercase;
}

#catpos {
  width: 250px;
  height: 39px;
  font-size: 16px;
  background: #13151b;
  color: #fff;
  padding: 8px;
  border: 2px solid var(--contorno);
  margin: 0 28px 0 0;
}

@media (min-width: 900px) and (max-width: 1025px) {
  .opcao-menu-mobile {
    width: 32.5% !important;
  }


  .nav-principal {
    display: none;
  }

  .icone-notificacao-header img {
    width: 25% !important;
  }

  img.logo-header {
    width: 31% !important;
  }

  .two-coluns-oferta {
    display: grid;
    grid-template-columns: 20% 75%;
    gap: 27px;
  }

  .conteudo-pagina .conteudo {
    padding: 0 27px 20px 27px;
  }

  #lista-polo li {
    margin-top: 72px;
  }

  .sidebar-header .imagen-logo img {
    width: 117px;
  }

  .sidebar-body .menu-sidebar-home li.menu-item p {
    font-size: 12px;
  }

  #sidebar {
    width: 246px;
    min-width: 199px;
  }
}

@media (max-width: 860px) {
  img#fundo-mobile-login {
    width: 100%;
  }

  .nav-principal {
    display: none;
  }

  .lista-promocao img {
    margin-right: 0px !important;
  }

  .ub_styled_list .fa-ul {
    margin-left: 2rem !important;
  }

  .box-icon-name-select-menu {
    flex-direction: column;
    gap: 21px;
    align-items: center;
  }

  .two-coluns-oferta {
    gap: 5px;
  }

  .icone-notificacao-header img {
    width: 95% !important;
  }

  img.logo-header {
    width: 53%;
  }

  .item-tabelas-datas {
    width: 47% !important;
  }

  #sidebar {
    display: none;
  }

  .lista-pos-graducao .customers {
    border-collapse: collapse;
  }

  #btn-lista-bloco {
    display: none;
  }

  #catpos {
    margin: 0;
  }

  .diferencias-list-curso-item p {
    font-size: 14px;
  }

  .item-modelo-pedagogico .nome {
    font-size: 14px;
    border: 1px solid var(--contorno) !important;
  }

  #como-funciona p {
    font-size: 14px;
    margin-bottom: 0px;
  }

  .logo-and-description-curso p {
    font-size: 14px;
  }

  .oferta-e-lancamento-template-default .logo-and-description-curso {
    order: 2;
  }

  .pos-graduacao-cat-template-default tbody {
    justify-content: flex-start !important;
    display: contents !important;
  }

  .conteudo-pagina-tutorial .conteudo {
    padding: 20px 20px;
  }

  .tabs-uplaytv-catalogo .wp-block-ub-tabbed-content-tab-title {
    font-size: 13px;
  }

  .tabs-upe-catalogo .wp-block-ub-tabbed-content-tab-title {
    font-size: 13px;
  }

  .single-oferta-e-lancamento .box-icon-name-select-menu,
  .single-pos-graduacao-cat .box-icon-name-select-menu {
    flex-direction: column;
    gap: 21px;
    align-items: flex-start;
  }

  .pos-graduacao-cat-template-default .item-tabelas-datas {
    width: 100% !important;
  }

  .pos-graduacao-cat-template-default .lista-promocao img {
    margin: 0;
  }

  .pos-graduacao-cat-template-default .item-tabelas-datas a {
    flex-direction: column;
    gap: 18px;
  }

  .pos-graduacao-cat-template-default .item-tabelas-datas td {
    /* border-radius: 10px 10px 10px;   */
    width: 100% !important;
  }

  .pos-graduacao-cat-template-default .lista-promocao p {
    font-size: 14px;
  }

  .pos-graduacao-cat-template-default #titulo-sessao-planos ul li p {
    font-size: 14px;
  }

  .pos-graduacao-cat-template-default p.titulo-tabela {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .pos-graduacao-cat-template-default .customers tr td {
    padding: 13px;
  }

  #data-aberturas .customers {
    border-collapse: collapse;
    border-spacing: 0 9px;
  }

  p.tag-estado-presencial,
  p.tag-estado-ead {
    font-size: 10px;
  }

  #lista-disciplinas ul li .box-icone p {
    height: 13px;
    width: 13px;
    border-radius: 50%;
  }

  #lista-disciplinas ul li p {
    font-size: 14px;
  }
}

@media (min-width: 1026px) {
  .conteudo-pagina {
    display: block;
  }

  .body-mobile {
    display: none;
  }

  .my-conteiner-mobile {
    display: none;
  }
}

.body-mobile {
  background-color: var(--principal-fundo-bg);
  height: 100%;
  width: 100%;
}

.my-conteiner-mobile {
  width: 100%;
  margin: 0 auto;
  padding: 20px 20px;
}

#logo-and-notificacao {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

img.logo-header {
  width: 57%;
  height: auto;
}

.icone-notificacao-header {
  width: 40%;
  text-align: end;
}

.icone-notificacao-header img {
  width: 15%;
  height: auto;
}

.menu-catalogo-mobile {
  display: flex;
  flex-wrap: wrap;
  color: white;
  margin-top: 25px;
  gap: 10px;
}

.opcao-menu-mobile {
  width: 31.3%;
  background-color: var(--principal-fundo);
  border: 2px solid var(--contorno);

  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  color: white;
}

.opcao-menu-mobile p {
  font-size: 11px;
}

.opcao-menu-mobile img {
  width: 27px;
  height: auto;
}

.novidade-mobile {
  color: white;
}

.novidade-mobile img {
  width: 100%;
  height: 250px !important;
  object-fit: cover;
  height: auto;
  border: 2px solid var(--contorno);
  border-radius: 10px;
  margin-top: 28px;
}

.box-ultimos-lancamentos {
  display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
margin-top: 25px;

}

.ultimos-lancamento-mobile {
  color: white;
  margin-top: 35px;
  margin-bottom: 85px;
}

.item-list-ultimos-lancamentos-mobile {
  display: flex;
  align-items: center;
  border: 2px solid var(--contorno);
  border-radius: 10px;
  gap: 25px;
  height: 113px;
}

.imagem-capa-mobile-ultimos-lancamentos {
  width: 30%;
  height: 100%;
}

.imagem-capa-mobile-ultimos-lancamentos img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
  object-fit: cover;
}

.titulo-ultimos-lancamento {
  color: white;
  width: 80%;
}

.menu-mobile-bottom-bar {
  background-color: var(--principal-fundo);
  height: 85px;
  border-top: 1px solid var(--contorno);

  display: flex;
  align-items: center;
  justify-content: center;
}

footer.fixed {
  position: fixed;
  width: 100%;
  bottom: 0px;
  z-index: 55555;
}

.box-itens-option-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 21px;
  height: 47px;
}

.box-itens-option-mobile a img {
  width: 25px;
  height: auto;
}

.box-itens-option-mobile a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  height: 100%;
  width: 15%;
}

.box-itens-option-mobile a p {
  color: white;
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  height: 100%;
  width: 100%;
}

#carousel-cursos-catalogo-home .overlay {
  width: 100%;
  position: absolute;
  bottom: 0%;
  padding: 30px 43px 31px 43px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(
    to top,
    rgba(11, 11, 11, 0.85),
    rgba(11, 11, 11, 0)
  );
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: white;
  font-size: 16px;
}

#carousel-cursos-catalogo-home .overlay h2 {
  color: white;
  font-size: 16px;
}

#carousel-cursos-catalogo-home .novidade-mobile a {
  position: relative;
}

.abertura-de-turmas thead th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-size: 15px;
  background-color: #f53340;
  color: white;
  border: 1px solid var(--contorno);
  /* border-radius: 10px;*/
}

.abertura-de-turmas tbody tr td {
  border-right: 1px solid var(--contorno);
  border-left: 1px solid var(--contorno);
  border-top: 1px solid var(--contorno);
  border-bottom: 1px solid var(--contorno);
  padding: 15px;
  color: white;
}

.abertura-de-turmas .has-white-background-color {
  background-color: #ffffff00 !important;
  color: white;
}

.abertura-de-turmas .has-black-color {
  color: white !important;
}


.item-tabelas-datas td:hover{
  transition: all .2;
  background: var(--principal-active)
}

body{
  overflow-x: hidden!important;
}