@import url('https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100..900;1,100..900&display=swap');
#block-festivalverano-festivaldeverano2024bloqueprincipal
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-08/fondo%204-01%20%282%29.jpg);/*https://www.idrd.gov.co/sites/default/files/2024-07/fondo-1_op_0.jpg*/
    background-size: cover;
    background-position: center;
    min-height: 404px;
        background-attachment: fixed;
}


#block-festivalverano-stival-de-verano-2024-galerias-block-1
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/fondo-1_op_0.jpg);
    background-size: cover;
    background-position: center;
    min-height: 404px;
        background-attachment: fixed;
}


.page-node-type-galeria  .node--type-galeria .field__item{
   /* width: 350px;
    float: left;
    margin: 20px;*/
}

.page-node-type-galeria  .node--type-galeria  .field--name-body {
  
    background-color: #dfdede;
    padding: 20px;
    margin: 20px 0px;
    border-radius: 16px;

}


#block-festivalverano-stival-de-verano-2024-galerias-block-1 .perfiles .titulos {
    margin-left: 0;
    background: #000000a8;
    color: #ffF;
    padding: 10px;
    border-radius: 0;
    min-height: auto;
    bottom: 0px !important;
    width: 100%;
}

#block-festivalverano-stival-de-verano-2024-galerias-block-1 .slick-slide {
    padding: 10px;
}
/* #block-festivalverano-festivaldeverano2024galeria .field__item
 {
    width: 380px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}*/
#block-festivalverano-festivaldeverano2024encabezado
{
	/*background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/fondo-1_op_0.jpg);*/
    background-size: cover;
    background-position: center;
    min-height: 404px;
        background-attachment: fixed;

}
#block-festivalverano-festivaldeverano2024programacionhome
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/fondo%202-01.jpg);
    background-size: cover;
    background-position: center;
    min-height: 404px;    background-attachment: fixed;
}

