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


h1, h2, h3, h4, h5
{
  font-family: "Montserrat", serif;

}

p {
  font-family: "Work Sans", serif;
}

.filtrado-4-lineas p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    color: #626262;
}
.filtrado-3-lineas p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    color: #626262;
}


.page-node-10580 .slick-dots 
{
    position: relative;
    
}

  .page-node-10580 .btn
{
   border-radius: 1rem !important;

    
}
.page-node-10580  .slick-dots li.slick-active button .slick-dot-icon {
    color: #3F1978;
    opacity: 1;
}

.page-node-10580 .slick-autoplay-toggle-button {

    bottom: 8px;

    opacity: 1;

    color: #3f1978;
}

.page-node-10580 .slick-autoplay-toggle-button .slick-pause-icon:after {
    content: "Pausar";
    font-family: 'Work Sans' !important;
    font-size: 16px !important;
    padding: 5px;
}


.page-node-10580  .slick-autoplay-toggle-button .slick-play-icon:after 
{
	    content: "Reanudar";
    font-family: 'Work Sans' !important;
    font-size: 16px !important;
    padding: 5px;
}


.fondo_caja_morada
        {
        	background-color: #3F1978   !important;
        }
        .fondo_caja_morada_clara
        {
        	background: #F7F4FF  !important;
        }
        
        
        .backImagenPage {
    background-position: top center;
    background-size: cover;}
/******NUESTROS PROGRAMAS *****************/
   .programs {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
               padding: 0px 0;
        }

        .program-grid {
            display: flex;
            justify-content: space-between;
            width: 100%;
            gap: 0;
        }

        .program {
            position: relative;
            height: 626px;
            width: calc(100% / 6);
            overflow: hidden;
            cursor: pointer;
            transition: transform 0.4s ease-in-out, box-shadow 0.4s ease;
           /* transform: skewX(-5deg);*/
            /* Inclinación */
        }

        .program img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease-in-out;
            filter: brightness(0.7);
            /* Efecto de brillo más oscuro por defecto */
        }

        /* Overlay para filtros de color */
        .program::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,
                    0,
                    0,
                    0.5);
            /* Color de overlay base, cambiar por cada imagen */
            transition: background 0.4s ease-in-out;
            z-index: 1;
            /* Coloca el overlay sobre la imagen */
            pointer-events: none;
        }

        #primera-infancia::before {
            background: rgba(128, 0, 128, 0.6);
            /* Púrpura */
        }

        #infancia::before {
            background: rgba(255, 165, 0, 0.6);
            /* Naranja */
        }

        #adolescencia::before {
            background: rgba(255, 69, 0, 0.6);
            /* Rojo oscuro */
        }

        #juventud::before {
            background: rgba(60, 179, 113, 0.6);
            /* Verde */
        }

        #adultez::before {
            background: rgba(255, 215, 0, 0.6);
            /* Amarillo */
        }

        #vejez::before {
            background: rgba(178, 34, 34, 0.6);
            /* Rojo oscuro */
        }

        /* Zoom en la imagen al hacer hover */
        .program:hover img {
            transform: scale(1.1);
            /* Efecto de zoom */
            filter: brightness(1) contrast(1.1);
            /* Aumenta el brillo y el contraste */
        }

        .program:hover::before {
            background: rgba(255, 255, 255, 0.2);
            /* Aclara el overlay en hover */
        }

        .program:hover {
            box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.4);
        }

        /* Bordes redondeados para primera y última imagen */
        #primera-infancia {
            transform-origin: right;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        #vejez {
            transform-origin: left;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        /* Estilo para el contenido de texto */
        .program .content {
            position: absolute;
            bottom: 10px;
            left: 10px;
            color: white;
            z-index: 2;
        }

        .program h3 {
            font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
    color: #FFF;
    text-shadow: 0.1em 0.1em 0.2em black;
        }

        .program p {
            font-size: 1em;
            color: #ededed;
    text-shadow: 0.1em 0.1em 0.2em black;
        }
        
        
