html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.container-fluid.d-footer {
  margin-top: auto;
}

.navmenu{
    /*background-color: #FFEB3B;*/
    border-bottom: 2px solid #E0E0E0;
}

.navbar>.container{
  border-bottom: #4e5052;
}

.navbar-brand,.nav-link,.titulo-footer{
    color: #333; 
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); 
    /*text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);*/
}

.nav-link:hover, .nav-link:focus {
  color: #005BBB;          /* azul institucional */
}
.nav-link.active {
  color: #005BBB;
  border-bottom: 3px solid #FFD500; /* subrayado amarillo */
}

.navbar-nav .nav-item {
  margin-right: 15px; /* Espacio entre los ítems */
}

.navbar-nav .nav-item:last-child {
  margin-right: 0; /* Elimina el margen del último ítem */
}






/*tamaño para titulos*/
.titulos-1{
    font-size: 1.08em;
    font-weight: 600;
    line-height: 1.1em
}

/*tamaño para los parrafos*/
.parrafos-1,.modal-body,.contenido-boletin{
  font-size: 0.9em;
  line-height: 1.2em;
}



/*estilos para cartas verdes*/
.cards .green {
  background-color: #F5F5F5;
}
    
.card{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px;
    /*box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 6px;*/      
}

.cards .card {
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  /*flex-direction: column;*/
  text-align: center;
  height: 80px;
  width: 100%;
  color: #000;
  cursor: pointer;
  transition: 400ms;
  padding: 15px;
  border: 1px solid rgba(203,203,203,0.4) !important;

}

.cards .card p.tip {
    font-size: 1.0em;
    margin-bottom: 0;
    font-weight: 600;
}

.cards a{
  text-decoration: none !important;
}

.cards .card:hover {
  transform: scale(1.1, 1.1);
}

.card{border-radius:0 !important;border:none !important}
    
    



/*FOOTER*/

/* 1. Contenedor principal (Eliminado el estilo de la "caja") */
.d-footer{
    /* Mantenemos el fondo de color y el gradiente */
    background: linear-gradient(135deg, #0056b3, #00418a);
    color: #fff;
    text-shadow: none;
    /* Aumentamos el padding para más aire */
    padding: 48px 0 24px; 
    margin: 0;
    position: relative;
}

/* Sombra superior - Se mantiene para separar del contenido de arriba */
.d-footer footer::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    box-shadow: 0 -8px 18px rgba(0,0,0,0.35);
}

.d-footer footer {
    align-items: stretch;
}

/* CLASE .footer-card ELIMINADA (Ya no la necesitamos) */


/* 2. Logo y Título */
.footer-logo{
    max-width: 60px;
    height: auto;
    margin-bottom: 0.75rem;
}

.footer-title{
    text-transform: uppercase;
    font-size: 1rem; /* Ligeramente más grande */
    font-weight: 700; /* Más negrito */
    letter-spacing: 0.08em;
    margin-bottom: 1.5rem; /* Más espacio para la línea divisoria */
    position: relative;
    text-decoration: none !important;
    border-bottom: none !important;
    color:#fff !important;
}

/* Línea debajo del título */
.footer-title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.5rem; /* La separamos más del título */
    width: 48px; /* La hacemos más ancha */
    height: 3px; /* La hacemos más gruesa */
    background: #ffdd57; /* Mantenemos el color de acento */
    border-radius: 2px;
}

/* 3. Estilos de Contacto */
.footer-contact{
    line-height: 1.6em; /* Ligeramente más espaciado */
    margin-bottom: 0;
}

.footer-contact i{
    font-size: 1rem;
    margin-right: 4px;
}

address > p > a{
    text-decoration: none;
    color:#fff;
    transition: color 0.2s ease;
}

address > p > a:hover{
    color: #ffdd57;
}

/* 4. Estilos de Enlaces de Navegación */
footer .nav-item a{
    color: #e6f0ff !important;
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.2s ease, transform 0.15s ease;
}

footer .nav-item a:hover{
    color: #ffffff !important;
    transform: translateX(4px); /* Mantenemos el efecto de deslizamiento moderno */
}



/* 5. NUEVO: Estilos de Redes Sociales */
.social-links a {
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
    color: #fff;
    /* Para que el borde superior (pt-2 border-top) se vea bien */
}

.social-links a:hover {
    color: #ffdd57 !important; /* Resaltar en color de acento */
    transform: translateY(-2px) scale(1.05);
}


/* 6. Pie de Página de Derechos de Autor */
.footer-bottom{
    /* Separador más sutil y más aire */
    border-top: 1px solid rgba(255,255,255,0.15); 
    margin-top: 3rem; 
    padding-top: 1.5rem; 
    font-size: 0.85rem;
    opacity: 0.8;
}

/* AJUSTES PARA MÓVIL */
@media (max-width: 767.98px){

    /* Centrar contenido y que no se vea tan “pesado” */
    .d-footer footer{
        text-align: center;
    }

    .footer-card{
        max-width: 100%;
        margin: 0 auto 1rem;
        padding: 16px 16px;
        border-radius: 14px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.16);
    }

    /* Logo centrado */
    .footer-logo{
        display: block;
        margin: 0 auto 0.75rem;
    }

    /* Títulos un poco más pequeños y con subrayado centrado */
    .footer-title{
        font-size: 0.85rem;
        letter-spacing: 0.04em;
    }

    .footer-title::after{
        left: 50%;
        transform: translateX(-50%);
    }

    /* Texto de contacto centrado */
    .footer-contact{
        text-align: center;
    }

    /* Texto de derechos un poco más pequeño */
    .footer-bottom{
        font-size: 0.75rem;
        padding-top: 0.4rem;
        margin-top: 0.5rem;
    }
}


/* Fuente iconografica */
@font-face {
  font-family: "govco-font";
  src: url("../assets/icons/fonts/govco-font-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


.barra-superior-govco {
  background-color: #3366cc;
  width: 100%;
  height: 2rem;
}

.barra-superior-govco a {
  content: url(https://cdn.www.gov.co/assets/images/logo.svg);
  height: 1.875rem;
  width: 8.5rem;
}

.barra-superior-govco a:focus-visible {
  outline: max(0.125rem, 0.15em) solid #FFFFFF;
  border-radius: 0.313rem;
}

.barra-superior-govco .idioma-icon-barra-superior-govco {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.313rem;
  background-color: #FFFFFF;
  cursor: pointer;
  padding: 0;
  border: 0.125rem solid #FFFFFF;
  font-size: 10px;
  position: absolute;
  right: 5.375rem;
}

.barra-superior-govco .idioma-icon-barra-superior-govco:hover {
  background-color: #004884;
}

.barra-superior-govco .idioma-icon-barra-superior-govco:focus {
  outline: max(0.125rem, 0.15em) solid #FFFFFF;
  outline-offset: max(0.188rem, 0.15em);
}

.barra-superior-govco .idioma-icon-barra-superior-govco::before {
  font-family: "govco-font";
  content: '\ec56';
  color: #3366CC;
  font-size: 14px;
}

.barra-superior-govco .idioma-icon-barra-superior-govco:hover::before {
  color: #FFFFFF;
}

@media (max-width: 991px) {
  .barra-superior-govco {
    justify-content: center;
    padding: 0;
  }

  .barra-superior-govco .idioma-icon-barra-superior-govco  {
    right: 1rem;
  }
}