.block-views-blockfestival-de-verano-2024-noticias-block-1
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/fondo.jpg);
    background-size: cover;
    background-position: top;
    background-position: center;
    min-height: 404px;    background-attachment: fixed;
}
body.page-node-8176 {
    padding-top: 79px;
    /*background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/FONDOPROGRAMACION___.jpg);*/
        background-image: url(/sites/default/files/2025-06/TramadoOpa.png), linear-gradient(154deg, #ffeb3b, #ff5722, #f44336, #b71c1c);
    background-repeat: repeat;
    background-size: contain;
    background-position: left;
    background-attachment: fixed;
}
.modal-backdrop
 {
  position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
 }

.logofestival {
  /*  max-width: 600px;*/
}

.cartel
{
	    background-color: #ffffff94;
    width: 200px;
    border-radius: 8px;
    min-height: 200px;
    /* box-shadow: 60px -16px teal; */
    color: #FFF;
    text-shadow: 1px 1px 2px black;
    font-size:4em;
    font-weight: bold;
        position: relative;
}

.cartel .nros
{
   display: flex;
    justify-content: center;
    align-items: center;
    min-height: 140px;
}

.txtcartel
{
	  position: absolute;
    bottom: 0px;
    text-align: center;
    width: 200px;
    background-color: #FFF;
    border-radius: 0px 0px 8px 8px;
}

.txtcartel h3 {
    padding: 0;
    font-weight: 400;
    font-size: 20px;
    padding: 9px;
}



.logomovfestival .logo {
    position: relative;
    z-index: 1;
}

.logomovfestival .logo {
    position: relative;
    z-index: 1;
}

.logomovfestival .cometa1 {
        top: -26%;
    right: 36%;
    animation: pendulum 6s ease-in-out infinite;
    transform-origin: center bottom;
}

.logomovfestival .cometa1a {
       top: -60%;
    right: 31%;
    animation: pendulum 6s ease-in-out infinite;
    transform-origin: center bottom;
}
.logomovfestival .cometa2a {
   top: -26%;
    right: -11%;
    animation: pendulum1 1.5s  ease-in-out infinite;
    transform-origin: center bottom;
}

.logomovfestival .cometa2 {
    top: -8%;
    right: 31%;
    animation: pendulum1 1.5s  ease-in-out infinite;
    transform-origin: center bottom;
}

.logofestival  .fechas img    
{
		max-width: 407px;
    padding: 20px 0px;
    /* max-width: 512px; */
    z-index: 1;
    position: relative;
}
   

.logomovfestival .logo img    
{
	width: 100%;
	max-width: 781px;
	

}
.anim1
{
animation: float 1.5s ease-in-out infinite;
    width: auto;
    position: absolute;
    left: 30%;
    bottom: 58px;
}


.anim2 {
        left: -266px;
    position: absolute;
    bottom: -10%;
}
.anim3 {
  right:0;
    position: absolute;
    bottom: 0;
}
.anim3 img {
   max-width: 500px;
}



/*.anim2 img {
   max-width: 500px;
}
*/


.animnew1 {
        left: -220px;
    position: absolute;
    bottom: -14px;
}

.animnew2 {
      left: 0;
    position: relative;
    margin-bottom: -47px;
    bottom: 0;
}

.animnew3 {
    right: 70px;
    position: absolute;
    top: -60px;
}



.animnew3 img{
  
     width: 300px;
     height:auto;
}



   
.zind1
{
	z-index:1;
}

.menusperior  {

    width: 513px;
    border-radius: 0px 0px 20px 20px;
    z-index: 1;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
		z-index: 2;
}
.menusperior ul
{
    list-style: none;
    margin: 0px;
}
.menusperior li
{
    float: left;
    margin-right: 30px;
    font-family: 'Montserrat';
    font-style: bold;
    /* font-size: 24px; */
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #FF252F;
}
.menusperior li a
{
	    color: #FF252F;
    text-decoration: none;
}




.rotation1 {
    animation: rotation 70s infinite;
}
.start-0 {
    left: 0 !important;
}


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

@keyframes float {
	0% {transform: translatey(0px);}
	50% {transform: translatey(-20px);}
	100% {
		transform: translatey(0px);
	}
}



@keyframes float {
	0% {

		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}


@keyframes pendulum {
  0%, 100% {
      transform: rotate(0deg);
  }
  50% {
      transform: rotate(5deg);
  }
}

@keyframes pendulum1 {
  0%, 100% {
      transform: rotate(0deg);
  }
  50% {
      transform: rotate(1deg);
  }
}



@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes float {
	0% {

		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}


.region-footer
{	
background-color: transparent !important;
}

footer {
      background-color: transparent !important;

    margin-top: 0; 
}

	
	#block-festivalverano-festivaldeverano2024encabezado		.cometa1 img 
	{
		width:120px;
	}
	#block-festivalverano-festivaldeverano2024encabezado	.cometa2 img 
	{
		width:120px;
	}



.lista-eventos  li
{
	
    float: left;
        margin: 5px;
    list-style: none;
}

.lista-eventos li a
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 189.57px;
    height: 45.3px;
    background: #FF252F;
    border: 3px solid #FFFFFF;
    border-radius: 35px;
    list-style: none;
    color: #FFF;
    text-decoration: none;
}

.lista-eventos li:nth-child(1):hover a, 
.lista-eventos li:nth-child(1):hover .bef-link--selected 
{
  background: #34126f;

}
.lista-eventos li:nth-child(2) a {
  background: #fff;
    border: 3px solid #F39200;
    color: #F39200;
}

.lista-eventos li:nth-child(2):hover a, 
.lista-eventos li:nth-child(2):hover .bef-link--selected
{
	background: #F39200;
    border: 3px solid #fff;
    color: #fff;
}

.lista-eventos li:nth-child(3) a {
  background: #fff;
    border: 3px solid #21B9DB;
    color: #21B9DB;
}
.lista-eventos li:nth-child(3):hover a, 
.lista-eventos li:nth-child(3):hover .bef-link--selected
{
  background: #21B9DB;
    border: 3px solid #FFF;
    color: #FFF;
}
.lista-eventos li:nth-child(4) a {
  background: #fff;
    border: 3px solid #D61052;
    color: #D61052;
}
.lista-eventos li:nth-child(4):hover a, 
.lista-eventos li:nth-child(4):hover .bef-link--selected
{
  background: #D61052;
    border: 3px solid #fff;
    color: #fff;
}

.lista-eventos li:nth-child(5) a {
  background: #fff;
    border: 3px solid #93C01F;
    color: #93C01F;
}
.lista-eventos li:nth-child(5):hover a, 
.lista-eventos li:nth-child(5):hover .bef-link--selected
{
  background: #93C01F;
    border: 3px solid #fff;
    color: #fff;
}

.circulo
{
  border: 4px solid;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
}

.list {
    visibility: visible;
    animation-name: fadeInLeft;
    /* font-size: 20px; */
    font-weight: bold;
    font-size: 18px;
    font-family: Montserrat;
    cursor: pointer;
    width: 100%;
}
.list:hover 
{
    background-color: #ffffff26;
}


.modal-content
{
    border-radius: 1.3rem;
   
}
.modal-title {
  
    color: #FFF;
    font-weight: bold;
    font-family: Montserrat;
}

.modal-header 
{
    border-top-left-radius: calc(1.3rem - 1px);
    border-top-right-radius: calc(1.3rem - 1px);
    color: #FFF;
    background: #000;
}
.Deporte .circulo, .Deporte .modal-header 
{
	background-color: #f59200;
}
.Grandes .circulo, .Grandes .modal-header 
{
	background-color: #21B9DB;
}
.Recreacion .circulo, .Recreacion .modal-header 
{
	background-color: #D61052;
}

.Actividad  .circulo, .Actividad .modal-header
{
	background-color: #93C01F;
}

    
.Deporte .fa-2xl::before
{
	color: #f59200;
}
.Grandes .fa-2xl::before 
{
color: #21B9DB;
}
.Recreacion .fa-2xl::before 
{
	color: #D61052;
}

.Actividad  .fa-2xl::before
{
	color: #93C01F;
}    
    
.btn-closenew {
    color: #FFF;
    font-weight: 600;
    font-family: Montserrat;
    font-size: 27px;
    text-shadow: 2px 2px black;
    padding: 5px 15px;
}
.ckeditor-accordion-container > dl 
{
    max-width: 100%;
}

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover 
{
    background-color: transparent;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) 
{

    background-color: transparent;
}
    
 .ckeditor-accordion-container dt 
 {
 background-color: transparent;
 	
 }
 
 .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {

    border-bottom: transparent;
}

.ckeditor-accordion-container > dl {

    border:transparent;
}
.ckeditor-accordion-container > dl dd {
    border-right: transparent;
    border-left: transparent;
}


.ckeditor-accordion-container dt {
    padding: 16px 0px !important;
    border-radius: 20px;
    border: solid #FFF;
    margin-bottom: 10px;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after 
{
    background: #FFF;
    font-weight: bold;
}


.accordion-item, .accordion-header {
    background: transparent;
}
.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: transparent !important;
}

.accordion-button {
    color: #ffffff !important;
    background-color: transparent !important;
}
.accordion-collapse{
    background: transparent;
}

.accordion-header{
    padding: 16px 0px !important;
    border-radius: 20px;
    border: solid #FFF;
    margin-bottom: 10px;
}
dt::before {
    content: "";
    background: url(https://www.idrd.gov.co/sites/default/files/2024-07/icono.png);
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-left: 25px;
}
/*dt
{z-index: -1;}*/

.modal-body img
{
	    border-radius: 20px;
}

.modal-footer{
    color: #060606 !important;
    font-size: 10px  !important;
    padding: 5px !important;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: var(--ColorTextos);
}

.form--inline {
    display: flex;
    justify-content: center;
}
.modal-dialog
{
	top: 10%;
}


.animnew2 
{margin-bottom: -49px;}


#block-festivalverano-festivaldeverano2023descargaapp
{
	z-index:3;
}


#views-bootstrap-festival-de-verano-2024-noticias-block-1 p {
    font-family: 'Work Sans', sans-serif;
    color:#FFF;
}


#views-bootstrap-festival-de-verano-2024-noticias-block-1 p a {
    color: #f1df60;
    text-decoration: underline;
}


#views-bootstrap-festival-de-verano-2024-noticias-block-1 h1, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h2, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h3, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h4, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h5, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h6 {
    font-family: 'Montserrat', sans-serif;
    color: #ff9595;
}

