@import url('https://fonts.cdnfonts.com/css/dune-rise');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Anton&family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
   font-family: 'Kusanagi';
   src: url('../assets/fonts/Kusanagi.otf') format('opentype');
   font-style: normal;
}

nav * {
   color: #000 !important;
   font-family: "Montserrat", sans-serif !important;
}

.navbar-logo {
   filter: brightness(0);
   transition: filter 0.3s ease-in-out;
}

.navbar:hover .navbar-logo {
   filter: brightness(1);
}

li a {
   font-size: 18px !important;
}

.uk-overlay-primary {
   backdrop-filter: blur(3px);
   background-color: rgba(255, 255, 255, 0.75) !important;
}

.font-montserrat {
   font-family: "Montserrat", sans-serif !important;
}

.font-inter {
   font-family: "Inter", sans-serif !important;
}

.font-anton {
   font-family: 'Anton', sans-serif !important;
}

.font-kusanagi {
   font-family: 'Kusanagi', sans-serif !important;
}

.font-dune-rise {
   font-family: 'Dune Rise', sans-serif !important;
}


.uk-navbar-container:not(.uk-navbar-transparent) {
   background-color: rgba(255, 255, 255, 0.5) !important;
   backdrop-filter: blur(9px);
   padding: 4px;
}

.nav-link, .nav-link span {
   color: #000 !important;
}

.navbar li a span {
   font-family: "Kusanagi", sans-serif !important;
   letter-spacing: 1px;
   font-size: 16px;
   transition: all 0.4s ease-in-out;
}

.navbar li:hover a span {
   padding: 6px 12px;
   border-radius: 4rem;
   font-weight: 700 !important;
}

.navbar:hover .bases span {
   color: #003469 !important;
}
/*.navbar:hover .bases span {
   color: #017fb8 !important;
}*/
.navbar:hover .deadlines span {
   color: #00548c !important;
}
/*.navbar:hover .registration span {
   color: #00afdc !important;
}*/
.navbar:hover .awards span {
   color: #02b23b !important;
}
.navbar:hover .sponsors span {
   color: #207638 !important;
}
.navbar:hover .nav-link.active.sponsors span {
   border-color: #207638 !important;
} 
/*.navbar:hover .registration span {
   color: #f71484 !important;
}*/
/*
.navbar:hover .sponsors span {
   color: #ac0d3b !important;
}
*/
.navbar:hover .registration span {
   color: #ff3e2b !important;
}
.navbar:hover .contact span {
   color: #fe9b10 !important;
}
.navbar:hover .other span {
   color: #daa20d !important;
}

.navbar li:hover .bases span {
   background: #003469;
   color: #fff !important;
}
.navbar li:hover .deadlines span {
   background: #017fb8;
   color: #fff !important;
}
/*.navbar li:hover .deadlines span {
   background: #00548c;
   color: #fff !important;
}*/
/*.navbar li:hover .registration span {
   background: #00afdc;
   color: #fff !important;
}*/
.navbar li:hover .awards span {
   background: #02b23b;
   color: #fff !important;
}
.navbar li:hover .sponsors span {
   background: #207638;
   color: #fff !important;
}
/*.navbar li:hover .registration span {
   background: #f71484;
   color: #fff !important;
}*/
/*
.navbar li:hover .sponsors span {
   background: #ac0d3b;
   color: #fff !important;
}
*/
.navbar li:hover .registration span {
   background: #ff3e2b;
   color: #fff !important;
}
.navbar li:hover .contact span {
   background: #fe9b10;
   color: #fff !important;
}
.navbar li:hover .other span {
   background: #daa20d;
   color: #fff !important;
}

      .nav-link.active span {
         border: 2px solid #000;
         padding: 6px 12px;
         border-radius: 4rem;
         transition: all 0.4s;
      }

      .nav-link.active:hover span {
         border: none;
      }

h2 {
   font-family: "Kusanagi", sans-serif !important;
   letter-spacing: 1px;;
}

.countdown-container {
   left: calc(50% - 112px) !important;
}

.countdown-container p {
   color:rgba(40,40,40, .75) !important;
}

