@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/**********/

.cabezote_equipo_bogota
{
		/*background-image: url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-fondo-cabezote.png.jpg);*/
/*	background-image: url(https://www.idrd.gov.co/sites/default/files/2023-12/header_paranacionales.jpg);	*/
/*	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-11/Cabezote_Juegos.jpg);*/
 
    /* min-height:890px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background: linear-gradient(to bottom, #000000 13%, #c00017 86%, #ff0028 100%);
}
.eb-video 
{
min-height: 500px;
	background-color: #000 !important;

}
.eb-video video
{
	border: none;
    bottom: 0;
    box-shadow: none;
    height: 500px;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    right: 0;
    top: 0;
    width: 100%;
        opacity: 0.6;
}

	
header
{
    max-height: none;
}
@media (min-width: 992px)
{
	.navbar .navbar-collapse 
	{
	    display: flex;
	    align-items: center;
	    justify-content: center !important;
	
	}
}




   
.navbar 
{
	/*background-color: transparent !important;*/
	    background-color: #f9b62e !important;
     top: 0px;

}

@media (max-width: 991px)  /*Mobile*/
{
	.navbar 
	{
		background-color: #212529 !important;
	}

}
.navbar li.nav-item
{
	border-bottom: 8px solid transparent;
  padding: 0px 15px;
}
.navbar li.nav-item:hover
{
border-bottom: 8px solid #F9B62E;
	
}
.navbar li.nav-item a
{
	font-size: 1.4em;
  color: #000;
  
  /* color: #FFF;*/
}
.eb-sobre-equipo
{
    background-image: url(https://www.idrd.gov.co/sites/default/files/2024-11/Sue.png),
    									url(https://www.idrd.gov.co/sites/default/files/2024-11/monse.png),
    									url(https://www.idrd.gov.co/sites/default/files/2024-11/fondoequpobogota.jpg),
    									url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-fondo-degrade-rojo.jpg);
    background-attachment: local, local, local, local;
    background-repeat: no-repeat, no-repeat, repeat-x, repeat-x;
    background-position-y: 100%, 4%, 29%, 0%;
    background-size: 14%, 20%, cover, auto;
    background-position-x: 82%, 12%, 1%, 101%;
    color: #FFF;
    min-height: 611px;
	display: flex;
    justify-content: center;
    align-items: center;

}

.eb-beneficios
{
       background-image: url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-depor-silueta4.png), url(https://www.idrd.gov.co/sites/default/files/2024-11/fondoequpobogota.jpg), url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-fondo-degrade-rojo.jpg);
    background-attachment: local,local,local;
    background-repeat: no-repeat,no-repeat,repeat-x;
    background-position-y: 100%,29%, 100%;
    background-size: 16%,cover, auto;
    background-position-x: 75%, 25%, 101%;
    color: #FFF;
    background-color: #c21d19;
        display: grid;

}

.eb-sobre-equipo h2
{
	    font-size: 2rem;
}




.eb-sobre-equipo h2:before,
.eb-sobre-equipo h2:after
{

    display: inline-block;
    content: "";
    border-top: 2px solid #F9B62E;
    border-bottom: 4px groove #F9B62E;
    width:12rem;
    margin: 0 1rem;
    transform: translateY(-.5rem);
}
/*
.eb-actualidad h2:before,
.eb-actualidad h2:after
{
		display: inline-block;
    content: "";
    border-top: 2px solid #F9B62E;
    border-bottom: 4px groove #F9B62E;
    width: 12rem;
    margin: 0 1rem;
    transform: translateY(-.5rem);
}*/

.eb-actualidad h2
{

    color: #ffffff;
    font-weight: bold;
}


    
.eb-beneficios h2:before,
.eb-beneficios h2:after
{
		display: inline-block;
    content: "";
    border-top: 2px solid #F9B62E;
    border-bottom: 4px groove #F9B62E;
    width: 12rem;
    margin: 0 1rem;
    transform: translateY(-.5rem);
}
.eb-actualidad .views-field-title 
{
	   background: rgb(255,0,0);
    background: -moz-linear-gradient(0deg, #000000  36%, rgba(255,255,255,0) 104%);
    background: -webkit-linear-gradient(0deg, #000000  36%, rgba(255,255,255,0) 104%);
    background: linear-gradient(0deg, #000000  36%, rgba(255,255,255,0) 104%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ffffff",GradientType=1);
    WIDTH: 100%;
}
.eb-actualidad .views-field-title  a
{
color: #FFF;
    font-size: 1.3em;
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: 700;
}





.eb-deportes
{
		background-color: #F9B62E;
    background-image: url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-fondo-garra2.png);
    background-attachment: local;
    background-repeat: repeat-y;
    background-position-y: 21%;
    background-size: 40%;
    background-position-x: 101%;
    color: #FFF;

}

.eb-deportes h2:before,
.eb-deportes h2:after
{
		display: inline-block;
    content: "";
    border-top: 2px solid #FFF;
    border-bottom: 4px groove #FFF;
    width: 12rem;
    margin: 0 1rem;
    transform: translateY(-.5rem);
}


.eb-juegos
{
	background-color: #000;
    background-image: url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-fondo-juegos.png.jpg);
    background-attachment: local;
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-size: cover;
    background-position-x: 0%;
    color: #FFF;
}



.eb-juegos h2:before,
.eb-juegos h2:after
{
		display: inline-block;
    content: "";
    border-top: 2px solid #FFF;
    border-bottom: 4px groove #FFF;
    width: 12rem;
    margin: 0 1rem;
    transform: translateY(-.5rem);
}
.eb-juegos h3
{
	color: #F9B62E;
    font-weight: bold;
}
.cuentaregresiva span {
    text-align: center !important;
    font-size: 3.7em !important;
    font-weight: bold;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
}

.cuentaregresiva  {
    
color: #f9b62e;
}
.eb-juegos hr {
    color: #f9b62e;
    border: 2px solid #f9b62e;
    opacity: 1;
}


.eb-galeria h2:before,
.eb-galeria h2:after
{
		display: inline-block;
    content: "";
    border-top: 2px solid #F9B62E;
    border-bottom: 4px groove #F9B62E;
    width: 12rem;
    margin: 0 1rem;
    transform: translateY(-.5rem);


}
.eb-galeria h2
{

    color: #be1b1c;
    font-weight: bold;
}
h2
{

    font-weight: bold;
}

.eb-footer
{
    background-image: url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-depor-silueta5.png),
    									url(https://www.idrd.gov.co/sites/default/files/2024-11/fondoequpobogota.jpg),
    									url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-fondo-degrade-rojo.jpg);
    background-attachment: local,local,local;
    background-repeat: no-repeat,no-repeat,repeat-x;
    background-position-y: 86%,29%, 0%;
    background-size: 12%,cover, auto;
    background-position-x: 25%, 74%, 101%;
    color: #FFF;
    min-height: 411px;
    display: flex;
    align-items: center;
    justify-content: center !important;
}
.redes-sociales a {
    color: #f8f9fa;
    font-size: 4em;
    margin: 20px;
} 

.grid-item {
  margin-bottom: 10px;
}

/********CARDS*************/

.eb-beneficios .maincontainer
{
        width: 219px;
    height: 220px;
    margin: 10px;
    float: left; /* stack each div horizontally */
}

.eb-beneficios img
{
   border-radius: 10px;
}

.eb-beneficios .back h2
{
    position: absolute;
}

.eb-beneficios .back p
{
    top: 50px;
    font-size: 15px;
}
.eb-beneficios .back a
{
color:#FFF;
}
.eb-beneficios .front h2
{
    position: absolute;
    padding: 10px;
    top: 200px;
    color: #000;
}

/* style the maincontainer class with all child div's of class .front */
.eb-beneficios .maincontainer > .front
{
    position: absolute;
    transform: perspective(600px) rotateY(0deg);
    
       width: 210px;
    height: 220px;
    
    backface-visibility: hidden; /* cant see the backside elements as theyre turning around */
    transition: transform .5s linear 0s;
}

/* style the maincontainer class with all child div's of class .back */
.eb-beneficios .maincontainer > .back
{
    position: absolute;
    transform: perspective(600px) rotateY(180deg);
    background: #262626;
    color: #fff;
        
       width: 210px;
    height: 220px;
    border-radius: 10px;
    padding: 5px;
    backface-visibility: hidden; /* cant see the backside elements as theyre turning around */
    transition: transform .5s linear 0s;
}

.eb-beneficios .maincontainer:hover > .front
{
    transform: perspective(600px) rotateY(-180deg);
}

.eb-beneficios .maincontainer:hover > .back
{
    transform: perspective(600px) rotateY(0deg);
}

/******** fin CARDS*************/


@media (max-width: 720px)
{
	.eb-sobre-equipo h2:before,
	.eb-sobre-equipo h2:after,
	.eb-actualidad h2:before,
	.eb-actualidad h2:after,
	.eb-beneficios h2:before,
	.eb-beneficios h2:after,
	.eb-deportes h2:before,
	.eb-deportes h2:after,
	.eb-juegos h2:before,
	.eb-juegos h2:after,
	.eb-galeria h2:before,
	.eb-galeria h2:after,
	.eb-perfiles h2:before,
	.eb-perfiles h2:after
	{
		width: 2rem;
	}
 h2 
 {
    font-size: 1.2rem !important;
	}
	.wsm-100
	{
		width: 100% !important;
	}
	header {
    max-height: max-content  !important;
	}

.navbar {
    top: 0 !important;
	}

}
.cardsbeneficios h3
{
	font-size: 1.3rem;
	display: inline-block;
}


.fondo_flujo_witter
{    background-image: url(https://www.idrd.gov.co/sites/default/files/2024-11/fondoequpobogota.jpg),url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-fondo-degrade-rojo.jpg);
    background-attachment: llocal,local;
    background-repeat: repeat-x,repeat-x;
    background-position-y: 29%,0%;
    background-size: cover,auto;
    background-position-x: 1%,101%;
    color: #FFF;

    align-items: center;
}
.juegosna
{
	background: #ffffffc7;
    border-radius: 27px;
}
.eb-galeria .field--name-field-imagen  .field__item
{
float:left;
 padding: 10px;
    min-height: 300px;
}
.eb-galeria 
{
display:inline-block;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
   
.fondo_flujo_medallas {
    background: #a97814;
    background-image: url(https://www.idrd.gov.co/sites/default/files/2024-11/fondoequpobogota.jpg);
    background-attachment: llocal,local;
    background-repeat: repeat-x,repeat-x;
    background-position-y: 29%,0%;
    background-size: cover,auto;
    background-position-x: 1%,101%;
    color: #FFF;
    align-items: center;
}

.cajasprogramacion
{    background: #FFF;
    border-radius: 20px;
    margin: 30px;}
    
  .cajasprogramacion img 
  {
  
    
    max-width: 100%;
    height: auto;
}



.medallero h6
{  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
    top: 2px;
    position: absolute;
 right: 39% !important;
    top: 25%;
    font-size: 80px;
}


.medallero .counteroro
{
 font-weight: bold;
    background: linear-gradient(to bottom, #f7d794, #b68d40);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.medallero .counterplata
{
  font-weight: bold;
    background: linear-gradient(to bottom right, #ffffff, #333333);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.medallero .counterbronce
{
	   font-weight: bold;
    background: linear-gradient(to right, #ffffff, #b87333, #944e24);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.fondoblancopepas {
/*background-image: url(https://www.idrd.gov.co/sites/default/files/2024-11/monse.png),  url(https://www.idrd.gov.co/sites/default/files/2024-11/backblanco.jpg), url(https://www.idrd.gov.co/sites/default/files/2023-09/equipo-bogota-fondo-degrade-rojo.jpg);
    background-attachment: local,  local, local;
    background-repeat: no-repeat, repeat-x, repeat-x;
    background-position-y: 80%,  29%, 0%;
    background-size: 14%,  cover, auto;
    background-position-x: 95%,  1%, 101%;*/
    color: #FFF;
    min-height: 611px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    
    
    
    
@media (max-width: 768px) 
{
	

	
.eb-perfiles h2:before, .eb-perfiles h2:after 
{

        border-bottom: 4px groove #F9B62E !important;
        width: 1rem !important;
    
}
.cajasprogramacion 
{
    background: #FFF;
    border-radius: 20px;
    margin: 10px 0px;
}
.eb-beneficios .maincontainer {

    margin: 10px 50px !important;
}

    .navbar {
        background-color: #009e24 !important;
    }
    
     .navbar a {
        color: #FFF !important;
    }
    
    .medallero h6 {

    right: 39% !important;
    }
    
    
    .Oro::before{
    left: 86%;

}
.Plata::before{
    left: 86%;

}
.Bronce::before{

    left: 86%;

}
    
   .tablasmedallas
{
     margin: 20px -40px !important;
         font-size: 16px !important;

} 
.tablasmedallas img {
    width: 20px !important;
}

.eb-sobre-equipo {
 
    background-position-y: 100%, 1%, 23%, 0%;
    background-position-x: 82%, -2%, 1%, 101%;
}

	.carousel-item .item-content
	{
		content:""
	}
	
	.carousel-item .item-content .cajasmedallas {
    width: 100%;
    float: left;
}



}

    .navbar {
position: absolute;
    z-index: 1;
    top: 0px;
    background-color: #b70d23 !important;
    width: 80%;
       min-height: 80px;
    background: #b70d23;
    clip-path: polygon(0 0, 100% 0, 94% 100%, 0 100%);
    }
    
     .navbar a {
        color: #FFF !important;
    }
    
    
    
.navbar li.nav-item:hover {
    border-bottom: 8px solid #ffb71b;
    background-color: #ffb71b;
}
.Oro::before{
	    position: absolute;
    content: "Oro";
    font-weight: bold;
    color: #333333;
    margin-right: 5px;
    font-family: "Bebas Neue", sans-serif;
    right: 15%;
    font-size: 40px;

}
.Plata::before{
		    position: absolute;
    content: "Plata";
    font-weight: bold;
    color: #333333;
    margin-right: 5px;
    font-family: "Bebas Neue", sans-serif;
    right: 10%;
    font-size: 40px;

}
.Bronce::before{
		    position: absolute;
    content: "Bronce";
    font-weight: bold;
    color: #333333;
    margin-right: 5px;
    font-family: "Bebas Neue", sans-serif;
    right: 6%;
    font-size: 40px;

}

.slick-dots {
    position: relative !important;
    padding-top: 15px !important;
}
.slick-autoplay-toggle-button {
 
    bottom: 3px !important;
}

.medallero img
{border-radius:20px;    width: 100%;height: auto;
}
.Oro img, .Plata img , .Bronce img
{width: auto;
	
}
.medallero .img_juegos img
{border-radius:20px;    width: auto;
}

/*****************/



.tablasmedallas
{
    border-radius: 25px !important;
        border-radius: 25px !important;
    font-weight: bold;
    font-size: 20px;
}
.tablasmedallas td,
.tablasmedallas th,
.tablasmedallas table,
.tablasmedallas p

{
	color:white;
	border: 0px !important;    background: transparent;
	
}

.tablasmedallas thead {
    background-color: transparent !important;
}

.tablasmedallas tr {
    border-bottom: dotted 1px;
}
.tablasmedallas img {
    width: auto;
}

.cajasmedallas
{
width: 33%;
    float: left;
}

.carousel-indicators {

    bottom: -24px;
}

.carousel-control-prev
{ left:-7%}
.carousel-control-next {right:-7%}

.nota-principal a {
    color: rgb(194 42 43);
    text-decoration: underline;
    font-size: 2em;
    text-decoration: none;
    font-weight: 700;
}


.nota-principal .card {
    justify-items: center;
}

.logoBog
{
    position: absolute;
    top: 34px;
    right: 0;
    z-index: 2;
    /* width: auto; */
    text-align: end;
    width: 36%;
}



.logoBog img{
    height: auto;
    width: 100%;
}


.toolbar-horizontal .navbar {
    position: absolute;
    margin-top: 81px;

}

.collage
{
    position: absolute;
    bottom: 0;
        right: 0;

    /* width: 100%; */
    z-index: 2;
}


.collage img
{
    width: 90%;
    float: inline-end;
    height: auto;
}
.logoequipo
{
position: absolute;
    top: 22%;
    left: 11%;
}



.eb-actualidad 
{
    background: url(https://www.idrd.gov.co/sites/default/files/2025-12/fondoactualidad.jpg);
    background-position: center;
    background-size: cover;
}


.slick-next::before
{
    content: "\f054";
    /* font-family: font-awesome; */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #FFF;
}

.slick-prev::before
{
    content: "\f053";
    /* font-family: font-awesome; */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #FFF;
}

.slick-initialized {
    overflow: visible;
    width: 91%;
    left: 50px;
}

/* Laptop mediano (entre 1200px y 1399px) */
@media (max-width: 1399px) 
{
	
  
}


/* Laptop mediano (entre 1200px y 1299px) */
@media (max-width: 1299px) 
{
  /* Ajustes para laptops medianos */

}

/* Laptop pequeño / pantallas de 1024px */
@media (max-width: 1199px) 
{
  /* Ajustes para laptops pequeños */
  

}

/* Tablet horizontal (≈ 992px) */
@media (max-width: 991px)
{
  /* Ajustes para tablets en horizontal */
  .logoBog {

    width: 57%;
	}

}

/* Tablet vertical (≈ 768px) */
@media (max-width: 767px) 
{
  /* Ajustes para tablets verticales */
        
    .logoBog {
          width: 72%;
        top: 48px;
    }
    
    .imagenescabezoteEB 
    {
    	
        margin-top: 110px;

    	flex-flow: column;
    }
    
    .collage_ img{
    max-width: 100%;
    height: auto;
}

.slick-initialized {
    overflow: visible;
    width: 100%;
    left: 0;
}


.slick__arrow {

    left: -37px;
    width: 130%;
  
}
}