/******** CONFIGURACION PARA PANTALLAS ************************/

@media (max-width: 1399.98px) { 


.anim1 img{
    width: 135px;
}
			.cometa1 img 
	{
		width:110px !important;
	}
	.cometa2 img 
	{
		width:110px !important
	}
}


@media (max-width: 1199.98px){ 
		.cometa1 img 
	{
		width:110px !important
	}
	.cometa2 img 
	{
		width:110px !important
	}
	.anim1 {

    left: 25%;
        bottom: 28%;
	}
	.logomovfestival .cometa1 {
 
    right: 30%;
  
}

.logomovfestival .cometa2 {
  
    right: 24%;

}
}



@media (max-width: 991.98px) { 
		.cometa1 img 
	{
		width:110px !important
	}
	.cometa2 img 
	{
		width:110px !important
	}
	.globo img {
    width: 185px !important;
}
    .anim1 img {
        width: 127px !important;
    }
    .anim1 {
        left: 20%;
        bottom: 21%;
    }
    	.logomovfestival .cometa1 {
 
    right: 28%;
  
}

.logomovfestival .cometa2 {
  
    right: 20%;

}

	
}

	
@media (max-width: 767.98px) 
 {
.globo img {
    width: 160px !important;
}
	.cometa1 img 
	{
		width:85px !important
	}
	.cometa2 img 
	{
		width:85px !important
	}
	.anim3 img {
   max-width: 300px !important
	}
	.anim1 img {
        width: 89px !important;
    }
	.anim2 img {
	   max-width: 300px !important
	}
		
		.imagenevento {
	    float: left;
	    width: 125px;
		}
		.imagenevento img 
		{
	    width: 100%;border-radius: 10px;
		}
		.list {
	    font-size: 14px;        width: 270px;
		}
		.circulo {
	    border: 1px solid;
	    width: 20px;
	    height: 20px;
	    border-radius: 20px;
	    background-color: #fff;
	}
	
	
	.lista-eventos, dd
	{
		    padding: 0px;
	}
		.ckeditor-accordion-container > dl dd {
    padding: 0px;
    }
      .container
    {
		    padding: 0px;
	}
	.view-filters ul {width: 260px; }
		.menusperior {
    width: 383px;}
}



