/* ===================================
    Crafto - Startup
====================================== */
/* font */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
/* variable */
:root {
  --base-color: #00ce9b;
  --alt-font: "Manrope", sans-serif;
  --primary-font: "Rubik", sans-serif;
  --dark-gray: #252840;
  --medium-gray: #868d98;
  --majorelle-blue: #582c98;
}
/* reset */
body {
  font-size: 17px;
  line-height: 32px;
}
a {
  color: #868d98;
}
b,
strong {
  font-weight: 600;
}
::-webkit-input-placeholder {
  color: #868d98 !important;
  text-overflow: ellipsis;
}
::-moz-placeholder {
  color: #868d98 !important;
  text-overflow: ellipsis;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #868d98 !important;
  text-overflow: ellipsis;
  opacity: 1;
}
/* bg color */
.bg-gradient-emerald-blue-emerald-green {
  background-image: linear-gradient(50deg, #09afea 0, #19e089 100%);
}
.bg-gradient-black-green {
  background-image: linear-gradient(
    to right top,
    #1f2021,
    #1b1d1c,
    #1b1d1c,
    #222523,
    #333c37
  );
}
/* text color */
.text-gradient-emerald-blue-emerald-green {
  background-image: linear-gradient(to right top, #09afea, #19e089);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* button gradient */
.btn-gradient-emerald-blue-emerald-green {
  background-image: linear-gradient(to right, #09afea, #19e089, #09afea);
  background-size: 200% auto;
  color: var(--white);
}
/* btn purple*/
.btn-purple {
  background-color: #582c98;
  color: white;
}
/* btn */
.btn {
  font-weight: 500;
  text-transform: inherit;
}
.btn.btn-extra-large {
  font-size: 22px;
}
.btn.btn-large {
  font-size: 17px;
}
.btn.btn-medium {
  font-size: 16px;
}
.btn.btn-small {
  font-size: 15px;
}
.btn.btn-very-small {
  font-size: 13px;
}
.btn.btn-large .btn-icon i {
  top: 1px;
}
.btn.btn-link {
  padding: 0 0 2px;
}
.btn.btn-link-gradient {
  padding: 0 0 3px;
}

.btn-acervo{
  display: flex;
  width: auto;
}

.btn-detalhe {
  display: flex;
  justify-content: center; /* Alinha horizontalmente */
  align-items: center;     /* Alinha verticalmente */
  width: auto;
}


.navbar .navbar-nav .nav-link {
  font-size: 17px;
  letter-spacing: 0.5px;
  padding: 10px 22px;
}
.push-menu .close-menu {
  right: 30px;
  top: 30px;
}
/* newsletter style  */
.newsletter-style-02 input {
  font-size: 14px;
}
/* footer */
footer ul li {
  margin-bottom: 2px;
}

.container-inline-size {
    container-type: inline-size;
}

.r-fs-sm {
    font-size: 3cqw;
    line-height: 5cqw;
}

.r-fs-e-sm {
    font-size: 4cqw;
    line-height: 6cqw;
}

.r-fs-md {
    font-size: 5cqw;
    line-height: 7cqw;
}

.r-fs-e-md {
    font-size: 6cqw;
    line-height: 8cqw;
}

.r-fs-lg {
    font-size: 7cqw;
    line-height: 9cqw;
}

.top-divider {
  padding-top: 40px;
  border-top: 1px solid #DDD;
  box-shadow: 0px -5px 10px -10px #888;
}

.swiper-light-pagination .swiper-pagination-bullet {
  background-color: rgba(103, 71, 149, 0.2) !important;
}

.cover-background {
  background-image: url("/images/background-ccb.png");
}

.pb-0px {
  padding-bottom: 0px !important;
}
.pt-130px {
  padding-top: 130px !important;
}

.ta-center {
  text-align: center;
}

.fix-background-auto-height {
  position: relative;
  background-size: cover !important;
  -webkit-animation-duration: 0s;
  -webkit-animation-fill-mode: none;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat !important;
}

.navbar .navbar-nav .nav-link {
  color: black;
}

.top-space-padding-lg {
  padding-top: 124px !important;
}

.top-space-padding-80px {
  padding-top: 80px !important;
}

.footer-dark p,
.footer-dark a {
  color: var(--light-majorelle-blue) !important;
}

.blog-comment li .btn-reply {
  border: 1px solid rgba(44, 44, 44, 0.25) !important;
}

.header-icon .icon > a {
  padding-left: 16px;
  font-size: 17px;
  color: var(--black);
}

.header-icon .icon > a:hover {
  color: var(--dark-gray);
  opacity: 0.6;
}

.programacao .swiper,
.swiper-pagination {
  margin-left: 0px !important;
}

.programacao .swiper-button-next {
  top: 58%;
  left: 95%;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  border: 1px solid var(--majorelle-blue);
  background-color: var(--light-majorelle-blue);
  color: var(--majorelle-blue) !important;
}

.programacao .swiper-button-next:hover {
  opacity: 1;
  background-color: var(--majorelle-blue);
  color: var(--light-majorelle-blue) !important;
}

.programacao .swiper-pagination {
  top: 15px !important;
}

.programacao .swiper-pagination .swiper-pagination-bullet{
    height: 14px !important;
    width: 14px !important;
    opacity: 0.6;
    background-color: var(--light-majorelle-blue);
    border: 2px solid var(--majorelle-blue);
}

.programacao .swiper-pagination .swiper-pagination-bullet:hover,
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--majorelle-blue);
}

.evento::after{
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 5px;
    background-image: linear-gradient(to bottom, rgba(25, 25, 25, 0) 0%, rgba(10, 10, 10, 1) 100%);
    -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
    transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
}

.evento:hover::after {
    box-shadow: 0 -200px 300px -10px rgba(0,0,0,0.8) inset;
}

.evento img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.evento:hover img {
    -webkit-filter: grayscale(50%) blur(3px);
    filter: grayscale(50%) blur(3px);
}

.evento-info span {
    display: block;
}

.evento:hover .evento-info {
    padding-bottom: 45% !important;
}

.evento:hover .evento-descricao{
    opacity: 1 !important;
    padding-bottom: 15% !important;
}

.evento-tags span{
    border: 2px solid white;
    border-radius: 20px;
    padding: 2px 8px 2px 8px;
    margin-right: 5px;
}

.banner-evento-img {
  width: 100%;
  max-height: 700px;
  border-radius: 20px;
}

.button-programacao {
  margin: 10px auto 10px auto
}

.acervo .acervo-item img{
  height: 350px;
  object-fit: cover;
}

.acervo .btn-transparent-green {
  background-color: transparent;
  border-color: #9BC646 ;
  color: #293D03;
  font-size: 18px;
  font-weight: 700;
  &:hover, &:active  {
      background-color:#293D03;
      border-color: #293D03;
      color: var(--white);
  }
  i {
    position: relative;
    margin-left: 80px;
  }

}

.btn-dropdown-menu{
  position: absolute;
  z-index: 1000;
  max-width: 250px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  background-color: white;
}

.py-10{
  padding: 10px 0;
}

.p-0 {
  padding: 0 !important;
}

/* media query responsive */
@media (max-width: 575px) {
  .programacao .swiper-button-next {
    left: 94%;
    height: 25px;
    width: 25px;
    font-size: 18px;
  }

  .programacao .swiper-pagination {
    top: 0px !important;
  }

    .programacao .swiper-pagination .swiper-pagination-bullet{
        scale: 0.6;
    }
}

@media (min-width: 575px) {
  .programacao .swiper-button-next {
    left: 95%;
    height: 30px;
    width: 30px;
    font-size: 24px;
  }

  .programacao .swiper-pagination {
    top: 5px !important;
  }

    .programacao .swiper-pagination .swiper-pagination-bullet{
        scale: 0.7;
    }
}

@media (min-width: 767px) {
  .programacao .swiper-button-next {
    left: 96%;
    height: 40px;
    width: 40px;
    font-size: 34px;
  }

  .programacao .swiper-pagination {
    top: 8px !important;
  }

    .programacao .swiper-pagination .swiper-pagination-bullet{
        scale: 0.8;
    }
}

@media (min-width: 991px) {
    .programacao .swiper-button-next{
        left: 96%;
        height: 50px;
        width: 50px;
        font-size: 42px
    }

    .programacao .swiper-pagination .swiper-pagination-bullet{
        scale: 1;
    }
}

@media (min-width: 1199px) {
  .navbar .navbar-nav .nav-link {
    padding: 10px 17px;
  }
}