.uk-countdown-label, .uk-countdown-number, .uk-countdown-separator {
   color:rgba(40,40,40, .5) !important;
}

/* Utilities */

.text-black {
   color: #000 !important;
}

/* Resets */
h1, h2, h3, h4, h5, h6 {
   color: #222 !important;
}
p, .uk.link-text {
   color: #333 !important;
   font-size: clamp(15px, 2vw, 18px);
}
li {
   color: #333 !important;
   font-size: clamp(14px, 2vw, 16px);
}
footer p {
   font-size: clamp(12px, 2vw, 14px);
}

.uk-countdown-number {
   font-size: clamp(24px, 4vw, 72px) !important;
}

.uk-countdown-separator {
   font-size: clamp(16px, 2vw, 72px) !important;
}

.uk-countdown-label {
   font-size: clamp(10px, 2vw, 14px) !important;
}

/* Media queries */

@media (min-width: 640px) {
   .countdown-container {
      left: calc(50% - 9rem) !important;
   }
   #patrocinios h2  {
      margin-bottom: 48px !important;
   }
   #patrocinios h3  {
      display: inline;
   }
   .sponsors-form-link-container {
      display: inline;
   }
}

@media (min-width: 960px) {
   .countdown-container {
      left: calc(50% - 10rem) !important;
   }
   .privacy-container {
      margin-right: 3rem !important;
   }
   .award-img {
      max-width: 300px !important;
   }
}

@media (min-width: 1200px) {
   .navbar-logo-container {
      margin-left: 2rem;
   }
   .navbar-logo {
      width: 140px !important;
   }
   .navbar li a span {
      font-size: 13px;
   }
   .countdown-container {
      left: calc(50% - 170px) !important;
   }
   .uk-navbar-nav {
      gap: 12px;
   }
}

@media (min-width: 1400px) {
   .main-logo {
      width: 640px !important;
   }
   .navbar li a span {
      font-size: 15px;
   }
   .uk-navbar-nav {
      gap: 36px;
   }
   .countdown-container {
      left: calc(50% - 180px) !important;
   }
}

@media (min-width: 1600px) {
   .countdown-container {
      left: calc(50% - 210px) !important;
   }
}

.uk-offcanvas-bar {
   background-color: rgba(255, 255, 255, 0.8) !important;
   backdrop-filter: blur(6px);
   min-width: 100vw;
   margin-top: 88px;
}