@media (max-width: 490.98px) 
 {
    .globo img {
        width: 120px !important;
    }
  .anim1 img {
        width: 73px !important;
    }
    
    .anim1 {
   
    bottom: 31px;
    }
    
    .logomovfestival .cometa1 {
    top: -44% !important; 
    right: 29%; }
    
    .logomovfestival .cometa2 {
    top: -25%;
    }
    
	.cometa1 img 
	{
		width:70px !important
	}
	
	.cometa2 img 
	{
		width:68px !important
	}
	.anim3 img {
   max-width: 300px !important
	}

	.anim2 img {
	   max-width: 300px !important
	}
	
	
	.imagenevento {
    float: left;
    width: 125px;
	}
	.imagenevento img 
	{
    width: 100%;border-radius: 10px;
	}
	.list {
    font-size: 14px;        width: 270px;
	}
	.circulo {
    border: 1px solid;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
	}
	
	.lista-eventos, dd
	{
		    padding: 0px;
	}
	.ckeditor-accordion-container > dl dd {
    padding: 0px;
    }
    .container
    {
		    padding: 0px;
	}
	.view-filters ul {width: 260px; }
	.menusperior {
    width: 383px;}

	
}

.modal-body .MAPAIMG img {
    WIDTH: 100%;
    HEIGHT: AUTO;
}