/******* TERMINA NUESTROS PROGRAMAS *****************************/
/******* INICIA NOTICIAS *****************************/

    .section-title-blanco {
            font-size: 2.5rem;
            font-weight: bold;
            color: #FFF;
            text-align: center;
            margin-top: 20px;
        }
         .section-title {
            font-size: 2.5rem;
            font-weight: bold;
            color: #3F1978;
            text-align: center;
            margin-top: 20px;
        }

        .main-news {
           /* background-color: #f4f4f4;
            padding: 20px;
            border-radius: 10px;*/
            margin-bottom: 20px;
            position: relative;
        }

        .main-news img {
            width: 100%;
                height: 233px;
            object-fit: cover;
            border-radius: 10px;
        }

        .main-news h2 {
            font-size: 1.1rem;
				    font-weight: bold;
				    color: #5f2da6;
				    margin-top: 15px;
				    overflow: hidden;
				    display: -webkit-box;
				    -webkit-line-clamp: 3;
				    -webkit-box-orient: vertical;
        }
 .main-news h2 a {
 	color: #5f2da6;
 	text-decoration:none;
 }
        .main-news p {
            color: #666;
				    margin-top: 10px;
				    overflow: hidden;
				    display: -webkit-box;
				    -webkit-line-clamp: 2;
				    -webkit-box-orient: vertical;
				    font-size: 1em;margin-bottom: 0px;
        }

        .main-news:hover {
            transform: scale(1.02);
            transition: 0.3s ease;
        }

        .secondary-news {
            background-color: #ede7f6;
            padding: 10px 0px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            margin-bottom: 5px;
            transition: all 0.3s ease;
        }

        .secondary-news:hover {
            background-color: #e0d7f1;
            transform: scale(1.02);
        }

        .secondary-news img {
            width: 80px;
            height: 60px;
            object-fit: cover;
            border-radius: 5px;
            margin-right: 15px;
        }

        .secondary-news h3 {
            font-size: 1rem;
            font-weight: bold;
            color: #5f2da6;
            margin: 0;
            overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
        }
        
         .secondary-news h3 a {
         	color: #5f2da6;
         	text-decoration:none;
         }

        .secondary-news p {
            font-size: 0.8rem;
            color: #666;
            margin: 0;
        }

        .see-more {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

        .see-more button {
            background-color: #5f2da6;
            color: #fff;
            padding: 10px 20px;
            border-radius: 50px;
            border: none;
            font-size: 1rem;
            transition: background-color 0.3s ease;
        }

        .see-more button:hover {
            background-color: #4d1d8a;
        }
        
        
        .text-muted {
    --bs-text-opacity: 1;
    color: #5b2d6d !important;
    font-size: 0.8em !important;
    margin-top: 0px !important;
}
/******* TERMINA NOTICIAS *****************************/

/*************INICIA EVENTOS*********************/

  .event-card {
            background-color: transparent;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            margin-bottom: 30px;
        }

        .event-card img {
            width: 100%;
            height: auto;
            border-radius: 10px;
        }

        .event-card:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }

        .event-content {
            padding: 15px;
            background-color: transparent;
            text-align: left;
        }

        .event-content h3 {
            font-size: 1.2rem;
            font-weight: bold;
            color: #fff;
            margin-bottom: 10px;
                min-height: 72px;
        }

        .event-content p {
            color: #ddd;
            margin: 0;
            				    overflow: hidden;
				    display: -webkit-box;
				    -webkit-line-clamp: 3;
				    -webkit-box-orient: vertical;
				    margin-bottom:10px;
        
        }
        
          .event-content .event-date {
            text-align-last: right;    color: #FFF;
          }
        
        
      .event-content  a {
    color: #ffffff;
    text-decoration: none;
}

        .event-date {
            font-size: 0.9rem;
            color: #fff;
        }

        .see-more {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

        .see-more button {
            background-color: #f7b400;
            color: #fff;
            padding: 10px 30px;
            border-radius: 50px;
            border: none;
            font-size: 1rem;
            transition: background-color 0.3s ease;
        }

        .see-more button:hover {
            background-color: #dda000;
        }

        .event-section {
            background-color: #4b227e;
            padding: 60px 0;
        }
        
        

            .css-eventos .slide__content {

    padding: 20px !important;
        }
        
          .css-eventos .view-footer
        {
        
            text-align: -webkit-center;
        }
        
  /****************TERMINA EVENTOS***************************/

  /*****************INICIA PARQUES ***************************/
  
     .park-card {
            border-radius: 15px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
            position: relative;
        }

        .park-card img {
            width: 100%;
            height: auto;
        }

        /* Efecto de hover (zoom y sombra) */
        .park-card:hover {
            transform: scale(1.03);
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        }

        .park-info {
                position: absolute;
    bottom: 0px;
    left: 15%;
    transform: translateX(-10%);
    background-color: white;
    padding: 10px;
    border-radius: 15px 15px 0px 0px;
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        
        	min-width: 270px;
        }
  .park-info::before {

    content: url(https://www.idrd.gov.co/sites/default/files/2024-10/IconoParques.png);
    padding: 10px;

        }
        .park-info svg {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            color: #5f2da6;
        }

        .park-info span {
            font-weight: bold;
            color: #5f2da6;
        }
         .park-info a {
            color: #3F1978;
    text-decoration: none;  
    font-size: 1.1em;
        }
            

        .see-more {
            text-align: center;
            margin-top: 20px;
        }

        .see-more  {
            background-color: #f7b400;
            color: white;
            padding: 10px 30px;
            border-radius: 50px;
            border: none;
            font-size: 1rem;
            transition: background-color 0.3s ease;
                background-color: #f7b400;
    max-width: 400px;
        }

        .see-more:hover {
            background-color: #dda000;
        }
        
       .css-parques .slide__content {

    padding: 20px !important;
        }
        .css-parques .view-footer
        {
        
            text-align: -webkit-center;
        }
  /***************TERMINA PARQUES****************************/
  
  /*************INICIA AVISOS INFORMATIVOS ******************/
    .info-banner {
            border-radius: 15px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
            position: relative;
        }
        
                 .info-banner  a {
            color: #3F1978;
    text-decoration: none;  
    font-size: 1.1em;
        }

        .info-banner img {
            width: 100%;
            height: auto;
            display: block;
        }

        .info-banner:hover {
            transform: scale(1.03);
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        }

        .banner-text {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 15px;
            font-weight: bold;
            font-size: 1rem;
            z-index: 2;
            color: #5f2da6;
        }

        /* Fondo blanco con inclinación hacia el lado izquierdo */
        .banner-text::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 136px;
            background-color: rgba(255, 255, 255, 0.8);
            clip-path: polygon(0% 40%, 100% 0, 100% 100%, 0% 100%);
            z-index: -1;
        }
  /***********TERMINA AVISOS INFORMATIVOS ********************/
  
  /**************************INICIA DE INTERES********************************/
  
   .info-banner-interes {
            border-radius: 15px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
            position: relative;
        }
        
                 .info-banner-interes  a {
            color: #fff;
    text-decoration: none;  
    font-size: 1em;
        }

        .info-banner-interes img {
            width: 100%;
            height: auto;
            display: block;
        }

        .info-banner-interes:hover {
            transform: scale(1.03);
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        }
.banner-text-interes {
    position: relative;
    min-height: 130px;
    background: #5b3d90c7;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    font-weight: 400;
    font-size: 1rem;
    z-index: 2;
    color: #FFF;
}

  /**************************TERMINA DE INTERES********************************/
  
  /*****************INICIO DE TRAMITES Y SERVICIOS *******************************/
  .service-container {
            background-color: #f6f1ff;
            padding: 20px;
            border-radius: 15px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            gap: 10px;
            /* Reducido el espacio entre las tarjetas */
        }

        .service-card {
            background-color: #fff;
            border-radius: 15px;
            padding: 20px;
            text-align: center;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            width: 200px;
            /* Cajas más amplias */
            height: 200px;
            /* Mantener la relación cuadrada */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-bottom: 30px;
        }

        .service-card:hover {
            transform: scale(1.05);
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        }

        .service-icon {
            font-size: 2.5rem;
            color: #5f2da6;
            margin-bottom: 10px;
        }

        .service-text {
            font-size: 0.9rem;
            color: #5f2da6;
            font-weight: bold;
            text-align: center;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            /* Limitar el texto a 3 líneas */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        
       .service-text a{
    color: #3f1978;
    text-decoration: none;
}


/*
#block-govco-views-block-2024-new-home-tramites-block-1 {
    display: none !important;
    position: relative;
}
  

#block-govco-views-block-2024-new-home-tramites-block-1 .close-block {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
    color: white;
    padding: 5px;
    cursor: pointer;
}*/

  /*****************TERMINA TRAMITES Y SERVICIOS *******************************/
  
  
  
  
  /**************VERSION MOVIL PROGRAMAS*********************/
@media (max-width: 768px) {
    .program-grid {
        display: flex;
        flex-direction: column;
        gap: 20px; /* Añadir un espacio entre los elementos */
        padding: 10px; /* Añadir padding en el contenedor para separar un poco del borde */
    }

    .program {
        display: flex;
        flex-direction: column; /* Alinear los elementos internos (img, contenido) uno debajo del otro */
       /* flex: 0 0 80%;  Cada elemento ocupa el 80% del ancho del viewport */
       height: 150px;
        width: 100%;
    }

    .program img {
        width: 100%; /* Asegurar que la imagen ocupe todo el ancho del programa */
                height: 396px; /* Mantener la proporción de la imagen */
        object-fit: cover; /* Evitar que se distorsione */
    }

    .program .content {
        padding: 10px; /* Añadir un poco de espacio entre el contenido y los bordes */
        text-align: center; /* Centrar el texto dentro del contenido */
    }

    .programs {
        padding: 10px; /* Asegurar un pequeño padding alrededor del contenedor en móviles */
    }
    
    .field--name-dynamic-block-fieldnode-visor-de-parques
{
    position: absolute;
    width: 150px;
    right: 2%;
            bottom: 25%;
            top:revert !important;
} 
}


  /**************TERMINA VERSION MOVIL PROGRAMAS*********************/
  
  /*************INICIA CABEZOTES INTERNAS ******************/

.BloqueCabezoteInternas {
    position: relative;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}

.BloqueCabezoteInternas img {
    width: 100%;
    max-height: 400px;
    object-fit: cover; /* Asegura que la imagen cubra todo el contenedor */
    filter: brightness(0.6); /* Oscurece la imagen para mejorar la legibilidad del texto */
}

.BloqueCabezoteInternas h1, 
.BloqueCabezoteInternas h2 {
    position: absolute;
   left: 9%;/* Alinea el texto hacia la izquierda */
    color: white; /* Color blanco para el texto */
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); /* Sombra en el texto para mayor legibilidad */
    z-index: 2; /* Asegura que el texto esté por encima de la imagen */
}

.BloqueCabezoteInternas h1 {
    top: 30%; /* Posiciona el título verticalmente */
    left: 9%;
    /* font-size: 2.5em; */
    font-size: 4em;
    font-weight: bold;
}

.BloqueCabezoteInternas h2 {
    top: 46%; /* Posiciona el subtítulo más abajo */
    font-size: 1.5em; /* Tamaño adecuado para el subtítulo */
}

.BloqueCabezoteInternas p
{
	    position: absolute;
    top: 55%;
    left: 9%;
    font-size: 1em;
    color: #FFF;
    max-width: 555px;
}

/* Media queries para móviles */
@media (max-width: 768px) {
    .BloqueCabezoteInternas h1 {
        font-size: 1.8em; /* Reducir el tamaño del título en móviles */
        top: 20%; /* Ajustar la posición del título */
    }

    .BloqueCabezoteInternas h2 {
        font-size: 1.2em; /* Reducir el tamaño del subtítulo en móviles */
        top: 35%; /* Ajustar la posición del subtítulo */
    }

    .BloqueCabezoteInternas {
        height: auto; /* Ajustar la altura del bloque a contenido en móviles */
    }

    .BloqueCabezoteInternas img {
        height: 250px; /* Ajustar la altura de la imagen */
    }
    .BloqueCabezoteInternas video {
    height: 300px !important;
    object-fit: cover !important;
    }
    
      .BloqueCabezoteInternasParques video {
    height: 300px !important;
    object-fit: cover !important;margin-bottom: -8px;
    }
    
    .field--name-dynamic-block-fieldnode-visor-de-parques img {
    width: 67px !important;
    }
    .BloqueCabezoteInternasParquesVideo {
  
    min-height: 300px !important;
}


        .region-we-mega-menu {
     
        margin-bottom: 0px;
        }
        
        .titulonoticias {
   
    font-size: 2.5em !important;
        }
}


  /**************TERMINA CABEZOTES INTERNAS ****************/
  
  
  /*****************VIDEO CABEZOTES**********************/
.BloqueCabezoteInternas video{
    WIDTH: 100%;
    filter: brightness(0.6);
}
.BloqueCabezoteInternasParques video{
    WIDTH: 100%;
    filter: brightness(0.6);margin-bottom: -8px;
}




  /***************TERMINA VIDEO CABEZOTES ***************/
  
  
  
  
  /******LISTAS**********/

.cajas_listas
{
  background-color: #F8F8F8;
  border-radius: 15px !important;
}
.cajas_listas img
{
  border-radius: 15px !important;
}
.caja_destacado img
{
  border-radius: 15px !important;
}
.cajas_listas .titulos a
{
	color: #543089;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;

}
.cajas_listas .Vermas
{
width: 100%;
    background-color: #543089;
    padding: 5px 5px 5px 24px;
    /* text-align: center; */
    border-radius: 0px 0px 15px 15px;
    bottom: 0;
}
.cajas_listas .Vermas::after
{
	position: absolute;
    color: #FFF;
    right: 19px;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.cajas_listas .Vermas:hover::after, .cajas_listas:hover .Vermas::after
{
            transform: translateX(5px); /* Mueve la flecha ligeramente */
        }
.cajas_listas .Vermas a
{
    color: #FFF;
    text-decoration: none;
    padding-right: 130px;
}

.busqueda-etarios  ul a,
.searchetarios .view-filters ul a

{
	   
    padding: 5px 12px;
    border-radius: 10px;
    color:#5b2d6d;
    text-decoration:none;
}
.busqueda-etarios a.is-active,
.searchetarios .view-filters a.is-active {
  background-color: #5b2d6d !important;
}
.busqueda-etarios .bef-link--selected ,
.searchetarios .view-filters  .bef-link--selected 
{
  background-color: #5b2d6d !important;
  color:#FFF;
  
}

.busqueda-etarios ul,
.searchetarios .view-filters ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.busqueda-etarios li,
.searchetarios .view-filters li
{
	 float: left;
    margin: 5px;
    background-color: #e9e9e9;
    border-radius: 10px;
	
}
.busqueda-etarios .is-active .facet-item__value,
.searchetarios .view-filters .is-active .facet-item__value
{
	  background-color: #5b2d6d;
    color: #fff;
    font-weight: 300;
}
.busqueda-etarios  .js-facet-deactivate,
.searchetarios .view-filters  .js-facet-deactivate
{
	background-color: #5b2d6d;
	    color: #fff;
}

.cajas_listas .ofertas b
{
    color: #5b2d6d;
}
.campos-search select
{
    border: 2px solid #bbbbbb;
    border-radius: 1px;
    padding: 10px 10px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    color: #4E2683;
    background: #ffffff;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    width: 90%;
    
}

.busqueda-etarios h2 {
    padding: 0;
    font-weight: 500;
    font-size: 23px;
}
.parques-escenarios .h_parques a,
.parques-escenarios .h_canchas a,
.parques-escenarios .h_cefes a,
.parques-escenarios .h_escenarios a
{
color: #FFF;
       color: #FFF;
    border: solid 5px;
    padding: 20px 30px;
    text-decoration: none;
    font-weight: 600;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    justify-self: center;
text-shadow: #000000 1px 0 10px;

}

.parques-escenarios .h_parques ,
.parques-escenarios .h_canchas ,
.parques-escenarios .h_cefes ,
.parques-escenarios .h_escenarios 
{

    min-height: 350px;
}

.h_parques
{
	  background-image: url(https://www.idrd.gov.co/sites/default/files/2024-12/parques.jpg);
    background-size: auto;
    background-position: center;
}
.h_canchas
{
	  background-image: url(https://www.idrd.gov.co/sites/default/files/2024-12/canchas.jpg);
    background-size: auto;
    background-position: center;
}
.h_cefes
{
	  background-image: url(https://www.idrd.gov.co/sites/default/files/2024-12/CefesHome.jpg);
    background-size: auto;
    background-position: center;
}
.h_escenarios
{
	  background-image: url(https://www.idrd.gov.co/sites/default/files/2024-12/Escenarios.jpg);
    background-size: auto;
    background-position: center;
}

 .grupoimagen {
    position: relative;
    height:60vh; /* Ajusta la altura del contenedor principal */
    overflow: hidden;
      min-height: 400px;
  }

  .background-image {

  }

  .titulonoticias {
color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    z-index: 1;
    margin: 0;
    padding: 20px;
    font-size: 4em;
    top: 13% !important;
    left: 8%;
    padding: 0;
    bottom: 0;
    color: #FFF;
    font-weight: bold;
    text-shadow: 5px 5px 10px black;
  }
  
  
.newtitulonoticias
{

    bottom: 4% !important;
    background-color: #00000059 !important;
    padding: 30px !important;
    width: 88% !important;
    top:auto !important;
}    
    
    
.grupoimagen img
{
	    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que la imagen no pierda el formato */
    z-index: -1; /* Envía la imagen al fondo */
  
  	    object-position: top;
}

.bulletinicial
{
	    color: #5e4394;
}




.ev-day:before
{
	    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background-image: url(https://www.idrd.gov.co/sites/default/files/2024-12/icono-calendario.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}

.ev-hour:before
{
	    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background-image: url(https://www.idrd.gov.co/sites/default/files/2024-12/Icono%20hora.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}

.ev-pl::before
{
	    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    background-image: url(https://www.idrd.gov.co/sites/default/files/2024-12/IconoLugar.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}

.ev-pl span,
.ev-hour span,
.ev-day span
{
	color:#543089;
}
.datos-eventos
{
	background-color: #F8F8F8 !important;
    border-radius: 15px;
}
.ev-tener-en-cuenta
{
	 

}
.ColorMoradoFondo
{
	background-color:#3f1878
}

.ColorMoradoFondo .field__label 
{
	    font-weight: 500;
    text-shadow: 5px 5px 10px black;
    color: #FFF;
    font-size: 2.5em;
    margin-bottom: 20px;
    text-align: center;
}

.paragraph--type--galeria-de-fotos .field__label
{
	display:none;
}
.subtitulos_internas
{

        font-weight: 500;
        text-shadow: 3px 2px 5px #7d7c7c;
    color: #000;
    font-size: 2.5em;
padding-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}


.ColorMoradoFondo h3,
.ColorMoradoFondo .h3,
.ColorMoradoFondo .field-label-above
{
    font-weight: 500;
    text-shadow: 5px 5px 10px black;
    color: #FFF;
    font-size: 2.5em;
    padding-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}



.ColorMoradoFondo *
{
	 color: #FFF;
}


.ColorMoradoFondo table,.ColorMoradoFondo tr, .ColorMoradoFondo td{
	 --bs-table-striped-bg: #29134b !important;
	 background-color: rgb(197 197 197 / 36%) !important;
	 color:#FFF  !important;
}

.footerinfoadicional .field__label 
{
	font-weight: 500;
    text-shadow: 5px 5px 10px black;
    color: #FFF;
    font-size: 1.5em;
    margin-bottom: 20px;
    text-align: center;
}

.footerinfoadicional .field__item
{
	    font-weight: 300;
    text-shadow: 5px 5px 10px black;
    color: #FFF;
    font-size: 1.2em;
    padding: 6px;
    margin-bottom: 20px;
}

.page-node-type-parques_y_escenarios .titulonoticias {

    top: 30px;
    bottom: auto;
}
.tit_serv
{
	    font-weight: 200;
    font-size: 1.5em;
}

.carousel-control-prev-icon, .carousel-control-next-icon {

    position: absolute;
    left: 0;
}




.carousel-control-prev, .carousel-control-next {

    width: 3%;
}


.cajas_listas_eve
{
  background-color: #F8F8F8;
  border-radius: 15px !important;
}

.cajas_listas_eve .titulos a
{
	color: #543089;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;

}
.cajas_listas_eve .Vermas
{
width: 100%;
    background-color: #543089;
    padding: 5px 5px 5px 24px;
    /* text-align: center; */
       border-radius: 0px 0px 15px 0px;
    bottom: 0;
}
.cajas_listas_eve .Vermas::after
{
	position: absolute;
    color: #FFF;
    right: 19px;
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.cajas_listas_eve .Vermas:hover::after, .cajas_listas_eve:hover .Vermas::after
{
            transform: translateX(5px); /* Mueve la flecha ligeramente */
        }
.cajas_listas_eve .Vermas a
{
    color: #FFF;
    text-decoration: none;
    padding-right: 130px;
}
.cajas_listas_eve img {
    border-radius: 15px 0px 0px 15px !important;
}

.ColorMoradoFondo .cajas_listas * {
    color: #4b4b4b;
}

.ColorMoradoFondo  .btn-default.focus, 
.ColorMoradoFondo  .btn-default:focus,
.ColorMoradoFondo .btn {
    color: #333;
    background-color: #ffc107;
    border-color: #ffc107;
}

.ColorMoradoFondo .bg-light  *
{ 
	color: #4b4b4b !important; 
	
}

.ColorMoradoFondo .bg-light 
{ 
	color: #4b4b4b !important; 
	
}




.grupoimagen_not_eve {
    position: relative;
    height:80vh; /* Ajusta la altura del contenedor principal */
    overflow: hidden;
        min-height: 500px;
  }


  
  
.grupoimagen_not_eve img
{
	    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que la imagen no pierda el formato */
    z-index: -1; /* Envía la imagen al fondo */
  
  	    object-position: center;
}
.breadcrumb {
    
    margin-bottom: 0px;
}




.field--name-dynamic-block-fieldnode-migas-de-pan .breadcrumb-item a {
    color: #ffffff;
    text-decoration: none;
}
.field--name-dynamic-block-fieldnode-migas-de-pan .breadcrumb-item {
 font-weight: 300;
    color: #FFF;
}

.field--name-dynamic-block-fieldnode-migas-de-pan  {
    background: #250b4b;
}
   
   
   a {
    color: #5b2d6d;
    text-decoration: underline;
}

.conjutocabezoteparques .h2
{
    color: white;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    z-index: 2;

    font-size: 2em;
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    z-index: 1;
    margin: 0;
    padding: 20px;
    padding: 0;
    bottom: 0;
    color: #FFF;
    font-weight: 700;
    text-shadow: 5px 5px 10px black;

}

.conjutocabezoteparques .h3
{
    color: white;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    z-index: 2;

    font-size: 1.5em;
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    z-index: 1;
    margin: 0;
    padding: 20px;
    padding: 0;
    bottom: 0;
    color: #FFF;
    font-weight: 500;
    text-shadow: 5px 5px 10px black;

}

.titulacionparques
{
	 top: 15%;
    left: 10%;
}


.titulacionparques .field--label-inline .field__label::after {
	content:""!important;
}


.titulacionparques .field--label-inline .field__label,.titulacionparques  .field--label-inline > .field__item,.titulacionparques  .field--label-inline .field__items {
    padding-right: 0.3em;
}

#field_nuestra_oferta-carousel a:hover img
{
    opacity: .8;
}

.tamano_medio
{

    font-size: 1.15em;
}

.imagenciclovia img
{
	   width: 100%;
}



.field--name-dynamic-block-fieldnode-visor-de-parques img {
    width: 80px !important;
    width: 150px;
    /* position: initial; */
    top: 0;
    left: 0;
    width: initial;
    height: auto;
    object-fit: initial;
}


.field--name-dynamic-block-fieldnode-visor-de-parques
{
    position: absolute;
    width: 150px;
    right: 3%;
    top: 3%;
        z-index: 1;
}

/*
.css-eventos .slick,.css-eventos .slick-wrapper {
    position: relative;
    max-width: 33%;
}*/



.BloqueCabezoteInternasParques  img 
{
    object-position: center !important;
}
    .BloqueCabezoteInternasParquesVideo {
  
    min-height: fit-content !important;
}

#block-govco-2025videocefes {
    position: absolute;
    bottom: 31%;
    right: 0;
}

/* Media queries para móviles */
@media (max-width: 1000px) {
	


#block-govco-2025videocefes {
    position: relative;

}
}

/* Media queries para móviles */
@media (max-width: 768px) {
	
	.BloqueCabezoteInternasParquesVideo {
    min-height: 300px !important;
}

#block-govco-2025videocefes {
    position: relative;

}

#block-govco-2025videocefes iframe {
   width:98%;

}
}