:root {
  --clr-celeste:  #65cbe9;
  --clr-celeste-dark: rgb(3, 105, 161);
  --clr-verde:    rgb(52, 211, 153);
  --clr-verde-dark: #059669;
  --clr-slate-100:#f1f5f9;
  --clr-slate-800:#1e293b;
  --clr-slate-801: #557689ff;
  --clr-slate-802: #4c8ab9ff;
  --clr-slate-803: #cfeaffff;
  --clr-slate-804: #98e27fff;

}
body {
  font-family: 'Montserrat', sans-serif;
  background-color: 	rgb(101, 203, 233, 0.3);
  color: #ffffff;
}
.bg_oscuro {
 background-color: rgb(5, 150, 105, 0.3) !important;
}
.dropdown-menu {
  background-color: rgba(1, 100, 69, 0.918) !important;
}
.bg_celeste {
 background-color: #52F2E2;
}
.bg_ver_claro {
  background-color: #09A603;
}
.bg_verde_medio {
  background-color: #02731E;
}
a {
  text-decoration: none;
}
h2,h3 {
  color: #ffffff;
  font-weight: bold;
}
/*.hero {
  background: linear-gradient(#02731E33, #02731E33),
    url('public/uploads/jugadas/jugada_009.jpg') top/cover no-repeat;
  color: white;
  text-align: center;
  padding: 100px 20px;
  height: 450px;
}
.prx_fecha {
  background-color: hsl(193.5deg 74.07% 89.41%) !important;
}*/
.hero {
  padding-top: 10%;
  position: relative;
  height: 60vh; /* o la altura que prefieras */
  overflow: hidden;
}

.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-height: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.hero-content {
  position: relative;
  z-index: 1;
}


.content-reglamento {

  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),

    url('../public/uploads/fondos/jugador.jpg') top/cover no-repeat;

  color: white;

}



.hero h1 {

  font-size: 3rem;

  color: #ffffff;

  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))

}



.hero p {

  color: #ffffff;

  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))

}



.inst_desc {

  color: #131E08;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  font-size: 1.1rem;

}



.swiper-pagination-bullet {

  margin-top: 3%;

  background: #ffffff !important;

  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important;

}



.swiper-pagination-bullet-active {

  background: #52F2E2 !important;

}



.mar_cont {

  margin-top: 3.5rem;

  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),

}



.img_histo {

  width: 100%;

  text-align: center;

  margin: auto;

  object-fit: cover;

}



.img_hist_vert {

  width: 30%;

  height: 100%;

  float: left;

  margin: 1%;

  object-fit: cover;

}



.img_hist_vert2 {

  width: 30%;

  height: 100%;

  float: right;

  margin: 1%;

  object-fit: cover;

}



.btn-main {

  font-size: 1.2rem;

  padding: 12px 30px;

  margin: 10px;

}



.stats,

.next-match {

  margin-top: 40px;

}



.jug {

  width: 80%;

  margin: auto;

}



.stat-icon {

  font-size: 2rem;

  color: #0d6efd;

}



.card-news img {

  max-height: 180px;

  object-fit: cover;

}



footer {

  background-color: rgb(5, 150, 105, 0.3);

  color: rgb(0, 0, 0);

  padding: 20px 0;

}



.logo {

  width: 100px;

  height: 100px;

  object-fit: contain;

}

.tit_nav{

font-family: Arial, Helvetica, sans-serif;

font-size: large;

font-weight: bold;

padding-top: 4%;

}

.navbar-brand,

.dropdown-item,

.nav-link {

  color: #00fff5 !important;

}

.enlace-equipo{

  color: #021185;

}

.enlace-equipo:hover {

  color: #00ff15;

}

.cab_gole {



  background-color: #2c99064d;

}

/* Fondo inicial transparente */

#miniNavbar {

  transition: background 0.3s ease;

    background: rgb(44, 153, 6, 0.4) !important;

}

#miniNavbar.solid {

  background: #2c9906 !important;

}

/* Fondo sólido cuando se haya bajado del hero */

#mainNavbar.solid {

  background: #2c9906 !important; /* celeste institucional */

}

#hero {
  min-height: 8vh;          /* ocupa toda la ventana */
  display: flex;
  align-items: center;
  justify-content: center;
}

.cab_gol {

  background-color: #2c9906;

}



.next-match {

  font-size: small;

  margin-bottom: 20px;

}



.apoyo {

  display: block;

}
.fech_inf{
  font-size: large;
  color: #fff;
}
.versus {
  text-align: center;
  align-items: center;
  vertical-align: middle;
  color: #3f082f;

}



.tablaIni {

  min-height: 170px;

  background-color: hsl(193.5deg 74.07% 89.41%) !important;

  border-radius: 3% !important;

  overflow: hidden;

}



.tablaIni,

.tablaIni td,

.tablaIni tr,

.tablaIni tbody {

  background-color: hsl(193.5deg 74.07% 89.41%) !important;

  color: #000 !important;

  /* o blanco si querés más contraste */

  border: none !important;

}



.tab_goleadores {

  width: 45% !important;



}



.card_2 {

  --bs-card-spacer-y: 1rem;

  --bs-card-spacer-x: 1rem;

  --bs-card-title-spacer-y: 0.5rem;

  --bs-card-title-color: ;

  --bs-card-subtitle-color: ;

  --bs-card-border-width: var(--bs-border-width);

  --bs-card-border-color: var(--bs-border-color-translucent);

  --bs-card-border-radius: var(--bs-border-radius);

  --bs-card-box-shadow: ;

  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));

  --bs-card-cap-padding-y: 0.5rem;

  --bs-card-cap-padding-x: 1rem;

  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);

  --bs-card-cap-color: ;

  --bs-card-height: ;

  --bs-card-color: ;

  --bs-card-bg: var(--bs-body-bg);

  --bs-card-img-overlay-padding: 1rem;

  --bs-card-group-margin: 0.75rem;

  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  height: var(--bs-card-height);

  color: var(--bs-body-color);

  word-wrap: break-word;

  background-color: var(--bs-card-bg);

  background-clip: border-box;

  border: var(--bs-card-border-width) solid var(--bs-card-border-color);

  border-radius: var(--bs-card-border-radius);

}