.progdia{
    font-size: 1.5em;
    font-weight: bold;
}

.bordederecha {
    border-right: solid;
}

.vistagris {
    max-height: 109px;
    overflow: hidden;
}


.grid-item{
margin:8px
}
.cuentaregresiva
{
	background-color: #FFF !important;
    border-radius: 70px !important;
    position:relative;
}
.cuentaregresivaslogan
{
	     font-family: "Grandstander" !important;
    color: #FFC521;
    font-size: 2em;
    font-weight: 900;
    text-align: center;
    line-height: normal;
}
.cuentaregresiva span {
    text-align: center !important;
    font-size: 3.7em !important;
    font-weight: 900 !important;
    color: #B91037 !important;
    font-family: "Grandstander" !important;
    font-optical-sizing: auto !important;
}

.cuentaregresiva2{
    color: #b91037;
    text-transform: uppercase;
    font-weight: bold;
    line-height: normal;
}
.bordeamarilloderecha
{
	border-right: 2px solid #ffc521;
}

.sombrerochino
{
	position: absolute;
    top: -80px;
    left: -70px;
    animation: columpio 4s ease-in-out infinite;
  transform-origin: top center;
}
.sombrerochino img
{
    width: 200px;
}



@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes columpio {
  0% {
    transform: rotateZ(0deg) rotateX(3deg);
  }
  50% {
    transform: rotateZ(5deg) rotateX(-3deg);
  }
  100% {
    transform: rotateZ(0deg) rotateX(3deg);
  }
}

.cadena
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2025-06/CADENA.png);
    /* background: repeat-x; */
    background-repeat: repeat-x;
        height: 100px;
    background-size: contain;
}
.redes a 
{
	margin-right: 10px;
}
.globo img
{
	width: 250px;
}
.globo
{
	position: fixed;
    top: 0;
    right: 9%;
    z-index: -1;
}

.fechasvista
{
	text-transform: uppercase;
}



.region-sidebar-first a
{
	color:#FFF;	
	text-decoration:none;

	
}

.region-sidebar-first
{
	background-color: #00000075;
    border-radius: 20px;
    padding-top: 10px;
    color: #FFF;
        padding-bottom: 20px;

}

.region-sidebar-first h2
{
color: #FFF;
    text-align: center;
    /* border: 2px solid #FFF; */
     border:none;
    border-radius: 10px;
    width: min-content;
    margin: 20px 20px 0px 20px;
    padding: 5px 30px 5px 7px;
    font-size: 23px;
    font-weight: bold;
}
.region-sidebar-first li
{
	list-style:none;
	
}

.form-control {

    color: #FFF;
    background-color: #00000075;
    border-radius: 20px !important;
    border: 1px solid #00000075;
}
.form-control:focus {
    color: #fff;
    background-color: #00000075;
}

.form-item, .form-actions {
    margin-top: 0px;
    margin-bottom: 1em;
}

.block-facet--autocomplete .field-suffix {
    position: absolute;
     top: 10%;
    right: 1%;
}
.block-facet--autocomplete .field-suffix a
{
	color:#FFF;
	text-decoration: none;
}







.block-facet-blockcategoria li,
.filtrosfevmain li
{
	list-style: none;
    float: left;
    margin-right: 20px;
}
.block-facet-blockcategoria li a::before,
.filtrosfevmain  li a::before
{
	content:""
}
.block-facet-blockcategoria,
.filtrosfevmain 
{
display: inline-block;
}

