html {
    scroll-behavior: smooth;
  }

/**** Clases generales ***/

.btn-primary{
    background-color: #005d9a!important;
}


.btn-primary:hover{
    transition: all ease-out .3s;
    background-color: #202c4d!important;

}

.modal button.close{
    margin: 5px;
padding: 10px;
border-radius: 50%;
width: 38px;
height: 38px;
border: none;
color: #005d9a;
background: white;
box-shadow: 0 0 4px #005d9a;
font-size: 1rem;
font-weight: 900;
}

.modal button.close:hover{
    color: #202c4d;
box-shadow: 0 0 4px #202c4d;
}

/*** End Clases generales  ***/











/******* Estilos navbar nueva ******/
.navbar{
    background: white;
    font-family: "Azo Sans";
}

.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .show>.nav-link {
    color: #f6a800;
    transition: all ease-out .3s;
    font-family: "Azo Sans";
}

.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {
    transition: all ease-out .3s;
    color: rgba(246,168,0,.9);
  }


.dropdown-item:focus, .dropdown-item:hover {
    transition: all ease-out .3s;
    color: #fff;
    text-decoration: none;
    background-color: #143a63;
}
.navbar .navbar-nav .nav-link {
    color: rgba(32,44,77,.9);
}


.navbar.fixed-top{
    display: flex;
    flex-direction: column;
   
}


.mobileMenu.open{
    background-color: white;
}
.navbar {
    font-size: 14px;
}
/************/




@media(max-width: 992px){
    .navbar>.container-fluid {
        flex-direction: row-reverse;
    }

    .navbar-toggler{
        padding: .60rem .75rem;

        color: rgba(32,44,77,.5);
  border-color: rgba(32,44,77,.15);
 
  margin: 10px;
    }


    .navbar-toggler:hover{
        transition: all ease-out .4s;
       
  border-color: rgba(32,44,77,.15);
  box-shadow: 0 0 4px rgba(32,44,77,.45);
  margin: 10px;
    }


    .mobileMenu{
        top: 60px;
    }

 
        #menu-especificas {
          padding: 10px 20px;
        }
    


}


/*ESTILO SSECTIONS DFAULT*/


.section{
    padding: 30px 20px;
    min-height: 100%;
}






  /*Estilos buscador*/
  a.borrar{
    line-height: 38px;
}

.buscar:hover, .buscar:focus{
    transition: all ease-out .4s;
    background: #005d9a ;
}





/*Estilos Informacion de oficio*/


.comunes a{
    width: calc(238px + 3rem);
    }
    
    
    #items-obligaciones a{
        padding: 10px;
    }
    #items-obligaciones a:hover{
        transition: all ease-in .3s;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
    }
    
    
    
    
    .modulo-destacados   ul{
    
        column-count: 2;
      text-align: justify;
    }
    
    
    
    #menu-especificas{
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }
    
    .widget-especificas{
        width: 100%;
    }
 
    
    .widget-especificas li{
        width: 95%;
        margin: 0 15px;
    }
    @media(max-width: 930px){
        #contenedor-temas  .widget-especificas ul li{
            width: 100%;
        }
        .widget-especificas li{
            width: 100%;
        }
        .modulo-destacados ul{
            column-count: 1;
        }
        
    }
    
    @media(max-width: 830px){
        .widget-especificas li{
            width: 45%;
        }
        
    }
    @media(max-width: 667px){
        .widget-especificas li{
            width: 100%;
        }
        
    }
    
    .widget-especificas > a{
    
       
        text-decoration: none;
        border-radius: 0px;
        background: none;
        
    
    
    
    
    
    }
    
    #items-obligaciones  li a{
        text-decoration: none;
        border-radius: 0px;
        background: transparent;
        color: #888888!important;
    }
    
    
    
    @media(max-width: 767px){
        .widget-especificas li{
            width: 100%;
            
        }
    }
    
    
    @media(max-width: 677px){
        #items-obligaciones a{
            width: 100%; 
            }
    }
    


/*  Estillos index*/


a.link-modulo{
    display: block;
}



/**** Estilos buscador *****/

#caja-busqueda {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }


  #caja-busqueda form {
     /* width: 65%;  */
  }

  .campo-buscar {
    padding: 13px;
  }






/****** Estilos resultados de busqueda******/

.sub-tit-obligacion{
    text-transform: uppercase;
}






/******VISOR*****/

.modal-title-visor{
    color: #005d9a;
}









/*footer*/

.comentarios h3{
    font-size: 18px;
}




a.link-contacto-footer::hover,i.link-contacto-footer::hover {
    color: #32B1B4;
  text-decoration: none;
  transition:  all ease-out .3s;
}


/*** estilos ruta o migajas de pan ****/

#ruta {
    width: 50%;
}