.tabla-dashboard {

  width: 100%;

  border-collapse: collapse;

  background-color: white;

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

  border-radius: 8px;

  overflow: hidden;

}



.tabla-dashboard th,

.tabla-dashboard td {

  padding: 12px 16px;

}



.tabla-dashboard th {

  background-color: hsl(136.72deg 35.67% 66.47%);

  color: white;

  font-weight: bold;

  position: sticky;

  top: 0;

  z-index: 1;

}



.fixt_img {

  width: 50px;

  height: 50px;

  object-fit: cover;

}



.tabla-dashboard tbody tr:nth-child(even) {

  background-color: #f2f2f2;

}



.contenedorWeb {

  max-width: 100%;

  margin: auto;

}



.img_noti_list {

  width: 20%;

  margin: 1%;

  float: left;

  object-fit: cover;

  border-radius: 10%;

}



.left {

  float: left;

}



.right {

  float: right;

}



/* Galería */

.instituciones-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

  gap: 20px;

  padding: 20px;

}



/* Tarjetita */

.institucion-card {

  background: white;

  border-radius: 12px;

  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);

  text-align: center;

  padding: 30px 20px;

  transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.institucion-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);

}



/* Logo grande */

.logo-institucion {

  width: 200px;

  height: 170px;

  object-fit: contain;

  margin-bottom: 15px;

}



.img_apoyo {

  width: 100%;

  max-width: 150px;

  height: auto;

  margin: 0 auto;

}



.contenedor-apoyo.vertical {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.marg_apoyo {

  width: 20%;

  /* 4 imágenes x 23% + algo de gap */

  margin: auto;

}



.contenedor-apoyo.horizontal {

  display: flex;

  flex-direction: row;

  gap: 10px;

  flex-wrap: wrap;

}



.nombre-institucion {

  font-weight: 600;

  font-size: 1.1rem;

  color: #333;

  text-decoration: none;

}



.link_jug {

  color: rgb(58, 58, 58);

}



.link_jug:hover {

  color: rgb(133, 0, 133);

}



.mod_equi {

  background-color: rgb(134, 216, 1);



}



.mod_equi:hover {

  background-color: rgb(2, 138, 47);



}



.logo_footer {

  width: 20%;

  object-fit: contain;

  margin-right: 10px;

}



.error_page {

  min-height: 400px;

}



.img_noti_list {

  width: 20%;

  clear: both;

}



.jug_insti {

  display: inline;

}



.fondo1 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/abril.jpg') top/cover repeat;

}



.fondo2 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/pando.jpg') top/cover repeat;

}



.fondo3 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/huracan.jpg') top/cover repeat;

}



.fondo4 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/penarol.jpg') top/cover repeat;

}



.fondo5 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/liceo.jpg') top/cover repeat;

}



.fondo6 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/liverpool.jpg') top/cover repeat;

}



.fondo7 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/colocolo.jpg') top/cover repeat;

}



.fondo8 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/rossel.jpg') top/cover repeat;

}



.fondo9 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.71)),

    url('../public/uploads/fondos/tricolor.jpg') top/cover repeat;

}



.fondo10 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/udechile.jpg') top/cover repeat;

}



.fondo11 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.71)),

    url('../public/uploads/fondos/bobadilla.jpg') top/cover repeat;

}



.fondo12 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/yungay.jpg') top/cover repeat;

}



.fondo20 {

  background:linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/rey.jpg') top/cover repeat;

}



.fondo21 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/jugador.jpg') top repeat;

}



.fondo22 {

  background: linear-gradient(rgba(167, 240, 247, 0.71), rgb(169, 233, 164, 0.81)),

    url('../public/uploads/fondos/noticias.jpg') top/cover repeat;

}



.justify-text {

  text-align: justify;

}



.fixt_ini {

  border-radius: 12px !important;

  overflow: hidden !important;

  padding-bottom: 1%;

  background-color: hsl(193.5deg 74.07% 89.41%) !important;

}



.card-news a {

  padding-top: 1% !important;

  cursor: pointer !important;

  position: relative;

  z-index: 1000 !important;

}



.swiper-pagination {

  pointer-events: none !important;

}



.swiper-pagination-bullet {

  pointer-events: auto !important;

}



@media (max-width: 990px) {

  .ocultar_tab {

    display: none;

  }

.tit_nav{

padding-top: 1%;

}

  .tab_goleadores {

    width: 40% !important;

  }

}



@media (max-width: 768px) {

  .ocultar {

    display: none;

  }



  .tab_goleadores {

    width: 100% !important;

  }



  .img_hist_vert {

    width: 50%;

  }



  .img_hist_vert2 {

    width: 50%;

  }



  .jug {

    width: 100%;

    text-align: center;

  }



}



@media (max-width: 600px) {

  .tablaIni {

    max-height: 100px;

  }
.hero{
  height: 30vh;
  margin-top: 3%;
  width: 100%;
  padding: 0%;
}


  .hero h1 {

    font-size: 2rem;

  }



  .marg_publi {

    width: 22%;

  }



  .cab_gole {

    background-color: rgb(19, 70, 1);

  }



  .img_noti_list {

    width: 97%;

    clear: both;

  }



  .nav-link {

    font-size: larger;

  }

}