.block-facet-blockcategoria li a,
.filtrosfevmain li a {
  display: flex;
  flex-direction: column; /* apila ícono arriba, texto abajo */
  align-items: center;     /* centra horizontalmente */
  text-align: center;
  font-size: 0.85rem;      /* opcional */
  padding: 0.5em;
  text-decoration:none;
  color:#FFF;
  text-transform: uppercase;
      position: relative;
}
.block-facet-blockcategoria li a.is-active .facet-item__value,
.filtrosfevmain  li a.is-active .facet-item__value,
.block-facet-blocklocalidadesfev .is-active,
.block-facet-blockdia-del-evento .is-active,
.filtrosfev .is-active
{
box-shadow: 12px 10px 11px -6px rgba(0,0,0,0.85);
-webkit-box-shadow: 12px 10px 11px -6px rgba(0,0,0,0.85);
-moz-box-shadow: 12px 10px 11px -6px rgba(0,0,0,0.85);
}
.block-facet-blockcategoria li a::before,
	.filtrosfevmain li a::before
	 {
  content: "";
  display: block;
     width: 134px;
    height: 158px;

  border-radius: 50%;
  margin-bottom: 0.3em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.block-facet-blockcategoria li a .facet-item__value,
	.filtrosfevmain li a .facet-item__value
{
	border: solid 3px #FFF;
  border-radius: 20px;
  padding: 5px 10px;
}

.block-facet-blockcategoria .js-facet-deactivate,
	.filtrosfevmain .js-facet-deactivate
{
	    position: absolute;
    right: 0;
}
 


.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-reset-all"]::before,
	.filtrosfevmain li a[data-drupal-facet-item-id="categoria-reset-all"]::before
	{  /* Todos*/
	background-image: url(/sites/default/files/2025-07/Todos.png);


}
.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-reset-all"] .js-facet-deactivate,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-reset-all"] .js-facet-deactivate
	{  /* Todos*/
display:none;


}

/* Recreacion*/
.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-424"]::before,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-424"]::before
  {  

	background-image: url(/sites/default/files/2025-07/Recreacion.png);


}
.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-424"] .facet-item__value,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-424"] .facet-item__value,
	.Recreacion .circulo, .Recreacion .modal-header

{
	background: linear-gradient(to bottom, #36BEDD, #0484A1);
}






/*Entretenimiento*/

.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-22359"]::before,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-22359"]::before
   { 

	background-image:url(/sites/default/files/2025-07/Entretenimiento.png);

}

.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-22359"] .facet-item__value,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-22359"] .facet-item__value,
	.Entretenimiento .circulo, .Entretenimiento .modal-header

{
	background: linear-gradient(to bottom, #f56295, #b1003e);
}

 /*Academico*/
.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-22360"]::before,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-22360"]::before
  {

	background-image:url(/sites/default/files/2025-07/Academico.png);


}
.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-22360"] .facet-item__value,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-22360"] .facet-item__value,
	.Académico .circulo, .Académico .modal-header

{
	background: linear-gradient(to bottom, #FFB31A, #FF7700);
}


/*Deportes*/

.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-423"]::before,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-423"]::before
   { 

	background-image:url(/sites/default/files/2025-07/Deporte.png);
 

}
.block-facet-blockcategoria li a[data-drupal-facet-item-id="categoria-423"] .facet-item__value,
	.filtrosfevmain  li a[data-drupal-facet-item-id="categoria-423"] .facet-item__value,
	.Deportes .circulo, .Deportes .modal-header