.btn-hackods {
   border-radius: 4rem;
   background: linear-gradient(270deg, #fbb800, #fe9b10, #ff3e2b, #fbb800);
   background-size: 400% 400%;
   color: #fff;
   letter-spacing: .75px;
   font-weight: 700;
   animation: btn-gradient-flow 6s ease infinite !important;
   transition: all 0.6s ease-in-out;
}

   /*background: linear-gradient(to right, #003469, #058ACC, #05CCA8);*/
   /*background: linear-gradient(to right, #B37F1E, #DDA338, #E7BF73);*/

@keyframes btn-gradient-flow {
   0% { background-position: 0% 50%; }
   50% { background-position: 100% 50%; }
   100% { background-position: 0% 50%; }
}

   .btn-hackods:hover {
      color: #fff;
      background-size: 400% 400%;
      background: linear-gradient(90deg, #111, #333, #555);
      animation: btn-gradient-flow 6s ease infinite !important;
      transition: all 0.6s ease-in-out;
   }


.btn-hackods.uk-button-large {
   font-size: 18px;
}

.btn-registration-container {
   display: flex;
   justify-content: center;
   margin-top: 1rem !important;
}

.link-icon {
   margin-left: 2px;
   transform: translateY(-2px);
   transition: all 0.3s ease-in-out;
}

a:hover .link-icon {
   transform: translateY(-4px) !important;
}

.link-text:hover {
   color: #000 !important;
}

a .lucide-file-icon {
   transform: translateY(-2px);
   margin-right: 4px;
   transition: all 0.3s ease-in-out;
}

a:hover .lucide-file-icon {
   transform: translateY(-3px);
}

.institutional-logos-container a img {
   opacity: 0.9;
   transition: all 0.3s ease-in-out;
}
.institutional-logos-container a:hover img {
   opacity: 1;
   transform: scale(1.05);
}

.link-email {
   color: #222 !important;
   font-weight: 600;
   transition: all 0.3s ease-in-out;
}

.link-email:hover {
   color: #000 !important;
}

.link-email svg {
   transform: translateY(-1px);
   transition: all 0.3s ease-in-out;
   margin-right: 3px;
}

.link-email:hover svg {
   transform: translateY(-3px);
}

h2 {
   font-size: clamp(22px, 2vw, 42px) !important;
}

h3 {
   font-size: clamp(16px, 2vw, 24px) !important;
}

.btn-registration svg {
   margin-left: 12px;
   transition: all 0.3s ease-in-out;
}

.btn-registration:hover svg {
   transform: translateX(6px) !important;
}

.uk-section-default {
   background: rgba(255, 255, 255, 0) !important;
}

.jury-card.uk-card-default.uk-card, .committee-card.uk-card-default.uk-card {
   background-color: rgba(255, 255, 255, 0) !important;
   border-radius: 6px;
   box-shadow: none;
   transition: all 0.3s ease-in-out;
}

.jury-card .uk-card-title {
   font-family: "Inter", sans-serif !important;
   text-transform: uppercase;
   font-size: clamp(19px, 2vw, 24px) !important;
   font-weight: 800;
   color: #222 !important;
}

.committee-card-content .uk-card-title {
   font-family: "Inter", sans-serif !important;
   font-size: clamp(14px, 2vw, 18px) !important;
   font-weight: 600;
   color: #222 !important;
}

.committee-card-content a:hover {
   font-weight: 600;
   transition: all 0.4s ease-in-out;
}

.committee-card-content a:hover svg {
   transform: translateY(-2px);
   transition: all 0.3s ease-in-out;
}

a.link-text {
   color: #eb523a;
}

.uk-card .uk-card-media-top img {
   transition: all 0.4s ease-in-out;
}

.uk-card:hover .uk-card-media-top img {
   transform: scale(1.06);
   transition: all 0.4s ease-in-out;
   object-fit: cover;
   width: 100%;
   height: 100%;
}

.uk-card-media-top {
   overflow: hidden;
}

.uk-image-top img {
   transition: all 0.4s ease-in-out;
}

.social-links-container a {
   color: #fff !important;
   font-size: 24px;
   margin-right: 12px;
   transition: all 0.3s ease-in-out;
}

.social-links-container a:hover {
   color: #f1a13c !important;
   transition: all 0.3s ease-in-out;
}

.totop, .slide-control {
   color: #fff !important;
   background-color: rgba(255, 115, 0, 0.75);
   backdrop-filter: blur(6px);
   border-radius: 50%;
   padding: 16px 12px;
   transition: all 0.3s ease-in-out;
}

.slide-control {
   background-color: rgba(255,255,255,.9) !important;
   color: #fbb800 !important;
   backdrop-filter: blur(6px);
   border-radius: 50%;
   padding: 8px 13px !important;
   transition: all 0.3s ease-in-out;
}

.totop:hover {
   background-color: rgba(255, 115, 0, 1) !important;
   color: #fff !important;
   transition: all 0.3s ease-in-out;
}

.totop:hover, .slide-control:hover {
   background-color: #fbb800 !important;
   color: #fff !important;
   transition: all 0.3s ease-in-out;
}

.uk-offcanvas-overlay::before {
   background-color: transparent !important;
}

.award-img {
   max-width: 180px;
}

.uk-overlay-default.overlay-media {
   background-color: rgba(0, 0, 0, 0.65) !important;
   border-radius: 4px;
   transition: all 0.3s ease-in-out;
}

.social-links-container:hover .uk-overlay-default.overlay-media {
   background-color: rgba(0, 0, 0, 0.6) !important;
   transition: all 0.3s ease-in-out;
   backdrop-filter: blur(2px);
   -webkit-backdrop-filter: blur(2px);
   border-radius: 4px;
}

.note {
  color: #ff3e2b !important;
  font-weight: 600;
  font-size: clamp(12px, 1vw, 13.5px);
}