:root{
    --celeste-aoc: #50ADE4;
    --naranja-aoc: #F58612;
    --verde-aoc:   #225530;
  }
  
  /* Botones temáticos */
  .btn-aoc-celeste{ background: var(--celeste-aoc); color:#fff; }
  .btn-aoc-celeste:hover{ filter: brightness(0.95); color:#fff; }
  .btn-aoc-naranja{ background: var(--naranja-aoc); color:#111; }
  .btn-aoc-naranja:hover{ filter: brightness(0.95); color:#111; }
  .btn-aoc-verde{ background: var(--verde-aoc); color:#fff; }
  .btn-aoc-verde:hover{ filter: brightness(0.95); color:#fff; }
  
  /* HERO */

  .hero .container {
    z-index: 2;
    position: relative;
  }
  
  .hero .col-12 {
    max-width: 720px; /* ancho limitado en pantallas grandes */
    margin: 0 auto;
  }
  
  .hero h1, 
  .hero p {
    text-shadow: 0 2px 4px rgba(0,0,0,.6);
  }

  .hero{
    position: relative;
    overflow: hidden;
  }
  .hero-bg{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.55));
  }
  .hero-logo{
    margin-top: 15px;
    width: 320px;
    height: auto;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.35));
  }
  
  /* Cuenta regresiva */
  .countdown .h2{
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--celeste-aoc);
  }
  
  .fech{
    background-color: var(--naranja-aoc);
  }

  /* Icono circular para cards */
  .icon-circle{
    width: 50px; 
    height: 50px;
    border-radius: 50%;
    background: rgba(0,0,0,.05);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* importante para recortar la imagen */
  }
  .icon-placeholder{ font-size: 1.5rem; }
  
  /* Sponsors */
  .sponsor-logo{
    height: 34px;
    width: auto;
    opacity: .9;
  }

 
  .icon-circle img.event-logo {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain; /* encaja completo */
  }
  
  
  /* Utilidades */
  .min-vh-75{ min-height: 75vh; }
  
  @media (max-width: 576px){
    .hero-logo{ width: 190px; }
  }
  

  /* Overlay de card cuando inscripciones están cerradas */
.card.pos-rel { position: relative; overflow: hidden; }

.card-overlay-closed{
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 19%);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.25rem;
}

.card-overlay-closed .msg{
  color: #ca2626;
}

.card-overlay-closed .badge{
  background: #ffe3e3;
  color: #b42318;
  border: 1px solid #ffbdbd;
  font-weight: 700;
  margin-bottom: .5rem;
}

.btn-ig{
  background: #fff;
  color: #111;
  border: none;
}
.btn-ig:hover{ filter: brightness(.95); color:#111; }