{
	background: linear-gradient(to bottom, #93C01F, #628801);
}





.listaeventos h3
{
    border: 3px solid #FFF;
    border-radius: 10px;
    padding: 10px 20px;
    color: #FFF;
    background-color: #0000008c;	
}
.listaeventos h3::before
{
    content: "";
    background: url(https://www.idrd.gov.co/sites/default/files/2024-07/icono.png);
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    margin-left: 5px;
    margin-right: 20px;
}


/******/

.ui-accordion .ui-accordion-header 
{
    border: 3px solid #FFF !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    color: #FFF !important;
    background-color: #0000008c !important;
    font-size: 24px;
}
.ui-widget-content {
    border: none;
    background: none !important;
    color: #FFF;
}

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

.autocomplete-items div {
    padding: 10px !important;
    cursor: pointer !important;
    background-color: #0000007a !important;
    border-bottom: none !important;
    color: #FFF !important;
}


.autocomplete-items {
    border: none !important;
    width: 96% !important;

    left: 17px !important;

}



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


select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: rgba(0, 0, 0, 0.7); /* fondo oscuro con transparencia */
  color: #fff;                          /* texto blanco */
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.6em 2.5em 0.6em 1em;
  font-size: 1rem;
  border-radius: 0.5em;

  background-image: url("data:image/svg+xml,%3Csvg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em center;
  background-size: 1.2em;
width: 90%;
    max-width: 90%;
    margin-left: 5%;
  box-sizing: border-box;

  transition: border-color 0.3s ease, background-color 0.3s ease;
}

select:focus {
  border-color: #66afe9;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(102, 175, 233, 0.4);
  background-color: rgba(0, 0, 0, 0.85);
}

select option {
  color: #fFF; /* esto será visible solo en algunos navegadores */
}

.ui-accordion-header-icon 
{
	position: absolute;
 right: 10px;
}
.ui-icon {

    margin-top: 0.255em;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(/modules/contrib/jquery_ui/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png) /*{iconsHover}*/;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(/modules/contrib/jquery_ui/assets/vendor/jquery.ui/themes/base/images/ui-icons_ffffff_256x240.png) /*{iconsContent}*/;
}

.botonlist  a {
    color: #fff;
    text-decoration: none;
}
.botonlist  a:hover {
    color: #fff;
    text-decoration: none;
}

.derecha 
{
	background-color: #00000075;
    border-radius: 20px;
    padding-top: 10px;
    color: #FFF;
    padding-bottom: 20px !important;
}

.derecha  p {
    font-family: 'Work Sans', sans-serif;
    color: #ffffff;
}


.derecha .field--name-field-image img {
    border-radius: 10px;
    margin: 20px;
    min-width: 95%;
    max-width: 95%;
}
.modal-title a{
	
	color: #FFF;
    text-decoration: none;
}

.bgcabezote
{
    background-image: url(https://www.idrd.gov.co/sites/default/files/2025-06/CADENA.png);
    /* background: repeat-x; */
    background-repeat: repeat-x;
    /* height: 100px; */
    background-size: contain;
    background-position: bottom;
    min-height: 330px;
    margin-bottom: 30px;
}
.footerpie
{
background-image: url(https://www.idrd.gov.co/sites/default/files/2025-06/CADENA.png), linear-gradient(to right, #8B0000, #FF0000);
    /* background: repeat-x; */
    background-repeat: repeat-x;
    /* height: 100px; */
    background-size: contain;
    background-position: top;
    background-position-y: 10%;
    min-height: 330px;
margin-bottom: 0;
padding-top: 100px;
    
}
.dragonpie
{
position: absolute;
top: -45%;
    width: 240px;
    height: auto;
    right: 0px;
    
}
.dragonpie img
{

     width: 228px;
 height: auto;
    
}


body {
    padding-top: 79px;
    /* background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/FONDOPROGRAMACION___.jpg); */
    background-image: url(/sites/default/files/2025-06/TramadoOpa.png), linear-gradient(154deg, #FF9800, #b71c1c, #b71c1c, #b71c1c) !important;
    
    background-repeat: repeat;
    background-size: contain;
    background-position: left;
    background-attachment: fixed;
    
}

.modal  .text-start {
    text-align: left !important;
    padding: 0px;text-align-last: center;
}