/* ========== Fonts ======= */
@font-face {
    font-family: 'Helvetica LT Std';
    src: url('../fonts/HelveticaLTStd-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaLTStd-Roman.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Light';
    src: url('../fonts/Futura-Light.woff2') format('woff2'),
        url('../fonts/Futura-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ------------ Socios  ----------- */

.section-socios{
    padding: 0px 0px 100px 0px;
}

.section-socios h1{
    font-size: 50px;
    font-family: 'Futura Lt BT';
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px 0px 50px 100px;
}

.section-socios h2{
    font-size: 36px;
    font-weight: 300;
    margin: 30px 0px 30px 0px;
    text-transform: uppercase;
    font-family: 'Futura Lt BT';
    font-weight: 300;
}

.section-socios h4 {
    margin: 20px 0px 0px 0px;
}

.section-socios a {
    padding: 0px;
    color: #f04600;
    margin: 0px 0px 30px 0px;
    font-weight: 600;
    font-size: 18px;
}

.section-socios img {
    margin: 10px;
}

.section-socios .line{
    display: inline-block;
    margin: 0px 20px 0px 0px;
    height: 3px;
    width: 40px;
    border-radius: 100px;
    background-color: #f04600;
}

.section-socios h2 img {
  height: 40px;
  margin-right: 5px;
}

/* footer */
footer .menu-footer li {
    display: inline-block;
}

footer .menu-footer .dropdown-menu li {
    display: block;
}

footer .menu-footer .dropdown-menu li a {
    color: #787878;
    margin: 0px 15px 0px 15px;
    text-transform: uppercase;
    opacity: .6;
    font-size: 13px;
    font-family: 'Helvetica';
    font-weight: 500;
}

footer .menu-footer .dropdown-menu li a:hover{
    color: #f04500;
    opacity: 1;
    text-decoration: none;
}

/* header */
.navbar .header-menu li {
    display: inline-block;
}

.navbar .header-menu li > a,
.navbar .header-menu li > a:hover,
.navbar .header-menu li > a:active,
.navbar .header-menu li > a:visited {
    text-decoration: none !important;
}

.navbar .header-menu .dropdown-menu li {
    display: block;
    text-decoration: none;
}

.navbar .header-menu .dropdown-menu li a {
    color: #787878;
    margin: 0px 15px 0px 15px;
    text-transform: uppercase;
    opacity: .6;
    font-size: 13px;
    font-family: 'Helvetica';
    font-weight: 500;
    text-decoration: none;
}

.navbar .header-menu .dropdown-menu li a:hover{
    color: #f04500;
    opacity: 1;
    text-decoration: none;
}


/* ------------Mas Info  ----------- */

.section-mas-info{
    padding: 40px 0px 100px 0px;
}

.section-mas-info h2{
    padding: 0px;
    color: #f04600;
    text-transform: uppercase;
    margin: 0px 0px 40px 0px;
    font-weight: 600;
}

.section-mas-info a{
    border-bottom: 1px solid #f04600;
    padding: 0px;
    color: #f04600;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
    font-weight: 600;
    font-size: 18px;
}

.section-mas-info a:hover{
    color: #ccc;
}

.section-mas-info .btn-gray{
    background-color: #d8d8d8;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    height: 50px;
    border-radius: 0px;
    padding: 12px 60px 0px 60px;
    margin-top: 40px;
    border-bottom: none;
}

.section-mas-info .btn-gray:hover{
    background-color: #f04600;
    color: #ffffff;
}

@media (max-width: 992px){

    .section-mas-info h2{
        font-size: 20px;
    }

    .d-block {
        padding-left: 0px;
    }

}

.block-hidden {
    display: none;
}

.d-block {
    display: inline-block;
}

.section-faq, .section-prensa, .section-socios {
    margin-top: 140px;
    min-height: 80vh;
}


.section-patrocinantes {
   
    margin-top: 140px;
    min-height: 20vh;
}
@media (max-width: 992px){
    .sidenav ul {
        padding-left: 0px;
    }
    .sidenav ul li {
        list-style: none;
    }
    .sidenav ul.dropdown-menu {
        position: relative;
        top: 0;
        left: 0;
        background-color: #333;
        text-align: center;
        float: none;
    }

    .sidenav .nav li > a {
        background-color: #000;
        color: #fff;
    }

    .sidenav ul.dropdown-menu > li > a,
    .sidenav ul.dropdown-menu > li > a:hover {
        background-color: #333;
        color:#fff;
    }
}

.hexagon-in2:hover {
    filter: sepia(60%);
}

.jury-bio {
  margin: 20px 0px;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  position: relative;
  display: none; /* Hidden by default */
}

.jury-bio.show {
  display: block; /* Show when has content */
}

.jury-bio:empty {
  display: none !important; /* Always hide when empty */
}

.jury-bio-content {
  margin: 0;
}

.jury-bio-close {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 10;
  border: none !important;
  background: rgba(255,255,255,0.9) !important;
  color: #666 !important;
  font-size: 18px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  cursor: pointer;
}

.jury-bio-close:hover {
  background: rgba(255,255,255,1) !important;
  color: #333 !important;
  transform: scale(1.1);
}

.jury-bio .hexagon_ {
  display: block;
  margin: 0 auto 20px auto;
  position: relative;
  width: 280px;
  height: 320px;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.hexagon_ img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  left: 0;
}

.hexagon_-background {
  position: absolute;
  background-color: #f40;
  top: 8px;
  left: 8px;
  width: 264px;
  height: 304px;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.jury-bio h2 {
  color: #333;
  font-weight: bold;
}

.jury-bio h4 {
  color: #f04600;
  font-weight: 500;
}

.jury-bio .badge {
  font-size: 0.9em;
  padding: 8px 12px;
}

.jury-bio .text-justify {
  line-height: 1.6;
  color: #555;
}

a.bio {
    color: inherit;
}

/* Download Jury Card Button */
.download-jury-card {
  background-color: #f04600 !important;
  border-color: #f04600 !important;
  color: white !important;
  transition: all 0.3s ease;
}

.download-jury-card:hover {
  background-color: #d63900 !important;
  border-color: #d63900 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(240, 70, 0, 0.3);
}

.download-jury-card:disabled {
  background-color: #cccccc !important;
  border-color: #cccccc !important;
  transform: none !important;
  box-shadow: none !important;
}

.download-jury-card i {
  margin-right: 5px;
}

/* Mobile responsiveness improvements */
@media (max-width: 768px) {
  .jury-bio {
    margin: 15px 0;
    padding: 15px;
  }
  
  .jury-bio .hexagon_ {
    width: 200px;
    height: 230px;
    margin: 0 auto 15px auto;
  }
  
  .jury-bio .hexagon_-background {
    width: 188px;
    height: 216px;
  }
  
  .jury-bio h2 {
    font-size: 1.5rem;
    text-align: center;
  }
  
  .jury-bio h4 {
    font-size: 1.2rem;
    text-align: center;
  }
  
  .jury-bio h6 {
    text-align: center;
    margin-bottom: 10px;
  }
  
  .jury-bio .badge {
    display: block;
    width: fit-content;
    margin: 0 auto 15px auto;
  }
  
  .jury-bio-close {
    top: 10px;
    right: 15px;
    width: 28px;
    height: 28px;
    font-size: 18px;
  }
  
  .download-jury-card {
    width: 100%;
    margin-top: 15px;
  }
}

@media (max-width: 576px) {
  .jury-bio {
    margin: 10px 0;
    padding: 10px;
  }
  
  .jury-bio .hexagon_ {
    width: 150px;
    height: 172px;
  }
  
  .jury-bio .hexagon_-background {
    width: 140px;
    height: 161px;
  }
  
  .jury-bio h2 {
    font-size: 1.3rem;
  }
  
  .jury-bio h4 {
    font-size: 1.1rem;
  }
  
  .jury-bio-close {
    top: 8px;
    right: 12px;
    width: 26px;
    height: 26px;
    font-size: 16px;
  }
}

.grand-slam .row {
    display: flex;
    flex-direction: row;
}

@media (max-width: 992px){
    .grand-slam {
        margin-top: 60px;
    }
    .grand-slam .row {
        flex-direction: column;
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .navbar .header-menu li > a {
        font-size: 10px;
        margin: 0px 5px;
    }
}

@media (min-width: 1500px) and (max-width: 1620px) {
    .navbar .header-menu li > a {
        font-size: 11px;
        margin: 0px 6px;
    }
}

@media (min-width: 1621px) {
    .navbar .header-menu li > a {
        font-size: 12px;
        margin: 0px 10px;
    }
}

@media (max-width: 1099px) {
    footer .menu-footer a {
        display: inline-block;
        list-style: none;
        margin: 0px 2px 20px 2px;
        font-size: 10px;
    }

    footer .menu-footer ul {
        padding-left: 0px;
    }

    footer img{
        width: 100%;
    }
}

@media (min-width: 1100px) and (max-width: 1475px) {
    footer .menu-footer ul {
        padding-left: 0px;
    }
    footer .menu-footer a {
        display: inline-block;
        list-style: none;
        margin: 0px 8px 20px 8px;
        font-size: 9px;
    }
}

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

.item-prensa {
    border: 1px solid transparent;
}

.item-prensa:hover {
    border: 1px dotted;
}

.row-gs {
    margin-top: 150px;
}

@media (max-width: 992px){
    .row-gs {
        margin-top: 20px;
    }
}

.center {
    text-align: center !important;
}

.section-grand-slam .section-table .row-table,
.section-grand-slam .section-table .row-table-w {
    padding: 3px 10px 3px 10px;
}

@media (max-width: 387px) {
    .aligncenter {
        text-align: center;
    }
}

.section-home.home-image {
    padding: 0px 0 0 0 ;
}

@media (min-width: 1475px) {
    .section-home.home-image {
        padding: 0 0 0 0 ;
    }
}

.section-home.home-image > .container-fluid,
.section-home.home-image .row {
    padding: 0px;
}

/* ========== Form ======= */

.section-form{
    background-color: #000000;
    color: #ffffff;
    padding: 100px 0px;
}

.section-form img{
    width: 70%;
    text-align: rights;
}

.section-form h1{
    font-family: 'Futura Light';
    font-size: 60px;
    color: #f04600;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
}

.section-form h2{
    font-family: 'Helvetica LT Std';
    font-size: 35px;
    color: #ffffff;
    margin: 0px 0px 20px 0px;
}

.section-form p{
    font-family: 'Helvetica LT Std';
    font-size: 11px;
    color: #ffffff;
    margin: 0px 0px 20px 0px;
}

.section-form h4{
    font-family: 'Helvetica LT Std';
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 60px 0px 20px 0px;
}


.section-form input{
    background-color: #1a1a1a;
    color: #ffffff;
    font-size: 14px;
    padding-top: 10px;
    text-transform: uppercase;
    font-family: 'Helvetica LT Std';
    font-weight: 300;
    border: none;
    height: 40px;
    text-align: center;
}

.section-form h5{
    font-family: 'Helvetica LT Std';
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 20px 0px 20px 0px;
}

.section-form h5 a{
    font-family: 'Helvetica LT Std';
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 20px 0px 20px 0px;
    text-decoration: underline;
}

.section-form h5 a:hover{
    cursor: pointer;
    opacity: .6;
}

.section-form .btn-orange{
    background-color: #f04600;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0px;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 500;
}

.section-form .btn-orange:hover{
    opacity: .8;
}

.section-form .checkbox{
    color: #ffffff;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.section-form .checkbox a{
    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;
}

@media (max-width: 992px){

    .section-form{
        padding: 100px 20px;
    }
}

/* ------------ Patrocinantes  ----------- */
.section-patrocinantes{
    padding: 0px 0px 100px 0px;
}

.section-patrocinantes h1{
    font-size: 50px;
    font-family: 'Futura Lt BT';
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px 0px 50px 0px;
}

.section-patrocinantes h2{
    font-size: 36px;
    font-weight: 300;
    margin: 30px 0px 30px 0px;
    text-transform: uppercase;
    font-family: 'Futura Lt BT';
    font-weight: 300;
}

.section-patrocinantes h2 .center {
    text-align: center;
}

.section-patrocinantes h4 {
    margin: 20px 0px 0px 0px;
}

.section-patrocinantes a {
    padding: 0px;
    color: #f04600;
    margin: 0px 0px 30px 0px;
    font-weight: 600;
    font-size: 18px;
}

.section-patrocinantes img {
    margin: 10px;
}

.section-patrocinantes .line{
    display: inline-block;
    margin: 0px 20px 0px 0px;
    height: 3px;
    width: 40px;
    border-radius: 100px;
    background-color: #f04600;
}

.section-patrocinantes h2 img {
  height: 40px;
  margin-right: 5px;
}